c63c11ff by xiaomiao
2 parents b3e5ffef d21846df
1 {
2 "TITLE": "汉中市数据上报系统"
3 }
...\ No newline at end of file ...\ No newline at end of file
1 /* 1 /*
2 * @Description: 这个是所有api的前缀配置文件 2 * @Description: 这个是所有api的前缀配置文件
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-01 15:35:44 4 * @LastEditTime: 2023-03-16 13:37:11
5 */ 5 */
6 export default { 6 export default {
7 TITLE: '汉中市数据上报系统',
8 SERVERAPI: '/bdcsjsb', //赵千 7 SERVERAPI: '/bdcsjsb', //赵千
9 MANAGEMENTAPI: 'http://192.168.2.236/management' 8 MANAGEMENTAPI: 'http://192.168.2.236/management'
10 } 9 }
......
1 import Vue from 'vue'
1 import request from '@/utils/request' 2 import request from '@/utils/request'
3 console.log(Vue.prototype, Vue.prototype.$BASE_API);
2 import SERVER from './config' 4 import SERVER from './config'
3 // 获取用户信息 5 // 获取用户信息
4 export function getUserInfo () { 6 export function getUserInfo () {
......
1 <template> 1 <template>
2 <Echart 2 <Echart :options="options" id="centreLeft1Chart" :key="key" height="1.0417rem" width="80%"></Echart>
3 :options="options"
4 id="centreLeft1Chart"
5 :key="key"
6 height="1.0417rem"
7 width="80%"></Echart>
8 </template> 3 </template>
9 <script> 4 <script>
10 import Echart from "@/common/echart"; 5 import Echart from "@/common/echart";
11 export default { 6 export default {
12 components: { 7 components: {
13 Echart, 8 Echart,
9 },
10 data () {
11 return {
12 key: 0,
13 };
14 },
15 props: {
16 cdata: {
17 type: Array,
18 default: () => ([]),
14 }, 19 },
15 data () { 20 },
16 return { 21 watch: {
17 key: 0, 22 cdata: {
18 }; 23 handler (newData) {
19 },
20 props: {
21 cdata: {
22 type: Array,
23 default: () => ([]),
24 },
25 },
26 watch: {
27 cdata: {
28 handler (newData) {
29 console.log("newData", newData);
30 this.options = {
31 color: [
32 "#37a2da",
33 "#32c5e9",
34 "#9fe6b8",
35 "#ffdb5c",
36 "#ff9f7f",
37 "#fb7293",
38 "#e7bcf3",
39 "#8378ea"
40 24
41 ], 25 this.options = {
42 tooltip: { 26 color: [
27 "#37a2da",
28 "#32c5e9",
29 "#9fe6b8",
30 "#ffdb5c",
31 "#ff9f7f",
32 "#fb7293",
33 "#e7bcf3",
34 "#8378ea"
35
36 ],
37 tooltip: {
43 trigger: "item", 38 trigger: "item",
44 formatter: function (params) { 39 formatter: function (params) {
45 console.log("params11", params); 40 console.log("params11", params);
...@@ -73,25 +68,25 @@ ...@@ -73,25 +68,25 @@
73 fontSize: 12 68 fontSize: 12
74 } 69 }
75 }, 70 },
76 }, 71 },
77 72
78 73
79 data: newData, 74 data: newData,
80 } 75 }
81 ], 76 ],
82 }; 77 };
83 this.key++; 78 this.key++;
84 },
85 immediate: true,
86 deep: true,
87 }, 79 },
80 immediate: true,
81 deep: true,
88 }, 82 },
89 }; 83 },
84 };
90 </script> 85 </script>
91 86
92 <style lang="scss" scoped> 87 <style lang="scss" scoped>
93 #centreLeft1Chart { 88 #centreLeft1Chart {
94 margin-bottom: 0.0521rem; 89 margin-bottom: 0.0521rem;
95 margin-left: 0.3125rem; 90 margin-left: 0.3125rem;
96 } 91 }
97 </style> 92 </style>
......
...@@ -134,9 +134,8 @@ export default { ...@@ -134,9 +134,8 @@ export default {
134 @extend .xuanzhong; 134 @extend .xuanzhong;
135 } 135 }
136 136
137 /deep/.el-menu-item.is-active { 137 /deep/.el-menu-item .is-active {
138 @extend .xuanzhong; 138 @extend .xuanzhong;
139
140 } 139 }
141 140
142 .navbar { 141 .navbar {
......
...@@ -9,40 +9,37 @@ ...@@ -9,40 +9,37 @@
9 </template> 9 </template>
10 10
11 <script> 11 <script>
12 import { mapGetters } from 'vuex' 12 import { mapGetters } from 'vuex'
13 import Logo from './Logo' 13 import Logo from './Logo'
14 import SidebarItem from './SidebarItem' 14 import SidebarItem from './SidebarItem'
15 import variables from '@/styles/variables.scss' 15 import variables from '@/styles/variables.scss'
16 import { asyncRoutes } from '@/router' 16 import { asyncRoutes } from '@/router'
17 export default { 17 export default {
18 components: { SidebarItem, Logo }, 18 components: { SidebarItem, Logo },
19 computed: { 19 computed: {
20 ...mapGetters(['permission_routes', 'sidebar']), 20 ...mapGetters(['permission_routes', 'sidebar']),
21 21
22 activeMenu () { 22 activeMenu () {
23 23
24 const route = this.$route 24 const route = this.$route
25 const { meta, path } = route 25 const { meta, path } = route
26 if (meta.activeMenu) { 26 if (meta.activeMenu) {
27 return meta.activeMenu 27 return meta.activeMenu
28 }
29 return path
30 },
31 variables () {
32 return variables
33 },
34 asyncRoutes () {
35 return asyncRoutes.slice(0, 3)
36 } 28 }
29 return path
37 }, 30 },
38 mounted () { 31 variables () {
39 console.log("permission_routes", this.permission_routes); 32 return variables
33 },
34 asyncRoutes () {
35 return asyncRoutes.slice(0, 3)
40 } 36 }
41 } 37 }
38 }
42 </script> 39 </script>
43 <style scoped lang="scss"> 40 <style scoped lang="scss">
44 .el-menu--horizontal { 41 .el-menu--horizontal {
45 display: flex; 42 display: flex;
46 background: none !important; 43 background: none !important;
47 } 44 }
48 </style> 45 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-10 14:59:43 4 * @LastEditTime: 2023-03-16 11:15:48
5 --> 5 -->
6 <template> 6 <template>
7 <div class="app-wrapper jgWrapper"> 7 <div class="app-wrapper jgWrapper">
...@@ -12,61 +12,60 @@ ...@@ -12,61 +12,60 @@
12 </div> 12 </div>
13 </template> 13 </template>
14 <script> 14 <script>
15 import { AppMain, Navbar, Sidebar, TagsView } from './components' 15 import { AppMain, Navbar, Sidebar, TagsView } from './components'
16 import ResizeMixin from './mixin/ResizeHandler' 16 import ResizeMixin from './mixin/ResizeHandler'
17 import { mapState } from 'vuex' 17 import { mapState } from 'vuex'
18 export default { 18 export default {
19 name: 'Layout', 19 name: 'Layout',
20 components: { 20 components: {
21 AppMain, 21 AppMain,
22 Navbar, 22 Navbar,
23 Sidebar, 23 Sidebar,
24 TagsView 24 TagsView
25 }, 25 },
26 created () { 26 created () {
27 this.$store.dispatch("products/setData", "BDCJGPT"); 27 this.$store.dispatch("products/setData", "BDCJGPT");
28 console.log("ZOULEJG"); 28 },
29 }, 29 mixins: [ResizeMixin],
30 mixins: [ResizeMixin], 30 computed: {
31 computed: { 31 ...mapState({
32 ...mapState({ 32 sidebar: state => state.app.sidebar,
33 sidebar: state => state.app.sidebar, 33 needTagsView: state => state.settings.tagsView,
34 needTagsView: state => state.settings.tagsView, 34 fixedHeader: state => state.settings.fixedHeader
35 fixedHeader: state => state.settings.fixedHeader 35 })
36 })
37 }
38 } 36 }
37 }
39 </script> 38 </script>
40 <style lang="scss"> 39 <style lang="scss">
41 @import "~@/styles/jgSidebar.scss"; 40 @import "~@/styles/jgSidebar.scss";
42 </style> 41 </style>
43 <style lang="scss" scoped> 42 <style lang="scss" scoped>
44 @import "~@/styles/mixin.scss"; 43 @import "~@/styles/mixin.scss";
45 44
46 .app-wrapper { 45 .app-wrapper {
47 @include clearfix; 46 @include clearfix;
48 position: relative; 47 position: relative;
49 height: 100%; 48 height: 100%;
50 width: 100%; 49 width: 100%;
51 min-width: 1280px; 50 min-width: 1280px;
52 background: url("~@/image/bg.png") no-repeat; 51 background: url("~@/image/bg.png") no-repeat;
53 background-size: 100% 100%; 52 background-size: 100% 100%;
54 padding: 12px; 53 padding: 12px;
55 box-sizing: border-box; 54 box-sizing: border-box;
56 55
57 &.mobile.openSidebar { 56 &.mobile.openSidebar {
58 position: fixed; 57 position: fixed;
59 top: 0; 58 top: 0;
60 }
61 } 59 }
60 }
62 61
63 .appMain { 62 .appMain {
64 // min-width: 1280px; 63 // min-width: 1280px;
65 height: calc(100vh - 101px) !important; 64 height: calc(100vh - 101px) !important;
66 box-sizing: border-box; 65 box-sizing: border-box;
67 66
68 .app-main { 67 .app-main {
69 height: 100%; 68 height: 100%;
70 }
71 } 69 }
70 }
72 </style> 71 </style>
......
...@@ -13,66 +13,65 @@ ...@@ -13,66 +13,65 @@
13 </div> 13 </div>
14 </template> 14 </template>
15 <script> 15 <script>
16 import { AppMain, Navbar, Sidebar, TagsView } from './components' 16 import { AppMain, Navbar, Sidebar, TagsView } from './components'
17 import ResizeMixin from './mixin/ResizeHandler' 17 import ResizeMixin from './mixin/ResizeHandler'
18 import { mapState } from 'vuex' 18 import { mapState } from 'vuex'
19 export default { 19 export default {
20 name: 'Layout', 20 name: 'Layout',
21 components: { 21 components: {
22 AppMain, 22 AppMain,
23 Navbar, 23 Navbar,
24 Sidebar, 24 Sidebar,
25 TagsView 25 TagsView
26 }, 26 },
27 mixins: [ResizeMixin], 27 mixins: [ResizeMixin],
28 created () { 28 created () {
29 this.$store.dispatch("products/setData", "BDCSBPT"); 29 this.$store.dispatch("products/setData", "BDCSBPT");
30 console.log("ZOULEJG"); 30 },
31 }, 31 computed: {
32 computed: { 32 ...mapState({
33 ...mapState({ 33 sidebar: state => state.app.sidebar,
34 sidebar: state => state.app.sidebar, 34 needTagsView: state => state.settings.tagsView,
35 needTagsView: state => state.settings.tagsView, 35 fixedHeader: state => state.settings.fixedHeader
36 fixedHeader: state => state.settings.fixedHeader 36 })
37 })
38 }
39 } 37 }
38 }
40 </script> 39 </script>
41 <style lang="scss"> 40 <style lang="scss">
42 @import "~@/styles/mixin.scss"; 41 @import "~@/styles/mixin.scss";
43 @import "~@/styles/sbSidebar.scss"; 42 @import "~@/styles/sbSidebar.scss";
44 43
45 .app-wrapper { 44 .app-wrapper {
46 @include clearfix; 45 @include clearfix;
47 position: relative; 46 position: relative;
48 height: 100%; 47 height: 100%;
49 width: 100%; 48 width: 100%;
50 // background-color: $containerbg; 49 // background-color: $containerbg;
51 padding: 0; 50 padding: 0;
52 51
53 &.mobile.openSidebar { 52 &.mobile.openSidebar {
54 position: fixed; 53 position: fixed;
55 top: 0;
56 }
57 }
58
59 .drawer-bg {
60 background: #000;
61 opacity: 0.3;
62 width: 100%;
63 top: 0; 54 top: 0;
64 height: 100%;
65 position: absolute;
66 z-index: 999;
67 } 55 }
56 }
68 57
69 .fixed-header { 58 .drawer-bg {
70 width: 100%; 59 background: #000;
71 transition: width 0.28s; 60 opacity: 0.3;
72 } 61 width: 100%;
62 top: 0;
63 height: 100%;
64 position: absolute;
65 z-index: 999;
66 }
73 67
74 .el-dropdown-menu--small { 68 .fixed-header {
75 padding: 0; 69 width: 100%;
76 width: 5px; 70 transition: width 0.28s;
77 } 71 }
72
73 .el-dropdown-menu--small {
74 padding: 0;
75 width: 5px;
76 }
78 </style> 77 </style>
......
...@@ -16,7 +16,7 @@ import '@/styles/element-variables.scss' ...@@ -16,7 +16,7 @@ import '@/styles/element-variables.scss'
16 import '@/styles/index.scss' 16 import '@/styles/index.scss'
17 import Base from './base' // 全局组件引入 17 import Base from './base' // 全局组件引入
18 import mixin from '@/utils/mixin/theme.js' 18 import mixin from '@/utils/mixin/theme.js'
19 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 22
...@@ -52,15 +52,21 @@ import './image/icons' // icon ...@@ -52,15 +52,21 @@ import './image/icons' // icon
52 import store from './store' 52 import store from './store'
53 import router from './router' 53 import router from './router'
54 import _ from 'lodash' 54 import _ from 'lodash'
55 import './permission' // permission control
56 Vue.use(Element, { size: 'small', zIndex: 1000 }) 55 Vue.use(Element, { size: 'small', zIndex: 1000 })
57 Vue.use(Base) 56 Vue.use(Base)
58 Vue.component('icon', Icon); 57 Vue.component('icon', Icon);
59 Vue.prototype.$echarts = echarts 58 Vue.prototype.$echarts = echarts
60 Vue.use(dataV) 59 Vue.use(dataV)
61 new Vue({ 60 axios.get("./config.json")
62 el: '#app', 61 .then((res) => {
63 router, 62 Vue.prototype.BASE_API = res.data
64 store, 63 require('./permission')
65 render: h => h(App) 64 new Vue({
66 }) 65 el: '#app',
66 router,
67 store,
68 render: h => h(App)
69 })
70
71 })
72
......
...@@ -521,6 +521,7 @@ table td { ...@@ -521,6 +521,7 @@ table td {
521 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, 521 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
522 .el-select-dropdown__item:hover, 522 .el-select-dropdown__item:hover,
523 .el-select-dropdown__item.selected, 523 .el-select-dropdown__item.selected,
524 .el-menu--horizontal .el-menu .el-menu-item.is-active,
524 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus { 525 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus {
525 background: url("~@/image/xzslitembg.png") no-repeat; 526 background: url("~@/image/xzslitembg.png") no-repeat;
526 background-size: 100% 100%; 527 background-size: 100% 100%;
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-15 17:14:42 4 * @LastEditTime: 2023-03-16 13:31:27
5 */ 5 */
6 // 获取浏览器便签标题 6 // 获取浏览器便签标题
7 import config from '/public/config' 7 import Vue from 'vue'
8 const title = config.TITLE 8 const title = Vue.prototype.BASE_API.TITLE
9 9
10 export default function getPageTitle (pageTitle) { 10 export default function getPageTitle (pageTitle) {
11 if (pageTitle) { 11 if (pageTitle) {
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-15 14:08:59 4 * @LastEditTime: 2023-03-16 13:44:11
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 class data extends filter { 7 class data extends filter {
...@@ -51,7 +51,7 @@ class data extends filter { ...@@ -51,7 +51,7 @@ class data extends filter {
51 { 51 {
52 prop: "bizMsgid", 52 prop: "bizMsgid",
53 label: "业务报文ID", 53 label: "业务报文ID",
54 minWidth: 100, 54 minWidth: 150,
55 }, 55 },
56 { 56 {
57 prop: "createdate", 57 prop: "createdate",
......