From 083c23729b0daf7cdb65284b0996e3fb24e93101 Mon Sep 17 00:00:00 2001 From: loveflow <5269966+loveflow@user.noreply.gitee.com> Date: Sat, 23 Mar 2024 23:54:01 +0800 Subject: [PATCH] update --- src/loveflow/assets/reset.less | 1 + src/loveflow/components/data/table.vue | 7 +- src/loveflow/mixins/commonMixins.js | 207 ++++++++++------ src/loveflow/mixins/tableListMixins.js | 79 +++++- .../elementInfo/juageApply.vue | 194 ++++----------- .../elementInfo/juageMap.vue | 3 + .../elementInfo/juageTable.vue | 150 ++++++++++++ .../enterpriseTeamWork/elementInfo/pie.vue | 4 +- .../enterpriseTeamWork/elementInfo/pieTwo.vue | 152 ++++++++++++ .../enterpriseTeamWork/elementInfo/screen.vue | 135 +++++++++-- .../messageCenter/index.vue | 224 +++++++++--------- .../problemRectify/indexFeedback.vue | 2 +- .../problemRectify/indexTrack.vue | 2 +- .../enterpriseTeamWork/riskHandle/index.vue | 75 +++++- .../enterpriseTeamWork/riskHandle/indexMy.vue | 10 +- .../enterpriseTeamWork/riskOverview/dpie.vue | 7 +- .../enterpriseTeamWork/riskOverview/index.vue | 26 +- .../riskOverview/indexDetail.vue | 95 +++++--- .../riskOverview/indexDuty.vue | 92 +++++-- .../riskOverview/indexRisk.vue | 108 +++++++-- .../enterpriseTeamWork/riskOverview/line.vue | 2 +- .../enterpriseTeamWork/tipSet/dealRequire.vue | 55 +++-- .../tipSet/msgPushDetail.vue | 70 ++---- 23 files changed, 1149 insertions(+), 551 deletions(-) create mode 100644 src/views/enterpriseTeamWork/elementInfo/juageMap.vue create mode 100644 src/views/enterpriseTeamWork/elementInfo/juageTable.vue create mode 100644 src/views/enterpriseTeamWork/elementInfo/pieTwo.vue diff --git a/src/loveflow/assets/reset.less b/src/loveflow/assets/reset.less index 43f8884..5886f73 100644 --- a/src/loveflow/assets/reset.less +++ b/src/loveflow/assets/reset.less @@ -426,6 +426,7 @@ } .canvasPointer { + cursor: pointer; canvas { cursor: pointer !important; } diff --git a/src/loveflow/components/data/table.vue b/src/loveflow/components/data/table.vue index 348f17e..d227934 100644 --- a/src/loveflow/components/data/table.vue +++ b/src/loveflow/components/data/table.vue @@ -85,6 +85,7 @@ export default { data() { return {}; }, + methods: { //每页条数发生改变 pageSizeChange(item) { @@ -113,12 +114,12 @@ export default { height: calc(100% - 54px); .el-table__body-wrapper { height: calc(100% - 50px); - overflow: scroll; - &::-webkit-scrollbar-corner{ + overflow-y: scroll; + &::-webkit-scrollbar-corner { background: transparent; } &::-webkit-scrollbar { - width: 6px; + width: 0; height: 6px; } diff --git a/src/loveflow/mixins/commonMixins.js b/src/loveflow/mixins/commonMixins.js index e622352..5aac9bd 100644 --- a/src/loveflow/mixins/commonMixins.js +++ b/src/loveflow/mixins/commonMixins.js @@ -1,16 +1,44 @@ export const commonMixins = { data() { return { + //男女 + genderList: [ + { + name: "男", + value: "1", + }, + { + name: "女", + value: "0", + }, + ], + //是否 + isNoList: [ + { + name: "是", + value: "1", + }, + { + name: "否", + value: "0", + }, + ], + //镇区 zhAreaList: [ - { name: "招宝山街道", value: "330211001" }, - { name: "九龙湖镇", value: "330211101" }, - { name: "澥浦镇", value: "330211100" }, + { name: "招宝山街道", value: "330211000" }, + { name: "九龙湖镇", value: "330211001" }, + { name: "澥浦镇", value: "330211002" }, { name: "骆驼街道", value: "330211003" }, { name: "庄市街道", value: "330211004" }, - { name: "蛟川街道", value: "330211002" }, + { name: "蛟川街道", value: "330211006" }, { name: "贵驷街道", value: "330211005" }, ], - riskTypeList: [ + //风险异常,管控扣分项 + riskList: [ + { + name: "企业整改异常", + value: "0", + }, { name: "流动人员异常", value: "1", @@ -39,188 +67,215 @@ export const commonMixins = { name: "等保定级评审异常", value: "7", }, - { - name: "企业整改异常", - value: "8", - }, - ], - isNoList: [ - { - name: "是", - value: "1", - }, - { - name: "否", - value: "0", - }, ], - infoTypeList: [ + //要素明细 + elementList: [ { - name: "短信提醒", + name: "流动人员核查率异常", value: "0", }, { - name: "超期提醒", + name: "危险品使用人员资质异常", value: "1", }, { - name: "申诉审核提醒", + name: "夜间值班人员不足", value: "2", }, + { + name: "灭火器数量不达标", + value: "3", + }, ], - pushList: [ + //状态 + stateList: [ { - name: "短信提醒", + name: "未完成", value: "0", }, { - name: "平台消息提醒", + name: "整改中", value: "1", }, { - name: "钉钉消息提醒", + name: "已完成", value: "2", }, ], - riskList: [ + //企业类型 + cmyTypeList: [ { - name: "流动人员异常", + name: "其他类型", value: "0", }, { - name: "重点岗位资质异常", + name: "精细化工企业", value: "1", }, { - name: "人防配置情况异常", + name: "石化源头企业", value: "2", }, { - name: "消防设施设备异常", + name: "合成材料企业", value: "3", }, + { + name: "高分子企业", + value: "4", + }, ], - elementList: [ + //处置方式 + dealWayList: [ { - name: "流动人员核查率异常", + name: "企业提醒", value: "0", }, { - name: "危险品使用人员资质异常", + name: "行政处罚", value: "1", }, { - name: "夜间值班人员不足", + name: "核实消警", value: "2", }, { - name: "灭火器数量不达标", + name: "现场核实", value: "3", }, + { + name: "现场检查", + value: "4", + }, ], - pushObjList: [ + //处置要求 + dealRequireList: [ { - name: "企业对象", + name: "自动反馈", + value: "0", + }, + { + name: "人工反馈", value: "1", }, + ], + //监管单位 + unitList: [ { name: "镇海区公安局", - value: "2", + value: "0", }, { name: "镇海区交通局", - value: "3", + value: "1", }, { name: "市场监督管理局", - value: "4", + value: "2", }, { name: "区大数据中心", - value: "5", + value: "3", }, ], - remindList: [ + //消息类型 + infoTypeList: [ { - name: "到期前一天", + name: "短信提醒", value: "0", }, { - name: "到期前三天", + name: "超期提醒", value: "1", }, { - name: "到期前五天", + name: "申诉审核提醒", value: "2", }, ], - unitList: [ + //提醒方式==推送方式 + tipWayList: [ { - name: "镇海区公安局", + name: "钉钉", + value: "0", + }, + { + name: "平台消息", value: "1", }, { - name: "镇海区交通局", + name: "短信", value: "2", }, + ], + + pushList: [ { - name: "市场监督管理局", - value: "3", + name: "短信提醒", + value: "0", }, { - name: "区大数据中心", - value: "4", + name: "平台消息提醒", + value: "1", + }, + { + name: "钉钉消息提醒", + value: "2", }, ], - personList: [ + pushObjList: [ { - name: "杨怡伶", + name: "企业对象", value: "1", }, { - name: "李彦志", + name: "镇海区公安局", value: "2", }, { - name: "吴淑霞", + name: "镇海区交通局", value: "3", }, { - name: "张雅泰", + name: "市场监督管理局", value: "4", }, - ], - dealWayList: [ { - name: "企业提醒", - value: "1", - }, - { - name: "核实消警", - value: "2", + name: "区大数据中心", + value: "5", }, + ], + remindList: [ { - name: "现场核实", - value: "3", + name: "到期前一天", + value: "0", }, { - name: "现场检查", - value: "4", + name: "到期前三天", + value: "1", }, { - name: "行政处罚", - value: "5", + name: "到期前五天", + value: "2", }, ], - dealRequire: [ + personList: [ { - name: "自动反馈", + name: "杨怡伶", value: "1", }, { - name: "人工反馈", + name: "李彦志", value: "2", }, + { + name: "吴淑霞", + value: "3", + }, + { + name: "张雅泰", + value: "4", + }, ], }; }, diff --git a/src/loveflow/mixins/tableListMixins.js b/src/loveflow/mixins/tableListMixins.js index a7135d5..521322a 100644 --- a/src/loveflow/mixins/tableListMixins.js +++ b/src/loveflow/mixins/tableListMixins.js @@ -10,7 +10,7 @@ export const tableListMixins = { /* 分页参数 */ ipagination: { currentPage: 1, - pageSize: 20, + pageSize: 10, pageSizes: ["10", "20", "30"], layout: "total, sizes, prev, pager, next, jumper", total: 0, @@ -45,7 +45,7 @@ export const tableListMixins = { //模拟接口返回数据总数total let total = 40; this.ipagination.total = total; - //console.log(this.ipagination); + console.log(this.ipagination); let nameArr = [ "杨怡伶", @@ -90,22 +90,82 @@ export const tableListMixins = { "叶依婷", ]; + let cmyArr = [ + "宁波市鼎瑞翔新材料科技有限公司", + "镇海石化海达发展有限责任公司", + "宁波四明化工有限公司", + "宁波特粒科技有限公司", + "宁波市镇海欣利工艺品有限公司", + "宁波安捷化工物流有限公司", + "宁波和盛达能源科技有限公司", + "宁波市镇海俞范三合电镀厂", + "宁波华梦贸易有限公司", + "英力士苯领高分子材料(宁波)有限公司", + "宁波市镇海金泰金属有限公司", + "宁波市银舟表面技术有限公司", + "图腾纺织(宁波)有限公司", + "宁波人健化学制药有限公司", + "宁波明峰检验检测研究院股份有限公司", + "宁波铝亿合金材料有限公司", + "宁波龙宝泰生环保科技有限公司", + "浙江杭州湾腈纶有限公司", + "镇海蛟川物业管理有限公司", + "宁波镇海炼化利安德化工销售有限公司", + ]; + let timeArr = [ + "2023-02-26 10:08:36", + "2023-01-26 10:08:12", + "2023-02-26 09:08:36", + "2023-08-09 10:08:37", + "2023-07-12 10:11:16", + "2023-02-26 10:32:42", + "2023-03-26 09:08:36", + "2023-03-26 10:08:57", + "2023-04-26 10:08:28", + "2023-05-26 10:08:36", + "2023-05-26 10:32:18", + "2023-06-12 10:08:28", + "2023-03-12 10:08:31", + "2023-02-24 10:08:41", + "2023-02-12 09:08:47", + "2023-02-26 11:08:53", + "2023-05-26 09:10:58", + "2023-04-26 10:11:51", + "2023-03-26 10:09:29", + "2023-03-12 10:19:29", + ]; + //console.log(nameArr.length); - let nameIndex = (this.ipagination.currentPage - 1) * 10; - for (let i = 0; i < 40; i++) { + let index = (this.ipagination.currentPage - 1) * 10; + console.log(index); + let length = index + 10; + for (let i = index; i < length; i++) { this.dataSource.push({ id: i + 1, - name: nameArr[nameIndex + i], + name: nameArr[index + i], card: "32032119879876321" + i, phone: "186678879" + i, - cmy: "海兴达化工有限公司" + i, + cmy: cmyArr[i % 20], + cmyType: i % 5, + time: timeArr[i % 20], + risk: i % 8, + ys: i % 4, + unit: i % 4, + state: i % 3, + dealWay: i % 5, + dealRequire: i % 2, + street: "33021100" + (i % 7), + infoType: i % 3, + tipWay: i % 3, + tipnr: "经过应急管理局现场核查,消防设施无需整改", + gender: "男", address: "来源地", isQ: "是", isD: "否", personType: "未登记人员", - date: "2024-02-26 10:08:36", + date: "2024-02-26 10:0" + (i % 10) + ":36", sc: "正常", qyT: "企业类型" + i, car: "浙B9871" + i, @@ -128,10 +188,9 @@ export const tableListMixins = { " 宁波镇海兴达化工有限公司仓库由于易燃物品存储不当,导致易燃物品燃烧发生火灾。仓库值班人员立即启动火灾预案,组织仓库管理人员、巡逻人员和保安救火,由于火势较大,现场配备的灭火器、消防栓无法迅速扑灭。", flow: "宁波市北越石化有限公司-人员流动-异常" + i, flowType: "流动人员异常", - state: i % 3, + node: "治安大队", remarks: "加强管理", - street: "招宝山街道", times: i + 1, total: i + 5, iszg: i % 3, @@ -141,8 +200,6 @@ export const tableListMixins = { jj: i % 3, qyName: "海兴达化工有限公司" + (i % 3), sshs: "无", - risk: i % 3, - unit: "治安大队", }); } //console.log(this.dataSource); diff --git a/src/views/enterpriseTeamWork/elementInfo/juageApply.vue b/src/views/enterpriseTeamWork/elementInfo/juageApply.vue index ebf2255..9833ab2 100644 --- a/src/views/enterpriseTeamWork/elementInfo/juageApply.vue +++ b/src/views/enterpriseTeamWork/elementInfo/juageApply.vue @@ -1,165 +1,48 @@ + diff --git a/src/views/enterpriseTeamWork/elementInfo/pie.vue b/src/views/enterpriseTeamWork/elementInfo/pie.vue index 96fdb74..bc6c840 100644 --- a/src/views/enterpriseTeamWork/elementInfo/pie.vue +++ b/src/views/enterpriseTeamWork/elementInfo/pie.vue @@ -148,12 +148,12 @@ export default { fontSize: 18, }, }, - formatter: `{label|监管企业总数}\n{value|${total}}`, + formatter: `{label|${this.chartObj.name}}\n{value|${total}}`, }, emphasis: { label: { show: true, - formatter: `{label|监管企业总数}\n{value|${total}}`, + formatter: `{label|${this.chartObj.name}}\n{value|${total}}`, }, }, labelLine: { diff --git a/src/views/enterpriseTeamWork/elementInfo/pieTwo.vue b/src/views/enterpriseTeamWork/elementInfo/pieTwo.vue new file mode 100644 index 0000000..e3b0327 --- /dev/null +++ b/src/views/enterpriseTeamWork/elementInfo/pieTwo.vue @@ -0,0 +1,152 @@ + + diff --git a/src/views/enterpriseTeamWork/elementInfo/screen.vue b/src/views/enterpriseTeamWork/elementInfo/screen.vue index 820ccc0..e78458e 100644 --- a/src/views/enterpriseTeamWork/elementInfo/screen.vue +++ b/src/views/enterpriseTeamWork/elementInfo/screen.vue @@ -23,11 +23,19 @@ class="timeWrap" ref="gTimeChangeRef" :tabList="tabList" - :curTab="curTime" - @tabClick="timeChange" + :curTab="curTab" + @tabClick="tabChange" > - + +
+
+
+ +
+
+
+
@@ -37,6 +45,7 @@ import colWrap from "../components/colWrap.vue"; import barOne from "./bar.vue"; import pieWrap from "./pie.vue"; +import pieTwo from "./pieTwo.vue"; import dpie from "./dpie.vue"; export default { @@ -45,21 +54,22 @@ export default { barOne, pieWrap, dpie, + pieTwo, }, data() { return { - curTime: "1", + curTab: "1", tabList: [ { - name: "当月", + name: "时间", value: "1", }, { - name: "近三月", + name: "类型", value: "2", }, { - name: "本年度", + name: "地点", value: "3", }, ], @@ -79,7 +89,29 @@ export default { yData: [13, 14, 13, 11, 13, 14, 12, 16, 12, 15], name: "要素数量统计", }, - brObj: { + + blObj: { + color: [ + "#48EEBD", + "#2B82F3", + "#66C3FF", + "#FFC052", + "#E4FEF0", + "#FF745A", + "#672BF3", + ], + data: [ + { value: 421, name: "招宝山街道" }, + { value: 567, name: "九龙湖镇" }, + { value: 354, name: "澥浦镇" }, + { value: 212, name: "骆驼街道" }, + { value: 253, name: "庄市街道" }, + { value: 383, name: "蛟川街道" }, + { value: 288, name: "贵驷街道" }, + ], + name: "监管企业总数", + }, + brObj1: { xData: [ "1月", "2月", @@ -97,7 +129,69 @@ export default { yData: [13, 14, 13, 11, 13, 14, 12, 16, 12, 15, 14, 11], name: "违法行为统计", }, - blObj: { + fkmbList: [ + [ + { + name: "车辆违规", + total: 340, + point: 100, + icon: require("@/assets/images/topic/pie1b.png"), + color: ["#57F0FF", "#37A1CC", "#08FAC4"], + }, + { + name: "出入异常", + total: 328, + point: 186, + icon: require("@/assets/images/topic/pie2b.png"), + color: ["#FFCE57", "#EB9104", "#FAC608"], + }, + { + name: "危化品", + total: 435, + point: 261, + icon: require("@/assets/images/topic/pie4b.png"), + color: ["#FFE3E3", "#FF2C2C", "#FF6D6D"], + }, + { + name: "列管物品", + total: 340, + point: 100, + icon: require("@/assets/images/topic/pie1b.png"), + color: ["#57F0FF", "#37A1CC", "#08FAC4"], + }, + ], + [ + { + name: "偷窃", + total: 340, + point: 100, + icon: require("@/assets/images/topic/pie1b.png"), + color: ["#57F0FF", "#37A1CC", "#08FAC4"], + }, + { + name: "赌博", + total: 328, + point: 186, + icon: require("@/assets/images/topic/pie2b.png"), + color: ["#FFCE57", "#EB9104", "#FAC608"], + }, + { + name: "嫖娼", + total: 435, + point: 261, + icon: require("@/assets/images/topic/pie4b.png"), + color: ["#FFE3E3", "#FF2C2C", "#FF6D6D"], + }, + { + name: "违禁", + total: 340, + point: 100, + icon: require("@/assets/images/topic/pie1b.png"), + color: ["#57F0FF", "#37A1CC", "#08FAC4"], + }, + ], + ], + brObj3: { color: [ "#48EEBD", "#2B82F3", @@ -116,13 +210,14 @@ export default { { value: 383, name: "蛟川街道" }, { value: 288, name: "贵驷街道" }, ], - name: "监管企业总数", + name: "违法行为总数", }, }; }, methods: { - timeChange(val) { - console.log(val) + tabChange(val) { + this.curTab = val; + console.log(val); if (val == "1") { this.brObj.yData = [13, 14, 13, 11, 13, 14, 12, 16, 12, 15, 14, 11]; } @@ -153,10 +248,22 @@ export default { flex: 1; .timeWrap { position: absolute; - top: 30px; - right: 20px; + top: 0; + right: 0; z-index: 12; } + .wfxwWrap { + display: flex; + flex-direction: column; + height: 100%; + .line { + flex: 1; + display: flex; + .item { + flex: 1; + } + } + } } } } diff --git a/src/views/enterpriseTeamWork/messageCenter/index.vue b/src/views/enterpriseTeamWork/messageCenter/index.vue index fc9e300..def386d 100644 --- a/src/views/enterpriseTeamWork/messageCenter/index.vue +++ b/src/views/enterpriseTeamWork/messageCenter/index.vue @@ -17,10 +17,24 @@ placeholder="请输入企业名称" > - - + + + + + + + - + 查询 @@ -105,15 +119,24 @@
-
+
-
-
-
企业名称:
+
+
+
消息类型:
+
+ +
+
+
+
关联企业:
-
-
整改状态:
+
+
企业类型:
- 整改中 - 已完成整改 - 超期整改 +
-
-
整改进度:
-
-
-
-
-
{{ item.rate + "%" }}
+
+
+
+
阅读状态:
+
已阅读
+
+
+
提醒方式:
+
+
-
-
-
已整改内容:
-
-
-
{{ _index + 1 }}
-
{{ list }}
+
+
监管单位:
+
+
-
-
未整改内容:
-
-
-
{{ _index + 1 }}
-
{{ list }}
+
+
+
发送时间:
+
{{ item.time }}
+
+
+
阅读时间:
+
{{ item.time }}
+
+
+
处置方式:
+
+
+
+
+
提醒内容:
+
{{ item.tipnr }}
+
+
@@ -201,9 +224,11 @@