执法结果前端字段

.env.development

@@ -13,7 +13,7 @@ ENV = 'development'
 
 # 苏州应急执法计划管理系统/开发环境
 # VUE_APP_BASE_API = 'http://39.101.188.84:9033'
-VUE_APP_BASE_API = 'http://192.168.0.111:9033'
+VUE_APP_BASE_API = 'http://localhost:9033'
 # VUE_APP_BASE_API = 'http://180.108.205.123:13002'
 
 # 统一登录-内网

src/views/yingji/enforcing.vue

@@ -11,16 +11,35 @@
     <div class="enforce-the-law-title">
       <div class="filtrate-condition">
         <div class="select-input">
-          <div class="select-span">年月:</div>
+          <div class="select-span">年份:</div>
           <el-date-picker
             v-model="form.plannedYear"
-            type="month"
+            type="year"
             placeholder="请选择"
-            value-format="yyyy-MM"
+            value-format="yyyy"
             size="small"
           >
           </el-date-picker>
         </div>
+        <div class="select-input">
+          <div class="select-span">月份:</div>
+          <el-select
+            v-model="plannedMouth"
+            multiple
+            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-option>
+          </el-select>
+        </div>
         <div class="select-input">
           <div class="select-span" style="width: 85px">企业名称:</div>
           <el-input
@@ -99,7 +118,11 @@
           header-align="center"
         >
         </el-table-column>
-        <el-table-column prop="checkStatus" label="状态" header-align="center">
+        <el-table-column
+          prop="checkStatus"
+          label="检查状态"
+          header-align="center"
+        >
           <template slot-scope="scope">
             <div
               style="font-family: 'Alibaba PuHuiTi'"
@@ -109,6 +132,8 @@
             </div>
           </template>
         </el-table-column>
+        <el-table-column prop="" label="检查结束时间" header-align="center" />
+        <el-table-column prop="" label="检查时效" header-align="center" />
         <el-table-column label="操作" header-align="center">
           <template slot-scope="scope">
             <div class="tabs-btns">
@@ -187,6 +212,58 @@ export default {
   name: "Article",
   data() {
     return {
+      options: [
+        {
+          value: "1",
+          label: "1月",
+        },
+        {
+          value: "2",
+          label: "2月",
+        },
+        {
+          value: "3",
+          label: "3月",
+        },
+        {
+          value: "4",
+          label: "4月",
+        },
+        {
+          value: "5",
+          label: "5月",
+        },
+        {
+          value: "6",
+          label: "6月",
+        },
+        {
+          value: "7",
+          label: "7月",
+        },
+        {
+          value: "8",
+          label: "8月",
+        },
+        {
+          value: "9",
+          label: "9月",
+        },
+        {
+          value: "10",
+          label: "10月",
+        },
+        {
+          value: "11",
+          label: "11月",
+        },
+        {
+          value: "12",
+          label: "12月",
+        },
+      ],
+      value1: [],
+      value2: [],
       tableData: [],
       option: [],
       loads: true,
@@ -194,10 +271,12 @@ export default {
       form: {
         district: "",
         plannedYear: "",
+        plannedMouth: "",
         //检测状态
         checkStatus: "",
         enterpriseName: "",
       },
+      plannedMouth: "",
       checkList: [""],
       checkListTwo: [],
       listDes: [
@@ -319,10 +398,17 @@ export default {
     };
   },
   created() {
+    this.form.plannedYear = this.$moment(new Date()).format("yyyy");
+    this.searchBefore = { ...this.searchBefore, ...this.form };
+
     this.getList();
   },
   dicts: ["inspection_method", "check_source", "document_type"],
   methods: {
+    multipleChange(e) {
+      // console.log(e.join(','));
+      this.form.plannedMouth = e.join(',');
+    },
     filterTable(a, b) {
       if (!b) return;
       return this.selectDictLabel(a, b);
@@ -333,19 +419,18 @@ export default {
       this.option.map((item) => {
         if (item.value == district) {
           name = item.label;
-          console.log(item);
+          // console.log(item);
-          console.log(district);
+          // console.log(district);
-          console.log(name);
+          // console.log(name);
         } else {
           item.children.map((itemTwo) => {
             if (itemTwo.value == district) {
               name = item.label + "-" + itemTwo.label;
-              console.log(name);
+              // console.log(name);
             }
           });
         }
       });
-
       return name;
     },
     // 获取行政区划树
@@ -359,12 +444,16 @@ export default {
         checkStatus: "",
         enterpriseName: "",
       };
+
       this.$refs.executive.district = [];
       this.searchBefore = {
         pageSize: 10,
         pageNum: 1,
       };
       this.$refs.mypagination.defaultPages();
+
+      this.form.plannedYear = this.$moment(new Date()).format("yyyy");
+      this.searchBefore = { ...this.searchBefore, ...this.form };
     },
     //重置列表
     chongzhiList() {
@@ -449,7 +538,6 @@ export default {
         this.checkList = this.checkListTwo;
       }
     },
-
     // tabs不同行给不同class
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 !== 0) {

vue.config.js

@@ -50,8 +50,7 @@ module.exports = {
       //   },
       // },
       "/api": {
-        target: `http://39.101.188.84:9033`,
+        target: `http://localhost:9033`,
-        // target: `http://192.168.0.119:9033`,
         changeOrigin: true,
         pathRewrite: {
           "^/api": "",