Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
12 changed files
with
196 additions
and
196 deletions
public/config.json
0 → 100644
| 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", | ... | ... | 
- 
Please register or sign in to post a comment