a928ac25 by xiaomiao
2 parents 92ccd50b 4465b888
Showing 59 changed files with 1092 additions and 531 deletions
1 ###
2 # @Description:
3 # @Autor: renchao
4 # @LastEditTime: 2023-03-02 15:44:12
5 ###
1 # just a flag 6 # just a flag
2 ENV = 'development' 7 ENV = 'development'
3 NODE_ENV=development 8 NODE_ENV=development
......
1 /* 1 /*
2 * @Description: 数据上报模块api文件 2 * @Description: 数据上报模块api文件
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-01 16:33:08 4 * @LastEditTime: 2023-03-03 14:38:57
5 */ 5 */
6 /* 引入axios请求文件 */ 6 /* 引入axios请求文件 */
7 import request from '@/utils/request' 7 import request from '@/utils/request'
...@@ -109,4 +109,17 @@ export function restartGenerateXml (bsmReport) { ...@@ -109,4 +109,17 @@ export function restartGenerateXml (bsmReport) {
109 url: urlHeader + 'restartGenerateXml?bsmReport=' + bsmReport, 109 url: urlHeader + 'restartGenerateXml?bsmReport=' + bsmReport,
110 method: 'post' 110 method: 'post'
111 }) 111 })
112 }
113
114 /**
115 * @description: 编辑报文头
116 * @param {*} data
117 * @author: renchao
118 */
119 export function edit (data) {
120 return request({
121 url: urlHeader + 'edit',
122 method: 'post',
123 data
124 })
112 } 125 }
...\ 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-01 17:09:38 4 * @LastEditTime: 2023-03-02 13:45:53
5 */ 5 */
6 /* 引入请求文件 */ 6 /* 引入请求文件 */
7 import request from '@/utils/request' 7 import request from '@/utils/request'
8 /* 引入配置文件 */ 8 /* 引入配置文件 */
9 import SERVER from './config' 9 import SERVER from './config'
10 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/RecordLog/' 10 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/RecordLog/'
11
12 /** 11 /**
13 * @description: 登簿日志分页 12 * @description: 登簿日志分页
14 * @author: renchao 13 * @author: renchao
...@@ -35,4 +34,29 @@ export function getDetail (dbBsm) { ...@@ -35,4 +34,29 @@ export function getDetail (dbBsm) {
35 } 34 }
36 }) 35 })
37 } 36 }
38 37 /**
38 * @description: 详情页面编辑
39 * @param {*} data
40 * @author: renchao
41 */
42 export function edit (data) {
43 return request({
44 url: urlHeader + 'edit',
45 method: 'post',
46 data
47 })
48 }
49 /**
50 * @description: 登薄日志重新生成报文
51 * @param {*} dbBsm
52 * @author: renchao
53 */
54 export function regenerateDbXml (dbBsm) {
55 return request({
56 url: urlHeader + 'regenerateDbXml',
57 method: 'get',
58 params: {
59 dbBsm: dbBsm
60 }
61 })
62 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-07 09:15:01
5 -->
1 <template> 6 <template>
2 <div class="app-wrapper"> 7 <div class="app-wrapper jgWrapper">
3 <navbar /> 8 <navbar />
4 <div class="appMain"> 9 <div class="appMain">
5 <app-main /> 10 <app-main />
...@@ -28,6 +33,9 @@ export default { ...@@ -28,6 +33,9 @@ export default {
28 } 33 }
29 } 34 }
30 </script> 35 </script>
36 <style lang="scss">
37 @import "~@/styles/jgSidebar.scss";
38 </style>
31 <style lang="scss" scoped> 39 <style lang="scss" scoped>
32 @import "~@/styles/mixin.scss"; 40 @import "~@/styles/mixin.scss";
33 41
......
...@@ -22,6 +22,6 @@ export default { ...@@ -22,6 +22,6 @@ export default {
22 box-sizing: border-box; 22 box-sizing: border-box;
23 flex: 1; 23 flex: 1;
24 width: 100%; 24 width: 100%;
25 margin-right: 15px; 25 // background-color: #ffffff;
26 } 26 }
27 </style> 27 </style>
......
...@@ -4,11 +4,7 @@ ...@@ -4,11 +4,7 @@
4 <div class="logo"> 4 <div class="logo">
5 <img :src="require('@/image/logo.png')" alt="" /> 5 <img :src="require('@/image/logo.png')" alt="" />
6 </div> 6 </div>
7 <!-- <div class="backdrop">
8 <Breadcrumb />
9 </div> -->
10 <div class="right-menu"> 7 <div class="right-menu">
11 <div class="dataView d-center pointer" @click="handleDataView">大屏展示</div>
12 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> 8 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
13 <div class="avatar-wrapper"> 9 <div class="avatar-wrapper">
14 <span style="padding-right:10px">{{ name }}</span> 10 <span style="padding-right:10px">{{ name }}</span>
...@@ -24,227 +20,214 @@ ...@@ -24,227 +20,214 @@
24 </div> 20 </div>
25 </template> 21 </template>
26 <script> 22 <script>
27 import { mapGetters } from 'vuex' 23 import { mapGetters } from 'vuex'
28 import Breadcrumb from './Breadcrumb' 24 import Breadcrumb from './Breadcrumb'
29 import defaultSettings from '@/settings' 25 import defaultSettings from '@/settings'
30 export default { 26 export default {
31 components: { 27 components: {
32 Breadcrumb 28 Breadcrumb
33 }, 29 },
34 computed: { 30 computed: {
35 ...mapGetters(['sidebar', 'avatar', 'name']) 31 ...mapGetters(['sidebar', 'avatar', 'name'])
32 },
33 data () {
34 return {
35 title: defaultSettings.title
36 }
37 },
38 methods: {
39 handleDataView () {
40 const { href } = this.$router.resolve('/dataView');
41 window.open(href, '_blank');
36 }, 42 },
37 data () { 43 themeChange (val) {
38 return { 44 this.$store.dispatch('app/updateTheme', val)
39 title: defaultSettings.title
40 }
41 }, 45 },
42 methods: { 46 handleCommand (command) {
43 handleDataView () { 47 if (command == 'a') {
44 const { href } = this.$router.resolve('/dataView'); 48 } else {
45 window.open(href, '_blank');
46 },
47 themeChange (val) {
48 this.$store.dispatch('app/updateTheme', val)
49 },
50 handleCommand (command) {
51 if (command == 'a') {
52 } else {
53 49
54 }
55 } 50 }
56 } 51 }
57 } 52 }
53 }
58 </script> 54 </script>
59 <style lang="scss" scoped> 55 <style lang="scss" scoped>
60 .navbar-con { 56 .navbar-con {
61 position: relative; 57 position: relative;
62 58
63 .logo { 59 .logo {
64 color: #fff; 60 color: #fff;
65 font-size: 26px; 61 font-size: 26px;
66 font-weight: 700; 62 font-weight: 700;
67 } 63 }
64 }
65
66 .NoticeBar {
67 position: absolute;
68 bottom: 0;
69 }
70
71 .el-dropdown-menu {
72 padding: 0 !important;
73 border: 1px solid #ebeef5;
74 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
75 border-radius: 4px 0 0 4px 4px;
76
77 .el-dropdown-menu__item {
78 text-align: center;
79 margin-top: 0 !important;
80 font-size: 14px;
81 font-family: PingFangSC-Regular, PingFang SC;
82 font-weight: 400;
83 color: #4a4a4a;
84 width: 140px;
85 height: 36px;
86 line-height: 36px;
68 } 87 }
69 88
70 .dataView { 89 .el-dropdown-menu__item:nth-child(6) {
71 color: #fff; 90 border-top: 1px solid #ebeef5;
72 width: 120px;
73 height: 32px;
74 background: url("../../image/dp.png");
75 background-size: cover;
76 margin-right: 20px;
77 } 91 }
78 92
79 .NoticeBar { 93 .popper__arrow {
80 position: absolute; 94 top: -11px !important;
81 bottom: 0; 95 left: 110px !important;
96 transform: rotate(0deg) scale(2);
82 } 97 }
83 98
84 .el-dropdown-menu { 99 .el-dropdown-menu__item:not(.is-disabled):hover,
85 padding: 0 !important; 100 .el-dropdown-menu__item:focus {
86 border: 1px solid #ebeef5; 101 background: #f6f7f9;
87 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); 102 color: #4a4a4a;
88 border-radius: 4px 0 0 4px 4px; 103 }
89 104 }
90 .el-dropdown-menu__item { 105
91 text-align: center; 106 .navbar {
92 margin-top: 0 !important; 107 height: $headerHeight;
93 font-size: 14px; 108 overflow: hidden;
94 font-family: PingFangSC-Regular, PingFang SC; 109 position: relative;
95 font-weight: 400; 110 background: #3D59C4;
96 color: #4a4a4a; 111 display: flex;
97 width: 140px; 112 align-items: center;
98 height: 36px; 113 padding-right: 20px;
99 line-height: 36px; 114 justify-content: space-between;
100 } 115 .header-logo {
116 width: 300px;
117 }
101 118
102 .el-dropdown-menu__item:nth-child(6) { 119 .backdrop {
103 border-top: 1px solid #ebeef5; 120 flex: 1;
104 } 121 width: 60%;
122 background-size: 100% 100%;
123 height: $headerHeight;
124 display: flex;
125 align-items: center;
126 }
105 127
106 .popper__arrow { 128 .hamburger-container {
107 top: -11px !important; 129 line-height: 43px;
108 left: 110px !important; 130 height: 100%;
109 transform: rotate(0deg) scale(2); 131 float: left;
110 } 132 cursor: pointer;
133 transition: background 0.3s;
134 -webkit-tap-highlight-color: transparent;
111 135
112 .el-dropdown-menu__item:not(.is-disabled):hover, 136 &:hover {
113 .el-dropdown-menu__item:focus { 137 background: rgba(0, 0, 0, 0.025);
114 background: #f6f7f9;
115 color: #4a4a4a;
116 } 138 }
117 } 139 }
118 140
119 .navbar { 141 .breadcrumb-container {
120 height: $headerHeight; 142 float: left;
121 overflow: hidden; 143 }
122 position: relative; 144
123 // background: linear-gradient(270deg, #148CEE 0%, #1870E3 100%); //默认颜色 145 .right-menu {
124 // box-shadow: 0 1px 0px rgba(0, 21, 41, 0.08); 146 float: right;
125 background: #0d1230; 147 height: 100%;
148 line-height: 50px;
126 display: flex; 149 display: flex;
127 align-items: center; 150 align-items: center;
128 padding-right: 20px;
129 justify-content: space-between;
130 margin-bottom: 10px;
131 151
132 .header-logo { 152 .function {
133 width: 300px; 153 margin: 0 15px;
154 cursor: pointer;
134 } 155 }
135 156
136 .backdrop { 157 .shutdown {
137 flex: 1; 158 font-size: 20px;
138 width: 60%; 159 margin-left: 15px;
139 background-size: 100% 100%; 160 cursor: pointer;
140 height: $headerHeight;
141 display: flex;
142 align-items: center;
143 } 161 }
144 162
145 .hamburger-container { 163 .organization-item {
146 line-height: 43px; 164 margin-right: 40px;
147 height: 100%; 165 margin-top: -40px !important;
148 float: left; 166 }
149 cursor: pointer;
150 transition: background 0.3s;
151 -webkit-tap-highlight-color: transparent;
152 167
153 &:hover { 168 .item {
154 background: rgba(0, 0, 0, 0.025); 169 margin-right: 40px;
170 margin-top: -20px;
171 line-height: 18.4px;
172 cursor: pointer;
173 position: relative;
174
175 .item-box {
176 position: absolute;
177 top: -5px;
178 left: 3px;
179 width: 100%;
180 min-width: 25px;
181 height: 25px;
182 cursor: pointer;
183 z-index: 100;
155 } 184 }
156 } 185 }
157 186
158 .breadcrumb-container { 187 &:focus {
159 float: left; 188 outline: none;
160 } 189 }
161 190
162 .right-menu { 191 .right-menu-item {
163 float: right; 192 display: inline-block;
164 height: 100%; 193 height: 100%;
165 line-height: 50px; 194 font-size: 18px;
166 display: flex; 195 color: #fff;
167 align-items: center; 196 vertical-align: text-bottom;
168
169 .function {
170 margin: 0 15px;
171 cursor: pointer;
172 }
173 197
174 .shutdown { 198 &.hover-effect {
175 font-size: 20px;
176 margin-left: 15px;
177 cursor: pointer; 199 cursor: pointer;
178 } 200 transition: background 0.3s;
179 201 display: flex;
180 .organization-item { 202 align-items: center;
181 margin-right: 40px;
182 margin-top: -40px !important;
183 }
184 203
185 .item { 204 &:hover {
186 margin-right: 40px; 205 background: rgba(0, 0, 0, 0.025);
187 margin-top: -20px;
188 line-height: 18.4px;
189 cursor: pointer;
190 position: relative;
191
192 .item-box {
193 position: absolute;
194 top: -5px;
195 left: 3px;
196 width: 100%;
197 min-width: 25px;
198 height: 25px;
199 cursor: pointer;
200 z-index: 100;
201 } 206 }
202 } 207 }
208 }
203 209
204 &:focus { 210 .avatar-wrapper {
205 outline: none; 211 position: relative;
206 } 212 display: flex;
213 height: 40px;
214 align-items: center;
207 215
208 .right-menu-item { 216 .user-avatar {
209 display: inline-block; 217 cursor: pointer;
210 height: 100%; 218 width: 35px;
211 font-size: 18px; 219 height: 35px;
212 color: #fff; 220 border-radius: 50%;
213 vertical-align: text-bottom;
214
215 &.hover-effect {
216 cursor: pointer;
217 transition: background 0.3s;
218 display: flex;
219 align-items: center;
220
221 &:hover {
222 background: rgba(0, 0, 0, 0.025);
223 }
224 }
225 } 221 }
226 222
227 .avatar-wrapper { 223 .el-icon-caret-bottom {
228 position: relative; 224 cursor: pointer;
229 display: flex; 225 position: absolute;
230 height: 40px; 226 right: -15px;
231 align-items: center; 227 top: 17px;
232 228 font-size: 12px;
233 .user-avatar {
234 cursor: pointer;
235 width: 35px;
236 height: 35px;
237 border-radius: 50%;
238 }
239
240 .el-icon-caret-bottom {
241 cursor: pointer;
242 position: absolute;
243 right: -15px;
244 top: 17px;
245 font-size: 12px;
246 }
247 } 229 }
248 } 230 }
249 } 231 }
232 }
250 </style> 233 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-06 16:18:21
5 -->
1 <template> 6 <template>
2 <div> 7 <div>
3 <el-scrollbar wrap-class="scrollbar-wrapper"> 8 <el-scrollbar wrap-class="scrollbar-wrapper">
4 <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" 9 <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText"
5 :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical"> 10 :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical">
6 <!-- 权限菜单 --> 11 <!-- 权限菜单 -->
7 <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> 12 <sidebar-item v-for="route in permission_routes.slice(3)" :key="route.path" :item="route"
13 :base-path="route.path" />
8 <!-- 菜单全部展示 --> 14 <!-- 菜单全部展示 -->
9 <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> --> 15 <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> -->
10 </el-menu> 16 </el-menu>
...@@ -13,36 +19,38 @@ ...@@ -13,36 +19,38 @@
13 </template> 19 </template>
14 20
15 <script> 21 <script>
16 import { mapGetters } from 'vuex' 22 import { mapGetters } from 'vuex'
17 import Logo from './Logo' 23 import Logo from './Logo'
18 import defaultSettings from '@/settings' 24 import defaultSettings from '@/settings'
19 import SidebarItem from './SidebarItem' 25 import SidebarItem from './SidebarItem'
20 import variables from '@/styles/variables.scss' 26 import variables from '@/styles/variables.scss'
21 import { asyncRoutes } from '@/router' 27 import { asyncRoutes } from '@/router'
22 export default { 28 export default {
23 components: { SidebarItem, Logo }, 29 components: { SidebarItem, Logo },
24 data () { 30 data () {
25 return { 31 return {
26 title: defaultSettings.title 32 title: defaultSettings.title
33 }
34 },
35 created () {
36 console.log(this.permission_routes);
37 },
38 computed: {
39 ...mapGetters(['permission_routes', 'sidebar']),
40 activeMenu () {
41 const route = this.$route
42 const { meta, path } = route
43 if (meta.activeMenu) {
44 return meta.activeMenu
27 } 45 }
46 return path
28 }, 47 },
29 48 variables () {
30 computed: { 49 return variables
31 ...mapGetters(['permission_routes', 'sidebar']), 50 },
32 activeMenu () { 51 asyncRoutes () {
33 const route = this.$route 52 return asyncRoutes
34 const { meta, path } = route
35 if (meta.activeMenu) {
36 return meta.activeMenu
37 }
38 return path
39 },
40 variables () {
41 return variables
42 },
43 asyncRoutes () {
44 return asyncRoutes
45 }
46 } 53 }
47 } 54 }
48 </script> 55 }
56 </script>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-07 09:11:01
5 -->
1 <template> 6 <template>
2 <div class="app-wrapper"> 7 <div class="app-wrapper scWrapper">
3 <navbar /> 8 <navbar />
4 <div class="main-container"> 9 <div class="main-container">
5 <sidebar class="sidebar-container" /> 10 <sidebar class="sidebar-container" />
...@@ -29,15 +34,17 @@ export default { ...@@ -29,15 +34,17 @@ export default {
29 } 34 }
30 } 35 }
31 </script> 36 </script>
32 <style lang="scss" scoped> 37 <style lang="scss">
33 @import "~@/styles/mixin.scss"; 38 @import "~@/styles/mixin.scss";
39 @import '~@/styles/sbSidebar.scss';
34 40
35 .app-wrapper { 41 .app-wrapper {
36 @include clearfix; 42 @include clearfix;
37 position: relative; 43 position: relative;
38 height: 100%; 44 height: 100%;
39 width: 100%; 45 width: 100%;
40 background-color: $containerbg; 46 // background-color: $containerbg;
47 padding: 0;
41 48
42 &.mobile.openSidebar { 49 &.mobile.openSidebar {
43 position: fixed; 50 position: fixed;
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-07 09:43:25
5 */
1 import router from "./router"; 6 import router from "./router";
2 import store from "./store"; 7 import store from "./store";
3 import { getMenuInfo } from "@/api/user"; 8 import { getMenuInfo } from "@/api/user";
...@@ -63,6 +68,7 @@ router.beforeEach(async (to, from, next) => { ...@@ -63,6 +68,7 @@ router.beforeEach(async (to, from, next) => {
63 //请求用户信息 68 //请求用户信息
64 if (!hasUser) { 69 if (!hasUser) {
65 store.dispatch("user/getUserInfo"); 70 store.dispatch("user/getUserInfo");
71 import("@/styles/public.scss");
66 } 72 }
67 if (hasAddRoute) { 73 if (hasAddRoute) {
68 next(); 74 next();
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-07 09:38:47
5 */
1 import { getUserInfo } from "@/api/user"; 6 import { getUserInfo } from "@/api/user";
2 const state = { 7 const state = {
3 hasUser: false, 8 hasUser: false,
...@@ -18,9 +23,6 @@ const actions = { ...@@ -18,9 +23,6 @@ const actions = {
18 getUserInfo ({ commit }) { 23 getUserInfo ({ commit }) {
19 return new Promise(async (resolve) => { 24 return new Promise(async (resolve) => {
20 let { result: res } = await getUserInfo(); 25 let { result: res } = await getUserInfo();
21 // require.ensure([], function (require) {
22 // require("@/assets/sass/smart-lift/index.scss");
23 // });
24 commit("SET_USERINFO", res); 26 commit("SET_USERINFO", res);
25 resolve(true); 27 resolve(true);
26 }); 28 });
......
...@@ -60,6 +60,13 @@ ...@@ -60,6 +60,13 @@
60 } 60 }
61 } 61 }
62 62
63 .item-content-input {
64 /deep/.el-input__inner {
65 border: none !important;
66 text-align: right;
67 }
68 }
69
63 .regularHeight { 70 .regularHeight {
64 height: 80vh; 71 height: 80vh;
65 display: flex; 72 display: flex;
......
1 // cover some element-ui styles 1 // cover some element-ui styles
2
3 .el-breadcrumb__inner, 2 .el-breadcrumb__inner,
4 .el-breadcrumb__inner a { 3 .el-breadcrumb__inner a {
5 font-weight: 400 !important; 4 font-weight: 400 !important;
...@@ -531,29 +530,34 @@ tr:hover { ...@@ -531,29 +530,34 @@ tr:hover {
531 background-color: #031a46; 530 background-color: #031a46;
532 border: 1px solid #5f82c7; 531 border: 1px solid #5f82c7;
533 532
534 .el-message-box__title{ 533 .el-message-box__title {
535 color: white; 534 color: white;
536 } 535 }
537 .el-message-box__content{ 536
537 .el-message-box__content {
538 color: white; 538 color: white;
539 } 539 }
540 } 540 }
541 // 上级菜单 541
542 // 上级菜单
542 .el-cascader__dropdown { 543 .el-cascader__dropdown {
543 background-color: #031a46; 544 background-color: #031a46;
544 border: 1px solid #5f82c7; 545 border: 1px solid #5f82c7;
545 546
546 } 547 }
547 .el-cascader-menu{ 548
549 .el-cascader-menu {
548 color: white; 550 color: white;
549 } 551 }
550 .el-radio 552
551 { 553 .el-radio {
552 .el-cascader-menu:hover{ 554 .el-cascader-menu:hover {
553 color: white; 555 color: white;
554 } 556 }
555 } 557 }
556 .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus { 558
559 .el-cascader-node:not(.is-disabled):hover,
560 .el-cascader-node:not(.is-disabled):focus {
557 background: #F5F7FA; 561 background: #F5F7FA;
558 background-image: initial; 562 background-image: initial;
559 background-position-x: initial; 563 background-position-x: initial;
...@@ -565,4 +569,4 @@ tr:hover { ...@@ -565,4 +569,4 @@ tr:hover {
565 background-origin: initial; 569 background-origin: initial;
566 background-clip: initial; 570 background-clip: initial;
567 background-color: rgb(80, 142, 235); 571 background-color: rgb(80, 142, 235);
568 } 572 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 @import './mixin.scss'; 2 @import './mixin.scss';
3 @import './transition.scss'; 3 @import './transition.scss';
4 @import './element-ui.scss'; 4 @import './element-ui.scss';
5 @import './sidebar.scss'; 5 // @import './sidebar.scss';
6 6
7 /* CSS 初始化 */ 7 /* CSS 初始化 */
8 html, 8 html,
......
1 #app { 1 .jgWrapper {
2 .main-container { 2 .main-container {
3 width: 100%; 3 width: 100%;
4 height: calc(100% - 74px); 4 height: calc(100% - 74px);
......
1 .tableClass { 1 .tableClass {
2 /deep/.el-table { 2 .el-table {
3 border: none !important; 3 border: none !important;
4 border-radius: 0 !important; 4 border-radius: 0 !important;
5 background-color: rgba(0, 0, 0, 0); 5 background-color: rgba(0, 0, 0, 0);
...@@ -40,6 +40,11 @@ ...@@ -40,6 +40,11 @@
40 } 40 }
41 41
42 //*****start*通用表单查询条件,列表样式******// 42 //*****start*通用表单查询条件,列表样式******//
43 .bgc {
44 box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
45 background-color: rgba(0, 0, 0, 0);
46 }
47
43 .from-clues { 48 .from-clues {
44 height: 100%; 49 height: 100%;
45 width: 100%; 50 width: 100%;
...@@ -56,11 +61,11 @@ ...@@ -56,11 +61,11 @@
56 background-size: 100% 100%; 61 background-size: 100% 100%;
57 margin-top: 15px; 62 margin-top: 15px;
58 63
59 /deep/.el-form-item__label { 64 .el-form-item__label {
60 color: #E3F1FF; 65 color: #E3F1FF;
61 } 66 }
62 67
63 /deep/.el-input__inner { 68 .el-input__inner {
64 background: #07388B; 69 background: #07388B;
65 border-radius: 2px; 70 border-radius: 2px;
66 color: #CEF8FF; 71 color: #CEF8FF;
...@@ -114,16 +119,11 @@ ...@@ -114,16 +119,11 @@
114 //修改表头的背景颜色横向渐变色 119 //修改表头的背景颜色横向渐变色
115 @extend .tableClass; 120 @extend .tableClass;
116 121
117 /deep/.el-pagination__total { 122 .el-pagination__total {
118 color: #FFFFFF; 123 color: #FFFFFF;
119 } 124 }
120 125
121 .bgc { 126 .el-pagination {
122 box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
123 background-color: rgba(0, 0, 0, 0);
124 }
125
126 /deep/ .el-pagination {
127 .el-input__inner { 127 .el-input__inner {
128 color: #FFFFFF; 128 color: #FFFFFF;
129 border: none; 129 border: none;
...@@ -142,14 +142,9 @@ ...@@ -142,14 +142,9 @@
142 color: #FFFFFF; 142 color: #FFFFFF;
143 } 143 }
144 } 144 }
145 }
145 146
146 /deep/.btn-next,
147 /deep/.btn-prev {
148 @extend .bgc;
149 color: #FFFFFF;
150 }
151 147
152 }
153 148
154 .el-form--inline .el-form-item { 149 .el-form--inline .el-form-item {
155 width: auto; 150 width: auto;
...@@ -167,10 +162,15 @@ ...@@ -167,10 +162,15 @@
167 } 162 }
168 } 163 }
169 164
165 .el-pagination.is-background .btn-prev,
166 .el-pagination.is-background .btn-next {
167 @extend .bgc;
168 color: #FFFFFF;
169 }
170 170
171 171
172 //*****end*通用表单查询条件,列表样式******// 172 //*****end*通用表单查询条件,列表样式******//
173 /deep/.el-range-separator { 173 .el-range-separator {
174 line-height: 28px !important; 174 line-height: 28px !important;
175 } 175 }
176 176
...@@ -202,7 +202,7 @@ ...@@ -202,7 +202,7 @@
202 202
203 // 修改弹框样式 203 // 修改弹框样式
204 .modifydialog { 204 .modifydialog {
205 /deep/.el-dialog__header { 205 .el-dialog__header {
206 text-align: center; 206 text-align: center;
207 margin-bottom: 10px; 207 margin-bottom: 10px;
208 208
...@@ -211,36 +211,36 @@ ...@@ -211,36 +211,36 @@
211 } 211 }
212 } 212 }
213 213
214 /deep/.el-form-item__label { 214 .el-form-item__label {
215 color: white; 215 color: white;
216 } 216 }
217 217
218 /deep/.el-input__inner { 218 .el-input__inner {
219 background-color: #07388b; 219 background-color: #07388b;
220 } 220 }
221 221
222 /deep/.el-input__inner { 222 .el-input__inner {
223 background: #07388b; 223 background: #07388b;
224 border-radius: 2px; 224 border-radius: 2px;
225 border: 1px solid #6bc1fc; 225 border: 1px solid #6bc1fc;
226 } 226 }
227 227
228 /deep/.el-textarea__inner { 228 .el-textarea__inner {
229 background: #07388b; 229 background: #07388b;
230 color: #fff; 230 color: #fff;
231 } 231 }
232 232
233 /deep/.el-form-item__label { 233 .el-form-item__label {
234 color: #fff; 234 color: #fff;
235 } 235 }
236 236
237 /deep/.el-dialog__headerbtn { 237 .el-dialog__headerbtn {
238 position: absolute; 238 position: absolute;
239 top: 22px; 239 top: 22px;
240 right: 30px; 240 right: 30px;
241 } 241 }
242 242
243 /deep/.el-dialog__header { 243 .el-dialog__header {
244 text-align: center; 244 text-align: center;
245 margin-bottom: 10px; 245 margin-bottom: 10px;
246 246
...@@ -252,23 +252,23 @@ ...@@ -252,23 +252,23 @@
252 252
253 // 角色配置 253 // 角色配置
254 .roleconfiguration { 254 .roleconfiguration {
255 /deep/.el-dialog__body { 255 .el-dialog__body {
256 display: flex; 256 display: flex;
257 flex-direction: column; 257 flex-direction: column;
258 } 258 }
259 259
260 /deep/ .el-tabs { 260 .el-tabs {
261 color: #cef8ff; 261 color: #cef8ff;
262 } 262 }
263 263
264 .sjmx { 264 .sjmx {
265 /deep/.el-tabs__item { 265 .el-tabs__item {
266 height: 50px; 266 height: 50px;
267 padding-top: 6px; 267 padding-top: 6px;
268 } 268 }
269 } 269 }
270 270
271 /deep/.el-tabs__item { 271 .el-tabs__item {
272 color: #cef8ff !important; 272 color: #cef8ff !important;
273 273
274 display: flex; 274 display: flex;
...@@ -286,35 +286,35 @@ ...@@ -286,35 +286,35 @@
286 background-size: 100% 100%; 286 background-size: 100% 100%;
287 } 287 }
288 288
289 /deep/.el-tabs__nav-scroll { 289 .el-tabs__nav-scroll {
290 background: none; 290 background: none;
291 } 291 }
292 292
293 /deep/.el-tabs__nav { 293 .el-tabs__nav {
294 display: flex; 294 display: flex;
295 border: none !important; 295 border: none !important;
296 } 296 }
297 297
298 /deep/.el-tabs__item.is-top { 298 .el-tabs__item.is-top {
299 border: 1px solid #dfe4ed; 299 border: 1px solid #dfe4ed;
300 border-top: 1px solid #dfe4ed; 300 border-top: 1px solid #dfe4ed;
301 border-bottom: 1px solid transparent; 301 border-bottom: 1px solid transparent;
302 } 302 }
303 303
304 /deep/.el-tabs__header { 304 .el-tabs__header {
305 border: none; 305 border: none;
306 margin-bottom: 0; 306 margin-bottom: 0;
307 } 307 }
308 308
309 /deep/.el-tabs__item.is-top:not(:last-child) { 309 .el-tabs__item.is-top:not(:last-child) {
310 margin-right: 5px; 310 margin-right: 5px;
311 } 311 }
312 312
313 /deep/.el-tabs__item.is-top { 313 .el-tabs__item.is-top {
314 background-color: none !important; 314 background-color: none !important;
315 } 315 }
316 316
317 /deep/.el-tabs__item.is-active { 317 .el-tabs__item.is-active {
318 background: url("~@/image/tabitemse.png") no-repeat; 318 background: url("~@/image/tabitemse.png") no-repeat;
319 background-size: 100% 100%; 319 background-size: 100% 100%;
320 } 320 }
...@@ -344,7 +344,7 @@ ...@@ -344,7 +344,7 @@
344 border-top: none; 344 border-top: none;
345 } 345 }
346 346
347 /deep/.editDialogBox { 347 .editDialogBox {
348 border-radius: 8px; 348 border-radius: 8px;
349 overflow: hidden; 349 overflow: hidden;
350 min-width: 1228px; 350 min-width: 1228px;
...@@ -424,7 +424,7 @@ ...@@ -424,7 +424,7 @@
424 overflow: hidden; 424 overflow: hidden;
425 } 425 }
426 426
427 /deep/.el-table { 427 .el-table {
428 background: none; 428 background: none;
429 429
430 th.el-table__cell { 430 th.el-table__cell {
...@@ -440,5 +440,4 @@ ...@@ -440,5 +440,4 @@
440 } 440 }
441 } 441 }
442 } 442 }
443
444 } 443 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .scWrapper {
2 .main-container {
3 width: 100%;
4 height: calc(100% - 74px);
5 transition: margin-left 0.28s;
6 display: flex;
7 }
8
9 .sidebar-container {
10 transition: width 0.28s;
11 width: $sideBarWidth !important;
12 font-size: 0px;
13 margin-right: 15px;
14 background: #121F41;
15
16 .horizontal-collapse-transition {
17 transition: 0s width ease-in-out, 0s padding-left ease-in-out,
18 0s padding-right ease-in-out;
19 }
20
21 .scrollbar-wrapper {
22 overflow-x: hidden !important;
23 margin-right: 0 !important;
24
25 &::-webkit-scrollbar {
26 display: none;
27 }
28 }
29
30 a {
31 display: inline-block;
32 width: 100%;
33 overflow: hidden;
34 }
35
36 .svg-icon {
37 margin-right: 5px;
38 }
39
40 .sub-el-icon {
41 margin-right: 12px;
42 margin-left: -2px;
43 }
44
45 .el-menu {
46 background-color: transparent !important;
47 border: none;
48 height: 100%;
49 width: 100% !important;
50 }
51
52 // menu hover
53 .el-menu--collapse .el-submenu__title,
54 .el-menu--collapse .submenu-title-noDropdown {
55 margin-left: 0px !important;
56 }
57
58 // 有子级
59 .el-submenu__title {
60 padding-left: 10px !important;
61 color: $menuText;
62 height: 42px;
63 background: linear-gradient(90deg, #013874 0%, #081B56 100%);
64 margin-bottom: 8px;
65
66 &:hover {
67 color: $subMenuActiveText !important;
68 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
69
70 .svg-icon,
71 i,
72 span {
73 color: $subMenuActiveText !important;
74 }
75 }
76 }
77
78 // 没有子级
79 .submenu-title-noDropdown {
80 color: $menuText;
81 padding-left: 20px;
82 margin-bottom: 8px;
83 background: linear-gradient(90deg, #013874 0%, #081B56 100%);
84
85 &:hover {
86 color: $menuActiveText !important;
87 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
88
89 .svg-icon {
90 color: #1ea6f8 !important;
91 }
92
93 i {
94 color: #1ea6f8 !important;
95 }
96 }
97 }
98
99 .submenu-title-noDropdown.is-active,
100 .el-submenu__title.is-active {
101 color: $menuActiveText;
102 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
103
104 .svg-icon {
105 color: #1ea6f8 !important;
106 }
107
108 i {
109 color: #1ea6f8 !important;
110 }
111 }
112
113 .submenu-title-noDropdown,
114 .el-submenu__title {
115 font-weight: 600;
116 font-size: $sideBarFontSize;
117
118 // margin: 0 10px;
119 >i {
120 color: $subMenuActiveText !important;
121 transform: rotate(90deg);
122 -webkit-transform: rotate(90deg);
123 -moz-transform: rotate(90deg);
124 -ms-transform: rotate(90deg);
125 -o-transform: rotate(90deg);
126 margin-right: 10px;
127 }
128
129 .svg-icon {
130 font-size: 18px;
131 margin-top: -5px;
132 }
133 }
134
135 .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
136 transform: rotateZ(0deg) !important;
137 -webkit-transform: rotateZ(0deg) !important;
138 -moz-transform: rotateZ(0deg) !important;
139 -ms-transform: rotateZ(0deg) !important;
140 -o-transform: rotateZ(0deg) !important;
141 }
142
143 .is-active>.el-submenu__title {
144 color: #fff !important;
145 }
146
147 & .nest-menu .el-submenu>.el-submenu__title,
148 & .el-submenu .el-menu-item {
149 &.is-active {
150 background-color: $subMenuHover !important;
151 color: $menuActiveText !important;
152 }
153
154 &:hover {
155 background-color: $subMenuHover !important;
156 color: $menuActiveText !important;
157 }
158
159 min-width: 130px !important;
160 background-color: transparent !important;
161 font-weight: 600;
162 font-size: $sideBarFontSize;
163 margin: 0 10px;
164 // border-radius: 6px;
165 }
166 }
167
168 .hideSidebar {
169 .sidebar-container {
170 width: 54px !important;
171 }
172
173 .submenu-title-noDropdown {
174 padding: 0 !important;
175 position: relative;
176
177 .el-tooltip {
178 padding: 0 !important;
179
180 .svg-icon {
181 margin-left: 16px;
182 }
183
184 .sub-el-icon {
185 margin-left: 19px;
186 }
187 }
188 }
189
190 .el-submenu {
191 overflow: hidden;
192
193 &>.el-submenu__title {
194 padding: 0 !important;
195
196 .svg-icon {
197 margin-left: 16px;
198 }
199
200 .sub-el-icon {
201 margin-left: 19px;
202 }
203
204 .el-submenu__icon-arrow {
205 display: none;
206 }
207 }
208 }
209
210 .el-menu--collapse {
211 .el-submenu {
212 &>.el-submenu__title {
213 &>span {
214 height: 0;
215 width: 0;
216 overflow: hidden;
217 visibility: hidden;
218 display: inline-block;
219 }
220 }
221 }
222 }
223 }
224
225 .el-menu--collapse .el-menu .el-submenu {
226 min-width: $sideBarWidth !important;
227 }
228
229 // mobile responsive
230 .mobile {
231 .main-container {
232 margin-left: 0px;
233 }
234
235 .sidebar-container {
236 transition: transform 0.28s;
237 width: $sideBarWidth !important;
238 }
239
240 &.hideSidebar {
241 .sidebar-container {
242 pointer-events: none;
243 transition-duration: 0.3s;
244 transform: translate3d(-$sideBarWidth, 0, 0);
245 }
246 }
247 }
248
249 .withoutAnimation {
250
251 .main-container,
252 .sidebar-container {
253 transition: none;
254 }
255 }
256 }
257
258 // when menu collapsed
259 .el-menu--vertical {
260 &>.el-menu {
261 .svg-icon {
262 margin-right: 16px;
263 }
264
265 .sub-el-icon {
266 margin-right: 12px;
267 margin-left: -2px;
268 }
269 }
270
271 .nest-menu .el-submenu>.el-submenu__title,
272 .el-menu-item {
273 width: calc(100% - 12px);
274 border-top-right-radius: 8px;
275 border-bottom-right-radius: 8px;
276 font-weight: 600 !important;
277 font-size: 15px !important;
278 background-color: $menuHover !important;
279 color: $menuText !important;
280
281 &:hover {
282 background-color: $menuHover !important;
283 opacity: .9;
284
285 .svg-icon,
286 i,
287 span {
288 color: $menuText;
289 }
290 }
291 }
292
293 // the scroll bar appears when the subMenu is too long
294 >.el-menu--popup {
295 max-height: 100vh;
296 overflow-y: auto;
297 background-color: #32ACFE !important;
298 border-top-right-radius: 8px;
299 border-bottom-right-radius: 8px;
300 min-width: 140px;
301 padding: 12px 0;
302
303 &::-webkit-scrollbar-track-piece {
304 background: #d3dce6;
305 }
306
307 &::-webkit-scrollbar {
308 width: 6px;
309 }
310
311 &::-webkit-scrollbar-thumb {
312 background: #99a9bf;
313 border-radius: 20px;
314 }
315 }
316 }
317
318 .el-submenu__title {
319 display: flex;
320 align-items: center;
321 }
322
323 .el-submenu__title span {
324 white-space: normal;
325 word-break: break-all;
326 line-height: 20px;
327 flex: 1;
328 padding-right: 20px;
329 }
330
331 .el-menu-item {
332 height: 42px;
333 display: flex;
334 align-items: center;
335 padding-right: 20px !important;
336 }
337
338 .el-menu-item span {
339 white-space: normal;
340 word-break: break-all;
341 line-height: 20px;
342 flex: 1;
343 }
...\ No newline at end of file ...\ No newline at end of file
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-07 09:35:10
5 */
1 import Layout from '@/layout' 6 import Layout from '@/layout'
2 export default function filterAsyncRouter (routers) { 7 export default function filterAsyncRouter (routers) {
3 routers.forEach(item => { 8 routers.forEach(item => {
......
...@@ -259,4 +259,27 @@ function openDownloadDialog (url, saveName) { ...@@ -259,4 +259,27 @@ function openDownloadDialog (url, saveName) {
259 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 259 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
260 } 260 }
261 aLink.dispatchEvent(event); 261 aLink.dispatchEvent(event);
262 }
...\ No newline at end of file ...\ No newline at end of file
262 }
263
264
265
266
267 export function judgeListComplete (list) {
268 function judgeObjectComplete (obj) {
269 let flag = false
270 for (const key in obj) {
271 if (obj[key] == '' && key != 'index') {
272 flag = true
273 }
274 }
275 return flag
276 }
277 let isNotComplete = list.findIndex(item => {
278 return judgeObjectComplete(item) === true
279 })
280 if (isNotComplete > -1) {
281 return false
282 } else {
283 return true
284 }
285 }
......
...@@ -161,5 +161,5 @@ export default { ...@@ -161,5 +161,5 @@ export default {
161 } 161 }
162 </script> 162 </script>
163 <style scoped lang="scss"> 163 <style scoped lang="scss">
164 @import "~@/styles/public.scss"; 164 // @import "~@/styles/public.scss";
165 </style> 165 </style>
......
...@@ -152,6 +152,6 @@ export default { ...@@ -152,6 +152,6 @@ export default {
152 </script> 152 </script>
153 <style scoped lang="scss"> 153 <style scoped lang="scss">
154 // 引入表单整体样式 154 // 引入表单整体样式
155 @import "~@/styles/public.scss"; 155 // @import "~@/styles/public.scss";
156 </style> 156 </style>
157 157
......
...@@ -160,5 +160,5 @@ export default { ...@@ -160,5 +160,5 @@ export default {
160 } 160 }
161 </script> 161 </script>
162 <style scoped lang="scss"> 162 <style scoped lang="scss">
163 @import "~@/styles/public.scss"; 163 // @import "~@/styles/public.scss";
164 </style> 164 </style>
......
...@@ -169,5 +169,5 @@ export default { ...@@ -169,5 +169,5 @@ export default {
169 } 169 }
170 </script> 170 </script>
171 <style scoped lang="scss"> 171 <style scoped lang="scss">
172 @import "~@/styles/public.scss"; 172 // @import "~@/styles/public.scss";
173 </style> 173 </style>
......
...@@ -135,5 +135,5 @@ export default { ...@@ -135,5 +135,5 @@ export default {
135 } 135 }
136 </script> 136 </script>
137 <style scoped lang="scss"> 137 <style scoped lang="scss">
138 @import "~@/styles/public.scss"; 138 // @import "~@/styles/public.scss";
139 </style> 139 </style>
......
...@@ -201,5 +201,5 @@ export default { ...@@ -201,5 +201,5 @@ export default {
201 } 201 }
202 </script> 202 </script>
203 <style scoped lang="scss"> 203 <style scoped lang="scss">
204 @import "~@/styles/public.scss"; 204 // @import "~@/styles/public.scss";
205 </style> 205 </style>
......
...@@ -151,5 +151,5 @@ export default { ...@@ -151,5 +151,5 @@ export default {
151 } 151 }
152 </script> 152 </script>
153 <style scoped lang="scss"> 153 <style scoped lang="scss">
154 @import "~@/styles/public.scss"; 154 // @import "~@/styles/public.scss";
155 </style> 155 </style>
......
...@@ -157,6 +157,6 @@ export default { ...@@ -157,6 +157,6 @@ export default {
157 } 157 }
158 </script> 158 </script>
159 <style scoped lang="scss"> 159 <style scoped lang="scss">
160 @import "~@/styles/public.scss"; 160 // @import "~@/styles/public.scss";
161 </style> 161 </style>
162 162
......
...@@ -163,6 +163,6 @@ export default { ...@@ -163,6 +163,6 @@ export default {
163 } 163 }
164 </script> 164 </script>
165 <style scoped lang="scss"> 165 <style scoped lang="scss">
166 @import "~@/styles/public.scss"; 166 // @import "~@/styles/public.scss";
167 @import "./index.scss"; 167 @import "./index.scss";
168 </style> 168 </style>
......
...@@ -143,5 +143,5 @@ export default { ...@@ -143,5 +143,5 @@ export default {
143 } 143 }
144 </script> 144 </script>
145 <style scoped lang="scss"> 145 <style scoped lang="scss">
146 @import "~@/styles/public.scss"; 146 // @import "~@/styles/public.scss";
147 </style> 147 </style>
......
...@@ -148,5 +148,5 @@ export default { ...@@ -148,5 +148,5 @@ export default {
148 } 148 }
149 </script> 149 </script>
150 <style scoped lang="scss"> 150 <style scoped lang="scss">
151 @import "~@/styles/public.scss"; 151 // @import "~@/styles/public.scss";
152 </style> 152 </style>
......
...@@ -145,5 +145,5 @@ export default { ...@@ -145,5 +145,5 @@ export default {
145 } 145 }
146 </script> 146 </script>
147 <style scoped lang="scss"> 147 <style scoped lang="scss">
148 @import "~@/styles/public.scss"; 148 // @import "~@/styles/public.scss";
149 </style> 149 </style>
......
...@@ -160,5 +160,5 @@ export default { ...@@ -160,5 +160,5 @@ export default {
160 </script> 160 </script>
161 <style scoped lang="scss"> 161 <style scoped lang="scss">
162 // 引入表单整体样式 162 // 引入表单整体样式
163 @import "~@/styles/public.scss"; 163 // @import "~@/styles/public.scss";
164 </style> 164 </style>
......
...@@ -151,5 +151,5 @@ export default { ...@@ -151,5 +151,5 @@ export default {
151 } 151 }
152 </script> 152 </script>
153 <style scoped lang="scss"> 153 <style scoped lang="scss">
154 @import "~@/styles/public.scss"; 154 // @import "~@/styles/public.scss";
155 </style> 155 </style>
......
...@@ -143,5 +143,5 @@ export default { ...@@ -143,5 +143,5 @@ export default {
143 } 143 }
144 </script> 144 </script>
145 <style scoped lang="scss"> 145 <style scoped lang="scss">
146 @import "~@/styles/public.scss"; 146 // @import "~@/styles/public.scss";
147 </style> 147 </style>
......
...@@ -10,29 +10,16 @@ ...@@ -10,29 +10,16 @@
10 <el-row> 10 <el-row>
11 <el-col :span="4"> 11 <el-col :span="4">
12 <el-form-item label="开始日期" prop="startTime"> 12 <el-form-item label="开始日期" prop="startTime">
13 <el-date-picker 13 <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期"
14 type="date" 14 :picker-options="pickerOptionsStart" v-model="form.startTime"
15 :clearable="false" 15 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
16 class="width100"
17 placeholder="开始日期"
18 :picker-options="pickerOptionsStart"
19 v-model="form.startTime"
20 value-format="yyyy-MM-dd HH:mm:ss"
21 ></el-date-picker>
22 </el-form-item> 16 </el-form-item>
23 </el-col> 17 </el-col>
24 <el-col :span="4"> 18 <el-col :span="4">
25 <el-form-item label="结束日期" prop="endTime"> 19 <el-form-item label="结束日期" prop="endTime">
26 <el-date-picker 20 <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
27 class="width100" 21 :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss"
28 :clearable="false" 22 @change="endTimeChange"></el-date-picker>
29 type="date"
30 placeholder="结束日期"
31 :picker-options="pickerOptionsEnd"
32 v-model="form.endTime"
33 value-format="yyyy-MM-dd HH:mm:ss"
34 @change="endTimeChange"
35 ></el-date-picker>
36 </el-form-item> 23 </el-form-item>
37 </el-col> 24 </el-col>
38 <!-- 操作按钮 --> 25 <!-- 操作按钮 -->
...@@ -57,7 +44,7 @@ import efficient from "@/api/efficient"; ...@@ -57,7 +44,7 @@ import efficient from "@/api/efficient";
57 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; 44 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
58 export default { 45 export default {
59 name: "jktj", 46 name: "jktj",
60 data() { 47 data () {
61 return { 48 return {
62 // 开始日期限制 49 // 开始日期限制
63 pickerOptionsStart: { 50 pickerOptionsStart: {
...@@ -83,19 +70,19 @@ export default { ...@@ -83,19 +70,19 @@ export default {
83 pieChartsData: [], 70 pieChartsData: [],
84 }; 71 };
85 }, 72 },
86 created() {}, 73 created () { },
87 mounted() { 74 mounted () {
88 this.getProcessCounts(); 75 this.getProcessCounts();
89 }, 76 },
90 computed: { 77 computed: {
91 ...mapGetters(["dicData"]), 78 ...mapGetters(["dicData"]),
92 }, 79 },
93 methods: { 80 methods: {
94 endTimeChange(val) { 81 endTimeChange (val) {
95 this.form.endTime = timeFormat(new Date(val), true); 82 this.form.endTime = timeFormat(new Date(val), true);
96 }, 83 },
97 //查询各区县办件数量 84 //查询各区县办件数量
98 async getProcessCounts() { 85 async getProcessCounts () {
99 this.pieChartsData = []; 86 this.pieChartsData = [];
100 let { result: res } = await efficient.getProcessCounts( 87 let { result: res } = await efficient.getProcessCounts(
101 this.form.startTime, 88 this.form.startTime,
...@@ -121,7 +108,7 @@ export default { ...@@ -121,7 +108,7 @@ export default {
121 }); 108 });
122 }, 109 },
123 // 重置 110 // 重置
124 resetForm() { 111 resetForm () {
125 this.form = { 112 this.form = {
126 startTime: getFirstDayOfSeason(), 113 startTime: getFirstDayOfSeason(),
127 endTime: timeFormat(new Date(), true), 114 endTime: timeFormat(new Date(), true),
...@@ -129,7 +116,7 @@ export default { ...@@ -129,7 +116,7 @@ export default {
129 this.getProcessCounts(); 116 this.getProcessCounts();
130 }, 117 },
131 //玫瑰图初始化 118 //玫瑰图初始化
132 echartInit() { 119 echartInit () {
133 let _this = this; 120 let _this = this;
134 // 基于准备好的dom,初始化echarts实例 121 // 基于准备好的dom,初始化echarts实例
135 let myChart = this.$echarts.init(document.getElementById("myChart")); 122 let myChart = this.$echarts.init(document.getElementById("myChart"));
...@@ -190,7 +177,7 @@ export default { ...@@ -190,7 +177,7 @@ export default {
190 }); 177 });
191 }, 178 },
192 //柱图初始化 179 //柱图初始化
193 async barChartInit(recType) { 180 async barChartInit (recType) {
194 //请求recType对应业务的各区县数据 181 //请求recType对应业务的各区县数据
195 let { result: res } = await efficient.getProcessDays( 182 let { result: res } = await efficient.getProcessDays(
196 recType, 183 recType,
...@@ -325,7 +312,7 @@ export default { ...@@ -325,7 +312,7 @@ export default {
325 }; 312 };
326 </script> 313 </script>
327 <style scoped lang="scss"> 314 <style scoped lang="scss">
328 @import "~@/styles/public.scss"; 315 // @import "~@/styles/public.scss";
329 316
330 .jktjDetail { 317 .jktjDetail {
331 height: 100%; 318 height: 100%;
...@@ -364,5 +351,5 @@ export default { ...@@ -364,5 +351,5 @@ export default {
364 } 351 }
365 </style> 352 </style>
366 <style scoped lang="scss"> 353 <style scoped lang="scss">
367 @import "~@/styles/public.scss"; 354 // @import "~@/styles/public.scss";
368 </style> 355 </style>
......
...@@ -10,47 +10,24 @@ ...@@ -10,47 +10,24 @@
10 <el-row> 10 <el-row>
11 <el-col :span="4"> 11 <el-col :span="4">
12 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
13 <el-select 13 <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
14 v-model="form.qxdm" 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
15 class="width100"
16 clearable
17 placeholder="行政区"
18 >
19 <el-option
20 v-for="item in dicData['A20']"
21 :key="item.DCODE"
22 :label="item.DNAME"
23 :value="item.DCODE"
24 >
25 </el-option> 15 </el-option>
26 </el-select> 16 </el-select>
27 </el-form-item> 17 </el-form-item>
28 </el-col> 18 </el-col>
29 <el-col :span="4"> 19 <el-col :span="4">
30 <el-form-item label="开始日期" prop="startTime"> 20 <el-form-item label="开始日期" prop="startTime">
31 <el-date-picker 21 <el-date-picker type="date" :clearable="false" class="width100" placeholder="开始日期"
32 type="date" 22 :picker-options="pickerOptionsStart" v-model="form.startTime"
33 :clearable="false" 23 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
34 class="width100"
35 placeholder="开始日期"
36 :picker-options="pickerOptionsStart"
37 v-model="form.startTime"
38 value-format="yyyy-MM-dd HH:mm:ss"
39 ></el-date-picker>
40 </el-form-item> 24 </el-form-item>
41 </el-col> 25 </el-col>
42 <el-col :span="4"> 26 <el-col :span="4">
43 <el-form-item label="结束日期" prop="endTime"> 27 <el-form-item label="结束日期" prop="endTime">
44 <el-date-picker 28 <el-date-picker type="date" :clearable="false" class="width100" placeholder="结束日期"
45 type="date" 29 :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss"
46 :clearable="false" 30 @change="endTimeChange"></el-date-picker>
47 class="width100"
48 placeholder="结束日期"
49 :picker-options="pickerOptionsEnd"
50 v-model="form.endTime"
51 value-format="yyyy-MM-dd HH:mm:ss"
52 @change="endTimeChange"
53 ></el-date-picker>
54 </el-form-item> 31 </el-form-item>
55 </el-col> 32 </el-col>
56 <!-- 操作按钮 --> 33 <!-- 操作按钮 -->
...@@ -98,7 +75,7 @@ export default { ...@@ -98,7 +75,7 @@ export default {
98 // 搜索表单 75 // 搜索表单
99 form: { 76 form: {
100 startTime: getFirstDayOfSeason(), 77 startTime: getFirstDayOfSeason(),
101 endTime: timeFormat(new Date(),true), 78 endTime: timeFormat(new Date(), true),
102 qxdm: "", 79 qxdm: "",
103 }, 80 },
104 }; 81 };
...@@ -111,8 +88,8 @@ export default { ...@@ -111,8 +88,8 @@ export default {
111 ...mapGetters(["dicData"]), 88 ...mapGetters(["dicData"]),
112 }, 89 },
113 methods: { 90 methods: {
114 endTimeChange(val){ 91 endTimeChange (val) {
115 this.form.endTime = timeFormat(new Date(val),true) 92 this.form.endTime = timeFormat(new Date(val), true)
116 }, 93 },
117 async getSuucessRate () { 94 async getSuucessRate () {
118 this.recTypeArr = []; 95 this.recTypeArr = [];
...@@ -137,7 +114,7 @@ export default { ...@@ -137,7 +114,7 @@ export default {
137 resetForm () { 114 resetForm () {
138 this.form = { 115 this.form = {
139 startTime: getFirstDayOfSeason(), 116 startTime: getFirstDayOfSeason(),
140 endTime: timeFormat(new Date(),true), 117 endTime: timeFormat(new Date(), true),
141 qxdm: "", 118 qxdm: "",
142 }; 119 };
143 this.getSuucessRate(); 120 this.getSuucessRate();
...@@ -231,7 +208,7 @@ export default { ...@@ -231,7 +208,7 @@ export default {
231 color: "#fff", 208 color: "#fff",
232 fontSize: "16", 209 fontSize: "16",
233 }, 210 },
234 splitNumber:2, 211 splitNumber: 2,
235 axisLabel: { 212 axisLabel: {
236 formatter: "{value} %", 213 formatter: "{value} %",
237 textStyle: { 214 textStyle: {
...@@ -302,7 +279,7 @@ export default { ...@@ -302,7 +279,7 @@ export default {
302 }; 279 };
303 </script> 280 </script>
304 <style scoped lang="scss"> 281 <style scoped lang="scss">
305 @import "~@/styles/public.scss"; 282 // @import "~@/styles/public.scss";
306 283
307 .jktjDetail { 284 .jktjDetail {
308 height: 100%; 285 height: 100%;
...@@ -337,5 +314,5 @@ export default { ...@@ -337,5 +314,5 @@ export default {
337 } 314 }
338 </style> 315 </style>
339 <style scoped lang="scss"> 316 <style scoped lang="scss">
340 @import "~@/styles/public.scss"; 317 // @import "~@/styles/public.scss";
341 </style> 318 </style>
......
...@@ -10,47 +10,24 @@ ...@@ -10,47 +10,24 @@
10 <el-row> 10 <el-row>
11 <el-col :span="4"> 11 <el-col :span="4">
12 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
13 <el-select 13 <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
14 v-model="form.qxdm" 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
15 class="width100"
16 clearable
17 placeholder="行政区"
18 >
19 <el-option
20 v-for="item in dicData['A20']"
21 :key="item.DCODE"
22 :label="item.DNAME"
23 :value="item.DCODE"
24 >
25 </el-option> 15 </el-option>
26 </el-select> 16 </el-select>
27 </el-form-item> 17 </el-form-item>
28 </el-col> 18 </el-col>
29 <el-col :span="4"> 19 <el-col :span="4">
30 <el-form-item label="开始日期"> 20 <el-form-item label="开始日期">
31 <el-date-picker 21 <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
32 class="width100" 22 :picker-options="pickerOptionsStart" v-model="form.startTime"
33 :clearable="false" 23 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
34 type="date"
35 placeholder="开始日期"
36 :picker-options="pickerOptionsStart"
37 v-model="form.startTime"
38 value-format="yyyy-MM-dd HH:mm:ss"
39 ></el-date-picker>
40 </el-form-item> 24 </el-form-item>
41 </el-col> 25 </el-col>
42 <el-col :span="4"> 26 <el-col :span="4">
43 <el-form-item label="结束日期"> 27 <el-form-item label="结束日期">
44 <el-date-picker 28 <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
45 class="width100" 29 :picker-options="pickerOptionsEnd" v-model="form.endTime" value-format="yyyy-MM-dd HH:mm:ss"
46 :clearable="false" 30 @change="endTimeChange"></el-date-picker>
47 type="date"
48 placeholder="结束日期"
49 :picker-options="pickerOptionsEnd"
50 v-model="form.endTime"
51 value-format="yyyy-MM-dd HH:mm:ss"
52 @change="endTimeChange"
53 ></el-date-picker>
54 </el-form-item> 31 </el-form-item>
55 </el-col> 32 </el-col>
56 <!-- 操作按钮 --> 33 <!-- 操作按钮 -->
...@@ -98,13 +75,13 @@ export default { ...@@ -98,13 +75,13 @@ export default {
98 // 搜索表单 75 // 搜索表单
99 form: { 76 form: {
100 startTime: getFirstDayOfSeason(), 77 startTime: getFirstDayOfSeason(),
101 endTime: timeFormat(new Date(),true), 78 endTime: timeFormat(new Date(), true),
102 qxdm: "", 79 qxdm: "",
103 }, 80 },
104 chartData:[] 81 chartData: []
105 }; 82 };
106 }, 83 },
107 mounted() { 84 mounted () {
108 // 查询业务量 85 // 查询业务量
109 this.getProcessCounts(); 86 this.getProcessCounts();
110 }, 87 },
...@@ -112,10 +89,10 @@ export default { ...@@ -112,10 +89,10 @@ export default {
112 ...mapGetters(["dicData"]), 89 ...mapGetters(["dicData"]),
113 }, 90 },
114 methods: { 91 methods: {
115 endTimeChange(val){ 92 endTimeChange (val) {
116 this.form.endTime = timeFormat(new Date(val),true) 93 this.form.endTime = timeFormat(new Date(val), true)
117 }, 94 },
118 async getProcessCounts(){ 95 async getProcessCounts () {
119 this.chartData = []; 96 this.chartData = [];
120 let { result: res } = await efficient.getProcessCounts( 97 let { result: res } = await efficient.getProcessCounts(
121 this.form.startTime, 98 this.form.startTime,
...@@ -133,13 +110,13 @@ export default { ...@@ -133,13 +110,13 @@ export default {
133 resetForm () { 110 resetForm () {
134 this.form = { 111 this.form = {
135 startTime: getFirstDayOfSeason(), 112 startTime: getFirstDayOfSeason(),
136 endTime: timeFormat(new Date(),true), 113 endTime: timeFormat(new Date(), true),
137 qxdm: "" 114 qxdm: ""
138 }; 115 };
139 this.getProcessCounts(); 116 this.getProcessCounts();
140 }, 117 },
141 //图表渲染 118 //图表渲染
142 echartInit(chartArr) { 119 echartInit (chartArr) {
143 // 基于准备好的dom,初始化echarts实例 120 // 基于准备好的dom,初始化echarts实例
144 let myChart = this.$echarts.init(document.getElementById("myChart")); 121 let myChart = this.$echarts.init(document.getElementById("myChart"));
145 // 绘制图表 122 // 绘制图表
...@@ -158,7 +135,7 @@ export default { ...@@ -158,7 +135,7 @@ export default {
158 xAxis: [ 135 xAxis: [
159 { 136 {
160 type: "category", 137 type: "category",
161 data: chartArr.map(item=>item.recTypeName), 138 data: chartArr.map(item => item.recTypeName),
162 axisLabel: { 139 axisLabel: {
163 interval: 0, 140 interval: 0,
164 formatter: function (val) { 141 formatter: function (val) {
...@@ -221,7 +198,7 @@ export default { ...@@ -221,7 +198,7 @@ export default {
221 }, 198 },
222 }, 199 },
223 barMaxWidth: '60', 200 barMaxWidth: '60',
224 data: chartArr.map(item=>item.counts), 201 data: chartArr.map(item => item.counts),
225 }, 202 },
226 ], 203 ],
227 }); 204 });
...@@ -230,7 +207,7 @@ export default { ...@@ -230,7 +207,7 @@ export default {
230 }; 207 };
231 </script> 208 </script>
232 <style scoped lang="scss"> 209 <style scoped lang="scss">
233 @import "~@/styles/public.scss"; 210 // @import "~@/styles/public.scss";
234 211
235 .jktjDetail { 212 .jktjDetail {
236 height: 100%; 213 height: 100%;
...@@ -240,11 +217,13 @@ export default { ...@@ -240,11 +217,13 @@ export default {
240 .rows { 217 .rows {
241 margin-left: 100px; 218 margin-left: 100px;
242 } 219 }
220
243 .center { 221 .center {
244 line-height: 50vh; 222 line-height: 50vh;
245 text-align: center; 223 text-align: center;
246 color:#b6b5b5 224 color: #b6b5b5
247 } 225 }
226
248 .echarts-box { 227 .echarts-box {
249 display: flex; 228 display: flex;
250 justify-content: center; 229 justify-content: center;
...@@ -263,5 +242,5 @@ export default { ...@@ -263,5 +242,5 @@ export default {
263 } 242 }
264 </style> 243 </style>
265 <style scoped lang="scss"> 244 <style scoped lang="scss">
266 @import "~@/styles/public.scss"; 245 // @import "~@/styles/public.scss";
267 </style> 246 </style>
......
1 <template>
2 <div class="bg">
3 <div class="login-inner-bg login">
4 <h2>{{ productName }}</h2>
5 <div class="user_style">
6 <h3>欢迎登录</h3>
7 <el-form :model="user" :rules="rules" ref="user" id="loginform" class="demo-ruleForm">
8 <el-form-item prop="account">
9 <el-input class="username" v-model="user.account" placeholder="请输入用户名"></el-input>
10 </el-form-item>
11 <el-form-item prop="password">
12 <el-input type="password" class="password" @keyup.enter.native="login('user')" v-model="user.password"
13 placeholder="请输入密码"></el-input>
14 </el-form-item>
15 <el-form-item class="login-btn">
16 <el-button type="primary" style="width: 100%" @click="login('user')">登录</el-button>
17 </el-form-item>
18 </el-form>
19 </div>
20 </div>
21 </div>
22 </template>
23
24 <script>
25 import { loginIn } from "@/api/login.js";
26 import { api, getAction } from "@/api/manageApi";
27 export default {
28 name: "Login",
29 data () {
30 return {
31 user: {
32 account: "",
33 password: "",
34 checkStatus: false,
35 },
36 productName: "",
37 rules: {
38 account: [{ required: true, message: "请填写帐号", trigger: "blur" }],
39 password: [{ required: true, message: "请填写密码", trigger: "blur" }],
40 },
41 };
42 },
43 created () {
44 const params = {};
45 const queryOptions = {
46 conditionGroup: {
47 conditions: [
48 {
49 property: "code",
50 value: "BDCJGPT",
51 operator: "EQ",
52 },
53 ],
54 queryRelation: "AND",
55 },
56 };
57 params.queryOptions = JSON.stringify(queryOptions);
58 //根据子系统code获取子系统详细信息
59 getAction(api.subsystem, params).then((res) => {
60 if (res.status === 1) {
61 this.productName = res.content[0].name;
62 this.$store.dispatch("products/setData", res.content[0]);
63 } else {
64 this.$message.error({ message: res.message, showClose: true });
65 }
66 });
67 },
68 mounted () {
69 // this.checkUserName();
70 },
71 methods: {
72 //记住用户名
73 checkUserName: function (flag) {
74 this.user.checkStatus = flag;
75 if (this.user.checkStatus) {
76 localStorage.setItem("accountId", this.user.account);
77 let name = localStorage.getItem("accountId");
78 if (name === "") {
79 return;
80 } else {
81 this.user.account = name;
82 }
83 } else {
84 this.user.account = localStorage.getItem("accountId");
85 }
86 },
87 login (user) {
88 var self = this;
89 this.$refs[user].validate((valid) => {
90 if (valid) {
91 loginIn(self.user.account, self.user.password)
92 .then((res) => {
93 if (res.status === 1) {
94 //存储token
95 sessionStorage.setItem("token", `Bearer ${res.content}`);
96 //登录成功后需判断有无重定向,没有重定向则跳转首页
97 this.$router.replace(this.$route.query.redirect || "/");
98 } else {
99 //错误处理
100 }
101 })
102 .catch((error) => {
103 // console.dir(error);
104 });
105 }
106 });
107 },
108 },
109 components: {},
110 };
111 </script>
112 <style scoped lang="scss">
113 .username,
114 .password {
115 position: relative;
116
117 &:before {
118 content: "";
119 display: block;
120 width: 16px;
121 height: 16px;
122 position: absolute;
123 left: 10px;
124 top: 7px;
125 background-size: 100% 100%;
126 }
127
128 /deep/ .el-input__inner {
129 text-indent: 24px;
130 border: 1px solid rgba(11, 161, 248, 0.4);
131 background-color: rgba(6, 135, 205, 0.3) !important;
132 }
133 }
134
135 .username::before {
136 background-image: url(../../image/username.png);
137 }
138
139 .password::before {
140 background-image: url(../../image/password.png);
141 }
142
143 .bg {
144 width: 100%;
145 height: 100%;
146 min-width: 1440px;
147 min-height: 560px;
148 background: url(../../image/loginBoxBg.png) no-repeat;
149 background-size: 100% 100%;
150 overflow: hidden;
151 position: relative;
152 }
153
154 .login-inner-bg {
155 background: url(../../image/loginBg.png) no-repeat;
156 width: 21.6%;
157 height: 43%;
158 min-width: 360px;
159 min-height: 380px;
160 top: 30%;
161 right: 20%;
162 position: absolute;
163 background-size: 100% 100%;
164 box-sizing: border-box;
165 padding: 56px;
166
167 h2 {
168 width: 100%;
169 font-size: 36px;
170 font-weight: 700;
171 color: #fff;
172 text-align: center;
173 white-space: nowrap;
174 position: absolute;
175 right: 0;
176 top: -70px;
177 background-image: linear-gradient(180deg,
178 rgba(99, 163, 255, 1) 0,
179 rgba(99, 163, 255, 1) 0,
180 rgba(182, 220, 255, 1) 49.731445%,
181 rgba(114, 190, 255, 1) 100%,
182 rgba(114, 190, 255, 1) 100%);
183 overflow-wrap: break-word;
184 color: rgba(255, 255, 255, 1);
185 font-size: 36px;
186 font-family: AlimamaShuHeiTi-Bold;
187 -webkit-background-clip: text;
188 -webkit-text-fill-color: transparent;
189 }
190 }
191
192 .login {
193 .user_style {
194 h3 {
195 color: #fff;
196 font-size: 22px;
197 font-weight: normal;
198 text-align: center;
199 margin: 16px auto 34px;
200 font-weight: 400;
201 }
202 }
203
204 .btn {
205 width: 100%;
206 height: 6vh;
207 background-color: #00c2de;
208 border-radius: 5px;
209 font-size: 1.4vw;
210 color: #ffffff;
211 }
212
213 .btn:hover {
214 cursor: pointer;
215 background-color: #2d8cf0;
216 }
217 }
218
219 .login #loginform {
220 .el-form-item {
221 margin-bottom: 24px !important;
222 }
223
224 .login-btn {
225 margin-top: 40px !important;
226 }
227
228 .el-button {
229 font-size: 18px;
230 background: #0d8cc0 !important;
231 color: #ffffff !important;
232 cursor: pointer !important;
233 }
234
235 .el-input__inner {
236 width: 100% !important;
237 }
238
239 .el-checkbox__label {
240 color: #fff;
241 }
242 }
243
244 .inputUser .ivu-input {
245 padding: 6px 24px !important;
246 border: 1px solid #9f9f9f !important;
247 }
248 </style>
...@@ -6,6 +6,10 @@ ...@@ -6,6 +6,10 @@
6 border-right: 1px solid #458ACF !important; 6 border-right: 1px solid #458ACF !important;
7 } 7 }
8 8
9 /deep/.el-table thead.is-group th.el-table__cell {
10 background-color: transparent !important;
11 }
12
9 /deep/.el-table--group::after, 13 /deep/.el-table--group::after,
10 .el-table--border::after { 14 .el-table--border::after {
11 width: 0 !important; 15 width: 0 !important;
......
...@@ -164,7 +164,7 @@ export default { ...@@ -164,7 +164,7 @@ export default {
164 </script> 164 </script>
165 <style scoped lang="scss"> 165 <style scoped lang="scss">
166 // 引入表单整体样式 166 // 引入表单整体样式
167 @import "~@/styles/public.scss"; 167 // @import "~@/styles/public.scss";
168 @import "../css/index.scss"; 168 @import "../css/index.scss";
169 </style> 169 </style>
170 170
......
...@@ -155,7 +155,7 @@ export default { ...@@ -155,7 +155,7 @@ export default {
155 </script> 155 </script>
156 <style scoped lang="scss"> 156 <style scoped lang="scss">
157 // 引入表单整体样式 157 // 引入表单整体样式
158 @import "~@/styles/public.scss"; 158 // @import "~@/styles/public.scss";
159 @import "../css/index.scss"; 159 @import "../css/index.scss";
160 </style> 160 </style>
161 161
......
...@@ -148,7 +148,7 @@ export default { ...@@ -148,7 +148,7 @@ export default {
148 </script> 148 </script>
149 <style scoped lang="scss"> 149 <style scoped lang="scss">
150 // 引入表单整体样式 150 // 引入表单整体样式
151 @import "~@/styles/public.scss"; 151 // @import "~@/styles/public.scss";
152 @import "../css/index.scss"; 152 @import "../css/index.scss";
153 </style> 153 </style>
154 154
......
1 <!--
2 功能:结果
3 作者:calliope
4 -->
5 <template>
6 <div class='result'>
7 <p>响应xml</p>
8 <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
9 </el-input>
10 <p>错误信息</p>
11 <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
12 </el-input>
13 </div>
14 </template>
15 <script>
16 import { getReceiveDataReportResult } from "@/api/dataReport.js";
17 export default {
18 components: {},
19 props: {
20 formData: {
21 type: Object,
22 default: {}
23 }
24 },
25 data () {
26 return {
27 REPMSGXML: '',
28 ERRORINFO: '',
29 }
30 },
31 created () {
32 getReceiveDataReportResult(this.formData.bsmReport).then(res => {
33 let data = res.result
34 this.REPMSGXML = data.REPMSGXML
35 this.ERRORINFO = data.ERRORINFO
36 })
37 }
38 }
39 </script>
40 <style scoped lang='scss'>
41 @import '~@/styles/public.scss';
42
43 .result {
44 padding: 15px;
45
46 p {
47 color: #ffffff;
48 line-height: 26px;
49 font-size: 18px;
50 }
51
52 /deep/.el-textarea__inner {
53 min-height: 27vh !important;
54 background-color: #08346F !important;
55 color: #ffffff;
56 border: none !important;
57 }
58
59 }
60 </style>
...@@ -32,7 +32,7 @@ class data { ...@@ -32,7 +32,7 @@ class data {
32 }, 32 },
33 }, 33 },
34 { 34 {
35 prop: 'ywh', 35 prop: 'YWH',
36 label: '业务号', 36 label: '业务号',
37 render: (h, scope) => { 37 render: (h, scope) => {
38 return ( 38 return (
...@@ -41,43 +41,25 @@ class data { ...@@ -41,43 +41,25 @@ class data {
41 } 41 }
42 }, 42 },
43 { 43 {
44 prop: 'djlx', 44 prop: 'DJLX',
45 label: '登记类型', 45 label: '登记类型',
46 render: (h, scope) => { 46 render: (h, scope) => {
47 return ( 47 return (
48 <el-select class="width100" value={scope.row[scope.column.property]} 48 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
49 onChange={(val) => { scope.row[scope.column.property] = val }}>
50 {
51 store.getters.dicData['A21'].map(option => {
52 return (
53 <el-option label={option.DNAME} value={option.DCODE}></el-option>
54 )
55 })
56 }
57 </el-select>
58 ) 49 )
59 } 50 }
60 }, 51 },
61 { 52 {
62 prop: 'qllx', 53 prop: 'QLLX',
63 label: '权利类型', 54 label: '权利类型',
64 render: (h, scope) => { 55 render: (h, scope) => {
65 return ( 56 return (
66 <el-select class="width100" value={scope.row[scope.column.property]} 57 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
67 onChange={(val) => { scope.row[scope.column.property] = val }}>
68 {
69 store.getters.dicData['A8'].map(option => {
70 return (
71 <el-option label={option.DNAME} value={option.DCODE}></el-option>
72 )
73 })
74 }
75 </el-select>
76 ) 58 )
77 } 59 }
78 }, 60 },
79 { 61 {
80 prop: 'bdcdyh', 62 prop: 'BDCDYH',
81 label: '不动产单元号', 63 label: '不动产单元号',
82 render: (h, scope) => { 64 render: (h, scope) => {
83 return ( 65 return (
...@@ -86,7 +68,7 @@ class data { ...@@ -86,7 +68,7 @@ class data {
86 } 68 }
87 }, 69 },
88 { 70 {
89 prop: 'zszmh', 71 prop: 'ZSZMH',
90 label: '证书证明号', 72 label: '证书证明号',
91 render: (h, scope) => { 73 render: (h, scope) => {
92 return ( 74 return (
...@@ -95,7 +77,7 @@ class data { ...@@ -95,7 +77,7 @@ class data {
95 } 77 }
96 }, 78 },
97 { 79 {
98 prop: 'sfsb', 80 prop: 'SFSB',
99 label: '是否上报', 81 label: '是否上报',
100 render: (h, scope) => { 82 render: (h, scope) => {
101 return ( 83 return (
...@@ -113,14 +95,14 @@ class data { ...@@ -113,14 +95,14 @@ class data {
113 } 95 }
114 }, 96 },
115 { 97 {
116 prop: 'bwid', 98 prop: 'BWID',
117 label: '报文ID', 99 label: '报文ID',
118 render: (h, scope) => { 100 render: (h, scope) => {
119 return ( 101 return (
120 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 102 <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
121 ) 103 )
122 } 104 }
123 }, 105 }
124 ] 106 ]
125 } 107 }
126 } 108 }
...@@ -131,3 +113,4 @@ export { ...@@ -131,3 +113,4 @@ export {
131 } 113 }
132 114
133 115
116
......
...@@ -31,7 +31,7 @@ class data { ...@@ -31,7 +31,7 @@ class data {
31 }, 31 },
32 }, 32 },
33 { 33 {
34 prop: 'ywh', 34 prop: 'YWH',
35 label: '业务号', 35 label: '业务号',
36 render: (h, scope) => { 36 render: (h, scope) => {
37 return ( 37 return (
...@@ -40,7 +40,7 @@ class data { ...@@ -40,7 +40,7 @@ class data {
40 } 40 }
41 }, 41 },
42 { 42 {
43 prop: 'bdcdyh', 43 prop: 'BDCDYH',
44 label: '不动产单元号', 44 label: '不动产单元号',
45 render: (h, scope) => { 45 render: (h, scope) => {
46 return ( 46 return (
...@@ -49,7 +49,7 @@ class data { ...@@ -49,7 +49,7 @@ class data {
49 } 49 }
50 }, 50 },
51 { 51 {
52 prop: 'bwid', 52 prop: 'BWID',
53 label: '报文ID', 53 label: '报文ID',
54 render: (h, scope) => { 54 render: (h, scope) => {
55 return ( 55 return (
...@@ -67,3 +67,4 @@ export { ...@@ -67,3 +67,4 @@ export {
67 } 67 }
68 68
69 69
70
......
...@@ -192,13 +192,14 @@ class data { ...@@ -192,13 +192,14 @@ class data {
192 return ( 192 return (
193 <div> 193 <div>
194 <el-button 194 <el-button
195 size="mini" 195 type="text"
196 type="primary" 196 style="color:#67C23A"
197 onClick={() => { 197 onClick={() => {
198 vm.handleEdit(scope.row); 198 vm.handleEdit(scope.row);
199 }} 199 }}
200 > 200 >
201 编辑 201 修改
202 <i class="el-icon-d-arrow-right"></i>
202 </el-button> 203 </el-button>
203 </div> 204 </div>
204 ); 205 );
......
...@@ -154,6 +154,5 @@ export default { ...@@ -154,6 +154,5 @@ export default {
154 } 154 }
155 </script> 155 </script>
156 <style scoped lang="scss"> 156 <style scoped lang="scss">
157 @import "~@/styles/public.scss";
158 @import "./index.scss"; 157 @import "./index.scss";
159 </style> 158 </style>
......
...@@ -156,15 +156,31 @@ export default { ...@@ -156,15 +156,31 @@ export default {
156 render: (h, scope) => { 156 render: (h, scope) => {
157 return ( 157 return (
158 <div> 158 <div>
159 <el-button 159 {
160 size="mini" 160 scope.row.exchangeState == 2 ?
161 type="primary" 161 <el-button
162 onClick={() => { 162 size="mini"
163 this.handleDetail(scope.row); 163 type="text"
164 }} 164 style="color:#67C23A"
165 > 165 onClick={() => {
166 详情 166 this.handleDetail(scope.row);
167 </el-button> 167 }}
168 >
169 修改
170 <i class="el-icon-d-arrow-right"></i>
171 </el-button> :
172 <el-button
173 size="mini"
174 type="text"
175 onClick={() => {
176 this.handleDetail(scope.row);
177 }}
178 >
179 详情
180 <i class="el-icon-d-arrow-right"></i>
181 </el-button>
182 }
183
168 </div> 184 </div>
169 ); 185 );
170 }, 186 },
...@@ -203,7 +219,7 @@ export default { ...@@ -203,7 +219,7 @@ export default {
203 this.$refs.editLog.isShow(row); 219 this.$refs.editLog.isShow(row);
204 if (row.exchangeState == 2) { 220 if (row.exchangeState == 2) {
205 this.$store.dispatch('business/setReportLogEdit') 221 this.$store.dispatch('business/setReportLogEdit')
206 } else { 222 } else {
207 this.$store.dispatch('business/setEdit') 223 this.$store.dispatch('business/setEdit')
208 } 224 }
209 }, 225 },
...@@ -219,7 +235,6 @@ export default { ...@@ -219,7 +235,6 @@ export default {
219 </script> 235 </script>
220 <style scoped lang="scss"> 236 <style scoped lang="scss">
221 // 引入页面公共样式 237 // 引入页面公共样式
222 @import "~@/styles/public.scss";
223 @import "./index.scss"; 238 @import "./index.scss";
224 </style> 239 </style>
225 240
......
...@@ -146,8 +146,7 @@ export default { ...@@ -146,8 +146,7 @@ export default {
146 } 146 }
147 </script> 147 </script>
148 <style rel="stylesheet/scss" lang="scss" scoped> 148 <style rel="stylesheet/scss" lang="scss" scoped>
149 @import "~@/styles/public.scss"; 149 // @import "~@/styles/public.scss";
150
151 .editDialogBox-box { 150 .editDialogBox-box {
152 margin: 14px 18px 30px 18px !important 151 margin: 14px 18px 30px 18px !important
153 } 152 }
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" 3 <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" width="60%"
4 width="60%" v-model="myValue" :isMain="true" title="字典信息"> 4 v-model="myValue" :isMain="true" title="字典信息">
5 <div class="editDialogBox-box "> 5 <div class="editDialogBox-box ">
6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
7 <el-row :gutter="20"> 7 <el-row :gutter="20">
...@@ -17,9 +17,8 @@ ...@@ -17,9 +17,8 @@
17 </el-col> 17 </el-col>
18 </el-row> 18 </el-row>
19 </el-form> 19 </el-form>
20 <lb-table :column="column" class="loadingtext opacity-input" :heightNum="600" :key="key" 20 <lb-table :column="column" class="loadingtext opacity-input" :heightNum="600" :key="key" :expand-row-keys="keyList"
21 :expand-row-keys="keyList" row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" 21 row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData">
22 :data="tableData">
23 </lb-table> 22 </lb-table>
24 </div> 23 </div>
25 </dialogBox> 24 </dialogBox>
...@@ -359,7 +358,7 @@ export default { ...@@ -359,7 +358,7 @@ export default {
359 }; 358 };
360 </script> 359 </script>
361 <style rel="stylesheet/scss" lang="scss" scoped> 360 <style rel="stylesheet/scss" lang="scss" scoped>
362 @import "~@/styles/public.scss"; 361 // @import "~@/styles/public.scss";
363 362
364 /deep/.el-radio { 363 /deep/.el-radio {
365 margin-right: 5px !important; 364 margin-right: 5px !important;
......
...@@ -127,5 +127,5 @@ export default { ...@@ -127,5 +127,5 @@ export default {
127 }; 127 };
128 </script> 128 </script>
129 <style scoped lang="scss"> 129 <style scoped lang="scss">
130 @import "~@/styles/public.scss"; 130 // @import "~@/styles/public.scss";
131 </style> 131 </style>
......
...@@ -76,18 +76,10 @@ ...@@ -76,18 +76,10 @@
76 .user-info { 76 .user-info {
77 background: none; 77 background: none;
78 } 78 }
79 } 79
80 /deep/.el-tabs { 80 .boxin {
81 .el-tabs__content { 81 height: 79%;
82 height: 100%;
83 width: 100%;
84 } 82 }
85 } 83 }
86 .boxin {
87 height: 79%;
88 }
89 .contentbox {
90 // overflow-y: auto;
91 }
92 } 84 }
93 </style> 85 </style>
......
...@@ -249,5 +249,5 @@ export default { ...@@ -249,5 +249,5 @@ export default {
249 </script> 249 </script>
250 <style scoped lang="scss"> 250 <style scoped lang="scss">
251 @import "~@/styles/mixin.scss"; 251 @import "~@/styles/mixin.scss";
252 @import "~@/styles/public.scss"; 252 // @import "~@/styles/public.scss";
253 </style> 253 </style>
......
...@@ -199,6 +199,6 @@ export default { ...@@ -199,6 +199,6 @@ export default {
199 }; 199 };
200 </script> 200 </script>
201 <style scoped lang="scss"> 201 <style scoped lang="scss">
202 @import "~@/styles/public.scss"; 202 // @import "~@/styles/public.scss";
203 @import "./index.scss"; 203 @import "./index.scss";
204 </style> 204 </style>
......