增加供应商导入

src/views/system/supplierManage/index.vue

@@ -8,7 +8,7 @@
       :inline="true"
       label-width="90px"
     >
-        <TenantSelect v-model="queryParams.tenantIds" placeholder="请选择机构名称" prop="tenantIds" />
+      <TenantSelect v-model="queryParams.tenantIds" placeholder="请选择机构名称" prop="tenantIds" />
       <el-form-item label="供应商名称">
         <el-input
           v-model="queryParams.supplierName"
@@ -43,15 +43,19 @@
         <Icon icon="ep:plus" class="mr-5px" />
         新增
       </el-button>
-      <!-- <el-button type="success" plain @click="importRefCK" v-hasPermi="['system:supplier:input']">
+      <el-button type="success" plain @click="importRefCK" v-hasPermi="['system:supplier:input']">
         <Icon icon="ep:upload" class="mr-5px" />
         导入
-      </el-button> -->
+      </el-button>
     </div>
 
-
-    <el-table v-loading="loading" :data="list" @selection-change="handleSelectable" :header-cell-style="tableHeaderColor">
-      <el-table-column width="55"  align="center" type="selection" />
+    <el-table
+      v-loading="loading"
+      :data="list"
+      @selection-change="handleSelectable"
+      :header-cell-style="tableHeaderColor"
+    >
+      <el-table-column width="55" align="center" type="selection" />
 
       <el-table-column header-align="center" align="center" label="序号" width="100">
         <template #default="scope">
@@ -60,16 +64,33 @@
           }}
         </template>
       </el-table-column>
-      <el-table-column prop="supplierNumber" header-align="center" align="center" label="供应商编号" />
-      <el-table-column prop="typeName" header-align="center" align="center" label="供应商类型"/>
-      <el-table-column prop="supplierNickName" header-align="center" align="center" label="供应商简称" />
-      <el-table-column prop="supplierName" header-align="center" align="center" label="供应商全称" />
-      <el-table-column prop="phone" header-align="center" align="center" label="电话"/>
+      <el-table-column
+        prop="supplierNumber"
+        header-align="center"
+        align="center"
+        label="供应商编号"
+      />
+      <el-table-column prop="typeName" header-align="center" align="center" label="供应商类型" />
+      <el-table-column
+        prop="supplierNickName"
+        header-align="center"
+        align="center"
+        label="供应商简称"
+      />
+      <el-table-column
+        prop="supplierName"
+        header-align="center"
+        align="center"
+        label="供应商全称"
+      />
+      <el-table-column prop="phone" header-align="center" align="center" label="电话" />
       <el-table-column prop="contacts" header-align="center" align="center" label="联系人" />
       <el-table-column prop="operator" header-align="center" align="center" label="业务员" />
       <el-table-column prop="status" header-align="center" align="center" label="状态">
         <template #default="scope">
-          <el-tag :type="scope.row.status==0?'primary':'danger'">{{scope.row.status==0?'正常':'禁用'}}</el-tag>
+          <el-tag :type="scope.row.status == 0 ? 'primary' : 'danger'">{{
+            scope.row.status == 0 ? '正常' : '禁用'
+          }}</el-tag>
         </template>
       </el-table-column>
 
@@ -126,16 +147,14 @@
       desc: '供应商设置-导入模板'
     }"
   />
-
-
 </template>
 
 <script setup lang="ts">
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 import AddForm from '@/views/system/supplierManage/AddForm.vue'
 import DetailForm from '@/views/system/supplierManage/DetailsForm.vue'
-import {getSupplierPage, supplierDelete} from "@/api/system/supplierManage";
-import Import from "@/components/ImportFile/index.vue";
+import { getSupplierPage, supplierDelete } from '@/api/system/supplierManage'
+import Import from '@/components/ImportFile/index.vue'
 import { useUserStore } from '@/store/modules/user'
 
 const message = useMessage() // 消息弹窗
@@ -151,7 +170,7 @@ let queryParams = reactive({
   pageSize: 10,
   supplierName: '',
   typeName: '',
-  tenantIds:userStore.orgTenantId
+  tenantIds: userStore.orgTenantId
 })
 const queryFormRef = ref() // 搜索的表单
 
@@ -171,32 +190,32 @@ const getList = async () => {
 
 /** 删除列表 */
 const deleteList = async (id) => {
-
   try {
     // 取消的二次确认
     await message.delConfirm('确定要删除这条数据吗？')
     // 发起取消
     loading.value = true
-    await  supplierDelete(id)
+    await supplierDelete(id)
     loading.value = false
     await getList()
     message.success('删除成功!')
-  } catch {loading.value = false}
-
+  } catch {
+    loading.value = false
+  }
 }
 
 const selectableList = ref([] as any[])
-const handleSelectable = (row:any) => {
+const handleSelectable = (row: any) => {
   selectableList.value = row
-   console.log(row)
+  console.log(row)
 }
 
-const deleteCK = (id)=>{
-    if(id){
-      deleteList(id)
-    }else {
-      deleteList(selectableList.value[0].id)
-    }
+const deleteCK = (id) => {
+  if (id) {
+    deleteList(id)
+  } else {
+    deleteList(selectableList.value[0].id)
+  }
 }
 
 const importRefCK = () => {