update

src/router/routes/enterpriseTeamWork.js

@@ -29,6 +29,17 @@ export default [
         component: () =>
           import("@/views/enterpriseTeamWork/riskOverview/indexDetail"),
       },
+
+      {
+        path: "/teamWork/riskOverview/indexTask",
+        name: "riskOverview",
+        meta: {
+          head: false,
+          title: "风险共治",
+        },
+        component: () => import("@/views/enterpriseTeamWork/riskOverview/indexTask"),
+        redirect: "/",
+        children: [
           {
             path: "/teamWork/riskOverview/indexRisk",
             name: "riskOverview",
@@ -49,6 +60,9 @@ export default [
             component: () =>
               import("@/views/enterpriseTeamWork/riskOverview/indexDuty"),
           },
+        ],
+      },
+
       {
         path: "/teamWork/riskHandle",
         name: "riskHandle",
@@ -152,7 +166,7 @@ export default [
             name: "elementInfo",
             meta: {
               head: false,
-              title: "要素异常统计分析",
+              title: "统计分析",
             },
             component: () =>
               import("@/views/enterpriseTeamWork/elementInfo/screen"),
@@ -162,7 +176,7 @@ export default [
             name: "elementInfo",
             meta: {
               head: false,
-              title: "要素异常研判应用",
+              title: "研判应用",
             },
             component: () =>
               import("@/views/enterpriseTeamWork/elementInfo/juageApply"),

src/views/enterpriseTeamWork/riskOverview/index.vue

@@ -34,10 +34,7 @@
             </div>
           </div>
         </div>
-        <div
-          class="rightWrap canvasPointer"
-          @click="gotoPage('/teamWork/riskOverview/indexDuty')"
-        >
+        <div class="rightWrap canvasDefault">
           <colWrap title="企业状态占比">
             <div class="zgztWrap">
               <div class="top">

src/views/enterpriseTeamWork/riskOverview/indexDuty.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="riskOverviewIndexDutyPanel loveflow">
-    <tableMain>
     <div class="riskOverviewIndexDutyWrap">
-        <div class="titleWrap">
-          <div class="backBtn" @click="goBack()">
-            <img :src="backIcon" />返回
-          </div>
-        </div>
       <div class="btmBody">
         <div class="flexSpaceBetween">
           <div class="tableOperator"></div>
@@ -61,9 +55,7 @@
                 </el-select>
               </el-form-item>
               <el-form-item style="margin-right: 0">
-                  <el-button type="primary" @click="searchQuery"
-                    >查询</el-button
-                  >
+                <el-button type="primary" @click="searchQuery">查询</el-button>
                 <el-button type="primary" plain @click="searchReset"
                   >重置</el-button
                 >
@@ -110,10 +102,7 @@
               <gDict :options="unitList" :value="scope.row.unit"></gDict>
             </template>
             <template v-slot:dealWaySlot="{ scope }">
-                <gDict
-                  :options="dealWayList"
-                  :value="scope.row.dealWay"
-                ></gDict>
+              <gDict :options="dealWayList" :value="scope.row.dealWay"></gDict>
             </template>
             <template v-slot:dealRequireSlot="{ scope }">
               <gDict
@@ -125,7 +114,6 @@
         </div>
       </div>
     </div>
-    </tableMain>
     <FormDialog
       labelPosition="top"
       ref="formDialog"
@@ -137,16 +125,14 @@
   </div>
 </template>
 <script>
-import tableMain from "../components/tableMain.vue";
 import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
 import { commonMixins } from "@/loveflow/mixins/commonMixins";
 
 export default {
-  components: { tableMain },
+  components: {},
   mixins: [tableListMixins, commonMixins],
   data() {
     return {
-      backIcon: require("@/assets/images/topic/left.png"),
       columns: [
         {
           slot: "idSlot",
@@ -337,12 +323,6 @@ export default {
     sendMsg(obj) {
       this.$message.success("提醒短信已发送");
     },
-    goBack() {
-      this.$router.push({
-        path: "/teamWork/riskOverview",
-      });
-    },
-
     // 合并单元格函数
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       let data = this.dataSource;
@@ -387,7 +367,6 @@ export default {
 <style lang="scss">
 @import "@/loveflow/assets/index.scss";
 .riskOverviewIndexDutyPanel {
-  padding: 16px;
   height: 100%;
   box-sizing: border-box;
   color: #ffffff;
@@ -396,30 +375,6 @@ export default {
     height: 100%;
     display: flex;
     flex-direction: column;
-    .titleWrap {
-      display: flex;
-      align-items: center;
-      height: 46px;
-      font-weight: 600;
-      font-size: 16px;
-      color: #ebfff4;
-      letter-spacing: 2px;
-      text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
-      border-bottom: solid 1px rgba(91, 116, 140, 0.6);
-      .backBtn {
-        display: flex;
-        align-items: center;
-        img {
-          margin-right: 2px;
-          width: 20px;
-          height: 20px;
-        }
-        &:hover {
-          opacity: 0.8;
-          cursor: pointer;
-        }
-      }
-    }
     .btmBody {
       padding-top: vw(14);
       display: flex;

src/views/enterpriseTeamWork/riskOverview/indexRisk.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="riskOverviewIndexRiskPanel loveflow">
-    <tableMain>
     <div class="riskOverviewIndexRiskWrap">
-        <div class="titleWrap">
-          <div class="backBtn" @click="goBack()">
-            <img :src="backIcon" />返回
-          </div>
-        </div>
       <div class="btmBody">
         <div class="flexSpaceBetween">
           <div class="tableOperator"></div>
@@ -111,9 +105,7 @@
                 </el-form-item>
               </template>
               <el-form-item style="margin-right: 0">
-                  <el-button type="primary" @click="searchQuery"
-                    >查询</el-button
-                  >
+                <el-button type="primary" @click="searchQuery">查询</el-button>
                 <el-button type="primary" plain @click="searchReset"
                   >重置</el-button
                 >
@@ -194,19 +186,13 @@
               <gDict :options="riskList" :value="scope.row.risk"></gDict>
             </template>
             <template v-slot:cmyTypeSlot="{ scope }">
-                <gDict
-                  :options="cmyTypeList"
-                  :value="scope.row.cmyType"
-                ></gDict>
+              <gDict :options="cmyTypeList" :value="scope.row.cmyType"></gDict>
             </template>
             <template v-slot:ysSlot="{ scope }">
               <gDict :options="elementList" :value="scope.row.ys"></gDict>
             </template>
             <template v-slot:dealWaySlot="{ scope }">
-                <gDict
-                  :options="dealWayList"
-                  :value="scope.row.dealWay"
-                ></gDict>
+              <gDict :options="dealWayList" :value="scope.row.dealWay"></gDict>
             </template>
             <template v-slot:dealRequireSlot="{ scope }">
               <gDict
@@ -218,7 +204,6 @@
         </div>
       </div>
     </div>
-    </tableMain>
     <FormDialog
       labelPosition="top"
       ref="formDialog"
@@ -230,16 +215,14 @@
   </div>
 </template>
 <script>
-import tableMain from "../components/tableMain.vue";
 import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
 import { commonMixins } from "@/loveflow/mixins/commonMixins";
 
 export default {
-  components: { tableMain },
+  components: {},
   mixins: [tableListMixins, commonMixins],
   data() {
     return {
-      backIcon: require("@/assets/images/topic/left.png"),
       columns: [
         {
           slot: "idSlot",
@@ -465,18 +448,12 @@ export default {
     sendMsg(obj) {
       this.$message.success("提醒短信已发送");
     },
-    goBack() {
-      this.$router.push({
-        path: "/teamWork/riskOverview",
-      });
-    },
   },
 };
 </script>
 <style lang="scss">
 @import "@/loveflow/assets/index.scss";
 .riskOverviewIndexRiskPanel {
-  padding: 16px;
   height: 100%;
   box-sizing: border-box;
   color: #ffffff;
@@ -485,30 +462,6 @@ export default {
     height: 100%;
     display: flex;
     flex-direction: column;
-    .titleWrap {
-      display: flex;
-      align-items: center;
-      height: 46px;
-      font-weight: 600;
-      font-size: 16px;
-      color: #ebfff4;
-      letter-spacing: 2px;
-      text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
-      border-bottom: solid 1px rgba(91, 116, 140, 0.6);
-      .backBtn {
-        display: flex;
-        align-items: center;
-        img {
-          margin-right: 2px;
-          width: 20px;
-          height: 20px;
-        }
-        &:hover {
-          opacity: 0.8;
-          cursor: pointer;
-        }
-      }
-    }
     .btmBody {
       padding-top: vw(14);
       display: flex;

src/views/enterpriseTeamWork/riskOverview/indexTask.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="indexTaskPanel">
+    <tableMain>
+      <div class="indexTaskWrap">
+        <div class="topHead">
+          <gTab
+            ref="gTabRef"
+            :tabList="tabList"
+            :curTab="curTab"
+            @tabClick="tabChange"
+          ></gTab>
+          <div class="titleWrap">
+            <div class="backBtn" @click="goBack()">
+              <img :src="backIcon" />返回
+            </div>
+          </div>
+        </div>
+        <div class="btmBody">
+          <router-view></router-view>
+        </div>
+      </div>
+    </tableMain>
+  </div>
+</template>
+<script>
+import tableMain from "../components/tableMain.vue";
+
+export default {
+  components: {
+    tableMain,
+  },
+  data() {
+    return {
+      backIcon: require("@/assets/images/topic/left.png"),
+      tabList: [
+        {
+          name: "风险共治清单",
+          value: "1",
+        },
+        {
+          name: "协同职责清单",
+          value: "2",
+        },
+      ],
+      curTab: "1",
+    };
+  },
+  mounted() {
+    this.tabChange("1");
+  },
+  methods: {
+    tabChange(val, obj) {
+      if (val == "1") {
+        //风险共治清单
+        this.gotoPage("/teamWork/riskOverview/indexRisk");
+      }
+      if (val == "2") {
+        //协同职责清单
+        this.gotoPage("/teamWork/riskOverview/indexDuty");
+      }
+    },
+    gotoPage(val) {
+      this.$router.push({
+        path: val,
+      });
+    },
+    goBack() {
+      this.$router.push({
+        path: "/teamWork/riskOverview",
+      });
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.indexTaskPanel {
+  padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  color: #ffffff;
+  overflow-y: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .indexTaskWrap {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .titleWrap {
+      display: flex;
+      align-items: center;
+      height: 46px;
+      font-weight: 600;
+      font-size: 16px;
+
+      .backBtn {
+        display: flex;
+        align-items: center;
+        color: #ebfff4;
+        letter-spacing: 2px;
+        text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
+        img {
+          margin-right: 2px;
+          width: 20px;
+          height: 20px;
+        }
+        &:hover {
+          opacity: 0.8;
+          cursor: pointer;
+        }
+      }
+    }
+    .topHead {
+      display: flex;
+      align-items: flex-end;
+      justify-content: space-between;
+      height: 50px;
+      border-bottom: solid 1px rgba(91, 116, 140, 0.6);
+    }
+    .btmBody {
+      padding-top: vw(14);
+      display: flex;
+      flex-direction: column;
+      height: calc(100% - 40px);
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+  }
+}
+</style>