From f8ddd5c042ab77033de36198f0f5124eab0aa9b6 Mon Sep 17 00:00:00 2001
From: e <2538815847@qq.com>
Date: Fri, 22 Mar 2024 16:50:24 +0800
Subject: [PATCH] update

---
 src/loveflow/assets/reset.less                |   2 +-
 src/router/routes/enterpriseTeamWork.js       |  29 ++-
 .../enterpriseTeamWork/elementInfo/index.vue  | 121 ++++++++++++
 .../elementInfo/juageApply.vue                | 183 ++++++++++++++++++
 .../enterpriseTeamWork/elementInfo/screen.vue |  51 +++++
 5 files changed, 381 insertions(+), 5 deletions(-)
 create mode 100644 src/views/enterpriseTeamWork/elementInfo/juageApply.vue
 create mode 100644 src/views/enterpriseTeamWork/elementInfo/screen.vue

diff --git a/src/loveflow/assets/reset.less b/src/loveflow/assets/reset.less
index e964780..1f6d700 100644
--- a/src/loveflow/assets/reset.less
+++ b/src/loveflow/assets/reset.less
@@ -386,7 +386,7 @@
       .el-form-item__label {
         color: #fff;
         line-height: 40px;
-        padding: 0 0 4px;
+        padding: 0 4px 4px 0;
       }
       .el-form-item__content {
         .el-textarea__inner,
diff --git a/src/router/routes/enterpriseTeamWork.js b/src/router/routes/enterpriseTeamWork.js
index cdb80e6..4149b73 100644
--- a/src/router/routes/enterpriseTeamWork.js
+++ b/src/router/routes/enterpriseTeamWork.js
@@ -135,8 +135,7 @@ export default [
           head: true,
           title: "提醒配置管理",
         },
-        component: () =>
-          import("@/views/enterpriseTeamWork/tipSet/index"),
+        component: () => import("@/views/enterpriseTeamWork/tipSet/index"),
       },
       {
         path: "/teamWork/elementInfo",
@@ -145,8 +144,30 @@ export default [
           head: true,
           title: "要素异常管理",
         },
-        component: () =>
-          import("@/views/enterpriseTeamWork/elementInfo/index"),
+        component: () => import("@/views/enterpriseTeamWork/elementInfo/index"),
+        redirect: "/teamWork/elementScreen",
+        children: [
+          {
+            path: "/teamWork/elementScreen",
+            name: "elementInfo",
+            meta: {
+              head: false,
+              title: "要素异常统计分析",
+            },
+            component: () =>
+              import("@/views/enterpriseTeamWork/elementInfo/screen"),
+          },
+          {
+            path: "/teamWork/juageApply",
+            name: "elementInfo",
+            meta: {
+              head: false,
+              title: "要素异常研判应用",
+            },
+            component: () =>
+              import("@/views/enterpriseTeamWork/elementInfo/juageApply"),
+          },
+        ],
       },
       {
         path: "/teamWork/problemAnalysis",
diff --git a/src/views/enterpriseTeamWork/elementInfo/index.vue b/src/views/enterpriseTeamWork/elementInfo/index.vue
index e69de29..4fd48f5 100644
--- a/src/views/enterpriseTeamWork/elementInfo/index.vue
+++ b/src/views/enterpriseTeamWork/elementInfo/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="elementInfoPanel">
+    <tableMain>
+      <div class="elementInfoWrap">
+        <div class="titleWrap">提醒配置管理</div>
+        <div class="topHead">
+          <gTab
+            ref="gTabRef"
+            :tabList="tabList"
+            :curTab="curTab"
+            @tabClick="tabChange"
+          ></gTab>
+        </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 {
+      tabList: [
+        {
+          name: "统计分析",
+          value: "1",
+        },
+        {
+          name: "研判应用",
+          value: "2",
+        },
+      ],
+      curTab: "1",
+    };
+  },
+  mounted() {
+    this.tabChange("1");
+  },
+  methods: {
+    tabChange(val, obj) {
+      if (val == "1") {
+        this.gotoPage("/teamWork/elementScreen");
+      }
+      if (val == "2") {
+        this.gotoPage("/teamWork/juageApply");
+      }
+    },
+    gotoPage(val) {
+      this.$router.push({
+        path: val,
+      });
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.elementInfoPanel {
+  padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  color: #ffffff;
+  overflow-y: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .elementInfoWrap {
+    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);
+
+      .icon {
+        margin: 0 2px;
+        width: vw(20);
+        height: vw(20);
+        background: url("~@/assets/images/base/navI.png") no-repeat center
+          center;
+        background-size: 100% 100%;
+      }
+      .dealDetailTitle {
+        font-weight: 400;
+        font-size: vw(16);
+        color: #ebf7ff;
+      }
+    }
+    .topHead {
+      display: flex;
+      align-items: flex-end;
+      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% - 100px);
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/elementInfo/juageApply.vue b/src/views/enterpriseTeamWork/elementInfo/juageApply.vue
new file mode 100644
index 0000000..ebf2255
--- /dev/null
+++ b/src/views/enterpriseTeamWork/elementInfo/juageApply.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="juageApplyPanel">
+    <div class="flexSpaceBetween">
+      <div class="tableOperator"></div>
+      <div class="searchWrap">
+        <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+          <el-form-item label="消息类型:">
+            <el-select clearable v-model="queryParam.msg" placeholder="">
+              <el-option
+                v-for="item in msgList"
+                :label="item.name"
+                :key="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="请选择推送方式:">
+            <el-select clearable v-model="queryParam.cq" placeholder="">
+              <el-option
+                v-for="item in pushList"
+                :label="item.name"
+                :key="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="超期短信提醒:">
+            <el-select clearable v-model="queryParam.tx" placeholder="">
+              <el-option
+                v-for="item in isNoList"
+                :label="item.name"
+                :key="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="searchQuery">查询</el-button>
+            <el-button type="primary" plain @click="searchReset"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <div class="tableWrap">
+      <gMainTable
+        border
+        stripe
+        ref="gMainTable"
+        :tableData="dataSource"
+        :columns="columns"
+        rowKey="id"
+        :pagination="ipagination"
+        @pageSizeChange="handlePageSizeChange"
+        @currentPageChange="handleCurrentPageChange"
+      >
+        <template v-slot:idSlot="{ scope }">
+          <span class="serialWrap">
+            {{ scope.row.id }}
+          </span>
+        </template>
+        <template v-slot:optSlot="{ scope }">
+          <span class="tableOPtBtn" @click="ruleSet(scope.row)">
+            规则配置
+          </span>
+        </template>
+        <template v-slot:isnSlot="{ scope }">
+          <gDict :options="isNoList" :value="scope.row.msg"></gDict>
+        </template>
+        <template v-slot:msgSlot="{ scope }">
+          <gDict :options="msgList" :value="scope.row.jj"></gDict>
+        </template>
+      </gMainTable>
+    </div>
+
+    <FormDialog
+      labelPosition="top"
+      ref="formDialog"
+      :formItems="formItems"
+      width="800px"
+      @formSubmit="formSubmit"
+    >
+    </FormDialog>
+  </div>
+</template>
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+import { commonMixins } from "@/loveflow/mixins/commonMixins";
+export default {
+  mixins: [tableListMixins, commonMixins],
+  data() {
+    return {
+      columns: [
+        {
+          slot: "idSlot",
+          prop: "id",
+          label: "序号",
+          attrs: {
+            width: 60,
+          },
+        },
+        {
+          prop: "risk",
+          label: "风险类型",
+        },
+        {
+          prop: "flowType",
+          label: "异常明细项",
+        },
+        {
+          slot: "waySlot",
+          prop: "way",
+          label: "处置方式",
+        },
+        {
+          prop: "deal",
+          label: "处置要求",
+        },
+        {
+          slot: "optSlot",
+          prop: "jj",
+          label: "处置配置",
+          attrs: {
+            width: 140,
+          },
+        },
+        {
+          prop: "remarks",
+          label: "备注",
+        },
+      ],
+      formItems: [
+        {
+          type: "select",
+          itemAttrs: {
+            label: "请选择处置要求",
+            span: 24,
+            rules: this.requiredItem,
+          },
+          attrs: {
+            model: "push",
+            value: "",
+            option: [],
+            style: {
+              width: "100%",
+              paddingRight: "16px",
+            },
+          },
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.setFindItem("formItems", "push").attrs.option = this.dealWayList;
+  },
+  methods: {
+    ruleSet(obj) {
+      this.$refs.formDialog.openDialog("detail", obj, "推送规则设置");
+    },
+    formSubmit(obj) {
+      console.log(obj);
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.juageApplyPanel {
+  height: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  .tableWrap {
+    .serialWrap {
+      padding: 2px 6px;
+      border: solid 1px #9ed7e7;
+      color: #33e6ff;
+      font-weight: bold;
+      border-radius: 2px;
+    }
+  }
+}
+</style>
diff --git a/src/views/enterpriseTeamWork/elementInfo/screen.vue b/src/views/enterpriseTeamWork/elementInfo/screen.vue
new file mode 100644
index 0000000..c023c8f
--- /dev/null
+++ b/src/views/enterpriseTeamWork/elementInfo/screen.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="elementInfoScreen">
+    <div class="screenRow pb14">
+      <div class="colWrap">
+        <colWrap title="要素数量统计"> </colWrap>
+      </div>
+      <div class="colWrap">
+        <colWrap title="风险处置情况"> </colWrap>
+      </div>
+    </div>
+    <div class="screenRow pb14">
+      <div class="colWrap">
+        <colWrap title="异常事件分布"> </colWrap>
+      </div>
+      <div class="colWrap">
+        <timeSelect></timeSelect>
+        <colWrap title="违法行为统计"> </colWrap>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import colWrap from "../components/colWrap.vue";
+import timeSelect from "../components/timeSelect.vue";
+export default {
+  components: {
+    colWrap,
+    timeSelect,
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.elementInfoScreen {
+  height: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+  overflow: hidden;
+  .screenRow {
+    display: flex;
+    height: 50%;
+    box-sizing: border-box;
+    .colWrap{
+        flex: 1;
+    }
+  }
+}
+</style>