这个按钮改成禁用状态，点击后给文字提示“2024年执法计划申报结束，暂时不允许新增计划

src/views/yingji/planManage.vue

@@ -4,58 +4,28 @@
  * @Author: JC9527
  * @Date: 2023-09-04 10:20:06
  * @LastEditors: laozt 2721205210@qq.com
- * @LastEditTime: 2024-01-15 09:30:39
+ * @LastEditTime: 2024-02-26 10:17:18
 -->
 <template>
   <div class="plan-management">
     <div ref="searchBox" class="search-box">
-      <el-form
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
-        :model="queryParams"
-        ref="queryForm"
-        size="small"
-        :inline="true"
-        v-show="showSearch"
-      >
         <el-form-item label="年份" prop="plannedYear">
-          <el-date-picker
+          <el-date-picker v-model="queryParams.plannedYear" type="year" size="mini" value-format="yyyy"
-            v-model="queryParams.plannedYear"
+            placeholder="请选择年份" />
-            type="year"
-            size="mini"
-            value-format="yyyy"
-            placeholder="请选择年份"
-          />
         </el-form-item>
         <el-form-item label="月份" prop="plannedMonth">
-          <el-select
+          <el-select v-model="plannedMonth" multiple collapse-tags style="margin-left: 20px" placeholder="请选择月份"
-            v-model="plannedMonth"
+            @change="multipleChange">
-            multiple
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            collapse-tags
-            style="margin-left: 20px"
-            placeholder="请选择月份"
-            @change="multipleChange"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
           </el-select>
         </el-form-item>
         <el-form-item label="企业名称" prop="enterpriseName">
-          <el-input
+          <el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称" clearable
-            v-model="queryParams.enterpriseName"
+            @keyup.enter.native="handleQuery" />
-            placeholder="请输入企业名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
         </el-form-item>
         <el-form-item label="行政区划" prop="district">
-          <executive
+          <executive @change="onChange" @quhuadizhi="quhuadizhi" ref="executive" />
-            @change="onChange"
-            @quhuadizhi="quhuadizhi"
-            ref="executive"
-          />
         </el-form-item>
         <el-form-item label="执法层级" prop="lawHierarchy">
           <!-- <el-select
@@ -89,21 +59,10 @@
         </el-form-item>
 
         <el-form-item>
-          <el-button class="btn-search" size="mini" @click="handleQuery"
+          <el-button class="btn-search" size="mini" @click="handleQuery">搜索</el-button>
-            >搜索</el-button
+          <el-button class="btn-reset" size="mini" @click="resetQuery">重置</el-button>
-          >
+          <el-button size="mini" class="btn-del" icon="el-icon-delete" :disabled="multiple"
-          <el-button class="btn-reset" size="mini" @click="resetQuery"
+            :style="multiple ? 'background: #eb7a9a;' : ''" @click="handleDelete">批量删除</el-button>
-            >重置</el-button
-          >
-          <el-button
-            size="mini"
-            class="btn-del"
-            icon="el-icon-delete"
-            :disabled="multiple"
-            :style="multiple ? 'background: #eb7a9a;' : ''"
-            @click="handleDelete"
-            >批量删除</el-button
-          >
         </el-form-item>
       </el-form>
 
@@ -112,23 +71,15 @@
           <img src="@/assets/images/export.png" alt="" />
           <span>导出excel</span>
         </div>
-        <div class="newProject" @click="handleAdd">
+        <div class="newProjectDis" @click="handleAdd">
           <img src="@/assets/images/newProject.png" alt="" />
           <span>新增计划</span>
         </div>
       </div>
     </div>
     <div class="plan-tables">
-      <el-table
+      <el-table v-loading="loading" :data="enterpriseList" :border="false" tooltip-effect="light" row-key="id"
-        v-loading="loading"
+        :row-class-name="tableRowClassName" :height="tableHeight" @selection-change="handleSelectionChange">
-        :data="enterpriseList"
-        :border="false"
-        tooltip-effect="light"
-        row-key="id"
-        :row-class-name="tableRowClassName"
-        :height="tableHeight"
-        @selection-change="handleSelectionChange"
-      >
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="计划年月" align="center" prop="plannedYear">
           <template slot-scope="scope">
@@ -137,22 +88,12 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column label="行政区划" align="center" prop="district" show-overflow-tooltip>
-          label="行政区划"
-          align="center"
-          prop="district"
-          show-overflow-tooltip
-        >
           <template slot-scope="scope">
             <span>{{ componendDistrict(scope.row.district) || "/" }}</span>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column label="企业名称" align="center" prop="enterpriseName" show-overflow-tooltip />
-          label="企业名称"
-          align="center"
-          prop="enterpriseName"
-          show-overflow-tooltip
-        />
         <!-- <el-table-column label="是否省重点" align="center" prop="isPoint">
           <template slot-scope="scope">
             <span>{{
@@ -166,12 +107,8 @@
         <el-table-column label="安全风险等级" align="center" prop="riskLevel" />
         <el-table-column label="状态" align="center" prop="status">
           <template slot-scope="scope">
-            <span style="color: #28b384" v-if="scope.row.status == 1"
+            <span style="color: #28b384" v-if="scope.row.status == 1">正式</span>
-              >正式</span
+            <span style="color: #fdab5b" v-else-if="scope.row.status == 0">草稿</span>
-            >
-            <span style="color: #fdab5b" v-else-if="scope.row.status == 0"
-              >草稿</span
-            >
           </template>
         </el-table-column>
 
@@ -195,13 +132,8 @@
         </el-table-column>
       </el-table>
 
-      <pagination
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-        v-show="total > 0"
+        @pagination="getList" />
-        :total="total"
-        :page.sync="queryParams.pageNum"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-      />
     </div>
     <!-- 发布计划 -->
     <add-dialog ref="addDialog" @closeDialog="closeDialog" />
@@ -213,13 +145,7 @@
     <edit-dialog ref="editDialog" />
 
     <!-- 重置密码 -->
-    <el-dialog
+    <el-dialog title="需要修改原始密码" :visible.sync="isResetPwdDialog" :show-close="false" width="30%" center>
-      title="需要修改原始密码"
-      :visible.sync="isResetPwdDialog"
-      :show-close="false"
-      width="30%"
-      center
-    >
       <resetPwd />
     </el-dialog>
   </div>
@@ -452,7 +378,11 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.$refs.addDialog.openDialog();
+      this.$message({
+        message: '2024年执法计划申报结束，暂时不允许新增计划',
+        type: 'warning'
+      });
+      // this.$refs.addDialog.openDialog();
     },
     /** 详情按钮操作 */
     handleInfo(row) {
@@ -474,7 +404,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     quhua(e) {
       this.form.district = e;
@@ -516,7 +446,7 @@ export default {
             `计划管理.xlsx`
           );
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 !== 0) {
@@ -594,6 +524,7 @@ export default {
       .success-row {
         background-color: rgba(234, 242, 253, 0.25);
       }
+
       td {
         height: 42px;
         box-sizing: border-box;
@@ -603,6 +534,7 @@ export default {
         font-weight: 400;
         color: #525966;
       }
+
       th {
         height: 45px;
         background-color: #eaf2fd;
@@ -612,14 +544,17 @@ export default {
         color: #525966;
       }
     }
+
     ::v-deep .el-table::before {
       height: 0;
     }
+
     .tabs-btns {
       display: flex;
       align-items: center;
       justify-content: center;
       white-space: nowrap;
+
       .look,
       .change,
       .delete {
@@ -627,10 +562,12 @@ export default {
         align-items: center;
         margin-right: 30px;
         cursor: pointer;
+
         img {
           width: 20px;
           margin-right: 5px;
         }
+
         span {
           font-size: 15px;
           font-family: Alibaba PuHuiTi;
@@ -638,8 +575,10 @@ export default {
           color: #045ffd;
         }
       }
+
       .delete {
         margin-right: 0;
+
         span {
           color: #f71052;
         }
@@ -653,17 +592,21 @@ export default {
     position: absolute;
     bottom: 30px;
     right: 0;
+
     .export,
-    .newProject {
+    .newProject,
+    .newProjectDis {
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 6px 19px;
       cursor: pointer;
+
       img {
         width: 22px;
         margin-right: 10px;
       }
+
       span {
         color: #ffffff;
         font-size: 14px;
@@ -671,13 +614,21 @@ export default {
         font-weight: 400;
       }
     }
+
     .export {
       background-color: #2378ec;
       margin-right: 30px;
     }
+
     .newProject {
       background-color: #28b384;
     }
+
+    .newProjectDis {
+      background-color: #ccc;
+      /* 设置背景颜色为灰色 */
+      opacity: 0.6; /* 设置透明度为 60% */
+    }
   }
 
   .btn-search {