等保单位

src/api/zongzhi/netSecurity/supervise/DbUnit/index.js

@@ -0,0 +1,53 @@
+import request from "@/utils/request";
+
+// 查询等保单位列表
+export function listUnit(query) {
+  return request({
+    url: "/zongzhi/unit/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询等保单位详细
+export function getUnit(id) {
+  return request({
+    url: "/zongzhi/unit/" + id,
+    method: "get",
+  });
+}
+
+// 新增等保单位
+export function addUnit(data) {
+  return request({
+    url: "/zongzhi/unit",
+    method: "post",
+    data: data,
+  });
+}
+
+// 修改等保单位
+export function updateUnit(data) {
+  return request({
+    url: "/zongzhi/unit",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除等保单位
+export function delUnit(id) {
+  return request({
+    url: "/zongzhi/unit/" + id,
+    method: "delete",
+  });
+}
+
+// 导出等保单位
+export function exportUnit(data) {
+  return request({
+    url: "/zongzhi/unit/export",
+    method: "post",
+    data,
+  });
+}

src/views/netSecurity/supervise/DbUnit/index.vue

@@ -1,9 +1,52 @@
 <template>
   <div class="container-main" ref="main">
     <div class="search-hearder" ref="topSearch">
-      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        v-show="showSearch"
+        label-width="auto"
       >
-
+        <el-form-item label="单位名称" prop="unitName">
+          <el-input
+            v-model="queryParams.unitName"
+            placeholder="请输入单位名称"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="单位类型" prop="unitType">
+          <el-select
+            v-model="queryParams.unitType"
+            placeholder="请选择单位类型"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_unit_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="行业类型" prop="tmtType">
+          <el-select
+            v-model="queryParams.tmtType"
+            placeholder="请选择行业类型"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_tmt_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button
             type="primary"
@@ -12,59 +55,110 @@
             @click="handleQuery"
             >搜索</el-button
           >
-          <el-button size="mini" @click="resetQuery">重置</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
         </el-form-item>
       </el-form>
     </div>
-
     <div class="layui-table-tool" ref="tableTool">
-      <el-button type="primary" size="mini" @click="handleAdd()"
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+        v-hasPermi="['zongzhi:unit:add']"
         >新增</el-button
       >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['zongzhi:unit:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['zongzhi:unit:remove']"
+        >删除</el-button
+      >
       <el-button
         type="warning"
         size="mini"
         :loading="exportLoading"
         @click="handleExport"
+        v-hasPermi="['zongzhi:unit:export']"
         >导出</el-button
       >
     </div>
-
     <el-table
       v-loading="loading"
-      :data="sourceList"
+      :data="unitList"
       :height="tableHeigth"
       @selection-change="handleSelectionChange"
     >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="单位名称" align="center" prop="unitName" />
+      <el-table-column label="邮政编码" align="center" prop="postCode" />
+      <el-table-column
+        label="单位地址(省)"
+        align="center"
+        prop="unitProvince"
+      />
+      <el-table-column label="单位地址(市)" align="center" prop="unitCity" />
+      <el-table-column label="单位地址(区)" align="center" prop="unitCounty" />
+      <el-table-column
+        label="单位地址(街道)"
+        align="center"
+        prop="unitStreet"
+      />
+      <el-table-column label="行政区域代码" align="center" prop="areaCode" />
+      <el-table-column label="单位责任人—姓名" align="center" prop="fuzeName" />
       <el-table-column
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
-        width="300"
+        width="200"
         fixed="right"
       >
         <template slot-scope="scope">
-          <el-button size="mini" @click="handleInfo(scope.row)">
+          <el-button
+            size="mini"
+            @click="handleInfo(scope.row)"
+            v-hasPermi="['zongzhi:unit:list']"
+          >
             查看
           </el-button>
-          <el-button type="primary" size="mini" @click="handleUpdate(scope.row)"
+          <el-button
+            type="success"
+            size="mini"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['zongzhi:unit:edit']"
             >修改</el-button
           >
-          <el-button size="mini" type="danger" @click="handleDelete(scope.row)"
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['zongzhi:unit:remove']"
             >删除</el-button
           >
         </template>
       </el-table-column>
     </el-table>
+
     <pagination
       v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
-    ></pagination>
+    />
 
-    <!-- 添加或修改安全检测对话框 -->
+    <!-- 添加或修改等保单位对话框 -->
     <el-dialog
       :visible.sync="open"
       width="500px"
@@ -72,49 +166,242 @@
       custom-class="dialog-box"
     >
       <div slot="title" class="dialog-title">{{ title }}</div>
-      <el-form
+      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-        ref="form"
+        <el-form-item label="区域id" prop="areaId">
-        :model="form"
+          <el-select v-model="form.areaId" placeholder="请选择区域" filterable>
-        :rules="rules"
+            <el-option
-        label-width="auto"
+              v-for="dict in townList"
-        class="dialog-from"
+              :key="dict.value"
-      >
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单位名称" prop="unitName">
+          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+        </el-form-item>
+        <el-form-item label="邮政编码" prop="postCode">
+          <el-input v-model="form.postCode" placeholder="请输入邮政编码" />
+        </el-form-item>
+        <el-form-item label="单位地址(省)" prop="unitProvince">
+          <el-input
+            v-model="form.unitProvince"
+            placeholder="请输入单位(省)地址"
+          />
+        </el-form-item>
+        <el-form-item label="单位地址(市)" prop="unitCity">
+          <el-input v-model="form.unitCity" placeholder="请输入单位(市)地址" />
+        </el-form-item>
+        <el-form-item label="单位地址(区)" prop="unitCounty">
+          <el-input
+            v-model="form.unitCounty"
+            placeholder="请输入单位(区)地址"
+          />
+        </el-form-item>
+        <el-form-item label="单位地址(街道)" prop="unitStreet">
+          <el-input
+            v-model="form.unitStreet"
+            placeholder="请输入单位(街道)地址"
+          />
+        </el-form-item>
+        <el-form-item label="行政区域代码" prop="areaCode">
+          <el-input v-model="form.areaCode" placeholder="请输入行政区域代码" />
+        </el-form-item>
+        <el-form-item label="隶属关系" prop="affiliation">
+          <el-input v-model="form.affiliation" placeholder="请输入隶属关系" />
+        </el-form-item>
+        <el-form-item label="单位类型" prop="unitType">
+          <el-select v-model="form.unitType" placeholder="请选择单位类型">
+            <el-option
+              v-for="dict in dict.type.tc_unit_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="行业类型" prop="tmtType">
+          <el-select v-model="form.tmtType" placeholder="请选择行业类型">
+            <el-option
+              v-for="dict in dict.type.tc_tmt_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单位责任人—姓名" prop="fuzeName">
+          <el-input
+            v-model="form.fuzeName"
+            placeholder="请输入单位责任人—姓名"
+          />
+        </el-form-item>
+        <el-form-item label="单位责任人—职务" prop="fuzeDuty">
+          <el-input
+            v-model="form.fuzeDuty"
+            placeholder="请输入单位责任人—职务"
+          />
+        </el-form-item>
+        <el-form-item label="单位责任人—办公电话" prop="fuzeTel">
+          <el-input
+            v-model="form.fuzeTel"
+            placeholder="请输入单位责任人—办公电话"
+          />
+        </el-form-item>
+        <el-form-item label="单位责任人—电子邮件" prop="fuzeEmail">
+          <el-input
+            v-model="form.fuzeEmail"
+            placeholder="请输入单位责任人—电子邮件"
+          />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-
+    <!--查看等保单位详情页-->
     <el-dialog
       :visible.sync="infoOpen"
-      width="1200px"
+      width="90%"
       append-to-body
+      :close-on-click-modal="false"
+      :destroy-on-close="true"
       custom-class="dialog-box"
     >
       <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
       <el-descriptions
-        title="数据来源"
+        title="等保单位"
         :column="2"
         border
         labelClassName="desLable"
       >
+        <el-descriptions-item label="区域id">{{
+          $filterTown(form.areaId)
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位名称">{{
+          form.unitName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="邮政编码">{{
+          form.postCode
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位地址">{{
+          form.unitProvince
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位地址">{{
+          form.unitCity
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位地址">{{
+          form.unitCounty
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位地址">{{
+          form.unitStreet
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="行政区域代码">{{
+          form.areaCode
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="隶属关系">{{
+          form.affiliation
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位类型">
+          <dict-tag :options="dict.type.tc_unit_type" :value="form.unitType" />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="行业类型">
+          <dict-tag :options="dict.type.tc_tmt_type" :value="form.tmtType" />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="单位责任人—姓名">{{
+          form.fuzeName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位责任人—职务">{{
+          form.fuzeDuty
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位责任人—办公电话">{{
+          form.fuzeTel
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位责任人—电子邮件">{{
+          form.fuzeEmail
+        }}</el-descriptions-item>
       </el-descriptions>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+import {
+  listUnit,
+  getUnit,
+  delUnit,
+  addUnit,
+  updateUnit,
+  exportUnit,
+} from "@/api/zongzhi/netSecurity/supervise/DbUnit/index.js";
 export default {
-  name: "Detection",
+  computed: {
+    ...mapGetters(["townList"]),
+  },
+  name: "Unit",
   //注释字典
-
+  dicts: ["tc_unit_type", "tc_tmt_type"],
   data() {
     return {
       tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 等保单位表格数据
+      unitList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        unitName: null,
+
+        unitType: null,
+
+        tmtType: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
     };
   },
-  mounted() {
+  created() {
     // //给表格一个固定值
     this.$nextTick(() => {
       this.tableHeigth =
@@ -125,7 +412,175 @@ export default {
       this.getList();
     });
   },
+  methods: {
+    /** 查询等保单位列表 */
+    getList() {
+      this.loading = true;
+      listUnit(this.queryParams).then((response) => {
+        this.unitList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
+
+        unitName: null,
+
+        postCode: null,
+
+        unitProvince: null,
+
+        unitCity: null,
+
+        unitCounty: null,
+
+        unitStreet: null,
+
+        areaCode: null,
+
+        affiliation: null,
+
+        unitType: null,
+
+        tmtType: null,
+
+        fuzeName: null,
+
+        fuzeDuty: null,
+
+        fuzeTel: null,
+
+        fuzeEmail: null,
+
+        createId: null,
+
+        createBy: null,
+
+        createTime: null,
+
+        updateId: null,
+
+        updateBy: null,
+
+        updateTime: null,
+
+        remark: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /**查看按钮操作 */
+    handleInfo(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getUnit(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+        this.infoTitle = "查看等保单位详情";
+      });
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加等保单位";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getUnit(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改等保单位";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateUnit(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addUnit(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm(
+        '是否确认删除等保单位编号为"' + ids + '"的数据项?',
+        "警告",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(function () {
+          return delUnit(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有等保单位数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/zongzhi/unit/export",
+            {
+              ...this.queryParams,
+            },
+            "等保单位_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
 };
 </script>
-
-<style lang="scss" scoped></style>