盒管理-档案盒列表 删除弹框修改

src/views/archivesManage/caseManage/caseList/index.vue

@@ -8,6 +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-button icon="el-icon-delete" size="mini" :disabled="!crud.selections.length" @click="handleDel">删除</el-button>
           <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: 90px" @change="crud.toQuery">
               <el-option v-for="item in queryOptions" :key="item.value" :label="item.label" :value="item.value" />
@@ -59,6 +60,17 @@
     <!-- </div> -->
     <!-- 档案盒详情 -->
     <detailDialog ref="detailDom" />
+    <!-- 删除弹框 -->
+    <el-dialog title="确认删除" :visible.sync="deleteVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <p><span style="color:#fff;">确定删除当前档案盒吗？</span></p>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleDelConfirm(crud.selections)">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -84,7 +96,7 @@ export default {
       optShow: {
         add: true,
         edit: true,
-        del: true,
+        del: false,
         download: false,
         group: false
       }
@@ -97,6 +109,7 @@ export default {
         edit: ['admin', 'caseManage:edit'],
         del: ['admin', 'caseManage:del']
       },
+      deleteVisible: false,
       verifyDialVisible: false,
       stateOptions: [
         {
@@ -176,13 +189,25 @@ export default {
     // 单元格样式
     cell({ row, columnIndex }) {
       if (row.depositNum === 0 && columnIndex === 2) { // 未入
-        console.log(row.depositNum, '-----')
         return 'fail-clear'
       } else if (row.depositNum === '待入' && columnIndex === 2) { // 待入
         return 'no-clear'
       } else if (row.depositNum === '待入' && columnIndex === 2) { // 已入
         return 'have-clear'
       }
+    },
+    // 删除
+    handleDel() {
+      this.deleteVisible = true
+    },
+    // 确认删除
+    handleDelConfirm(data) {
+      const bool = data.every(item => item.depositNum === 0)
+      if (bool) {
+        this.deleteVisible = false
+      } else {
+        this.$message.error('请清空档案盒再删除!')
+      }
     }
   }
 }