批量添加使用说明

src/views/reagent/management/data/index.vue

@@ -23,6 +23,7 @@
         查看流转记录
       </el-button>
       <el-button icon="el-icon-user" @click="handleDisable">分配禁用用户</el-button>
+      <el-button icon="el-icon-picture-outline" @click="multipleUploadImgs">上传图片信息</el-button>
 
       <!-- 母液配置管理块 -->
       <!-- <el-button type="primary" @click="MuyeConf">母液管理配置</el-button> -->
@@ -818,7 +819,8 @@ export default {
       currentItem: {},
       loadingImageList: false,
       focusing: false,
-      UPLOAD_URL: process.env.VUE_APP_BASE_API + '/api/drug/save_drug_img'
+      UPLOAD_URL: process.env.VUE_APP_BASE_API + '/api/drug/save_drug_img',
+      uploadImgData: {}
     }
   },
   created() {
@@ -893,6 +895,10 @@ export default {
     // 显示全部图片
     handleShowImage(row) {
       this.currentItem = row
+      this.uploadImgData = { selected: JSON.stringify([{
+          variety_id: row.variety_id,
+          medicament_id: row.medicament_id
+      }])}
       this.getImageList()
       this.dialogImageVisible = true
     },
@@ -1280,7 +1286,27 @@ export default {
           }
         )
       }
-    }
+    },
+
+    // 多选条目批量上传图片信息
+    multipleUploadImgs(){
+      if (this.multipleSelection.length < 1) {
+        this.$message.warning('请选择至少一个试剂！')
+        return
+      }
+      var data = new Array()
+      this.multipleSelection.map(item => {
+        data.push({
+          variety_id: item.variety_id,
+          medicament_id: item.medicament_id
+        })
+
+      })
+      this.currentItem = this.multipleSelection[0]
+      this.getImageList()
+      this.uploadImgData = { selected: JSON.stringify(data)}      
+      this.dialogImageVisible = true
+    },
   }
 }
 </script>