update

src/loveflow/assets/reset.less

@@ -13,12 +13,12 @@
         height: 34px;
         line-height: 34px;
         font-size: 14px;
-        color: #eaf6ff;
+        color: #ffffff;
         border: 0.1px solid #495e70;
         background-color: rgba(0, 0, 0, 0);
         &::placeholder {
-          color: #5b748c;
-          //color: #eaf6ff;
+          //color: #5b748c;
+          color: #eaf6ff;
         }
       }
       .el-form-item__label {
@@ -38,7 +38,7 @@
         border: 1px solid #465c6e;
         color: #eaf6ff;
         border-radius: 1px;
-        background: #132220;
+        background: #323f43;
       }
 
       .el-button:focus,
@@ -54,8 +54,7 @@
           background: transparent;
           color: #eaf6ff;
           &::placeholder {
-            color: #5b748c;
-            //color: #eaf6ff;
+            color: #eaf6ff;
           }
         }
         .el-range-separator {
@@ -63,8 +62,7 @@
           line-height: 34px;
           margin: 0 4px 0 0;
           &::placeholder {
-            color: #5b748c;
-            //color: #eaf6ff;
+            color: #eaf6ff;
           }
         }
         &.el-input__inner {
@@ -89,6 +87,18 @@
   }
   .tableWrap {
     height: calc(100% - 40px);
+    .tableOPtBtn {
+      padding: 10px 20px;
+      font-weight: 400;
+      font-size: 14px;
+      color: #ffffff;
+      background: url("~@/assets/images/team/btnh.png") no-repeat center center;
+      background-size: 100% 100%;
+      &:hover {
+        opacity: 0.8;
+        cursor: pointer;
+      }
+    }
   }
   .el-table {
     border: solid 1px rgba(82, 107, 127, 0.7);

src/loveflow/components/animate/rotate.vue

@@ -44,7 +44,7 @@ export default {
         .padStart(2, "0")}.png`;
       //console.log(imgName);
 
-      //return require("@/assets/images/rotate/index_top/合成1_00002.png")
+      //return require("@/assets/images/rotate/ldang/底座旋转_00000.png")
       return require("@/assets/images/rotate/" + this.filePath + "/" + imgName);
     },
   },

src/loveflow/components/menu/head.vue

@@ -19,8 +19,25 @@
           :index="item.name"
           @click="gotoPage(item)"
           :key="item.name"
-          >{{ item.title }}</el-menu-item
         >
+          {{ item.title }}
+        </el-menu-item>
+        <!-- v-if="!item.children.length" -->
+        <!-- <el-submenu
+          v-if="item.children.length"
+          :index="item.name"
+          :key="item.name"
+        >
+          <template slot="title">{{ item.title }}</template>
+          <el-menu-item
+            v-for="(sub, index) in item.children"
+            :key="sub.name + index"
+            @click="gotoPage(sub)"
+            :index="sub.path"
+          >
+            {{ sub.meta.title }}</el-menu-item
+          >
+        </el-submenu> -->
       </template>
 
       <div class="shu"></div>
@@ -96,8 +113,8 @@ export default {
   },
   methods: {
     gotoPage(item) {
-      console.log(item);
       let path = item.path;
+      console.log(path);
       if (item.title === "人员安全") {
         path = "/topic/personSafety/screen";
       }
@@ -126,10 +143,11 @@ export default {
             title: tempList[i]["meta"]["title"],
             name: tempList[i]["name"],
             path: tempList[i]["path"],
+            children: tempList[i]["children"] || [],
           });
         }
       }
-      //console.log(this.menuList);
+      console.log(this.menuList);
     },
     handleSelect(key) {
       sessionStorage.setItem("activeIndex", key);
@@ -326,6 +344,19 @@ export default {
       text-align: center;
       font-weight: 400;
     }
+    .el-submenu {
+      height: 35px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 10px 10px;
+      background: url("~@/assets/companyFile/Rectangle Copy 4.png") no-repeat;
+      background-size: 100% 100%;
+      color: #d9e7ff;
+      letter-spacing: 3px;
+      text-align: center;
+      font-weight: 400;
+    }
 
     .shu {
       border-left: 1px solid rgba(217, 231, 255, 0.4);

src/router/routes/enterpriseTeamWork.js

@@ -65,7 +65,8 @@ export default [
           head: false,
           title: "风险处置我的流程",
         },
-        component: () => import("@/views/enterpriseTeamWork/riskHandle/indexMy"),
+        component: () =>
+          import("@/views/enterpriseTeamWork/riskHandle/indexMy"),
       },
       {
         path: "/teamWork/riskHandle/indexDetail",
@@ -74,7 +75,8 @@ export default [
           head: false,
           title: "风险处置详情",
         },
-        component: () => import("@/views/enterpriseTeamWork/riskHandle/indexDetail"),
+        component: () =>
+          import("@/views/enterpriseTeamWork/riskHandle/indexDetail"),
       },
       {
         path: "/teamWork/problemRectify",
@@ -116,14 +118,35 @@ export default [
         component: () =>
           import("@/views/enterpriseTeamWork/messageCenter/index"),
       },
-      {
-        path: "/teamWork/errorHandle",
+      /* {
+        path: "/teamWork/errorHandle/indexTipSet",
         name: "errorHandle",
         meta: {
           head: true,
           title: "异常处置管理",
         },
-        component: () => import("@/views/enterpriseTeamWork/errorHandle/index"),
+        component: () =>
+          import("@/views/enterpriseTeamWork/errorHandle/indexTipSet"),
+      }, */
+      {
+        path: "/teamWork/tipSet",
+        name: "tipSet",
+        meta: {
+          head: true,
+          title: "提醒配置管理",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/tipSet/index"),
+      },
+      {
+        path: "/teamWork/elementInfo",
+        name: "elementInfo",
+        meta: {
+          head: true,
+          title: "要素异常管理",
+        },
+        component: () =>
+          import("@/views/enterpriseTeamWork/elementInfo/index"),
       },
       {
         path: "/teamWork/problemAnalysis",

src/views/enterpriseTeamWork/errorHandle/indexElement.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="indexElementPanel">要素异常管理</div>
+</template>

src/views/enterpriseTeamWork/errorHandle/indexTipSet.vue

@@ -0,0 +1,171 @@
+<template>
+  <div class="indexTipSetPanel">
+    <tableMain>
+      <div class="indexTipSetWrap">
+        <div class="titleWrap">
+          <span class="backBtn"> 闭环处置</span>
+          <span class="icon"></span>
+          <span class="dealDetailTitle">处置详情</span>
+        </div>
+        <div class="topHead">
+          <gTab
+            ref="gTabRef"
+            :tabList="tabList"
+            :curTab="curTab"
+            @tabClick="tabChange"
+          ></gTab>
+        </div>
+        <div class="btmBody">
+          <component :is="content"></component>
+        </div>
+      </div>
+    </tableMain>
+  </div>
+</template>
+<script>
+import tableMain from "../components/tableMain.vue";
+
+import indexDetailForm from "./indexDetailForm.vue";
+import indexDetailFlow from "./indexDetailFlow.vue";
+import indexDetailRecord from "./indexDetailRecord.vue";
+
+export default {
+  components: {
+    tableMain,
+    indexDetailForm,
+    indexDetailFlow,
+    indexDetailRecord,
+  },
+  data() {
+    return {
+      tabList: [
+        {
+          name: "表单信息",
+          value: "1",
+        },
+        {
+          name: "流程图",
+          value: "2",
+        },
+        {
+          name: "流程记录",
+          value: "3",
+        },
+      ],
+      curTab: "1",
+      content: "indexDetailForm",
+    };
+  },
+  methods: {
+    tabChange(val) {
+      if (val == "1") {
+        this.content = indexDetailForm;
+      }
+      if (val == "2") {
+        this.content = indexDetailFlow;
+      }
+      if (val == "3") {
+        this.content = indexDetailRecord;
+      }
+    },
+    gotoPage(val) {
+      this.$router.push({
+        path: val,
+      });
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.indexTipSetPanel {
+  padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  color: #ffffff;
+  overflow-y: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .indexTipSetWrap {
+    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;
+      }
+      .failWrap {
+        display: flex;
+        align-items: center;
+        color: #ff6262;
+        .icon {
+          background-color: #ff6262;
+        }
+      }
+      .ingWrap {
+        display: flex;
+        align-items: center;
+        color: #4cf993;
+        .icon {
+          background-color: #4cf993;
+        }
+      }
+      .finishWrap {
+        display: flex;
+        align-items: center;
+        color: #30c4ff;
+        .icon {
+          background-color: #30c4ff;
+        }
+      }
+      .icon {
+        margin-right: 10px;
+        width: 6px;
+        height: 6px;
+        border-radius: 6px;
+      }
+      .text {
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+  }
+}
+</style>

src/views/enterpriseTeamWork/tipSet/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="tipSetPanel">
+    <tableMain>
+      <div class="tipSetWrap">
+        <div class="titleWrap">提醒配置管理</div>
+        <div class="topHead">
+          <gTab
+            ref="gTabRef"
+            :tabList="tabList"
+            :curTab="curTab"
+            @tabClick="tabChange"
+          ></gTab>
+        </div>
+        <div class="btmBody">
+          <component :is="content" @tabChange="tabChange"></component>
+        </div>
+      </div>
+    </tableMain>
+  </div>
+</template>
+<script>
+import tableMain from "../components/tableMain.vue";
+
+import msgPush from "./msgPush.vue";
+import msgPushDetail from "./msgPushDetail.vue";
+import urgencyWrap from "./urgency.vue";
+import dealWay from "./dealWay.vue";
+import dealRequire from "./msgPush.vue";
+
+export default {
+  components: {
+    tableMain,
+    msgPush,
+    urgencyWrap,
+    dealWay,
+    dealRequire,
+    msgPushDetail,
+  },
+  data() {
+    return {
+      tabList: [
+        {
+          name: "提醒消息推送管理",
+          value: "1",
+        },
+        {
+          name: "紧急程度管理",
+          value: "2",
+        },
+        {
+          name: "处置方式管理",
+          value: "3",
+        },
+        {
+          name: "处置要求管理",
+          value: "4",
+        },
+      ],
+      curTab: "1",
+      content: "msgPush",
+    };
+  },
+  methods: {
+    tabChange(val) {
+      if (val == "1") {
+        this.content = msgPush;
+      }
+      if (val == "11") {
+        this.content = msgPushDetail;
+      }
+      if (val == "2") {
+        this.content = urgencyWrap;
+      }
+      if (val == "3") {
+        this.content = dealWay;
+      }
+      if (val == "4") {
+        this.content = dealRequire;
+      }
+    },
+    gotoPage(val) {
+      this.$router.push({
+        path: val,
+      });
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.tipSetPanel {
+  padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  color: #ffffff;
+  overflow-y: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .tipSetWrap {
+    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>

src/views/enterpriseTeamWork/tipSet/msgPush.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="msgPushPanel">
+    <div class="line" v-for="(item, index) in list" :key="item.name">
+      <div class="nameWrap">
+        <div class="leftWrap">
+          <rotateWrap
+            :ref="'rotate' + index"
+            :filePath="item.filePath"
+            :fileName="item.fileName"
+            :total="23"
+          >
+            <div
+              class="icon"
+              :style="{ backgroundImage: `url(${item.icon})` }"
+            ></div>
+          </rotateWrap>
+        </div>
+
+        <div class="textWrap">
+          <div class="name">{{ item.name }}</div>
+          <div class="nr">{{ item.nr }}</div>
+        </div>
+      </div>
+      <div class="opt" @click="gotoPage(item.path)">详情</div>
+    </div>
+  </div>
+</template>
+<script>
+import rotateWrap from "@/loveflow/components/animate/rotate.vue";
+
+export default {
+  components: { rotateWrap },
+  data() {
+    return {
+      list: [
+        {
+          icon: require("@/assets/images/team/ldang.png"),
+          name: "提醒信息推送规则设置",
+          nr: "对各类事件提醒信息推送规则的设置，如设置各类事件提醒信息推动方式、推动对象、推送时间等。",
+          path: "11",
+          fileName: "底座旋转_000",
+          filePath: "ldang",
+          total: 23,
+        },
+        {
+          icon: require("@/assets/images/team/ldang.png"),
+          name: "提醒信息模版管理",
+          nr: "对系统消息、短信、钉消息发送模板的新增、修改、删除等维护管理。",
+          path: "11",
+          fileName: "底座旋转_000",
+          filePath: "msg",
+          total: 23,
+        },
+        {
+          icon: require("@/assets/images/team/ldang.png"),
+          name: "钉语音信息管理",
+          nr: "与钉钉系统语音模块的对接管理功能，实现语音信息发送模板的新增、修改、删除等操作。",
+          path: "11",
+          fileName: "底座旋转_000",
+          filePath: "dding",
+          total: 23,
+        },
+      ],
+    };
+  },
+  methods: {
+    gotoPage(val) {
+      this.$emit("tabChange", val);
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.msgPushPanel {
+  .line {
+    position: relative;
+    height: vw(228);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: url("~@/assets/images/team/elb.png") no-repeat center center;
+    background-size: 100% 100%;
+    .nameWrap {
+      display: flex;
+      align-items: center;
+      .leftWrap {
+        margin-left: vw(30);
+        margin-right: vw(30);
+        margin-top: 40px;
+        width: vw(140);
+        height: vw(140);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .icon {
+        position: absolute;
+        left: vw(8);
+        top: -20px;
+        width: vw(120);
+        height: vw(120);
+        background-size: 100% 100%;
+        background-position: center center;
+      }
+      .textWrap {
+        .name {
+          margin-bottom: vw(20);
+          font-weight: 600;
+          font-size: vw(18);
+          color: #ebf7ff;
+        }
+        .nr {
+          font-weight: 400;
+          font-size: vw(16);
+          color: #ebf7ff;
+        }
+      }
+    }
+    .opt {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: vw(40);
+      width: vw(104);
+      height: vw(50);
+      font-weight: 400;
+      font-size: vw(16);
+      color: #ffffff;
+      background-color: #323f43;
+      &:hover {
+        background: url("~@/assets/images/team/btnh.png") no-repeat center
+          center;
+        background-size: 100% 100%;
+        cursor: pointer;
+      }
+    }
+    &:hover {
+      background: url("~@/assets/images/team/elba.png") no-repeat center center;
+      background-size: 100% 100%;
+    }
+  }
+}
+</style>

src/views/enterpriseTeamWork/tipSet/msgPushDetail.vue

@@ -0,0 +1,291 @@
+<template>
+  <div class="msgPushDetailPanel">
+    <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 {
+      msgList: [
+        {
+          name: "风险提醒",
+          value: "0",
+        },
+        {
+          name: "超期提醒",
+          value: "1",
+        },
+        {
+          name: "申诉核查提醒",
+          value: "2",
+        },
+      ],
+      pushList: [
+        {
+          name: "短信提醒",
+          value: "0",
+        },
+        {
+          name: "平台消息提醒",
+          value: "1",
+        },
+        {
+          name: "钉钉消息提醒",
+          value: "2",
+        },
+      ],
+      dqList: [
+        {
+          name: "到期前一天",
+          value: "0",
+        },
+        {
+          name: "到期前三天",
+          value: "1",
+        },
+        {
+          name: "到期前五天",
+          value: "2",
+        },
+      ],
+      columns: [
+        {
+          slot: "idSlot",
+          prop: "id",
+          label: "序号",
+          attrs: {
+            width: 60,
+          },
+        },
+        {
+          slot: "msgSlot",
+          prop: "jj",
+          label: "消息类型",
+        },
+        {
+          prop: "flowType",
+          label: "管控扣分项",
+        },
+        {
+          prop: "flowType",
+          label: "推动对象",
+        },
+        {
+          prop: "way",
+          label: "推动方式",
+        },
+        {
+          prop: "date",
+          label: "推送时间",
+          attrs: {
+            width: 180,
+          },
+        },
+        {
+          slot: "isnSlot",
+          prop: "msg",
+          label: "是否短信提醒",
+          attrs: {
+            width: 70,
+          },
+        },
+        {
+          slot: "optSlot",
+          prop: "jj",
+          label: "推送规则配置",
+          attrs: {
+            width: 140,
+          },
+        },
+      ],
+      formItems: [
+        {
+          type: "select",
+          itemAttrs: {
+            label: "信息推动方式",
+            span: 12,
+            rules: this.requiredItem,
+          },
+          attrs: {
+            model: "jb",
+            value: "",
+            option: this.pushList,
+            style: {
+              width: "100%",
+              paddingRight: "16px",
+            },
+          },
+        },
+        {
+          type: "datetime",
+          itemAttrs: {
+            label: "推送时间",
+            span: 12,
+          },
+          attrs: {
+            model: "date",
+            value: "",
+            placeholder: "",
+            style: {},
+          },
+        },
+
+        {
+          type: "input",
+          itemAttrs: {
+            label: "请输入挂牌单位：",
+            span: 24,
+          },
+          attrs: {
+            model: "dw",
+            value: "",
+            placeholder: "",
+            style: {},
+          },
+        },
+        {
+          type: "select",
+          itemAttrs: {
+            label: "是否支持超期短信提醒",
+            span: 12,
+          },
+          attrs: {
+            model: "dx",
+            value: "",
+            option: this.isNoList,
+            style: {
+              width: "100%",
+              paddingRight: "16px",
+            },
+          },
+        },
+        {
+          type: "select",
+          itemAttrs: {
+            label: "超期提醒时间",
+            span: 12,
+          },
+          attrs: {
+            model: "cq",
+            value: "",
+            option: this.dqList,
+            style: {
+              width: "100%",
+            },
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    ruleSet(obj) {
+      this.$refs.formDialog.openDialog("detail", obj, "推送规则设置");
+    },
+    formSubmit(obj) {
+      console.log(obj);
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.msgPushDetailPanel {
+  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>