网络管理

src/api/zongzhi/netManage/enterpriseMl/index.js

@@ -0,0 +1,53 @@
+import request from "@/utils/request";
+
+// 查询重点企业名录列表
+export function listEnterprise(query) {
+  return request({
+    url: "/zongzhi/enterprise/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询重点企业名录详细
+export function getEnterprise(id) {
+  return request({
+    url: "/zongzhi/enterprise/" + id,
+    method: "get",
+  });
+}
+
+// 新增重点企业名录
+export function addEnterprise(data) {
+  return request({
+    url: "/zongzhi/enterprise",
+    method: "post",
+    data: data,
+  });
+}
+
+// 修改重点企业名录
+export function updateEnterprise(data) {
+  return request({
+    url: "/zongzhi/enterprise",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除重点企业名录
+export function delEnterprise(id) {
+  return request({
+    url: "/zongzhi/enterprise/" + id,
+    method: "delete",
+  });
+}
+
+// 导出重点企业名录
+export function exportEnterprise(data) {
+  return request({
+    url: "/zongzhi/enterprise/export",
+    method: "post",
+    data,
+  });
+}

src/api/zongzhi/netManage/netPlatform/index.js

@@ -0,0 +1,53 @@
+import request from "@/utils/request";
+
+// 查询网络平台列表
+export function listPingtai(query) {
+  return request({
+    url: "/zongzhi/pingtai/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询网络平台详细
+export function getPingtai(id) {
+  return request({
+    url: "/zongzhi/pingtai/" + id,
+    method: "get",
+  });
+}
+
+// 新增网络平台
+export function addPingtai(data) {
+  return request({
+    url: "/zongzhi/pingtai",
+    method: "post",
+    data: data,
+  });
+}
+
+// 修改网络平台
+export function updatePingtai(data) {
+  return request({
+    url: "/zongzhi/pingtai",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除网络平台
+export function delPingtai(id) {
+  return request({
+    url: "/zongzhi/pingtai/" + id,
+    method: "delete",
+  });
+}
+
+// 导出网络平台
+export function exportPingtai(data) {
+  return request({
+    url: "/zongzhi/pingtai/export",
+    method: "post",
+    data,
+  });
+}

src/api/zongzhi/netManage/netReport/index.js

@@ -0,0 +1,53 @@
+import request from "@/utils/request";
+
+// 查询网络举报列表
+export function listReport(query) {
+  return request({
+    url: "/zongzhi/report/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 查询网络举报详细
+export function getReport(id) {
+  return request({
+    url: "/zongzhi/report/" + id,
+    method: "get",
+  });
+}
+
+// 新增网络举报
+export function addReport(data) {
+  return request({
+    url: "/zongzhi/report",
+    method: "post",
+    data: data,
+  });
+}
+
+// 修改网络举报
+export function updateReport(data) {
+  return request({
+    url: "/zongzhi/report",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除网络举报
+export function delReport(id) {
+  return request({
+    url: "/zongzhi/report/" + id,
+    method: "delete",
+  });
+}
+
+// 导出网络举报
+export function exportReport(data) {
+  return request({
+    url: "/zongzhi/report/export",
+    method: "post",
+    data,
+  });
+}

src/layout/components/TagsView/index.vue

@@ -1,36 +1,60 @@
 <template>
   <div id="tags-view-container" class="tags-view-container">
-    <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
+    <scroll-pane
+      ref="scrollPane"
+      class="tags-view-wrapper"
+      @scroll="handleScroll"
+    >
       <router-link
         v-for="tag in visitedViews"
         ref="tag"
         :key="tag.path"
-        :class="isActive(tag)?'active':''"
+        :class="isActive(tag) ? 'active' : ''"
         :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
         tag="span"
         class="tags-view-item"
         :style="activeStyle(tag)"
-        @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
+        @click.middle.native="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-        @contextmenu.prevent.native="openMenu(tag,$event)"
+        @contextmenu.prevent.native="openMenu(tag, $event)"
       >
         {{ tag.title }}
-        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
+        <span
+          v-if="!isAffix(tag)"
+          class="el-icon-close"
+          @click.prevent.stop="closeSelectedTag(tag)"
+        />
       </router-link>
     </scroll-pane>
-    <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
+    <ul
-      <li @click="refreshSelectedTag(selectedTag)"><i class="el-icon-refresh-right"></i> 刷新页面</li>
+      v-show="visible"
-      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)"><i class="el-icon-close"></i> 关闭当前</li>
+      :style="{ left: left + 'px', top: top + 'px' }"
-      <li @click="closeOthersTags"><i class="el-icon-circle-close"></i> 关闭其他</li>
+      class="contextmenu"
-      <li v-if="!isFirstView()" @click="closeLeftTags"><i class="el-icon-back"></i> 关闭左侧</li>
+    >
-      <li v-if="!isLastView()" @click="closeRightTags"><i class="el-icon-right"></i> 关闭右侧</li>
+      <li @click="refreshSelectedTag(selectedTag)">
-      <li @click="closeAllTags(selectedTag)"><i class="el-icon-circle-close"></i> 全部关闭</li>
+        <i class="el-icon-refresh-right"></i> 刷新页面
+      </li>
+      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
+        <i class="el-icon-close"></i> 关闭当前
+      </li>
+      <li @click="closeOthersTags">
+        <i class="el-icon-circle-close"></i> 关闭其他
+      </li>
+      <li v-if="!isFirstView()" @click="closeLeftTags">
+        <i class="el-icon-back"></i> 关闭左侧
+      </li>
+      <li v-if="!isLastView()" @click="closeRightTags">
+        <i class="el-icon-right"></i> 关闭右侧
+      </li>
+      <li @click="closeAllTags(selectedTag)">
+        <i class="el-icon-circle-close"></i> 全部关闭
+      </li>
     </ul>
   </div>
 </template>
 
 <script>
-import ScrollPane from './ScrollPane'
+import ScrollPane from "./ScrollPane";
-import path from 'path'
+import path from "path";
 
 export default {
   components: { ScrollPane },
@@ -40,201 +64,207 @@ export default {
       top: 0,
       left: 0,
       selectedTag: {},
-      affixTags: []
+      affixTags: [],
-    }
+    };
   },
   computed: {
     visitedViews() {
-      return this.$store.state.tagsView.visitedViews
+      return this.$store.state.tagsView.visitedViews;
     },
     routes() {
-      return this.$store.state.permission.routes
+      return this.$store.state.permission.routes;
     },
     theme() {
       return this.$store.state.settings.theme;
-    }
+    },
   },
   watch: {
     $route() {
-      this.addTags()
+      this.addTags();
-      this.moveToCurrentTag()
+      this.moveToCurrentTag();
     },
     visible(value) {
       if (value) {
-        document.body.addEventListener('click', this.closeMenu)
+        document.body.addEventListener("click", this.closeMenu);
       } else {
-        document.body.removeEventListener('click', this.closeMenu)
+        document.body.removeEventListener("click", this.closeMenu);
       }
-    }
+    },
   },
   mounted() {
-    this.initTags()
+    this.initTags();
-    this.addTags()
+    this.addTags();
   },
   methods: {
     isActive(route) {
-      return route.path === this.$route.path
+      return route.path === this.$route.path;
     },
     activeStyle(tag) {
       if (!this.isActive(tag)) return {};
       return {
         "background-color": this.theme,
-        "border-color": this.theme
+        "border-color": this.theme,
       };
     },
     isAffix(tag) {
-      return tag.meta && tag.meta.affix
+      return tag.meta && tag.meta.affix;
     },
     isFirstView() {
       try {
-        return this.selectedTag.fullPath === '/index' || this.selectedTag.fullPath === this.visitedViews[1].fullPath
+        return (
+          this.selectedTag.fullPath === "/index" ||
+          this.selectedTag.fullPath === this.visitedViews[1].fullPath
+        );
       } catch (err) {
-        return false
+        return false;
       }
     },
     isLastView() {
       try {
-        return this.selectedTag.fullPath === this.visitedViews[this.visitedViews.length - 1].fullPath
+        return (
+          this.selectedTag.fullPath ===
+          this.visitedViews[this.visitedViews.length - 1].fullPath
+        );
       } catch (err) {
-        return false
+        return false;
       }
     },
-    filterAffixTags(routes, basePath = '/') {
+    filterAffixTags(routes, basePath = "/") {
-      let tags = []
+      let tags = [];
-      routes.forEach(route => {
+      routes.forEach((route) => {
         if (route.meta && route.meta.affix) {
-          const tagPath = path.resolve(basePath, route.path)
+          const tagPath = path.resolve(basePath, route.path);
           tags.push({
             fullPath: tagPath,
             path: tagPath,
             name: route.name,
-            meta: { ...route.meta }
+            meta: { ...route.meta },
-          })
+          });
         }
         if (route.children) {
-          const tempTags = this.filterAffixTags(route.children, route.path)
+          const tempTags = this.filterAffixTags(route.children, route.path);
           if (tempTags.length >= 1) {
-            tags = [...tags, ...tempTags]
+            tags = [...tags, ...tempTags];
           }
         }
-      })
+      });
-      return tags
+      return tags;
     },
     initTags() {
-      const affixTags = this.affixTags = this.filterAffixTags(this.routes)
+      const affixTags = (this.affixTags = this.filterAffixTags(this.routes));
       for (const tag of affixTags) {
         // Must have tag name
         if (tag.name) {
-          this.$store.dispatch('tagsView/addVisitedView', tag)
+          this.$store.dispatch("tagsView/addVisitedView", tag);
         }
       }
     },
     addTags() {
-      const { name } = this.$route
+      const { name } = this.$route;
       if (name) {
-        this.$store.dispatch('tagsView/addView', this.$route)
+        this.$store.dispatch("tagsView/addView", this.$route);
         if (this.$route.meta.link) {
-          this.$store.dispatch('tagsView/addIframeView', this.$route)
+          this.$store.dispatch("tagsView/addIframeView", this.$route);
         }
       }
-      return false
+      return false;
     },
     moveToCurrentTag() {
-      const tags = this.$refs.tag
+      const tags = this.$refs.tag;
       this.$nextTick(() => {
         for (const tag of tags) {
           if (tag.to.path === this.$route.path) {
-            this.$refs.scrollPane.moveToTarget(tag)
+            this.$refs.scrollPane.moveToTarget(tag);
             // when query is different then update
             if (tag.to.fullPath !== this.$route.fullPath) {
-              this.$store.dispatch('tagsView/updateVisitedView', this.$route)
+              this.$store.dispatch("tagsView/updateVisitedView", this.$route);
             }
-            break
+            break;
           }
         }
-      })
+      });
     },
     refreshSelectedTag(view) {
       this.$tab.refreshPage(view);
       if (this.$route.meta.link) {
-        this.$store.dispatch('tagsView/delIframeView', this.$route)
+        this.$store.dispatch("tagsView/delIframeView", this.$route);
       }
     },
     closeSelectedTag(view) {
       this.$tab.closePage(view).then(({ visitedViews }) => {
         if (this.isActive(view)) {
-          this.toLastView(visitedViews, view)
+          this.toLastView(visitedViews, view);
         }
-      })
+      });
     },
     closeRightTags() {
-      this.$tab.closeRightPage(this.selectedTag).then(visitedViews => {
+      this.$tab.closeRightPage(this.selectedTag).then((visitedViews) => {
-        if (!visitedViews.find(i => i.fullPath === this.$route.fullPath)) {
+        if (!visitedViews.find((i) => i.fullPath === this.$route.fullPath)) {
-          this.toLastView(visitedViews)
+          this.toLastView(visitedViews);
         }
-      })
+      });
     },
     closeLeftTags() {
-      this.$tab.closeLeftPage(this.selectedTag).then(visitedViews => {
+      this.$tab.closeLeftPage(this.selectedTag).then((visitedViews) => {
-        if (!visitedViews.find(i => i.fullPath === this.$route.fullPath)) {
+        if (!visitedViews.find((i) => i.fullPath === this.$route.fullPath)) {
-          this.toLastView(visitedViews)
+          this.toLastView(visitedViews);
         }
-      })
+      });
     },
     closeOthersTags() {
-      this.$router.push(this.selectedTag.fullPath).catch(()=>{});
+      this.$router.push(this.selectedTag.fullPath).catch(() => {});
       this.$tab.closeOtherPage(this.selectedTag).then(() => {
-        this.moveToCurrentTag()
+        this.moveToCurrentTag();
-      })
+      });
     },
     closeAllTags(view) {
       this.$tab.closeAllPage().then(({ visitedViews }) => {
-        if (this.affixTags.some(tag => tag.path === this.$route.path)) {
+        if (this.affixTags.some((tag) => tag.path === this.$route.path)) {
-          return
+          return;
         }
-        this.toLastView(visitedViews, view)
+        this.toLastView(visitedViews, view);
-      })
+      });
     },
     toLastView(visitedViews, view) {
-      const latestView = visitedViews.slice(-1)[0]
+      const latestView = visitedViews.slice(-1)[0];
       if (latestView) {
-        this.$router.push(latestView.fullPath)
+        this.$router.push(latestView.fullPath);
       } else {
         // now the default is to redirect to the home page if there is no tags-view,
         // you can adjust it according to your needs.
-        if (view.name === 'Dashboard') {
+        if (view.name === "Dashboard") {
           // to reload home page
-          this.$router.replace({ path: '/redirect' + view.fullPath })
+          this.$router.replace({ path: "/redirect" + view.fullPath });
         } else {
-          this.$router.push('/')
+          this.$router.push("/");
         }
       }
     },
     openMenu(tag, e) {
-      const menuMinWidth = 105
+      const menuMinWidth = 105;
-      const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
+      const offsetLeft = this.$el.getBoundingClientRect().left; // container margin left
-      const offsetWidth = this.$el.offsetWidth // container width
+      const offsetWidth = this.$el.offsetWidth; // container width
-      const maxLeft = offsetWidth - menuMinWidth // left boundary
+      const maxLeft = offsetWidth - menuMinWidth; // left boundary
-      const left = e.clientX - offsetLeft + 15 // 15: margin right
+      const left = e.clientX - offsetLeft + 15; // 15: margin right
 
       if (left > maxLeft) {
-        this.left = maxLeft
+        this.left = maxLeft;
       } else {
-        this.left = left
+        this.left = left;
       }
 
-      this.top = e.clientY
+      this.top = e.clientY;
-      this.visible = true
+      this.visible = true;
-      this.selectedTag = tag
+      this.selectedTag = tag;
     },
     closeMenu() {
-      this.visible = false
+      this.visible = false;
     },
     handleScroll() {
-      this.closeMenu()
+      this.closeMenu();
-    }
+    },
-  }
+  },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -243,7 +273,7 @@ export default {
   width: 100%;
   background: #fff;
   border-bottom: 1px solid #d8dce5;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -269,7 +299,7 @@ export default {
         color: #fff;
         border-color: #42b983;
         &::before {
-          content: '';
+          content: "";
           background: #fff;
           display: inline-block;
           width: 8px;
@@ -292,7 +322,7 @@ export default {
     font-size: 12px;
     font-weight: 400;
     color: #333;
-    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
     li {
       margin: 0;
       padding: 7px 16px;
@@ -315,10 +345,10 @@ export default {
       vertical-align: 2px;
       border-radius: 50%;
       text-align: center;
-      transition: all .3s cubic-bezier(.645, .045, .355, 1);
+      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
       transform-origin: 100% 50%;
       &:before {
-        transform: scale(.6);
+        transform: scale(0.6);
         display: inline-block;
         vertical-align: -3px;
       }

src/views/netManage/enterpriseMl/index.vue

@@ -1,9 +1,531 @@
 <template>
-  <div>重点企业名录</div>
+  <div class="container-main" ref="main">
+    <div class="search-hearder" ref="topSearch">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        v-show="showSearch"
+        label-width="auto"
+      >
+        <el-form-item label="企业名称" prop="enterpriseName">
+          <el-input
+            v-model="queryParams.enterpriseName"
+            placeholder="请输入企业名称"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="互联网业务" prop="networkYewu">
+          <el-select
+            v-model="queryParams.networkYewu"
+            placeholder="请选择互联网业务"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_inlet_yewu"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</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()"
+        v-hasPermi="['zongzhi:enterprise:add']"
+        >新增</el-button
+      >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['zongzhi:enterprise:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['zongzhi:enterprise:remove']"
+        >删除</el-button
+      >
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+        v-hasPermi="['zongzhi:enterprise:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="enterpriseList"
+      :height="tableHeigth"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="企业名称" align="center" prop="enterpriseName" />
+      <el-table-column label="企业类型" align="center" prop="enterpriseType">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.tc_enter_type"
+            :value="scope.row.enterpriseType"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="互联网业务" align="center" prop="networkYewu">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.tc_inlet_yewu"
+            :value="scope.row.networkYewu"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="监管部门" align="center" prop="jianguanBumen" />
+      <el-table-column
+        label="网站或平台名称"
+        align="center"
+        prop="productName"
+      />
+      <el-table-column label="域名" align="center" prop="dns" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="200"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleInfo(scope.row)"
+            v-hasPermi="['zongzhi:enterprise:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['zongzhi:enterprise:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['zongzhi:enterprise: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"
+    />
+
+    <!-- 添加或修改重点企业名录对话框 -->
+    <el-dialog
+      :visible.sync="open"
+      width="500px"
+      append-to-body
+      custom-class="dialog-box"
+    >
+      <div slot="title" class="dialog-title">{{ title }}</div>
+      <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
+              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="enterpriseName">
+          <el-input
+            v-model="form.enterpriseName"
+            placeholder="请输入企业名称"
+          />
+        </el-form-item>
+        <el-form-item label="企业类型" prop="enterpriseType">
+          <el-select v-model="form.networkYewu" placeholder="请选择企业类型">
+            <el-option
+              v-for="dict in dict.type.tc_enter_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="互联网业务" prop="networkYewu">
+          <el-select v-model="form.networkYewu" placeholder="请选择互联网业务">
+            <el-option
+              v-for="dict in dict.type.tc_inlet_yewu"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="监管部门" prop="jianguanBumen">
+          <el-input v-model="form.jianguanBumen" placeholder="请输入监管部门" />
+        </el-form-item>
+        <el-form-item label="单位地址" prop="address">
+          <el-input
+            v-model="form.address"
+            type="textarea"
+            placeholder="请输入内容"
+          />
+        </el-form-item>
+        <el-form-item label="联系人" prop="linkMan">
+          <el-input v-model="form.linkMan" placeholder="请输入联系人" />
+        </el-form-item>
+        <el-form-item label="联系电话" prop="phoneNum">
+          <el-input v-model="form.phoneNum" placeholder="请输入联系电话" />
+        </el-form-item>
+        <el-form-item label="网站或平台名称" prop="productName">
+          <el-input
+            v-model="form.productName"
+            placeholder="请输入网站或平台名称"
+          />
+        </el-form-item>
+        <el-form-item label="域名" prop="dns">
+          <el-input v-model="form.dns" 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"
+      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="重点企业名录"
+        :column="2"
+        border
+        labelClassName="desLable"
+      >
+        <el-descriptions-item label="区域id">{{
+          $filterTown(form.areaId)
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="企业名称">{{
+          form.enterpriseName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="企业类型">
+          <dict-tag
+            :options="dict.type.tc_enter_type"
+            :value="form.enterpriseType"
+          />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="互联网业务">
+          <dict-tag
+            :options="dict.type.tc_inlet_yewu"
+            :value="form.networkYewu"
+          />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="监管部门">{{
+          form.jianguanBumen
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位地址">{{
+          form.address
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="联系人">{{
+          form.linkMan
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="联系电话">{{
+          form.phoneNum
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="网站或平台名称">{{
+          form.productName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="域名">{{ form.dns }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-export default {};
+import { mapGetters } from "vuex";
-</script>
+import {
+  listEnterprise,
+  getEnterprise,
+  delEnterprise,
+  addEnterprise,
+  updateEnterprise,
+  exportEnterprise,
+} from "@/api/zongzhi/netManage/enterpriseMl/index.js";
+export default {
+  computed: {
+    ...mapGetters(["townList"]),
+  },
+  name: "Enterprise",
+  //注释字典
+  dicts: ["tc_inlet_yewu", "tc_enter_type"],
+  data() {
+    return {
+      tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 重点企业名录表格数据
+      enterpriseList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        enterpriseName: null,
+
+        networkYewu: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    // //给表格一个固定值
+    this.$nextTick(() => {
+      this.tableHeigth =
+        this.$refs.main.offsetHeight -
+        (this.$refs.topSearch.offsetHeight +
+          this.$refs.tableTool.offsetHeight) -
+        46;
+      this.getList();
+    });
+  },
+  methods: {
+    /** 查询重点企业名录列表 */
+    getList() {
+      this.loading = true;
+      listEnterprise(this.queryParams).then((response) => {
+        this.enterpriseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
+
+        enterpriseName: null,
 
-<style></style>
+        enterpriseType: null,
+
+        networkYewu: null,
+
+        jianguanBumen: null,
+
+        address: null,
+
+        linkMan: null,
+
+        phoneNum: null,
+
+        productName: null,
+
+        dns: 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;
+      getEnterprise(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;
+      getEnterprise(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) {
+            updateEnterprise(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addEnterprise(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 delEnterprise(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有重点企业名录数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/zongzhi/enterprise/export",
+            {
+              ...this.queryParams,
+            },
+            "重点企业名录_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>

src/views/netManage/netPlatform/index.vue

@@ -1,9 +1,495 @@
 <template>
-  <div>网络平台</div>
+  <div class="container-main" ref="main">
+    <div class="search-hearder" ref="topSearch">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        v-show="showSearch"
+        label-width="auto"
+      >
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</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()"
+        v-hasPermi="['zongzhi:pingtai:add']"
+        >新增</el-button
+      >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['zongzhi:pingtai:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['zongzhi:pingtai:remove']"
+        >删除</el-button
+      >
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+        v-hasPermi="['zongzhi:pingtai:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="pingtaiList"
+      :height="tableHeigth"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="平台类别" align="center" prop="type">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.tc_yq_media" :value="scope.row.type" />
+        </template>
+      </el-table-column>
+      <el-table-column label="账号名称" align="center" prop="name" />
+      <el-table-column label="属性" align="center" prop="props">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.tc_net_sx" :value="scope.row.props" />
+        </template>
+      </el-table-column>
+      <el-table-column label="粉丝数" align="center" prop="fansNum" />
+      <el-table-column label="网站域名" align="center" prop="dns" />
+      <el-table-column label="备案许可证号" align="center" prop="licenceNum" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="200"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleInfo(scope.row)"
+            v-hasPermi="['zongzhi:pingtai:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['zongzhi:pingtai:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['zongzhi:pingtai: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"
+    />
+
+    <!-- 添加或修改网络平台对话框 -->
+    <el-dialog
+      :visible.sync="open"
+      width="500px"
+      append-to-body
+      custom-class="dialog-box"
+    >
+      <div slot="title" class="dialog-title">{{ title }}</div>
+      <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
+              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="type">
+          <el-select v-model="form.type" placeholder="请选择平台类别">
+            <el-option
+              v-for="dict in dict.type.tc_yq_media"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="账号名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入账号名称" />
+        </el-form-item>
+        <el-form-item label="属性" prop="props">
+          <el-select v-model="form.props" placeholder="请选择属性">
+            <el-option
+              v-for="dict in dict.type.tc_net_sx"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="粉丝数" prop="fansNum">
+          <el-input v-model="form.fansNum" placeholder="请输入粉丝数" />
+        </el-form-item>
+        <el-form-item label="网站域名" prop="dns">
+          <el-input v-model="form.dns" placeholder="请输入网站域名" />
+        </el-form-item>
+        <el-form-item label="真实IP" prop="ipAddress">
+          <el-input v-model="form.ipAddress" placeholder="请输入真实IP" />
+        </el-form-item>
+        <el-form-item label="备案许可证号" prop="licenceNum">
+          <el-input
+            v-model="form.licenceNum"
+            placeholder="请输入备案许可证号"
+          />
+        </el-form-item>
+        <el-form-item label="认证" prop="authentication">
+          <el-input v-model="form.authentication" placeholder="请输入认证" />
+        </el-form-item>
+        <el-form-item label="地区" prop="area">
+          <el-input v-model="form.area" placeholder="请输入地区" />
+        </el-form-item>
+        <el-form-item label="简介" prop="intro">
+          <el-input
+            v-model="form.intro"
+            placeholder="请输入简介"
+            type="textarea"
+          />
+        </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"
+      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="网络平台"
+        :column="2"
+        border
+        labelClassName="desLable"
+      >
+        <el-descriptions-item label="区域id">{{
+          $filterTown(form.areaId)
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="平台类别">
+          <dict-tag :options="dict.type.tc_yq_media" :value="form.type" />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="账号名称">{{
+          form.name
+        }}</el-descriptions-item>
+        <el-descriptions-item label="属性">
+          <dict-tag :options="dict.type.tc_net_sx" :value="form.props" />
+        </el-descriptions-item>
+
+        <el-descriptions-item label="粉丝数">{{
+          form.fansNum
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="网站域名">{{
+          form.dns
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="真实IP">{{
+          form.ipAddress
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="备案许可证号">{{
+          form.licenceNum
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="认证">{{
+          form.authentication
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="地区">{{
+          form.area
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="简介">{{
+          form.intro
+        }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-export default {};
+import { mapGetters } from "vuex";
-</script>
+import {
+  listPingtai,
+  getPingtai,
+  delPingtai,
+  addPingtai,
+  updatePingtai,
+  exportPingtai,
+} from "@/api/zongzhi/netManage/netPlatform/index.js";
+export default {
+  computed: {
+    ...mapGetters(["townList"]),
+  },
+  name: "Pingtai",
+  //注释字典
+  dicts: ["tc_yq_media", "tc_net_sx"],
+  data() {
+    return {
+      tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 网络平台表格数据
+      pingtaiList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    // //给表格一个固定值
+    this.$nextTick(() => {
+      this.tableHeigth =
+        this.$refs.main.offsetHeight -
+        (this.$refs.topSearch.offsetHeight +
+          this.$refs.tableTool.offsetHeight) -
+        46;
+      this.getList();
+    });
+  },
+  methods: {
+    /** 查询网络平台列表 */
+    getList() {
+      this.loading = true;
+      listPingtai(this.queryParams).then((response) => {
+        this.pingtaiList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
+
+        type: null,
+
+        name: null,
 
-<style></style>
+        props: null,
+
+        fansNum: null,
+
+        dns: null,
+
+        ipAddress: null,
+
+        licenceNum: null,
+
+        authentication: null,
+
+        area: null,
+
+        intro: 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;
+      getPingtai(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;
+      getPingtai(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) {
+            updatePingtai(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addPingtai(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 delPingtai(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有网络平台数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/zongzhi/pingtai/export",
+            {
+              ...this.queryParams,
+            },
+            "网络平台_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>

src/views/netManage/netReport/index.vue

@@ -1,9 +1,565 @@
 <template>
-  <div>网络举报</div>
+  <div class="container-main" ref="main">
+    <div class="search-hearder" ref="topSearch">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        v-show="showSearch"
+        label-width="auto"
+      >
+        <el-form-item label="举报人" prop="jbMan">
+          <el-input
+            v-model="queryParams.jbMan"
+            placeholder="请输入举报人"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="举报时间" prop="jbTime">
+          <el-date-picker
+            clearable
+            size="small"
+            v-model="queryParams.jbTime"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择举报时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="状态" prop="state">
+          <el-select
+            v-model="queryParams.state"
+            placeholder="请选择状态"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_steam_state"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="来源" prop="source">
+          <el-select
+            v-model="queryParams.source"
+            placeholder="请选择来源"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_net_jb_source"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</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()"
+        v-hasPermi="['zongzhi:report:add']"
+        >新增</el-button
+      >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['zongzhi:report:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['zongzhi:report:remove']"
+        >删除</el-button
+      >
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+        v-hasPermi="['zongzhi:report:export']"
+        >导出</el-button
+      >
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="reportList"
+      :height="tableHeigth"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="${comment}" align="center" prop="id" />
+      <el-table-column label="举报人" align="center" prop="jbMan" />
+      <el-table-column label="被举报对象" align="center" prop="jbdx" />
+      <el-table-column label="苏州编号" align="center" prop="jbbh" />
+      <el-table-column
+        label="举报时间"
+        align="center"
+        prop="jbTime"
+        width="180"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.jbTime, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="地址" align="center" prop="address" />
+      <el-table-column label="举报内容" align="center" prop="content" />
+      <el-table-column label="状态" align="center" prop="state">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.tc_steam_state"
+            :value="scope.row.state"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="来源" align="center" prop="source">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.tc_net_jb_source"
+            :value="scope.row.source"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="200"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleInfo(scope.row)"
+            v-hasPermi="['zongzhi:report:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['zongzhi:report:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['zongzhi:report: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"
+    />
+
+    <!-- 添加或修改网络举报对话框 -->
+    <el-dialog
+      :visible.sync="open"
+      width="500px"
+      append-to-body
+      custom-class="dialog-box"
+    >
+      <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="auto"
+        class="dialog-from"
+      >
+        <el-form-item label="区域id" prop="areaId">
+          <el-input v-model="form.areaId" placeholder="请输入区域id" />
+        </el-form-item>
+        <el-form-item label="举报人" prop="jbMan">
+          <el-input v-model="form.jbMan" placeholder="请输入举报人" />
+        </el-form-item>
+        <el-form-item label="被举报对象" prop="jbdx">
+          <el-input v-model="form.jbdx" placeholder="请输入被举报对象" />
+        </el-form-item>
+        <el-form-item label="苏州编号" prop="jbbh">
+          <el-input v-model="form.jbbh" placeholder="请输入苏州编号" />
+        </el-form-item>
+        <el-form-item label="举报时间" prop="jbTime">
+          <el-date-picker
+            clearable
+            size="small"
+            v-model="form.jbTime"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择举报时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="经度" prop="longitude">
+          <el-input v-model="form.longitude" placeholder="请输入经度" />
+        </el-form-item>
+        <el-form-item label="纬度" prop="latitude">
+          <el-input v-model="form.latitude" placeholder="请输入纬度" />
+        </el-form-item>
+        <el-form-item label="地址" prop="address">
+          <el-input v-model="form.address" placeholder="请输入地址" />
+        </el-form-item>
+        <el-form-item label="举报内容">
+          <editor v-model="form.content" :min-height="192" />
+        </el-form-item>
+        <el-form-item label="状态" prop="state">
+          <el-select v-model="form.state" placeholder="请选择状态">
+            <el-option
+              v-for="dict in dict.type.tc_steam_state"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="来源" prop="source">
+          <el-select v-model="form.source" placeholder="请选择来源">
+            <el-option
+              v-for="dict in dict.type.tc_net_jb_source"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(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"
+      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="网络举报"
+        :column="2"
+        border
+        labelClassName="desLable"
+      >
+        <el-descriptions-item label="区域id">{{
+          form.areaId
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="举报人">{{
+          form.jbMan
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="被举报对象">{{
+          form.jbdx
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="苏州编号">{{
+          form.jbbh
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="举报时间">{{
+          form.jbTime
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="经度">{{
+          form.longitude
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="纬度">{{
+          form.latitude
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="地址">{{
+          form.address
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="举报内容">{{
+          form.content
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="状态">{{
+          form.state
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="来源">{{
+          form.source
+        }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-export default {};
+import { mapGetters } from "vuex";
-</script>
+import {
+  listReport,
+  getReport,
+  delReport,
+  addReport,
+  updateReport,
+  exportReport,
+} from "@/api/zongzhi/netManage/netReport/index.js";
+export default {
+  computed: {
+    ...mapGetters(["townList"]),
+  },
+  name: "Report",
+  //注释字典
+  dicts: ["tc_steam_state", "tc_net_jb_source"],
+  data() {
+    return {
+      tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 网络举报表格数据
+      reportList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        jbMan: null,
+
+        jbTime: null,
+
+        state: null,
+
+        source: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    // //给表格一个固定值
+    this.$nextTick(() => {
+      this.tableHeigth =
+        this.$refs.main.offsetHeight -
+        (this.$refs.topSearch.offsetHeight +
+          this.$refs.tableTool.offsetHeight) -
+        46;
+      this.getList();
+    });
+  },
+  methods: {
+    /** 查询网络举报列表 */
+    getList() {
+      this.loading = true;
+      listReport(this.queryParams).then((response) => {
+        this.reportList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
 
-<style></style>
+        jbMan: null,
+
+        jbdx: null,
+
+        jbbh: null,
+
+        jbTime: null,
+
+        longitude: null,
+
+        latitude: null,
+
+        address: null,
+
+        content: null,
+
+        state: null,
+
+        source: 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;
+      getReport(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;
+      getReport(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) {
+            updateReport(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addReport(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 delReport(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有网络举报数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/zongzhi/report/export",
+            {
+              ...this.queryParams,
+            },
+            "网络举报_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>

src/views/netWorkYq/index.vue

@@ -40,7 +40,7 @@
             size="small"
           >
             <el-option
-              v-for="dict in dict.type.tc_media_type"
+              v-for="dict in dict.type.tc_yq_media"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
@@ -124,7 +124,7 @@
       <el-table-column label="媒体类型" align="center" prop="mediaType">
         <template slot-scope="scope">
           <dict-tag
-            :options="dict.type.tc_media_type"
+            :options="dict.type.tc_yq_media"
             :value="scope.row.mediaType"
           />
         </template>
@@ -156,7 +156,7 @@
       <el-table-column label="来源" align="center" prop="source">
         <template slot-scope="scope">
           <dict-tag
-            :options="dict.type.tc_media_type"
+            :options="dict.type.tc_yq_media"
             :value="scope.row.source"
           />
         </template>
@@ -269,7 +269,7 @@
         <el-form-item label="媒体类型" prop="mediaType">
           <el-select v-model="form.mediaType" placeholder="请选择媒体类型">
             <el-option
-              v-for="dict in dict.type.tc_media_type"
+              v-for="dict in dict.type.tc_yq_media"
               :key="dict.value"
               :label="dict.label"
               :value="parseInt(dict.value)"
@@ -309,7 +309,7 @@
         <el-form-item label="来源" prop="source">
           <el-select v-model="form.source" placeholder="请选择来源">
             <el-option
-              v-for="dict in dict.type.tc_media_type"
+              v-for="dict in dict.type.tc_yq_media"
               :key="dict.value"
               :label="dict.label"
               :value="parseInt(dict.value)"
@@ -432,7 +432,7 @@ export default {
   name: "Sentiment",
   //注释字典
   dicts: [
-    "tc_media_type",
+    "tc_yq_media",
     "tc_yq_state",
     "tc_cy_type",
     "sys_yes_no",