设备产品数据库删除功能

src/api/purchase/equipmentData.js

@@ -31,4 +31,12 @@ export function getEquipmentDetail(id) {
     url: `/device/origin/${id}`,
     method: 'get',
   })
+}
+// 设备产品数据库删除
+export function deleteEquipments(data) {
+  return request({
+    url: `/device/origin/delete`,
+    method: 'post',
+    data: data
+  })
 }

src/views/purchase/equipmentData/add.vue

@@ -47,33 +47,6 @@
             </el-form-item>
           </el-col>
 
-          <!-- <el-col :span="1.5">
-            <el-form-item label="省份" prop="province">
-              <el-input clearable :disabled="sonDisable" size="mini" v-model="basicForm.province">
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="1.5">
-            <el-form-item label="大区负责人" prop="largeZoneCommander">
-              <el-input clearable :disabled="sonDisable" size="mini" v-model="basicForm.largeZoneCommander">
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="1.5">
-            <el-form-item label="业务经理" prop="serviceManager">
-              <el-input clearable :disabled="sonDisable" size="mini" v-model="basicForm.serviceManager">
-              </el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="1.5">
-            <el-form-item label="售后工程师" prop="afterSalesEngineer">
-              <el-input clearable :disabled="sonDisable" size="mini" v-model="basicForm.afterSalesEngineer">
-              </el-input>
-            </el-form-item>
-          </el-col> -->
         </el-row>
 
         <el-row>
@@ -86,10 +59,11 @@
 
         <el-row>
           <el-col :span="12">
-            <el-form-item label="文件上传" prop="fileIds">
+            <el-form-item label="文件上传" prop="sysMaterialDeviceOriginFileList">
             <el-upload
               class="upload-demo"
-              :action="url + basicForm.id"
+              :action="url"
+              :headers="headers"
               :on-preview="handlePreview"
               :on-success='handleSuccess'
               :on-remove="handleRemove"
@@ -97,7 +71,7 @@
               multiple
               :limit="1"
               :on-exceed="handleExceed"
-              :file-list="basicForm.fileIds">
+              :file-list="basicForm.sysMaterialDeviceOriginFileList">
               <el-button size="small" type="primary">点击上传</el-button>
               <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
             </el-upload>
@@ -189,6 +163,7 @@
 </template>
 
 <script>
+import { getToken } from "@/utils/auth";
 import { addEquipment, getEquipmentDetail } from '@/api/purchase/equipmentData.js'
 export default {
   components: {
@@ -213,7 +188,7 @@ export default {
         referencePrice: '',
         parameters: '',
         sysMaterialDeviceOriginItemList: [],
-        fileIds: [],
+        sysMaterialDeviceOriginFileList: [],
         isProjectOrFactoryEmpower: '',
         remark: '',
       },
@@ -226,7 +201,8 @@ export default {
       basicRules: {},
       ids:[],
       delDemandItemList:[],
-      url: process.env.VUE_APP_BASE_API + '/device/origin/upload?deviceOriginId='
+      headers: { Authorization: "Bearer " + getToken() },
+      url: process.env.VUE_APP_BASE_API + '/device/origin/upload'
     }
   },
   created() {
@@ -291,14 +267,14 @@ export default {
     },
     handleRemove(file, fileList) {
       console.log(file, fileList);
-      this.basicForm.fileIds = []
+      this.basicForm.sysMaterialDeviceOriginFileList = []
     },
     handlePreview(file) {
       console.log(file);
     },
     handleSuccess(response, file, fileList) {
       console.log(response)
-      this.basicForm.fileIds = response.data
+      this.basicForm.sysMaterialDeviceOriginFileList = response.data
     },
     handleExceed(files, fileList) {
       this.$message.warning(`当前限制选择1个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);

src/views/purchase/equipmentData/index.vue

@@ -29,11 +29,14 @@
 
       <div class="btn_grooup">
         <el-button type="primary" size="mini" @click="addDivision">新增</el-button>
+        <el-button type="primary" size="mini" @click="delItems">删除</el-button>
         <el-button type="primary" size="mini" @click="downLoadMb">下载模板</el-button>
         <el-button type="primary" size="mini" @click="upload.open = true">导入数据</el-button>
       </div>
       <el-super-ux-table
         v-model="tableData"
+        index
+        checkbox
         :size="size"
         :dict="dict"
         :page="pageInfo"
@@ -44,7 +47,10 @@
         storage-key="equipmentDataSuperTable"
         @row-dblclick="useSee"
         @row-select="useSelect"
+        @selection-change="handleSelectionChange"
+        @row-click="rowSelect"
         @pagination="useQuery(params, pageInfo)"
+        ref="tables"
       >
         <ux-table-column
           fixed="right"
@@ -100,7 +106,7 @@
 <script>
 // 导入的token
 import { getToken } from "@/utils/auth";
-import { getEquipmentDataList, downLoadMb} from '@/api/purchase/equipmentData.js'
+import { getEquipmentDataList, downLoadMb, deleteEquipments} from '@/api/purchase/equipmentData.js'
 export default {
   name: "equipmentData",
   dicts: [],
@@ -157,7 +163,17 @@ export default {
         { item: { key: "isProjectOrFactoryEmpower", title: "是否项目/厂家年度授权", width: 150 }, attr: {} },
         { item: { key: "parameters", title: "参数", width: 150 }, attr: {} },
         { item: { key: "remark", title: "备注", width: 150 }, attr: {} },
-      ],
+      ].map(({ item, attr }) => ({
+      attr,
+      item: {
+        ...item,
+        sortabled: true,
+        fixedabled: true,
+        filterabled: true,
+        hiddenabled: true,
+      },
+      })),
+      ids: []
     }
   },
   created() {
@@ -166,6 +182,14 @@ export default {
   methods: {
     useSee() {},
     useSelect() {},
+    handleSelectionChange(selection) {
+      console.log('选中', selection)
+      this.ids = selection.map(item => item.id)
+      console.log('选中数组', this.ids)
+    },
+    rowSelect(row) {
+      this.$refs.tables.toggleRowSelection([{row: row}]);
+    },
     // 加载列表
     async useQuery(prop, page) {
       let params = {...prop, ...page}
@@ -182,6 +206,18 @@ export default {
       this.page = 'add'
       this.disable = false
     },
+    delItems() {
+      if (this.ids.length <= 0) {
+        this.$modal.notifyWarning("至少勾选一条数据");
+      } else {
+        deleteEquipments(this.ids).then(res => {
+          if(res.code === 200) {
+            this.$modal.notifySuccess("删除成功");
+            this.useQuery(this.params, this.pageInfo)
+          }
+       })
+      }
+    },
     // 下载模板
     async downLoadMb() {
       this.$modal.loading("正在下载模板，请稍后...");
@@ -245,7 +281,16 @@ export default {
       this.rowDetail = row
       this.disable = true
     },
-    delItem(row) {},
+    delItem(row) {
+      console.log(row)
+      const param = [row.id]
+      deleteEquipments(param).then(res => {
+        if(res.code === 200) {
+          this.$modal.notifySuccess("删除成功");
+          this.useQuery(this.params, this.pageInfo)
+        }
+      })
+    },
   }
 }
 </script>