暂存

src/api/yingji/new.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询企业新列表
+export function listNew(query) {
+  return request({
+    url: '/programManagement/new/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询企业新详细
+export function getNew(id) {
+  return request({
+    url: '/system/new/' + id,
+    method: 'get'
+  })
+}
+
+// 新增企业新
+export function addNew(data) {
+  return request({
+    url: '/system/new',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改企业新
+export function updateNew(data) {
+  return request({
+    url: '/system/new',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除企业新
+export function delNew(id) {
+  return request({
+    url: '/system/new/' + id,
+    method: 'delete'
+  })
+}

src/views/components/dialog/index.vue

@@ -22,7 +22,7 @@
           <div class="module">
             <div
               class="select"
-              :class="activeTab == 0 ? 'nextStepSelect' : ''"
+              :class="{ nextStepSelect: activeTab == 0 }"
               @click="selectTab(0)"
             >
               <span class="span-one">Ⅰ</span>
@@ -30,7 +30,7 @@
             </div>
             <div
               class="issue"
-              :class="activeTab == 1 ? 'nextStepIssue' : ''"
+              :class="{ nextStepIssue: activeTab == 1 }"
               @click="selectTab(1)"
             >
               <span class="span-one">Ⅱ</span>
@@ -38,7 +38,7 @@
             </div>
             <div
               class="issue"
-              :class="activeTab == 2 ? 'nextStepIssue' : ''"
+              :class="{ nextStepIssue: activeTab == 2 }"
               @click="selectTab(2)"
             >
               <span class="span-one">Ⅲ</span>
@@ -81,7 +81,6 @@
                   </el-option>
                 </el-select>
               </div>
-
               <div class="input-input">
                 <el-input
                   v-model="form.enterpriseName"
@@ -99,19 +98,67 @@
                 <div class="select-btn reset">重置</div>
               </div>
             </div>
-            <div class="tables" v-loading="loading"></div>
-            <div class="pagination">
-              <my-pagination
-                :total="total"
-                @pagesChange="pagesChange"
-                ref="mypagination"
+            <div class="tables" v-loading="loading">
+              <el-table
+                v-loading="loading"
+                :data="newList"
+                @selection-change="handleSelectionChange"
               >
-                <!-- <div>重点企业数：
-                  <span :class=" count == unCount ? 'selectedNumber' : 'unselectedNumber'">{{ unCount }}</span>/
-                  <span class="sum">{{ count }}</span>
-                </div> -->
-              </my-pagination>
+                <el-table-column
+                  label="企业名称"
+                  align="center"
+                  prop="enterpriseName"
+                />
+                <el-table-column
+                  label="行政区划"
+                  align="center"
+                  prop="district"
+                />
+                <el-table-column
+                  label="行业监管大类编码"
+                  align="center"
+                  prop="supervisionLarge"
+                />
+                <el-table-column
+                  label="安全风险等级"
+                  align="center"
+                  prop="riskLevel"
+                />
+                <el-table-column
+                  label="标准化等级"
+                  align="center"
+                  prop="standLevel"
+                />
+                <el-table-column
+                  label="上次检查时间"
+                  align="center"
+                  prop="examineEndTime"
+                  width="180"
+                >
+                  <template slot-scope="scope">
+                    <span>{{
+                      parseTime(scope.row.examineEndTime, "{y}-{m}-{d}")
+                    }}</span>
+                  </template>
+                </el-table-column>
+
+                <el-table-column
+                  label="操作"
+                  align="center"
+                  class-name="small-padding fixed-width"
+                >
+                  <template slot-scope="scope">
+                    <el-button size="mini" type="text" icon="el-icon-edit"
+                      >修改</el-button
+                    >
+                    <el-button size="mini" type="text" icon="el-icon-delete"
+                      >删除</el-button
+                    >
+                  </template>
+                </el-table-column>
+              </el-table>
             </div>
+
             <div class="next">
               <div class="selected">
                 草稿箱<span>{{ 0 }}</span>
@@ -142,11 +189,13 @@
   </div>
 </template>
 <script>
-import myPagination from "@/views/components/myPagination/index.vue";
+// 企业详情
 import firmDialog from "@/views/components/firmDialog/index.vue";
-import { mapState } from "vuex";
+// 字典
 import dictzh from "@/utils/dictzh.js";
+// 行政区域
 import executive from "../../yingji/echarts/executive.vue";
+import { listNew, getNew, delNew, addNew, updateNew } from "@/api/yingji/new";
 
 export default {
   dicts: [
@@ -156,69 +205,62 @@ export default {
     "entpr_color",
     "major_hazard_level",
   ],
-  components: { myPagination, firmDialog, executive },
+  components: { firmDialog, executive },
   data() {
     return {
       activeTab: 0,
       dictzh: dictzh,
       dialogVisible: false,
-      tableData: [],
-      listOne: [],
-      myDistrict: [],
       options: [],
-      props: {
-        value: "subdistrict",
-        label: "institutionName",
-        checkStrictly: true,
-      },
-      multipleSelection: [],
-      selected: 0,
-      activityCode: 0,
-      workingArea: "",
-      subdistrict: "",
-      form: {
-        subdistrict: [],
-        ecoTypeLarge: "",
-        indusTypeClass: "",
-        isPoint: "",
-        majorHazardLevel: "",
-        entprColor: "",
-        uuitNo: "",
-        enterpriseName: "",
-      },
-      form2: {
-        plannedYear: "",
-        planName: "",
-        planContent: "",
-        remark: "",
-      },
-      rules: {
-        plannedYear: [
-          { required: true, message: "请选择年月", trigger: "blur" },
-        ],
-        planName: [
-          { required: true, message: "请输入计划标题", trigger: "blur" },
-        ],
-        planContent: [
-          { required: true, message: "请输入计划内容", trigger: "blur" },
-        ],
-      },
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
       total: 0,
-      pages: {
+      // 企业新表格数据
+      newList: [],
+      // 查询参数
+      queryParams: {
         pageNum: 1,
         pageSize: 10,
+        enterpriseId: null,
+        enterpriseName: null,
+        district: null,
+        supervisionLarge: null,
+        riskLevel: null,
+        standLevel: null,
+        examineEndTime: null,
+        createId: null,
+        updateId: null,
+        userId: null,
+        deptId: null,
       },
-      loading: false,
-      isamend: false,
-      amendId: "",
-      count: 0,
-      selectList: [],
-      disabled: false,
-      county: false,
-      district: [],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
     };
   },
+  created() {
+    this.getList();
+  },
   methods: {
+    /** 查询企业新列表 */
+    getList() {
+      this.loading = true;
+      listNew(this.queryParams).then((response) => {
+        this.newList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
     quhua(e) {
       this.form.subdistrict = e;
     },
@@ -240,11 +282,7 @@ export default {
     },
   },
   mounted() {},
-  computed: {
-    ...mapState({
-      dept: (state) => state.user.dept,
-    }),
-  },
+  computed: {},
   filters: {
     supervisionLarge: function (value) {
       let array = value.split(",");