合并
Showing
24 changed files
with
231 additions
and
205 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-27 13:25:25 | 4 | * @LastEditTime: 2023-03-27 15:43:24 |
5 | --> | 5 | --> |
6 | # 安装依赖 | 6 | # 安装依赖 |
7 | npm install | 7 | npm install |
... | @@ -22,3 +22,15 @@ npm install --registry=https://registry.npm.taobao.org | ... | @@ -22,3 +22,15 @@ npm install --registry=https://registry.npm.taobao.org |
22 | 22 | ||
23 | ## 项目换肤 | 23 | ## 项目换肤 |
24 | 给html根标签设置一个data-theme属性,然后通过js切换data-theme的属性值,Scss根据此属性来判断使用对应主题变量 | 24 | 给html根标签设置一个data-theme属性,然后通过js切换data-theme的属性值,Scss根据此属性来判断使用对应主题变量 |
25 | |||
26 | ## config说明 | ||
27 | |||
28 | { | ||
29 | "TITLE": "汉中市数据上报系统", | ||
30 | "THEME": "sb", | ||
31 | "CODE": "BDCJGPT", {"BDCSBPT":上报: "BDCJGPT":监管} | ||
32 | "SERVERAPI": "/bdcsjsb", | ||
33 | "calcHeight": 200, {上报:160 监管:200} | ||
34 | "echartTextColor": "#FFFFFF", {上报:"#4A4A4A" 监管:"#FFFFFF"} | ||
35 | "MANAGEMENTAPI": "http://192.168.2.38:8090/management" | ||
36 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -3,5 +3,7 @@ | ... | @@ -3,5 +3,7 @@ |
3 | "THEME": "sb", | 3 | "THEME": "sb", |
4 | "CODE": "BDCJGPT", | 4 | "CODE": "BDCJGPT", |
5 | "SERVERAPI": "/bdcsjsb", | 5 | "SERVERAPI": "/bdcsjsb", |
6 | "calcHeight": 160, | ||
7 | "echartTextColor": "#4A4A4A", | ||
6 | "MANAGEMENTAPI": "http://192.168.2.38:8090/management" | 8 | "MANAGEMENTAPI": "http://192.168.2.38:8090/management" |
7 | } | 9 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -139,11 +139,25 @@ export default { | ... | @@ -139,11 +139,25 @@ export default { |
139 | let _this = this | 139 | let _this = this |
140 | if (this.heightNum) { | 140 | if (this.heightNum) { |
141 | _this.$nextTick(() => { | 141 | _this.$nextTick(() => { |
142 | 142 | if (document.querySelector(".tags-view-container")) { | |
143 | window.addEventListener('resize', () => { | ||
144 | if (_this.calcHeight == 230) { | ||
145 | _this.tableHeight = _this.calcHeightx(192) | ||
146 | } else { | ||
147 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) | ||
148 | } | ||
149 | }); | ||
150 | if (_this.calcHeight == 230) { | ||
151 | _this.tableHeight = _this.calcHeightx(192) | ||
152 | } else { | ||
153 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) | ||
154 | } | ||
155 | } else { | ||
143 | window.addEventListener('resize', () => { | 156 | window.addEventListener('resize', () => { |
144 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) | 157 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) |
145 | }); | 158 | }); |
146 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) | 159 | _this.tableHeight = _this.calcHeightx(_this.calcHeight) |
160 | } | ||
147 | }) | 161 | }) |
148 | } else { | 162 | } else { |
149 | _this.tableHeight = window.innerHeight - _this.heightNum | 163 | _this.tableHeight = window.innerHeight - _this.heightNum |
... | @@ -158,9 +172,15 @@ export default { | ... | @@ -158,9 +172,15 @@ export default { |
158 | calcHeightx (value, wappered = true) { | 172 | calcHeightx (value, wappered = true) { |
159 | //项目自定义的公共header部分的高度,可忽略 | 173 | //项目自定义的公共header部分的高度,可忽略 |
160 | let header = document.querySelector(".from-clues-header").offsetHeight; | 174 | let header = document.querySelector(".from-clues-header").offsetHeight; |
175 | |||
161 | //value为动态计算table界面高度时,减去的其他空白部分,需自行在调试找到临界值,剩下的就是table表格的高度(包含header+body部分) | 176 | //value为动态计算table界面高度时,减去的其他空白部分,需自行在调试找到临界值,剩下的就是table表格的高度(包含header+body部分) |
162 | value = value == undefined ? 100 : value; | 177 | value = value == undefined ? 100 : value; |
163 | let res = window.innerHeight - parseInt(header) - value; | 178 | if (document.querySelector(".tags-view-container")) { |
179 | let tagsView = document.querySelector(".tags-view-container").offsetHeight; | ||
180 | var res = window.innerHeight - parseInt(header) - value - parseInt(tagsView); | ||
181 | } else { | ||
182 | var res = window.innerHeight - parseInt(header) - value; | ||
183 | } | ||
164 | if (wappered) { | 184 | if (wappered) { |
165 | //通过原生方法,获取dom节点的高度------获取element-ui table表格body的元素 | 185 | //通过原生方法,获取dom节点的高度------获取element-ui table表格body的元素 |
166 | let wapper = window.document.getElementsByClassName('el-table__body-wrapper'); | 186 | let wapper = window.document.getElementsByClassName('el-table__body-wrapper'); | ... | ... |
... | @@ -16,13 +16,3 @@ export default { | ... | @@ -16,13 +16,3 @@ export default { |
16 | } | 16 | } |
17 | } | 17 | } |
18 | </script> | 18 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file |
19 | <style lang="scss" scoped> | ||
20 | .hasTagsView { | ||
21 | .app-main { | ||
22 | overflow-x: auto; | ||
23 | box-sizing: border-box; | ||
24 | background-color: #EDF1F7; | ||
25 | box-sizing: border-box; | ||
26 | } | ||
27 | } | ||
28 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-22 10:23:46 | 4 | * @LastEditTime: 2023-03-28 10:12:27 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <section> | ||
8 | <transition name="fade-transform" mode="out-in"> | 7 | <transition name="fade-transform" mode="out-in"> |
9 | <router-view /> | 8 | <router-view /> |
10 | </transition> | 9 | </transition> |
11 | </section> | ||
12 | </template> | 10 | </template> |
13 | <script> | 11 | <script> |
14 | export default { | 12 | export default { | ... | ... |
... | @@ -6,14 +6,12 @@ | ... | @@ -6,14 +6,12 @@ |
6 | <h4>不动产登记上报系统</h4> | 6 | <h4>不动产登记上报系统</h4> |
7 | </div> | 7 | </div> |
8 | <div class="right-menu"> | 8 | <div class="right-menu"> |
9 | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover"> | ||
10 | <div class="user"> | 9 | <div class="user"> |
11 | {{ userName }} | 10 | {{ userName }} |
12 | <span @click="onCancel"> | 11 | <span @click="onCancel"> |
13 | <i class="el-icon-switch-button"></i> | 12 | <i class="el-icon-switch-button"></i> |
14 | </span> | 13 | </span> |
15 | </div> | 14 | </div> |
16 | </el-dropdown> | ||
17 | </div> | 15 | </div> |
18 | </div> | 16 | </div> |
19 | </div> | 17 | </div> | ... | ... |
... | @@ -194,12 +194,12 @@ export default { | ... | @@ -194,12 +194,12 @@ export default { |
194 | @import "~@/styles/_handle.scss"; | 194 | @import "~@/styles/_handle.scss"; |
195 | 195 | ||
196 | .tags-view-container { | 196 | .tags-view-container { |
197 | height: 40px; | 197 | height: 50px; |
198 | width: 100%; | 198 | width: 100%; |
199 | background: #fff; | 199 | background: #fff; |
200 | border-bottom: 1px solid #d8dce5; | 200 | border-bottom: 1px solid #d8dce5; |
201 | box-sizing: border-box; | 201 | box-sizing: border-box; |
202 | padding-top: 2px; | 202 | padding-top: 7px; |
203 | margin-bottom: 7px; | 203 | margin-bottom: 7px; |
204 | border-radius: 4px; | 204 | border-radius: 4px; |
205 | 205 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-23 09:21:00 | 4 | * @LastEditTime: 2023-03-28 10:14:20 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="app-wrapper"> | 7 | <div class="app-wrapper"> |
8 | <navbar /> | 8 | <navbar /> |
9 | <div class="main-container"> | 9 | <div class="main-container"> |
10 | <sidebar class="sidebar-container" /> | 10 | <sidebar class="sidebar-container" /> |
11 | <div class="app-main"> | 11 | <div class="app-content"> |
12 | <tags-view v-if="needTagsView" /> | 12 | <tags-view v-if="needTagsView" /> |
13 | <app-main /> | 13 | <app-main /> |
14 | </div> | 14 | </div> |
... | @@ -40,17 +40,6 @@ export default { | ... | @@ -40,17 +40,6 @@ export default { |
40 | } | 40 | } |
41 | } | 41 | } |
42 | </script> | 42 | </script> |
43 | <style lang="scss" scoped> | ||
44 | .app-main { | ||
45 | height: calc(100vh - 74px); | ||
46 | overflow-x: hidden; | ||
47 | box-sizing: border-box; | ||
48 | flex: 1; | ||
49 | width: 100%; | ||
50 | background: #EAEBF0; | ||
51 | padding: 10px; | ||
52 | } | ||
53 | </style> | ||
54 | <style lang="scss"> | 43 | <style lang="scss"> |
55 | @import "~@/styles/mixin.scss"; | 44 | @import "~@/styles/mixin.scss"; |
56 | @import "~@/styles/sbSidebar.scss"; | 45 | @import "~@/styles/sbSidebar.scss"; |
... | @@ -83,4 +72,13 @@ export default { | ... | @@ -83,4 +72,13 @@ export default { |
83 | width: 100%; | 72 | width: 100%; |
84 | transition: width 0.28s; | 73 | transition: width 0.28s; |
85 | } | 74 | } |
75 | |||
76 | .app-content { | ||
77 | overflow-x: hidden; | ||
78 | box-sizing: border-box; | ||
79 | flex: 1; | ||
80 | width: 100%; | ||
81 | background: #EAEBF0; | ||
82 | padding: 10px; | ||
83 | } | ||
86 | </style> | 84 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-01-16 09:10:12 | 3 | * @Date: 2023-01-16 09:10:12 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-23 15:15:02 | 5 | * @LastEditTime: 2023-03-27 16:54:34 |
6 | * @FilePath: \bdcjg-web\src\main.js | 6 | * @FilePath: \bdcjg-web\src\main.js |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -19,7 +19,6 @@ import mixin from '@/utils/mixin/theme.js' | ... | @@ -19,7 +19,6 @@ import mixin from '@/utils/mixin/theme.js' |
19 | import axios from 'axios' | 19 | import axios from 'axios' |
20 | import dataV from '@jiaminghi/data-view'; | 20 | import dataV from '@jiaminghi/data-view'; |
21 | import * as echarts from "echarts" | 21 | import * as echarts from "echarts" |
22 | |||
23 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' | 22 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' |
24 | Vue.mixin(mixin) | 23 | Vue.mixin(mixin) |
25 | import './directive/vxe-table' | 24 | import './directive/vxe-table' |
... | @@ -68,4 +67,5 @@ axios.get("./config.json") | ... | @@ -68,4 +67,5 @@ axios.get("./config.json") |
68 | store, | 67 | store, |
69 | render: h => h(App) | 68 | render: h => h(App) |
70 | }) | 69 | }) |
70 | window.document.documentElement.setAttribute("data-theme", 'blue'); | ||
71 | }) | 71 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -20,7 +20,7 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -20,7 +20,7 @@ router.beforeEach(async (to, from, next) => { |
20 | localStorage.removeItem("token"); | 20 | localStorage.removeItem("token"); |
21 | next(); | 21 | next(); |
22 | } else { | 22 | } else { |
23 | window.document.documentElement.setAttribute("data-theme", 'blue'); | 23 | |
24 | let code = Vue.prototype.BASE_API.CODE | 24 | let code = Vue.prototype.BASE_API.CODE |
25 | //判断token是否存在 | 25 | //判断token是否存在 |
26 | const hasToken = localStorage.getItem("token"); | 26 | const hasToken = localStorage.getItem("token"); | ... | ... |
... | @@ -190,6 +190,27 @@ | ... | @@ -190,6 +190,27 @@ |
190 | } | 190 | } |
191 | } | 191 | } |
192 | 192 | ||
193 | .echarts-box { | ||
194 | display: flex; | ||
195 | justify-content: center; | ||
196 | height: calc(100vh - 260px); | ||
197 | } | ||
198 | |||
199 | .complex-header { | ||
200 | .el-table--border th.el-table__cell { | ||
201 | border-bottom: 1px solid #458ACF !important; | ||
202 | } | ||
203 | |||
204 | .el-table--border .el-table__cell { | ||
205 | border-right: 1px solid #458ACF !important; | ||
206 | } | ||
207 | |||
208 | .el-table--group, | ||
209 | .el-table--border { | ||
210 | border: 1px solid #458ACF !important; | ||
211 | } | ||
212 | } | ||
213 | |||
193 | .el-pagination.is-background .btn-prev, | 214 | .el-pagination.is-background .btn-prev, |
194 | .el-pagination.is-background .btn-next { | 215 | .el-pagination.is-background .btn-next { |
195 | @extend .bgc; | 216 | @extend .bgc; | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | 9 | ||
10 | 10 | ||
11 | .from-clues { | 11 | .from-clues { |
12 | height: 100%; | 12 | // height: 100%; |
13 | width: 100%; | 13 | width: 100%; |
14 | min-width: 1280px; | 14 | min-width: 1280px; |
15 | box-sizing: border-box; | 15 | box-sizing: border-box; |
... | @@ -17,9 +17,8 @@ | ... | @@ -17,9 +17,8 @@ |
17 | 17 | ||
18 | &-header { | 18 | &-header { |
19 | width: 100%; | 19 | width: 100%; |
20 | padding: 7px 15px 10px 15px; | 20 | padding: 7px 15px 15px 15px; |
21 | box-sizing: border-box; | 21 | box-sizing: border-box; |
22 | background-size: 100% 100%; | ||
23 | background: #FFFFFF; | 22 | background: #FFFFFF; |
24 | border-radius: 4px; | 23 | border-radius: 4px; |
25 | } | 24 | } |
... | @@ -30,7 +29,6 @@ | ... | @@ -30,7 +29,6 @@ |
30 | margin-top: 10px; | 29 | margin-top: 10px; |
31 | background: #FFFFFF; | 30 | background: #FFFFFF; |
32 | border-radius: 4px; | 31 | border-radius: 4px; |
33 | background-size: 100% 100%; | ||
34 | padding: 15px; | 32 | padding: 15px; |
35 | } | 33 | } |
36 | 34 | ||
... | @@ -57,6 +55,12 @@ | ... | @@ -57,6 +55,12 @@ |
57 | } | 55 | } |
58 | } | 56 | } |
59 | 57 | ||
58 | .echarts-box { | ||
59 | display: flex; | ||
60 | justify-content: center; | ||
61 | height: calc(100vh - 230px); | ||
62 | } | ||
63 | |||
60 | /* --------------进度条美化---------------- */ | 64 | /* --------------进度条美化---------------- */ |
61 | ::-webkit-scrollbar { | 65 | ::-webkit-scrollbar { |
62 | width: 7px; | 66 | width: 7px; |
... | @@ -169,7 +173,6 @@ | ... | @@ -169,7 +173,6 @@ |
169 | width: 2px; | 173 | width: 2px; |
170 | position: relative; | 174 | position: relative; |
171 | left: 10px; | 175 | left: 10px; |
172 | color: #FFFFFF; | ||
173 | } | 176 | } |
174 | 177 | ||
175 | .el-breadcrumb__inner { | 178 | .el-breadcrumb__inner { | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 监控日志 --> | 2 | <!-- 监控日志 --> |
3 | <div class="jktjDetail form-clues"> | 3 | <div class="jktjDetail from-clues"> |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="form" :model="form" label-width="100px"> | 6 | <el-form ref="form" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row> | 10 | <el-row class="mb-5"> |
11 | <el-col :span="4"> | 11 | <el-col :span="4"> |
12 | <el-form-item label="开始日期" prop="startTime"> | 12 | <el-form-item label="开始日期" prop="startTime" class="d-flex"> |
13 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期" | 13 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期" |
14 | :picker-options="pickerOptionsStart" v-model="form.startTime" | 14 | :picker-options="pickerOptionsStart" v-model="form.startTime" |
15 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | 15 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> |
16 | </el-form-item> | 16 | </el-form-item> |
17 | </el-col> | 17 | </el-col> |
18 | <el-col :span="4"> | 18 | <el-col :span="4"> |
19 | <el-form-item label="结束日期" prop="endTime"> | 19 | <el-form-item label="结束日期" prop="endTime" class="d-flex"> |
20 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" | 20 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" |
21 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" | 21 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" |
22 | @change="endTimeChange"></el-date-picker> | 22 | @change="endTimeChange"></el-date-picker> |
... | @@ -31,18 +31,18 @@ | ... | @@ -31,18 +31,18 @@ |
31 | </el-form> | 31 | </el-form> |
32 | </div> | 32 | </div> |
33 | <!-- 表格 --> | 33 | <!-- 表格 --> |
34 | <div class="form-clues-content echarts-box" v-if="pieChartsData.length"> | 34 | <div class="from-clues-content echarts-box" v-if="pieChartsData.length"> |
35 | <div id="myChart" class="chart"></div> | 35 | <div id="myChart" class="chart" style="height:100%;width:100%;"></div> |
36 | <div id="myChart-bar" class="chart-bar"></div> | 36 | <div id="myChart-bar" class="chart-bar" style="height:100%;width:100%;"></div> |
37 | </div> | 37 | </div> |
38 | <div class="form-clues-content echarts-box center" v-else>暂无数据</div> | 38 | <div class="from-clues-content center" v-else>暂无数据</div> |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import { mapGetters } from "vuex"; | 42 | import { mapGetters } from "vuex"; |
43 | import efficient from "@/api/efficient"; | 43 | import efficient from "@/api/efficient"; |
44 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | 44 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; |
45 | export default { | 45 | export default { |
46 | name: "jktj", | 46 | name: "jktj", |
47 | data () { | 47 | data () { |
48 | return { | 48 | return { |
... | @@ -123,10 +123,10 @@ | ... | @@ -123,10 +123,10 @@ |
123 | // 绘制图表 | 123 | // 绘制图表 |
124 | myChart.setOption({ | 124 | myChart.setOption({ |
125 | legend: { | 125 | legend: { |
126 | bottom: "2%", | 126 | bottom: "-1%", |
127 | left: "center", | 127 | left: "center", |
128 | textStyle: { | 128 | textStyle: { |
129 | color: "#fff", | 129 | color: this.BASE_API.echartTextColor, |
130 | }, | 130 | }, |
131 | }, | 131 | }, |
132 | tooltip: { | 132 | tooltip: { |
... | @@ -141,7 +141,7 @@ | ... | @@ -141,7 +141,7 @@ |
141 | name: "各业务类型办理数量", | 141 | name: "各业务类型办理数量", |
142 | type: "pie", | 142 | type: "pie", |
143 | radius: [0, 250], | 143 | radius: [0, 250], |
144 | center: ["50%", "45%"], | 144 | center: ["50%", "32%"], |
145 | roseType: "area", | 145 | roseType: "area", |
146 | itemStyle: { | 146 | itemStyle: { |
147 | borderRadius: 8, | 147 | borderRadius: 8, |
... | @@ -227,7 +227,7 @@ | ... | @@ -227,7 +227,7 @@ |
227 | top: 20, | 227 | top: 20, |
228 | textStyle: { | 228 | textStyle: { |
229 | show: true, | 229 | show: true, |
230 | color: "#fff", | 230 | color: this.BASE_API.echartTextColor, |
231 | fontSize: "16", | 231 | fontSize: "16", |
232 | }, | 232 | }, |
233 | }, | 233 | }, |
... | @@ -239,7 +239,7 @@ | ... | @@ -239,7 +239,7 @@ |
239 | interval: 0, | 239 | interval: 0, |
240 | textStyle: { | 240 | textStyle: { |
241 | show: true, | 241 | show: true, |
242 | color: "#fff", | 242 | color: this.BASE_API.echartTextColor, |
243 | fontSize: "16", | 243 | fontSize: "16", |
244 | }, | 244 | }, |
245 | }, | 245 | }, |
... | @@ -250,13 +250,13 @@ | ... | @@ -250,13 +250,13 @@ |
250 | type: "value", | 250 | type: "value", |
251 | name: "单位:天", | 251 | name: "单位:天", |
252 | nameTextStyle: { | 252 | nameTextStyle: { |
253 | color: "#fff", | 253 | color: this.BASE_APIechartTextColor, |
254 | fontSize: "16", | 254 | fontSize: "16", |
255 | }, | 255 | }, |
256 | axisLabel: { | 256 | axisLabel: { |
257 | textStyle: { | 257 | textStyle: { |
258 | show: true, | 258 | show: true, |
259 | color: "#fff", | 259 | color: this.BASE_API.echartTextColor, |
260 | fontSize: "16", | 260 | fontSize: "16", |
261 | }, | 261 | }, |
262 | }, | 262 | }, |
... | @@ -318,12 +318,10 @@ | ... | @@ -318,12 +318,10 @@ |
318 | }); | 318 | }); |
319 | }, | 319 | }, |
320 | }, | 320 | }, |
321 | }; | 321 | }; |
322 | </script> | 322 | </script> |
323 | <style scoped lang="scss"> | 323 | <style scoped lang="scss"> |
324 | .jktjDetail { | 324 | .jktjDetail { |
325 | height: 100%; | ||
326 | display: flex; | ||
327 | flex-direction: column; | 325 | flex-direction: column; |
328 | 326 | ||
329 | .rows { | 327 | .rows { |
... | @@ -333,28 +331,8 @@ | ... | @@ -333,28 +331,8 @@ |
333 | .center { | 331 | .center { |
334 | line-height: 50vh; | 332 | line-height: 50vh; |
335 | text-align: center; | 333 | text-align: center; |
336 | } | ||
337 | |||
338 | .echarts-box { | ||
339 | display: flex; | ||
340 | justify-content: center; | ||
341 | |||
342 | .chart { | ||
343 | width: 40%; | ||
344 | height: 100%; | ||
345 | float: left; | ||
346 | } | ||
347 | |||
348 | .chart-bar { | ||
349 | width: 60%; | ||
350 | } | ||
351 | } | ||
352 | |||
353 | .form-clues-content { | ||
354 | flex: 1; | ||
355 | height: 100%; | ||
356 | color: #b6b5b5; | 334 | color: #b6b5b5; |
357 | } | 335 | } |
358 | } | 336 | } |
359 | </style> | 337 | </style> |
360 | 338 | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 监控日志 --> | 2 | <!-- 监控日志 --> |
3 | <div class="jktjDetail form-clues"> | 3 | <div class="jktjDetail from-clues"> |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="form" :model="form" label-width="100px"> | 6 | <el-form ref="form" :model="form" label-width="80px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row> | 10 | <el-row class="mb-5"> |
11 | <el-col :span="4"> | 11 | <el-col :span="4"> |
12 | <el-form-item label="行政区"> | 12 | <el-form-item label="行政区" class="d-flex"> |
13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> |
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
15 | </el-option> | 15 | </el-option> |
... | @@ -17,14 +17,14 @@ | ... | @@ -17,14 +17,14 @@ |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="4"> | 19 | <el-col :span="4"> |
20 | <el-form-item label="开始日期" prop="startTime"> | 20 | <el-form-item label="开始日期" prop="startTime" class="d-flex"> |
21 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期" | 21 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期" |
22 | :picker-options="pickerOptionsStart" v-model="form.startTime" | 22 | :picker-options="pickerOptionsStart" v-model="form.startTime" |
23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | 23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | <el-col :span="4"> | 26 | <el-col :span="4"> |
27 | <el-form-item label="结束日期" prop="endTime"> | 27 | <el-form-item label="结束日期" prop="endTime" class="d-flex"> |
28 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="结束日期" | 28 | <el-date-picker type="date" :clearable="false" class="width100" placeholder="结束日期" |
29 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" | 29 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" |
30 | @change="endTimeChange"></el-date-picker> | 30 | @change="endTimeChange"></el-date-picker> |
... | @@ -39,18 +39,18 @@ | ... | @@ -39,18 +39,18 @@ |
39 | </el-form> | 39 | </el-form> |
40 | </div> | 40 | </div> |
41 | <!-- 图表 --> | 41 | <!-- 图表 --> |
42 | <div class="form-clues-content echarts-box" v-if="chartData.length"> | 42 | <div class="from-clues-content echarts-box" v-if="chartData.length"> |
43 | <div id="myChart" class="chart"></div> | 43 | <div id="myChart" class="chart" style="height:100%;width:100%;"></div> |
44 | </div> | 44 | </div> |
45 | <div class="form-clues-content echarts-box center" v-else>暂无数据</div> | 45 | <div class="from-clues-content echarts-box center" v-else>暂无数据</div> |
46 | </div> | 46 | </div> |
47 | </template> | 47 | </template> |
48 | 48 | ||
49 | <script> | 49 | <script> |
50 | import { mapGetters } from "vuex"; | 50 | import { mapGetters } from "vuex"; |
51 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | 51 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; |
52 | import business from "@/api/business"; | 52 | import business from "@/api/business"; |
53 | export default { | 53 | export default { |
54 | name: "jktj", | 54 | name: "jktj", |
55 | data () { | 55 | data () { |
56 | return { | 56 | return { |
... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ |
136 | axisPointer: { | 136 | axisPointer: { |
137 | type: "cross", | 137 | type: "cross", |
138 | crossStyle: { | 138 | crossStyle: { |
139 | color: "#fff", | 139 | color: this.BASE_API.echartTextColor, |
140 | }, | 140 | }, |
141 | }, | 141 | }, |
142 | }, | 142 | }, |
... | @@ -145,7 +145,7 @@ | ... | @@ -145,7 +145,7 @@ |
145 | top: '16', | 145 | top: '16', |
146 | textStyle: { | 146 | textStyle: { |
147 | show: true, | 147 | show: true, |
148 | color: "#fff", | 148 | color: this.BASE_API.echartTextColor, |
149 | fontSize: "16", | 149 | fontSize: "16", |
150 | }, | 150 | }, |
151 | }, | 151 | }, |
... | @@ -162,7 +162,7 @@ | ... | @@ -162,7 +162,7 @@ |
162 | axisLabel: { | 162 | axisLabel: { |
163 | textStyle: { | 163 | textStyle: { |
164 | show: true, | 164 | show: true, |
165 | color: "#fff", | 165 | color: this.BASE_API.echartTextColor, |
166 | fontSize: "16", | 166 | fontSize: "16", |
167 | }, | 167 | }, |
168 | formatter: function (val) { | 168 | formatter: function (val) { |
... | @@ -195,7 +195,7 @@ | ... | @@ -195,7 +195,7 @@ |
195 | type: "value", | 195 | type: "value", |
196 | name: "数量/个", | 196 | name: "数量/个", |
197 | nameTextStyle: { | 197 | nameTextStyle: { |
198 | color: "#fff", | 198 | color: this.BASE_API.echartTextColor, |
199 | fontSize: "16", | 199 | fontSize: "16", |
200 | }, | 200 | }, |
201 | // interval: this.interval, | 201 | // interval: this.interval, |
... | @@ -203,7 +203,7 @@ | ... | @@ -203,7 +203,7 @@ |
203 | formatter: "{value}", | 203 | formatter: "{value}", |
204 | textStyle: { | 204 | textStyle: { |
205 | show: true, | 205 | show: true, |
206 | color: "#fff", | 206 | color: this.BASE_API.echartTextColor, |
207 | fontSize: "16", | 207 | fontSize: "16", |
208 | }, | 208 | }, |
209 | }, | 209 | }, |
... | @@ -212,7 +212,7 @@ | ... | @@ -212,7 +212,7 @@ |
212 | type: "value", | 212 | type: "value", |
213 | name: "成功率", | 213 | name: "成功率", |
214 | nameTextStyle: { | 214 | nameTextStyle: { |
215 | color: "#fff", | 215 | color: this.BASE_API.echartTextColor, |
216 | fontSize: "16", | 216 | fontSize: "16", |
217 | }, | 217 | }, |
218 | splitNumber: 2, | 218 | splitNumber: 2, |
... | @@ -220,7 +220,7 @@ | ... | @@ -220,7 +220,7 @@ |
220 | formatter: "{value} %", | 220 | formatter: "{value} %", |
221 | textStyle: { | 221 | textStyle: { |
222 | show: true, | 222 | show: true, |
223 | color: "#fff", | 223 | color: this.BASE_API.echartTextColor, |
224 | fontSize: "16", | 224 | fontSize: "16", |
225 | }, | 225 | }, |
226 | }, | 226 | }, |
... | @@ -283,12 +283,10 @@ | ... | @@ -283,12 +283,10 @@ |
283 | }); | 283 | }); |
284 | }, | 284 | }, |
285 | }, | 285 | }, |
286 | }; | 286 | }; |
287 | </script> | 287 | </script> |
288 | <style scoped lang="scss"> | 288 | <style scoped lang="scss"> |
289 | .jktjDetail { | 289 | .jktjDetail { |
290 | height: 100%; | ||
291 | display: flex; | ||
292 | flex-direction: column; | 290 | flex-direction: column; |
293 | 291 | ||
294 | .rows { | 292 | .rows { |
... | @@ -300,21 +298,5 @@ | ... | @@ -300,21 +298,5 @@ |
300 | text-align: center; | 298 | text-align: center; |
301 | color: #b6b5b5; | 299 | color: #b6b5b5; |
302 | } | 300 | } |
303 | 301 | } | |
304 | .echarts-box { | ||
305 | display: flex; | ||
306 | justify-content: center; | ||
307 | height: 500px; | ||
308 | |||
309 | .chart { | ||
310 | width: 100%; | ||
311 | height: 100%; | ||
312 | } | ||
313 | } | ||
314 | |||
315 | .form-clues-content { | ||
316 | flex: 1; | ||
317 | height: 100%; | ||
318 | } | ||
319 | } | ||
320 | </style> | 302 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 监控日志 --> | 2 | <!-- 监控日志 --> |
3 | <div class="jktjDetail form-clues"> | 3 | <div class="jktjDetail from-clues"> |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="form" :model="form" label-width="100px"> | 6 | <el-form ref="form" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row> | 10 | <el-row class="mb-5"> |
11 | <el-col :span="4"> | 11 | <el-col :span="4"> |
12 | <el-form-item label="行政区"> | 12 | <el-form-item label="行政区" class="d-flex"> |
13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 13 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> |
14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
15 | </el-option> | 15 | </el-option> |
... | @@ -17,14 +17,14 @@ | ... | @@ -17,14 +17,14 @@ |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="4"> | 19 | <el-col :span="4"> |
20 | <el-form-item label="开始日期"> | 20 | <el-form-item label="开始日期" class="d-flex"> |
21 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期" | 21 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期" |
22 | :picker-options="pickerOptionsStart" v-model="form.startTime" | 22 | :picker-options="pickerOptionsStart" v-model="form.startTime" |
23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | 23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | <el-col :span="4"> | 26 | <el-col :span="4"> |
27 | <el-form-item label="结束日期"> | 27 | <el-form-item label="结束日期" class="d-flex"> |
28 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" | 28 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" |
29 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" | 29 | :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss" |
30 | @change="endTimeChange"></el-date-picker> | 30 | @change="endTimeChange"></el-date-picker> |
... | @@ -39,18 +39,17 @@ | ... | @@ -39,18 +39,17 @@ |
39 | </el-form> | 39 | </el-form> |
40 | </div> | 40 | </div> |
41 | <!-- 图表 --> | 41 | <!-- 图表 --> |
42 | <div class="form-clues-content echarts-box" v-if="chartData.length"> | 42 | <div class="from-clues-content echarts-box" v-if="chartData.length"> |
43 | <div id="myChart" class="chart"></div> | 43 | <div id="myChart" class="chart" style="height:100%;width:100%;"></div> |
44 | </div> | 44 | </div> |
45 | <div class="form-clues-content echarts-box center" v-else>暂无数据</div> | 45 | <div class="from-clues-content echarts-box center" v-else>暂无数据</div> |
46 | </div> | 46 | </div> |
47 | </template> | 47 | </template> |
48 | |||
49 | <script> | 48 | <script> |
50 | import { mapGetters } from "vuex"; | 49 | import { mapGetters } from "vuex"; |
51 | import efficient from "@/api/efficient"; | 50 | import efficient from "@/api/efficient"; |
52 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | 51 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; |
53 | export default { | 52 | export default { |
54 | name: "jktj", | 53 | name: "jktj", |
55 | data () { | 54 | data () { |
56 | return { | 55 | return { |
... | @@ -168,7 +167,7 @@ | ... | @@ -168,7 +167,7 @@ |
168 | }, | 167 | }, |
169 | textStyle: { | 168 | textStyle: { |
170 | show: true, | 169 | show: true, |
171 | color: "#fff", | 170 | color: this.BASE_API.echartTextColor, |
172 | fontSize: "16", | 171 | fontSize: "16", |
173 | }, | 172 | }, |
174 | }, | 173 | }, |
... | @@ -179,13 +178,13 @@ | ... | @@ -179,13 +178,13 @@ |
179 | type: "value", | 178 | type: "value", |
180 | name: "数量/个", | 179 | name: "数量/个", |
181 | nameTextStyle: { | 180 | nameTextStyle: { |
182 | color: "#fff", | 181 | color: this.BASE_API.echartTextColor, |
183 | fontSize: "16", | 182 | fontSize: "16", |
184 | }, | 183 | }, |
185 | axisLabel: { | 184 | axisLabel: { |
186 | textStyle: { | 185 | textStyle: { |
187 | show: true, | 186 | show: true, |
188 | color: "#fff", | 187 | color: this.BASE_API.echartTextColor, |
189 | fontSize: "16", | 188 | fontSize: "16", |
190 | }, | 189 | }, |
191 | }, | 190 | }, |
... | @@ -211,12 +210,10 @@ | ... | @@ -211,12 +210,10 @@ |
211 | }); | 210 | }); |
212 | }, | 211 | }, |
213 | }, | 212 | }, |
214 | }; | 213 | }; |
215 | </script> | 214 | </script> |
216 | <style scoped lang="scss"> | 215 | <style scoped lang="scss"> |
217 | .jktjDetail { | 216 | .jktjDetail { |
218 | height: 100%; | ||
219 | display: flex; | ||
220 | flex-direction: column; | 217 | flex-direction: column; |
221 | 218 | ||
222 | .rows { | 219 | .rows { |
... | @@ -228,21 +225,5 @@ | ... | @@ -228,21 +225,5 @@ |
228 | text-align: center; | 225 | text-align: center; |
229 | color: #b6b5b5; | 226 | color: #b6b5b5; |
230 | } | 227 | } |
231 | 228 | } | |
232 | .echarts-box { | ||
233 | display: flex; | ||
234 | justify-content: center; | ||
235 | height: 500px; | ||
236 | |||
237 | .chart { | ||
238 | width: 100%; | ||
239 | height: 100%; | ||
240 | } | ||
241 | } | ||
242 | |||
243 | .form-clues-content { | ||
244 | flex: 1; | ||
245 | height: 100%; | ||
246 | } | ||
247 | } | ||
248 | </style> | 229 | </style> | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item v-if="BASE_API.THEME=='jg'"> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> | ... | ... |
1 | /deep/.el-table--border th.el-table__cell { | ||
2 | border-bottom: 1px solid #458ACF !important; | ||
3 | } | ||
4 | |||
5 | /deep/.el-table--border .el-table__cell { | ||
6 | border-right: 1px solid #458ACF !important; | ||
7 | } | ||
8 | |||
9 | /deep/.el-table thead.is-group th.el-table__cell { | 1 | /deep/.el-table thead.is-group th.el-table__cell { |
10 | background-color: transparent !important; | 2 | background-color: transparent !important; |
11 | } | 3 | } |
... | @@ -18,8 +10,3 @@ | ... | @@ -18,8 +10,3 @@ |
18 | .export-excel-wrapper { | 10 | .export-excel-wrapper { |
19 | display: inline-block; | 11 | display: inline-block; |
20 | } | 12 | } |
... | \ No newline at end of file | ... | \ No newline at end of file |
21 | |||
22 | /deep/.el-table--group, | ||
23 | .el-table--border { | ||
24 | border: 1px solid #458ACF !important; | ||
25 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
... | @@ -32,8 +32,8 @@ | ... | @@ -32,8 +32,8 @@ |
32 | </el-form> | 32 | </el-form> |
33 | </div> | 33 | </div> |
34 | <!-- 列表区域 --> | 34 | <!-- 列表区域 --> |
35 | <div class="from-clues-content"> | 35 | <div class="from-clues-content complex-header"> |
36 | <lb-table ref="table" :header-cell-style="headerStyle1" :calcHeight="200" :pagination="false" | 36 | <lb-table ref="table" :header-cell-style="headerStyle1" :calcHeight="BASE_API.calcHeight" :pagination="false" |
37 | :column="tableData.columns" :data="tableData.data"> | 37 | :column="tableData.columns" :data="tableData.data"> |
38 | </lb-table> | 38 | </lb-table> |
39 | 39 | ||
... | @@ -171,6 +171,7 @@ export default { | ... | @@ -171,6 +171,7 @@ export default { |
171 | </script> | 171 | </script> |
172 | <style scoped lang="scss"> | 172 | <style scoped lang="scss"> |
173 | @import "../css/index.scss"; | 173 | @import "../css/index.scss"; |
174 | |||
174 | /deep/th.el-table__cell { | 175 | /deep/th.el-table__cell { |
175 | height: 0 !important; | 176 | height: 0 !important; |
176 | } | 177 | } | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
... | @@ -33,10 +33,9 @@ | ... | @@ -33,10 +33,9 @@ |
33 | </el-form> | 33 | </el-form> |
34 | </div> | 34 | </div> |
35 | <!-- 列表区域 --> | 35 | <!-- 列表区域 --> |
36 | <div class="from-clues-content"> | 36 | <div class="from-clues-content complex-header"> |
37 | <lb-table ref="table" :pagination="false" :calcHeight="200" :column="tableData.columns" :data="tableData.data"> | 37 | <lb-table ref="table" :pagination="false" :calcHeight="BASE_API.calcHeight" :column="tableData.columns" :data="tableData.data"> |
38 | </lb-table> | 38 | </lb-table> |
39 | |||
40 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false" | 39 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false" |
41 | :column="tableData.columns" :data="tableData.data" :downTitle="downTitle"> | 40 | :column="tableData.columns" :data="tableData.data" :downTitle="downTitle"> |
42 | </down-lb-table> | 41 | </down-lb-table> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-02-17 16:32:50 | 3 | * @Date: 2023-02-17 16:32:50 |
4 | * @LastEditors: Please set LastEditors | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-15 10:42:21 | 5 | * @LastEditTime: 2023-03-28 10:24:52 |
6 | * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue | 6 | * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | <!-- 头部搜索 --> | 14 | <!-- 头部搜索 --> |
15 | <div class="from-clues-header"> | 15 | <div class="from-clues-header"> |
16 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 16 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
17 | <el-form-item> | 17 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
18 | <Breadcrumb /> | 18 | <Breadcrumb /> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | <el-row class="mb-5"> | 20 | <el-row class="mb-5"> |
... | @@ -42,9 +42,9 @@ | ... | @@ -42,9 +42,9 @@ |
42 | </el-form> | 42 | </el-form> |
43 | </div> | 43 | </div> |
44 | <!-- 列表区域 --> | 44 | <!-- 列表区域 --> |
45 | <div class="from-clues-content"> | 45 | <div class="from-clues-content complex-header"> |
46 | <lb-table ref="table" :pagination="false" :border="true" :calcHeight="200" :header-cell-style="headerStyle" | 46 | <lb-table ref="table" :pagination="false" :border="true" :calcHeight="BASE_API.calcHeight" |
47 | :column="tableData.columns" :data="tableData.data"> | 47 | :header-cell-style="headerStyle" :column="tableData.columns" :data="tableData.data"> |
48 | </lb-table> | 48 | </lb-table> |
49 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true" | 49 | <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true" |
50 | :pagination="false" :column="tableData.columns" :data="tableData.data" :downTitle="downTitle"> | 50 | :pagination="false" :column="tableData.columns" :data="tableData.data" :downTitle="downTitle"> | ... | ... |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-input v-model.trim="form.menuName" class="width100" clearable placeholder="菜单名称"></el-input> | 11 | <el-input v-model.trim="form.menuName" class="width100" clearable placeholder="菜单名称"></el-input> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="3" class="btnColRight"> | 14 | <el-col :span="20" class="btnColRight"> |
15 | <btn nativeType="cx" @click="searchQuery">查询</btn> | 15 | <btn nativeType="cx" @click="searchQuery">查询</btn> |
16 | <btn nativeType="cx" @click="handleAdd()">新增菜单</btn> | 16 | <btn nativeType="cx" @click="handleAdd()">新增菜单</btn> |
17 | </el-col> | 17 | </el-col> |
... | @@ -19,7 +19,7 @@ | ... | @@ -19,7 +19,7 @@ |
19 | </el-form> | 19 | </el-form> |
20 | </div> | 20 | </div> |
21 | <div class="from-clues-content"> | 21 | <div class="from-clues-content"> |
22 | <lb-table :pagination="false" :column="tableData.columns" :calcHeight="200" :data="tablelistData" row-key="id" | 22 | <lb-table :pagination="false" :column="tableData.columns" :calcHeight="BASE_API.calcHeight" :data="tablelistData" row-key="id" |
23 | default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> | 23 | default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
24 | 24 | ||
25 | </lb-table> | 25 | </lb-table> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item v-if="BASE_API.THEME=='jg'"> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> | 11 | <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="3" class="btnColRight"> | 14 | <el-col :span="20" class="btnColRight"> |
15 | <btn nativeType="cx" @click="searchQuery">查询</btn> | 15 | <btn nativeType="cx" @click="searchQuery">查询</btn> |
16 | <btn nativeType="cx" @click="handleAddEdit">增加角色</btn> | 16 | <btn nativeType="cx" @click="handleAddEdit">增加角色</btn> |
17 | </el-col> | 17 | </el-col> |
... | @@ -19,7 +19,7 @@ | ... | @@ -19,7 +19,7 @@ |
19 | </el-form> | 19 | </el-form> |
20 | </div> | 20 | </div> |
21 | <div class="from-clues-content"> | 21 | <div class="from-clues-content"> |
22 | <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200" | 22 | <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="BASE_API.calcHeight" |
23 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" | 23 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" |
24 | row-key="dictid"> | 24 | row-key="dictid"> |
25 | </lb-table> | 25 | </lb-table> | ... | ... |
... | @@ -2,10 +2,10 @@ | ... | @@ -2,10 +2,10 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
5 | <el-form-item v-if="BASE_API.THEME=='jg'"> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="6"> | 9 | <el-col :span="6"> |
10 | <el-form-item label="搜索标题"> | 10 | <el-form-item label="搜索标题"> |
11 | <el-input v-model="form.jobName" placeholder="标题"></el-input> | 11 | <el-input v-model="form.jobName" placeholder="标题"></el-input> |
... | @@ -104,6 +104,61 @@ | ... | @@ -104,6 +104,61 @@ |
104 | this.taskData = null | 104 | this.taskData = null |
105 | this.isDialog = true | 105 | this.isDialog = true |
106 | }, | 106 | }, |
107 | selectionList: [], | ||
108 | tableData: { | ||
109 | columns: [{ | ||
110 | label: '序号', | ||
111 | type: 'index', | ||
112 | width: '50', | ||
113 | index: this.indexMethod, | ||
114 | }].concat(data.columns()).concat([ | ||
115 | { | ||
116 | label: "操作", | ||
117 | width: 380, | ||
118 | render: (h, scope) => { | ||
119 | return ( | ||
120 | <div> | ||
121 | <el-button type="text" | ||
122 | v-show={scope.row.jobStatus === 0} | ||
123 | class='btnColor' | ||
124 | icon="el-icon-video-pause" | ||
125 | onClick={() => { this.handleActive(scope.row) }}>激活 | ||
126 | </el-button> | ||
127 | <el-button type="text" | ||
128 | v-show={scope.row.jobStatus === -1} | ||
129 | class='btnColor' | ||
130 | icon="el-icon-video-pause" | ||
131 | onClick={() => { this.recover(scope.row) }}>恢复 | ||
132 | </el-button> | ||
133 | <el-button type="text" | ||
134 | icon="el-icon-edit" | ||
135 | class='btnColor' | ||
136 | onClick={() => { this.handleEdit(scope.row) }}>编辑 | ||
137 | </el-button> | ||
138 | <el-button type="text" | ||
139 | icon="el-icon-delete" | ||
140 | class='successColor' | ||
141 | v-show={scope.row.jobStatus !== -1} | ||
142 | onClick={() => { this.handleDel(scope.row) }}>删除 | ||
143 | </el-button> | ||
144 | </div> | ||
145 | ); | ||
146 | }, | ||
147 | }, | ||
148 | ]), | ||
149 | data: [] | ||
150 | }, | ||
151 | pageData: { | ||
152 | total: 0, | ||
153 | pageSize: 15, | ||
154 | current: 1, | ||
155 | }, | ||
156 | }, | ||
157 | methods: { | ||
158 | handleAdd () { | ||
159 | this.taskData = null | ||
160 | this.isDialog = true | ||
161 | }, | ||
107 | resetSe () { | 162 | resetSe () { |
108 | this.form.jobName = '' | 163 | this.form.jobName = '' |
109 | this.featchData() | 164 | this.featchData() |
... | @@ -248,8 +303,8 @@ | ... | @@ -248,8 +303,8 @@ |
248 | }) | 303 | }) |
249 | } | 304 | } |
250 | } | 305 | } |
251 | } | 306 | } |
252 | </script> | 307 | </script> |
253 | <style scoped lang="scss"> | 308 | <style scoped lang="scss"> |
254 | @import "~@/styles/mixin.scss"; | 309 | // @import "~@/styles/mixin.scss"; |
255 | </style> | 310 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item v-if="BASE_API.THEME=='jg'"> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
22 | </el-form-item> | 22 | </el-form-item> |
23 | </el-col> | 23 | </el-col> |
24 | <!-- 操作按钮 --> | 24 | <!-- 操作按钮 --> |
25 | <el-col :span="3" class="btnColRight"> | 25 | <el-col :span="12" class="btnColRight"> |
26 | <btn nativeType="cx" @click="getTableList">查询</btn> | 26 | <btn nativeType="cx" @click="getTableList">查询</btn> |
27 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> | 27 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> |
28 | </el-col> | 28 | </el-col> |
... | @@ -31,7 +31,8 @@ | ... | @@ -31,7 +31,8 @@ |
31 | </div> | 31 | </div> |
32 | <div class="from-clues-content"> | 32 | <div class="from-clues-content"> |
33 | <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 33 | <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
34 | :column="tableData.columns" :calcHeight="200" :data="tableData.data" :expand-row-keys="keyList" row-key="dictid"> | 34 | :column="tableData.columns" :calcHeight="BASE_API.calcHeight" :data="tableData.data" :expand-row-keys="keyList" |
35 | row-key="dictid"> | ||
35 | </lb-table> | 36 | </lb-table> |
36 | </div> | 37 | </div> |
37 | <EditDialog ref="dialogForm" v-model="isDialog" @ok="reloadTableData" /> | 38 | <EditDialog ref="dialogForm" v-model="isDialog" @ok="reloadTableData" /> |
... | @@ -408,5 +409,5 @@ export default { | ... | @@ -408,5 +409,5 @@ export default { |
408 | }; | 409 | }; |
409 | </script> | 410 | </script> |
410 | <style scoped lang="scss"> | 411 | <style scoped lang="scss"> |
411 | @import "~@/styles/mixin.scss"; | 412 | @import "~@/styles/mixin.scss"; |
412 | </style> | 413 | </style> | ... | ... |
-
Please register or sign in to post a comment