发票添加作废日期框显示隐式切换

src/views/accounting/invoices/index.vue

@@ -100,6 +100,17 @@
           >新增</el-button
         >
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple1"
+          @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -593,7 +604,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="8" v-if="form.invoiceState == 0">
             <el-form-item label="作废日期" prop="printNum">
               <el-date-picker
                 clearable
@@ -801,6 +812,8 @@ export default {
       loading: true,
       // 多个禁用
       multiple: true,
+      // 非多个禁用
+      multiple1: true,
       // 导出遮罩层
       exportLoading: false,
       downloadLoading: false,
@@ -1171,6 +1184,7 @@ export default {
       } else {
         this.multiple = true;
       }
+      this.multiple1 = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -1259,7 +1273,7 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const id = row.id;
+      const id = row.id || this.ids;
       this.$modal
         .confirm('是否确认删除发票编号为"' + id + '"的数据项?')
         .then(function () {