盒管理 拆盒

src/api/archivesManage/caseManage.js

@@ -54,5 +54,12 @@ export function FetchCartoning(data) {
     data: data
   })
 }
-
-export default { add, edit, del }
+// 拆盒
+export function unpacking(data) {
+  return request({
+    url: 'api/case/unpacking',
+    method: 'post',
+    data: data
+  })
+}
+export default { add, edit, del, unpacking }

src/views/archivesManage/caseManage/index.vue

@@ -8,7 +8,7 @@
           <!-- <el-select clearable size="small" class="filter-item" style="width: 100px" @change="crud.toQuery">
             <el-option v-for="item in stateOptions" :key="item.key" :label="item.label" :value="item.key" />
           </el-select> -->
-          <el-input v-model="crud.query[inputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;" class="input-prepend filter-item" @keyup.enter.native="crud.toQuery">
+          <el-input v-model="crud.query[inputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;margin-left:10px" class="input-prepend filter-item" @keyup.enter.native="crud.toQuery">
             <el-select slot="prepend" v-model="inputSelect" style="width: 80px" @change="crud.toQuery">
               <el-option v-for="item in queryOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
@@ -17,7 +17,7 @@
         </template>
         <template v-slot:rightButtonGroup>
           <div class="archives-handler-btn">
-            <el-button class="packing-btn iconfont icon-weibiaoti-2" type="primary" @click="openCase(crud.selections)">拆盒</el-button>
+            <el-button class="packing-btn iconfont icon-weibiaoti-2" type="primary" :disabled="crud.selections.length === 0" @click="openCase(crud.selections)">拆盒</el-button>
             <el-button class="binding-btn iconfont icon-weibiaoti-2" type="primary" :disabled="crud.selections.length !== 1" @click="bindingTag(crud.selections)">绑定标签</el-button>
           </div>
         </template>
@@ -144,11 +144,20 @@ export default {
       this.$refs.bindingTag.bindingVisible = true
     },
     openCase(data) {
+      console.log(data)
+      const bool = data.some(item => item.depositNum === 0)
+      if (bool) {
+        this.$message({
+          message: '存在空档案盒不可拆盒!',
+          type: 'warning'
+        })
+      } else {
         this.$refs.openCase.openCaseVisible = true
         this.$refs.openCase.caseData = data
       }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/archivesManage/caseManage/module/openCaseDlg.vue

@@ -8,15 +8,18 @@
       <p><span style="color:#f00;">提示：2.若案卷存在多个盒，选择其中一个分盒则自动拆掉该案卷的全部档案盒</span></p>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click.native="handleConfirm">确定</el-button>
-        <el-button type="primary" @click.native="handleConfirm">取消</el-button>
+        <el-button type="primary" @click.native="handleCancel">取消</el-button>
       </div>
     </div>
   </el-dialog>
 </template>
 
 <script>
+import { unpacking } from '@/api/archivesManage/caseManage'
+import { crud } from '@crud/crud'
 
 export default {
+  mixins: [crud()],
   data() {
     return {
       caseData: [],
@@ -25,6 +28,20 @@ export default {
   },
   methods: {
     handleConfirm() {
+      // console.log(this.caseData)
+      const caseIds = this.caseData.map(item => item.id)
+      console.log(caseIds)
+      unpacking(JSON.stringify(caseIds)).then(res => {
+        console.log(res, 'res')
+        this.$message.success('拆盒成功！')
+        this.caseData = []
+        this.openCaseVisible = false
+        this.crud.refresh()
+      })
+    },
+    handleCancel() {
+      this.caseData = []
+      this.openCaseVisible = false
     }
   }
 }