From c18364104fefefb8a2e9747c6975fee9769c7a3d Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 3 Jun 2024 14:34:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E5=8A=9E=E6=96=B9=E3=80=81cro?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=96=B0=E5=A2=9Elevel=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../institutions/components/CROs.vue          | 170 +++++++++++-------
 .../institutions/components/CroForm.vue       | 104 +++++++----
 .../institutions/components/SponsorForm.vue   | 113 ++++++++----
 .../institutions/components/Sponsors.vue      | 170 +++++++++++-------
 4 files changed, 346 insertions(+), 211 deletions(-)

diff --git a/src/views/dictionary/institutions/components/CROs.vue b/src/views/dictionary/institutions/components/CROs.vue
index cdb145d0..1b3d32c9 100644
--- a/src/views/dictionary/institutions/components/CROs.vue
+++ b/src/views/dictionary/institutions/components/CROs.vue
@@ -3,26 +3,34 @@
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
         <el-form-item label="CRO Name:">
-          <el-input v-model="searchData.CROName" style="width:100px;" />
+          <el-input v-model="searchData.CROName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">Reset</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
+            >Search</el-button
+          >
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+            >Reset</el-button
+          >
         </el-form-item>
       </el-form>
-      <span style="margin-left:auto;">
+      <span style="margin-left: auto">
         <el-button
           size="small"
           type="primary"
-          style="margin-left:auto;"
+          style="margin-left: auto"
           icon="el-icon-plus"
           @click="handleAddCro"
-        >New</el-button>
+          >New</el-button
+        >
       </span>
     </div>
     <el-table
       v-loading="loading"
-      v-adaptive="{bottomOffset:60}"
+      v-adaptive="{ bottomOffset: 60 }"
       :data="list"
       stripe
       height="100"
@@ -50,6 +58,16 @@
         show-overflow-tooltip
         sortable="custom"
       />
+      <el-table-column
+        prop="IsTrialLevel"
+        label="Level"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="Action" min-width="200">
         <template slot-scope="scope">
           <el-button
@@ -68,7 +86,13 @@
       </el-table-column>
     </el-table>
     <!-- 分页组件 -->
-    <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+    <pagination
+      class="page"
+      :total="total"
+      :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize"
+      @pagination="getList"
+    />
 
     <el-dialog
       v-if="editVisible"
@@ -78,26 +102,32 @@
       width="600px"
       custom-class="base-dialog-wrapper"
     >
-      <CroForm v-if="editVisible" :data="rowData" @close="close" @getList="getList" />
+      <CroForm
+        v-if="editVisible"
+        :data="rowData"
+        :IsTrialLevel="rowData.IsTrialLevel"
+        @close="close"
+        @getList="getList"
+      />
     </el-dialog>
   </box-content>
 </template>
 <script>
-import { getCROPageList, deleteCROCompany } from '@/api/dictionary'
-import BoxContent from '@/components/BoxContent'
-import Pagination from '@/components/Pagination'
-import CroForm from './CroForm'
+import { getCROPageList, deleteCROCompany } from "@/api/dictionary";
+import BoxContent from "@/components/BoxContent";
+import Pagination from "@/components/Pagination";
+import CroForm from "./CroForm";
 const searchDataDefault = () => {
   return {
-    CROName: '',
+    CROName: "",
     PageIndex: 1,
     PageSize: 20,
     Asc: true,
-    SortField: ''
-  }
-}
+    SortField: "",
+  };
+};
 export default {
-  name: 'Cros',
+  name: "Cros",
   components: { BoxContent, Pagination, CroForm },
   data() {
     return {
@@ -107,87 +137,93 @@ export default {
       loading: false,
       rowData: {},
       editVisible: false,
-      title: ''
-    }
+      title: "",
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
   },
   methods: {
     // 获取CRO列表信息
     getList() {
-      this.loading = true
-      getCROPageList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      getCROPageList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新增CRO
     handleAddCro() {
-      this.rowData = {}
-      this.title = 'Add'
-      this.editVisible = true
+      this.rowData = {};
+      this.title = "Add";
+      this.editVisible = true;
     },
     // 编辑CRO
     handleEdit(row) {
-      this.rowData = row
-      this.title = 'Edit'
-      this.editVisible = true
+      this.rowData = row;
+      this.title = "Edit";
+      this.editVisible = true;
     },
     // 删除CRO
     handleDelete(row) {
-      this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
-        type: 'warning',
+      this.$confirm(this.$t("trials:uploadedDicoms:message:deleteMes"), {
+        type: "warning",
         distinguishCancelAndClose: true,
-
-      })
-        .then(() => {
-          this.loading = true
-          deleteCROCompany(row.Id)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
-              }
-            }).catch(() => {
-              this.loading = false
-            })
-        })
+      }).then(() => {
+        this.loading = true;
+        deleteCROCompany(row.Id)
+          .then((res) => {
+            this.loading = false;
+            if (res.IsSuccess) {
+              this.list.splice(
+                this.list.findIndex((item) => item.Id === row.Id),
+                1
+              );
+              this.$message.success(
+                this.$t("common:message:deletedSuccessfully")
+              );
+            }
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     // 重置列表
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 指定排序字段，对列表进行排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 关闭模态框
     close() {
-      this.editVisible = false
-    }
-  }
-}
+      this.editVisible = false;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.cros{
+.cros {
   height: 100%;
 }
 </style>
diff --git a/src/views/dictionary/institutions/components/CroForm.vue b/src/views/dictionary/institutions/components/CroForm.vue
index 63552c0b..8ce5dd67 100644
--- a/src/views/dictionary/institutions/components/CroForm.vue
+++ b/src/views/dictionary/institutions/components/CroForm.vue
@@ -17,70 +17,98 @@
       <el-form-item label="CRO Code: " prop="CROCode">
         <el-input v-model="form.CROCode" />
       </el-form-item>
+      <el-form-item label="Level: " prop="CROCode">
+        <el-switch
+          :disabled="!IsTrialLevel"
+          v-model="form.IsTrialLevel"
+          :active-text="$fd('IsTrialLevel', 'true')"
+          :inactive-text="$fd('IsTrialLevel', 'false')"
+        >
+        </el-switch>
+      </el-form-item>
     </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
-        <el-button :disabled="btnLoading" type="primary" @click="handleCancel">Cancel</el-button>
-        <el-button type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
+        <el-button :disabled="btnLoading" type="primary" @click="handleCancel"
+          >Cancel</el-button
+        >
+        <el-button type="primary" :loading="btnLoading" @click="handleSave"
+          >Save</el-button
+        >
       </el-form-item>
     </div>
   </el-form>
 </template>
 <script>
-import { addOrUpdateCro } from '@/api/dictionary'
+import { addOrUpdateCro } from "@/api/dictionary";
 export default {
-  name: 'CroForm',
+  name: "CroForm",
   props: {
     data: {
       type: Object,
       default() {
-        return {}
-      }
-    }
+        return {};
+      },
+    },
+    IsTrialLevel: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
       btnLoading: false,
       form: {
-        Id: '',
-        CROName: '',
-        CRONameCN: '',
-        CROCode: ''
+        Id: "",
+        CROName: "",
+        CRONameCN: "",
+        CROCode: "",
+        IsTrialLevel: true,
       },
       rules: {
-        CROName: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        CRONameCN: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        CROCode: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }]
-      }
-    }
+        CROName: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+        CRONameCN: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+        CROCode: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+      },
+    };
   },
   mounted() {
     if (Object.keys(this.data).length && this.data.Id) {
-      this.form = { ...this.data }
+      this.form = { ...this.data };
     }
   },
   methods: {
     handleSave() {
-      this.$refs.CROForm.validate(valid => {
-        if (!valid) return
-        this.btnLoading = true
-        addOrUpdateCro(this.form).then(res => {
-          this.btnLoading = false
-          if (res.IsSuccess) {
-            this.$message.success('Saved successfully')
-            this.$refs['CROForm'].resetFields()
-            this.$emit('getList')
-            this.$emit('close')
-          }
-        }).catch(() => {
-          this.btnLoading = false
-        })
-      })
+      this.$refs.CROForm.validate((valid) => {
+        if (!valid) return;
+        this.btnLoading = true;
+        addOrUpdateCro(this.form)
+          .then((res) => {
+            this.btnLoading = false;
+            if (res.IsSuccess) {
+              this.$message.success("Saved successfully");
+              this.$refs["CROForm"].resetFields();
+              this.$emit("getList");
+              this.$emit("close");
+            }
+          })
+          .catch(() => {
+            this.btnLoading = false;
+          });
+      });
     },
     handleCancel() {
-      this.$emit('close')
-    }
-  }
-
-}
+      this.$emit("close");
+    },
+  },
+};
 </script>
diff --git a/src/views/dictionary/institutions/components/SponsorForm.vue b/src/views/dictionary/institutions/components/SponsorForm.vue
index d7d55c5f..bf3cbb7a 100644
--- a/src/views/dictionary/institutions/components/SponsorForm.vue
+++ b/src/views/dictionary/institutions/components/SponsorForm.vue
@@ -1,5 +1,4 @@
 <template>
-
   <el-form
     ref="sponsorForm"
     :model="form"
@@ -18,70 +17,106 @@
       <el-form-item label="Sponsor Code: " prop="SponsorName">
         <el-input v-model="form.SponsorCode" />
       </el-form-item>
+      <el-form-item label="Level: " prop="CROCode">
+        <el-switch
+          :disabled="!IsTrialLevel"
+          v-model="form.IsTrialLevel"
+          :active-text="$fd('IsTrialLevel', 'true')"
+          :inactive-text="$fd('IsTrialLevel', 'false')"
+        >
+        </el-switch>
+      </el-form-item>
     </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">Cancel</el-button>
-        <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="handleCancel"
+          >Cancel</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="handleSave"
+          >Save</el-button
+        >
       </el-form-item>
     </div>
   </el-form>
 </template>
 <script>
-import { addOrUpdateSponsor } from '@/api/dictionary'
+import { addOrUpdateSponsor } from "@/api/dictionary";
 export default {
-  name: 'SponsorForm',
+  name: "SponsorForm",
   props: {
     data: {
       type: Object,
       default() {
-        return {}
-      }
-    }
+        return {};
+      },
+    },
+    IsTrialLevel: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
       btnLoading: false,
       form: {
-        Id: '',
-        SponsorName: '',
-        SponsorNameCN: '',
-        SponsorCode: '',
+        Id: "",
+        SponsorName: "",
+        SponsorNameCN: "",
+        SponsorCode: "",
+        IsTrialLevel: true,
       },
       rules: {
-        SponsorName: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        SponsorNameCN: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        SponsorCode: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }]
-      }
-    }
+        SponsorName: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+        SponsorNameCN: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+        SponsorCode: [
+          { required: true, message: "Please specify", trigger: "blur" },
+          { max: 50, message: "The maximum length is 50" },
+        ],
+      },
+    };
   },
   mounted() {
     if (Object.keys(this.data).length && this.data.Id) {
-      this.form = { ...this.data }
+      this.form = { ...this.data };
     }
   },
   methods: {
     handleSave() {
-      this.$refs.sponsorForm.validate(valid => {
-        if (!valid) return
-        this.btnLoading = true
-        addOrUpdateSponsor(this.form).then(res => {
-          this.btnLoading = false
-          if (res.IsSuccess) {
-            this.$message.success('Saved successfully')
-            this.$refs['sponsorForm'].resetFields()
-            this.$emit('getList')
-            this.$emit('close')
-          }
-        }).catch(() => {
-          this.btnLoading = false
-        })
-      })
+      this.$refs.sponsorForm.validate((valid) => {
+        if (!valid) return;
+        this.btnLoading = true;
+        addOrUpdateSponsor(this.form)
+          .then((res) => {
+            this.btnLoading = false;
+            if (res.IsSuccess) {
+              this.$message.success("Saved successfully");
+              this.$refs["sponsorForm"].resetFields();
+              this.$emit("getList");
+              this.$emit("close");
+            }
+          })
+          .catch(() => {
+            this.btnLoading = false;
+          });
+      });
     },
     handleCancel() {
-      this.$emit('close')
-    }
-  }
-
-}
+      this.$emit("close");
+    },
+  },
+};
 </script>
diff --git a/src/views/dictionary/institutions/components/Sponsors.vue b/src/views/dictionary/institutions/components/Sponsors.vue
index f1292653..2a9769cc 100644
--- a/src/views/dictionary/institutions/components/Sponsors.vue
+++ b/src/views/dictionary/institutions/components/Sponsors.vue
@@ -3,26 +3,34 @@
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
         <el-form-item label="Sponsor Name:">
-          <el-input v-model="searchData.SponsorName" style="width:100px;" />
+          <el-input v-model="searchData.SponsorName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">Reset</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
+            >Search</el-button
+          >
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+            >Reset</el-button
+          >
         </el-form-item>
       </el-form>
-      <span style="margin-left:auto;">
+      <span style="margin-left: auto">
         <el-button
           size="small"
           type="primary"
-          style="margin-left:auto;"
+          style="margin-left: auto"
           icon="el-icon-plus"
           @click="handleAddSponsor"
-        >New</el-button>
+          >New</el-button
+        >
       </span>
     </div>
     <el-table
       v-loading="loading"
-      v-adaptive="{bottomOffset:60}"
+      v-adaptive="{ bottomOffset: 60 }"
       :data="list"
       stripe
       height="100"
@@ -50,6 +58,16 @@
         show-overflow-tooltip
         sortable="custom"
       />
+      <el-table-column
+        prop="IsTrialLevel"
+        label="Level"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="Action" min-width="150">
         <template slot-scope="scope">
           <el-button
@@ -68,7 +86,13 @@
       </el-table-column>
     </el-table>
     <!-- 分页组件 -->
-    <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+    <pagination
+      class="page"
+      :total="total"
+      :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize"
+      @pagination="getList"
+    />
 
     <el-dialog
       v-if="editVisible"
@@ -78,26 +102,32 @@
       width="600px"
       custom-class="base-dialog-wrapper"
     >
-      <sponsor-form v-if="editVisible" :data="rowData" @close="close" @getList="getList" />
+      <sponsor-form
+        v-if="editVisible"
+        :IsTrialLevel="rowData.IsTrialLevel"
+        :data="rowData"
+        @close="close"
+        @getList="getList"
+      />
     </el-dialog>
   </box-content>
 </template>
 <script>
-import { getSponsorPageList, deleteSponsor } from '@/api/dictionary'
-import BoxContent from '@/components/BoxContent'
-import Pagination from '@/components/Pagination'
-import SponsorForm from './SponsorForm'
+import { getSponsorPageList, deleteSponsor } from "@/api/dictionary";
+import BoxContent from "@/components/BoxContent";
+import Pagination from "@/components/Pagination";
+import SponsorForm from "./SponsorForm";
 const searchDataDefault = () => {
   return {
-    SponsorName: '',
+    SponsorName: "",
     PageIndex: 1,
     PageSize: 20,
     Asc: true,
-    SortField: ''
-  }
-}
+    SortField: "",
+  };
+};
 export default {
-  name: 'Sponsors',
+  name: "Sponsors",
   components: { BoxContent, Pagination, SponsorForm },
   data() {
     return {
@@ -107,87 +137,93 @@ export default {
       loading: false,
       rowData: {},
       editVisible: false,
-      title: ''
-    }
+      title: "",
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
   },
   methods: {
     // 获取Sponsors列表
     getList() {
-      this.loading = true
-      getSponsorPageList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      getSponsorPageList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新增Sponsor
     handleAddSponsor() {
-      this.rowData = {}
-      this.title = 'Add'
-      this.editVisible = true
+      this.rowData = {};
+      this.title = "Add";
+      this.editVisible = true;
     },
     // 编辑Sponsor
     handleEdit(row) {
-      this.rowData = row
-      this.title = 'Edit'
-      this.editVisible = true
+      this.rowData = row;
+      this.title = "Edit";
+      this.editVisible = true;
     },
     // 删除Sponsor
     handleDelete(row) {
-      this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
-        type: 'warning',
+      this.$confirm(this.$t("trials:uploadedDicoms:message:deleteMes"), {
+        type: "warning",
         distinguishCancelAndClose: true,
-
-      })
-        .then(() => {
-          this.loading = true
-          deleteSponsor(row.Id)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
-              }
-            }).catch(() => {
-              this.loading = false
-            })
-        })
+      }).then(() => {
+        this.loading = true;
+        deleteSponsor(row.Id)
+          .then((res) => {
+            this.loading = false;
+            if (res.IsSuccess) {
+              this.list.splice(
+                this.list.findIndex((item) => item.Id === row.Id),
+                1
+              );
+              this.$message.success(
+                this.$t("common:message:deletedSuccessfully")
+              );
+            }
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     // 重置列表
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 指定排序字段，对列表进行排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 关闭模态框
     close() {
-      this.editVisible = false
-    }
-  }
-}
+      this.editVisible = false;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.sponsors{
+.sponsors {
   height: 100%;
 }
 </style>