From 281332a6616a3da7e2aa6bc94ed7cc9549d8e8ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Fri, 11 Aug 2023 13:16:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=BF=E5=BA=9C=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../supervise/GovernmentWeb/index.js          |  53 +++
 src/views/netSecurity/DataSource/index.vue    |   8 +-
 src/views/netSecurity/SecurityCheck/index.vue |   2 +-
 .../netSecurity/supervise/DbSteam/index.vue   |   2 +-
 .../netSecurity/supervise/DbUnit/index.vue    |   8 +-
 .../supervise/GovernmentWeb/index.vue         | 361 ++++++++++++++++--
 6 files changed, 408 insertions(+), 26 deletions(-)

diff --git a/src/api/zongzhi/netSecurity/supervise/GovernmentWeb/index.js b/src/api/zongzhi/netSecurity/supervise/GovernmentWeb/index.js
index e69de29..397d946 100644
--- a/src/api/zongzhi/netSecurity/supervise/GovernmentWeb/index.js
+++ b/src/api/zongzhi/netSecurity/supervise/GovernmentWeb/index.js
@@ -0,0 +1,53 @@
+import request from "@/utils/request";
+
+// 查询政府网站列表
+export function listWeb(query) {
+  return request({
+    url: "/zongzhi/web/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询政府网站详细
+export function getWeb(id) {
+  return request({
+    url: "/zongzhi/web/" + id,
+    method: "get",
+  });
+}
+
+// 新增政府网站
+export function addWeb(data) {
+  return request({
+    url: "/zongzhi/web",
+    method: "post",
+    data: data,
+  });
+}
+
+// 修改政府网站
+export function updateWeb(data) {
+  return request({
+    url: "/zongzhi/web",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除政府网站
+export function delWeb(id) {
+  return request({
+    url: "/zongzhi/web/" + id,
+    method: "delete",
+  });
+}
+
+// 导出政府网站
+export function exportWeb(data) {
+  return request({
+    url: "/zongzhi/web/export",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/netSecurity/DataSource/index.vue b/src/views/netSecurity/DataSource/index.vue
index 9345d65..debe6af 100644
--- a/src/views/netSecurity/DataSource/index.vue
+++ b/src/views/netSecurity/DataSource/index.vue
@@ -202,7 +202,13 @@
       custom-class="dialog-box"
     >
       <div slot="title" class="dialog-title">{{ title }}</div>
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="auto"
+        class="dialog-from"
+      >
         <el-form-item label="区域id" prop="areaId">
           <el-select v-model="form.areaId" placeholder="请选择区域" filterable>
             <el-option
diff --git a/src/views/netSecurity/SecurityCheck/index.vue b/src/views/netSecurity/SecurityCheck/index.vue
index b2c1d57..7806c99 100644
--- a/src/views/netSecurity/SecurityCheck/index.vue
+++ b/src/views/netSecurity/SecurityCheck/index.vue
@@ -132,7 +132,7 @@
             查看
           </el-button>
           <el-button
-            type="primary"
+            type="success"
             size="mini"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['zongzhi:detection:edit']"
diff --git a/src/views/netSecurity/supervise/DbSteam/index.vue b/src/views/netSecurity/supervise/DbSteam/index.vue
index b2b65be..7b4f2ba 100644
--- a/src/views/netSecurity/supervise/DbSteam/index.vue
+++ b/src/views/netSecurity/supervise/DbSteam/index.vue
@@ -133,7 +133,7 @@
             查看
           </el-button>
           <el-button
-            type="primary"
+            type="success"
             size="mini"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['zongzhi:system:edit']"
diff --git a/src/views/netSecurity/supervise/DbUnit/index.vue b/src/views/netSecurity/supervise/DbUnit/index.vue
index 72aca70..b9ab1c4 100644
--- a/src/views/netSecurity/supervise/DbUnit/index.vue
+++ b/src/views/netSecurity/supervise/DbUnit/index.vue
@@ -166,7 +166,13 @@
       custom-class="dialog-box"
     >
       <div slot="title" class="dialog-title">{{ title }}</div>
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="auto"
+        class="dialog-from"
+      >
         <el-form-item label="区域id" prop="areaId">
           <el-select v-model="form.areaId" placeholder="请选择区域" filterable>
             <el-option
diff --git a/src/views/netSecurity/supervise/GovernmentWeb/index.vue b/src/views/netSecurity/supervise/GovernmentWeb/index.vue
index 54c8ca6..24d547c 100644
--- a/src/views/netSecurity/supervise/GovernmentWeb/index.vue
+++ b/src/views/netSecurity/supervise/GovernmentWeb/index.vue
@@ -1,9 +1,37 @@
 <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="assetName">
+          <el-input
+            v-model="queryParams.assetName"
+            placeholder="请输入资产名称"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="资产重要等级" prop="assetLevel">
+          <el-select
+            v-model="queryParams.assetLevel"
+            placeholder="请选择资产重要等级"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_net_safety_level"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button
             type="primary"
@@ -12,59 +40,109 @@
             @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:web:add']"
         >新增</el-button
       >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['zongzhi:web:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['zongzhi:web:remove']"
+        >删除</el-button
+      >
       <el-button
         type="warning"
         size="mini"
         :loading="exportLoading"
         @click="handleExport"
+        v-hasPermi="['zongzhi:web:export']"
         >导出</el-button
       >
     </div>
-
     <el-table
       v-loading="loading"
-      :data="sourceList"
+      :data="webList"
       :height="tableHeigth"
       @selection-change="handleSelectionChange"
     >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="区域id" align="center" prop="areaId">
+        <template slot-scope="scope">
+          {{ $filterTown(scope.row.areaId) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="网址" align="center" prop="url" />
+      <el-table-column label="资产名称" align="center" prop="assetName" />
+      <el-table-column label="资产重要等级" align="center" prop="assetLevel">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.tc_net_safety_level"
+            :value="scope.row.assetLevel"
+          />
+        </template>
+      </el-table-column>
       <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:web: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:web: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:web: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"
@@ -79,42 +157,135 @@
         label-width="auto"
         class="dialog-from"
       >
+        <el-form-item label="区域id" prop="areaId">
+          <el-select v-model="form.areaId" placeholder="请选择区域" filterable>
+            <el-option
+              v-for="dict in townList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="网址" prop="url">
+          <el-input v-model="form.url" placeholder="请输入网址" />
+        </el-form-item>
+        <el-form-item label="资产名称" prop="assetName">
+          <el-input v-model="form.assetName" placeholder="请输入资产名称" />
+        </el-form-item>
+        <el-form-item label="资产重要等级" prop="assetLevel">
+          <el-select v-model="form.assetLevel" placeholder="请选择资产重要等级">
+            <el-option
+              v-for="dict in dict.type.tc_net_safety_level"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </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="1200"
       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.url }}</el-descriptions-item>
+
+        <el-descriptions-item label="资产名称">{{
+          form.assetName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="资产重要等级">
+          <dict-tag
+            :options="dict.type.tc_net_safety_level"
+            :value="form.assetLevel"
+          />
+        </el-descriptions-item>
       </el-descriptions>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { mapGetters } from "vuex";
+import {
+  listWeb,
+  getWeb,
+  delWeb,
+  addWeb,
+  updateWeb,
+  exportWeb,
+} from "@/api/zongzhi/netSecurity/supervise/GovernmentWeb/index.js";
 export default {
-  name: "Detection",
+  computed: {
+    ...mapGetters(["townList"]),
+  },
+  name: "Web",
   //注释字典
-
+  dicts: ["tc_net_safety_level"],
   data() {
     return {
       tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 政府网站表格数据
+      webList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        assetName: null,
+
+        assetLevel: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
     };
   },
-  mounted() {
+  created() {
     // //给表格一个固定值
     this.$nextTick(() => {
       this.tableHeigth =
@@ -125,7 +296,153 @@ export default {
       this.getList();
     });
   },
+  methods: {
+    /** 查询政府网站列表 */
+    getList() {
+      this.loading = true;
+      listWeb(this.queryParams).then((response) => {
+        this.webList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
+
+        url: null,
+
+        assetName: null,
+
+        assetLevel: 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;
+      getWeb(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;
+      getWeb(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) {
+            updateWeb(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addWeb(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 delWeb(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有政府网站数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/zongzhi/web/export",
+            {
+              ...this.queryParams,
+            },
+            "政府网站_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
 };
 </script>
-
-<style lang="scss" scoped></style>