Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
26 changed files
with
471 additions
and
98 deletions
... | @@ -8,10 +8,15 @@ | ... | @@ -8,10 +8,15 @@ |
8 | "build": "vue-cli-service build" | 8 | "build": "vue-cli-service build" |
9 | }, | 9 | }, |
10 | "dependencies": { | 10 | "dependencies": { |
11 | "@antv/g2": "^4.2.8", | ||
11 | "@babel/polyfill": "^7.12.1", | 12 | "@babel/polyfill": "^7.12.1", |
12 | "axios": "^0.21.1", | 13 | "axios": "^0.21.1", |
13 | "babel-polyfill": "^6.26.0", | 14 | "babel-polyfill": "^6.26.0", |
15 | "bpmn-js": "^7.4.0", | ||
16 | "bpmn-js-properties-panel": "^0.37.2", | ||
17 | "bpmn-js-token-simulation": "^0.10.0", | ||
14 | "core-js": "^3.6.5", | 18 | "core-js": "^3.6.5", |
19 | "diagram-js": "^6.8.2", | ||
15 | "js-cookie": "2.2.0", | 20 | "js-cookie": "2.2.0", |
16 | "lodash": "^4.17.21", | 21 | "lodash": "^4.17.21", |
17 | "node-sass": "^4.14.1", | 22 | "node-sass": "^4.14.1", |
... | @@ -19,11 +24,7 @@ | ... | @@ -19,11 +24,7 @@ |
19 | "nprogress": "0.2.0", | 24 | "nprogress": "0.2.0", |
20 | "vue": "2.6.10", | 25 | "vue": "2.6.10", |
21 | "vue-router": "3.0.2", | 26 | "vue-router": "3.0.2", |
22 | "vuex": "3.1.0", | 27 | "vuex": "3.1.0" |
23 | "bpmn-js": "^7.4.0", | ||
24 | "diagram-js": "^6.8.2", | ||
25 | "bpmn-js-properties-panel": "^0.37.2", | ||
26 | "bpmn-js-token-simulation": "^0.10.0" | ||
27 | }, | 28 | }, |
28 | "devDependencies": { | 29 | "devDependencies": { |
29 | "@vue/cli-plugin-babel": "4.4.4", | 30 | "@vue/cli-plugin-babel": "4.4.4", | ... | ... |
1 | import dialogBox from '@/components/DialogBox/dialogBox.vue' | 1 | import dialogBox from '@/components/DialogBox/dialogBox.vue' |
2 | import lbTable from '@/components/lb-table/lb-table.vue' | 2 | import lbTable from '@/components/lbTable/lb-table.vue' |
3 | import Theme from '@/components/Theme/theme.vue' | 3 | import Theme from '@/components/Theme/theme.vue' |
4 | import Popup from '@/components/Popup/index' | ||
4 | export default { | 5 | export default { |
5 | install: (Vue) => { | 6 | install: (Vue) => { |
6 | Vue.component('dialogBox', dialogBox); | 7 | Vue.component('dialogBox', dialogBox); |
7 | Vue.component('lbTable', lbTable); | 8 | Vue.component('lbTable', lbTable); |
8 | Vue.component('Theme', Theme); | 9 | Vue.component('Theme', Theme); |
10 | Vue.prototype.$popup = Popup.install | ||
9 | } | 11 | } |
10 | } | 12 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -7,11 +7,11 @@ | ... | @@ -7,11 +7,11 @@ |
7 | </template> | 7 | </template> |
8 | 8 | ||
9 | <script> | 9 | <script> |
10 | import vuePhotoZoomPro from '@/components/photo-zoom/vue-photo-zoom-pro' | 10 | import vuePhotoZoomPro from '@/components/PhotoZoom/vue-photo-zoom-pro' |
11 | export default { | 11 | export default { |
12 | name: 'PicZoom', | 12 | name: 'PicZoom', |
13 | components: { vuePhotoZoomPro }, | 13 | components: { vuePhotoZoomPro }, |
14 | data() { | 14 | data () { |
15 | return { | 15 | return { |
16 | type: "square", | 16 | type: "square", |
17 | showType: false, | 17 | showType: false, |
... | @@ -38,5 +38,5 @@ | ... | @@ -38,5 +38,5 @@ |
38 | default: 'width:100%;height:100%' | 38 | default: 'width:100%;height:100%' |
39 | } | 39 | } |
40 | }, | 40 | }, |
41 | } | 41 | } |
42 | </script> | 42 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
File moved
src/components/calendar/calendar.js
0 → 100644
This diff is collapsed.
Click to expand it.
src/components/calendar/index.vue
0 → 100644
1 | |||
2 | <template> | ||
3 | <el-calendar v-model="date"> | ||
4 | <template slot="dateCell" slot-scope="{date, data}"> | ||
5 | <div :class="{ selected: isSelected(date, data) }"> | ||
6 | <div class="solar">{{ data.day.split('-')[2] }}</div> | ||
7 | <div class="lunar" :class="{ festival: isFestival(date, data) }">{{ solarToLunar(date, data) }}</div> | ||
8 | </div> | ||
9 | </template> | ||
10 | </el-calendar> | ||
11 | </template> | ||
12 | |||
13 | <script> | ||
14 | import calendar from './calendar' | ||
15 | export default { | ||
16 | name: 'calendar', | ||
17 | data () { | ||
18 | return { | ||
19 | date: new Date(), | ||
20 | // 根据selectedDates设置选中日期 | ||
21 | selectedDates: [] | ||
22 | } | ||
23 | }, | ||
24 | methods: { | ||
25 | // 是否选中日期 | ||
26 | isSelected: function (slotDate, slotData) { | ||
27 | return this.selectedDates.includes(slotData.day) | ||
28 | }, | ||
29 | // 是否节假日 | ||
30 | isFestival (slotDate, slotData) { | ||
31 | let solarDayArr = slotData.day.split('-'); | ||
32 | let lunarDay = calendar.solar2lunar(solarDayArr[0], solarDayArr[1], solarDayArr[2]) | ||
33 | |||
34 | // 公历节日\农历节日\农历节气 | ||
35 | let festAndTerm = []; | ||
36 | festAndTerm.push(lunarDay.festival == null ? '' : ' ' + lunarDay.festival) | ||
37 | festAndTerm.push(lunarDay.lunarFestival == null ? '' : '' + lunarDay.lunarFestival) | ||
38 | festAndTerm.push(lunarDay.Term == null ? '' : '' + lunarDay.Term) | ||
39 | festAndTerm = festAndTerm.join('') | ||
40 | |||
41 | return festAndTerm != '' | ||
42 | }, | ||
43 | // 公历转农历 | ||
44 | solarToLunar (slotDate, slotData) { | ||
45 | let solarDayArr = slotData.day.split('-'); | ||
46 | let lunarDay = calendar.solar2lunar(solarDayArr[0], solarDayArr[1], solarDayArr[2]) | ||
47 | |||
48 | // 农历日期 | ||
49 | let lunarMD = lunarDay.IMonthCn + lunarDay.IDayCn | ||
50 | |||
51 | // 公历节日\农历节日\农历节气 | ||
52 | let festAndTerm = []; | ||
53 | festAndTerm.push(lunarDay.festival == null ? '' : ' ' + lunarDay.festival) | ||
54 | festAndTerm.push(lunarDay.lunarFestival == null ? '' : '' + lunarDay.lunarFestival) | ||
55 | festAndTerm.push(lunarDay.Term == null ? '' : '' + lunarDay.Term) | ||
56 | festAndTerm = festAndTerm.join('') | ||
57 | |||
58 | return festAndTerm == '' ? lunarMD : festAndTerm | ||
59 | } | ||
60 | } | ||
61 | } | ||
62 | </script> | ||
63 | |||
64 | <style scoped> | ||
65 | /**隐藏上一月、本月、下一月*/ | ||
66 | .el-calendar__button-group { | ||
67 | display: none; | ||
68 | } | ||
69 | |||
70 | /deep/.el-calendar__body { | ||
71 | padding: 12px !important; | ||
72 | } | ||
73 | |||
74 | /deep/.el-calendar-table .el-calendar-day { | ||
75 | height: auto; | ||
76 | padding: 5px; | ||
77 | } | ||
78 | |||
79 | /**月份居中*/ | ||
80 | .el-calendar__title { | ||
81 | width: 100%; | ||
82 | text-align: center; | ||
83 | } | ||
84 | |||
85 | /**日期div的样式*/ | ||
86 | .el-calendar-table tr td:first-child { | ||
87 | border-left: 0px; | ||
88 | } | ||
89 | |||
90 | .el-calendar-table td { | ||
91 | min-height: 110px; | ||
92 | min-width: 110px; | ||
93 | border-right: 0px; | ||
94 | } | ||
95 | |||
96 | .el-calendar-table td.is-selected { | ||
97 | background-color: white; | ||
98 | } | ||
99 | |||
100 | .el-calendar-table .el-calendar-day { | ||
101 | padding: 0px; | ||
102 | text-align: center; | ||
103 | } | ||
104 | |||
105 | .el-calendar-table .el-calendar-day>div { | ||
106 | text-align: center | ||
107 | } | ||
108 | |||
109 | /**日期div的样式-公历*/ | ||
110 | .el-calendar-table .el-calendar-day>div .solar { | ||
111 | text-align: center | ||
112 | } | ||
113 | |||
114 | /**日期div的样式-农历*/ | ||
115 | .el-calendar-table .el-calendar-day>div .lunar { | ||
116 | padding-top: 5px; | ||
117 | font-size: 12px; | ||
118 | text-align: center | ||
119 | } | ||
120 | |||
121 | /**日期div的样式-选中*/ | ||
122 | .el-calendar-table .el-calendar-day>div.selected { | ||
123 | background-color: #fef2f2; | ||
124 | border: 3px solid #fb0; | ||
125 | border-radius: 20px; | ||
126 | text-align: center | ||
127 | } | ||
128 | |||
129 | /**本月周末设置为红色*/ | ||
130 | .el-calendar-table .current:nth-last-child(-n+2) .solar { | ||
131 | color: red; | ||
132 | } | ||
133 | |||
134 | /**本月农历设置为灰色*/ | ||
135 | .el-calendar-table .current .lunar { | ||
136 | color: #606266; | ||
137 | font-size: 12px; | ||
138 | } | ||
139 | |||
140 | /**本月农历节日设置为红色*/ | ||
141 | .el-calendar-table .current .lunar.festival { | ||
142 | color: red; | ||
143 | } | ||
144 | |||
145 | .el-calendar-table td { | ||
146 | border-right: none !important; | ||
147 | } | ||
148 | |||
149 | /**禁用点击效果*/ | ||
150 | /*.el-calendar-table td {*/ | ||
151 | /*pointer-events: none;*/ | ||
152 | /*}*/ | ||
153 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -4,9 +4,9 @@ import Vue from 'vue' | ... | @@ -4,9 +4,9 @@ import Vue from 'vue' |
4 | import App from './App' | 4 | import App from './App' |
5 | import 'normalize.css/normalize.css' // a modern alternative to CSS resets | 5 | import 'normalize.css/normalize.css' // a modern alternative to CSS resets |
6 | import Element from 'element-ui' | 6 | import Element from 'element-ui' |
7 | import './styles/element-variables.scss' | 7 | import '@/styles/element-variables.scss' |
8 | import '@/styles/index.scss' | 8 | import '@/styles/index.scss' |
9 | import Base from './components/Base/base' // 全局组件引入 | 9 | import Base from '@/components/Base/base' // 全局组件引入 |
10 | import mixin from '@/utils/mixin/theme.js' | 10 | import mixin from '@/utils/mixin/theme.js' |
11 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' | 11 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' |
12 | Vue.mixin(mixin); | 12 | Vue.mixin(mixin); |
... | @@ -17,19 +17,13 @@ Vue.prototype.$rules = rules | ... | @@ -17,19 +17,13 @@ Vue.prototype.$rules = rules |
17 | // 全局加载 | 17 | // 全局加载 |
18 | Vue.prototype.$startLoading = startLoadingAddCount | 18 | Vue.prototype.$startLoading = startLoadingAddCount |
19 | Vue.prototype.$endLoading = endLoadingSubCount | 19 | Vue.prototype.$endLoading = endLoadingSubCount |
20 | |||
21 | import Popup from './components/tanchuang/index' | ||
22 | Vue.prototype.$popup = Popup.install | ||
23 | |||
24 | import { theme } from "@/directive/theme.js" | 20 | import { theme } from "@/directive/theme.js" |
25 | Vue.directive("theme", theme) | 21 | Vue.directive("theme", theme) |
26 | |||
27 | Vue.directive('fo', { | 22 | Vue.directive('fo', { |
28 | inserted (el, binding, vnode) { | 23 | inserted (el, binding, vnode) { |
29 | el.querySelector('input').focus() | 24 | el.querySelector('input').focus() |
30 | } | 25 | } |
31 | }) | 26 | }) |
32 | |||
33 | import './image/icons' // icon | 27 | import './image/icons' // icon |
34 | import store from './store' | 28 | import store from './store' |
35 | import router from './router' | 29 | import router from './router' | ... | ... |
... | @@ -10,17 +10,6 @@ import Layout from '@/layout' | ... | @@ -10,17 +10,6 @@ import Layout from '@/layout' |
10 | 10 | ||
11 | export const constantRoutes = [ | 11 | export const constantRoutes = [ |
12 | { | 12 | { |
13 | path: '/redirect', | ||
14 | component: Layout, | ||
15 | hidden: true, | ||
16 | children: [ | ||
17 | { | ||
18 | path: '/redirect/:path(.*)', | ||
19 | component: () => import('@/views/redirect/index') | ||
20 | } | ||
21 | ] | ||
22 | }, | ||
23 | { | ||
24 | path: '/404', | 13 | path: '/404', |
25 | component: Layout, | 14 | component: Layout, |
26 | hidden: true, | 15 | hidden: true, | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete">删除</el-button> | 24 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete">删除</el-button> |
25 | </div> | 25 | </div> |
26 | <ul> | 26 | <ul> |
27 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active:previewImg.index === index}" | 27 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" |
28 | @click="showCurrent(index)"> | 28 | @click="showCurrent(index)"> |
29 | <img :src="img.fjurl"> | 29 | <img :src="img.fjurl"> |
30 | </li> | 30 | </li> |
... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
36 | </div> | 36 | </div> |
37 | </template> | 37 | </template> |
38 | <script> | 38 | <script> |
39 | import PhotoZoom from '@/components/photo-zoom' | 39 | import PhotoZoom from '@/components/PhotoZoom' |
40 | import { sjClmxUpload, sjClmxDelete } from '@/api/jsydsyqFlow' | 40 | import { sjClmxUpload, sjClmxDelete } from '@/api/jsydsyqFlow' |
41 | import publicPicture from '@/components/publicPicture/index.vue' | 41 | import publicPicture from '@/components/publicPicture/index.vue' |
42 | export default { | 42 | export default { | ... | ... |
src/views/home/home.png
deleted
100644 → 0
328 KB
src/views/home/index.scss
0 → 100644
1 | .home { | ||
2 | display: flex; | ||
3 | justify-content: space-between; | ||
4 | |||
5 | .flexst { | ||
6 | display: flex; | ||
7 | justify-content: space-between; | ||
8 | } | ||
9 | |||
10 | .marginZL15 { | ||
11 | margin: 0 15px; | ||
12 | } | ||
13 | |||
14 | .right15 { | ||
15 | margin-right: 15px; | ||
16 | } | ||
17 | |||
18 | .title { | ||
19 | font-size: 18px; | ||
20 | } | ||
21 | |||
22 | .marginTop10 { | ||
23 | margin-top: 7px; | ||
24 | } | ||
25 | |||
26 | .home-left { | ||
27 | width: 70%; | ||
28 | padding-right: 3px; | ||
29 | |||
30 | .list-title { | ||
31 | overflow: hidden; | ||
32 | text-overflow: ellipsis; | ||
33 | white-space: nowrap; | ||
34 | } | ||
35 | |||
36 | ul { | ||
37 | li { | ||
38 | line-height: 36px; | ||
39 | |||
40 | p { | ||
41 | white-space: nowrap; | ||
42 | } | ||
43 | } | ||
44 | } | ||
45 | } | ||
46 | |||
47 | .home-right { | ||
48 | padding-left: 4px; | ||
49 | width: 30%; | ||
50 | } | ||
51 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <template> | 1 | <template> |
2 | <div class="dashboard-container"> | 2 | <div class="home"> |
3 | <img src="./home.png" alt=""> | 3 | <div class="home-left"> |
4 | <el-row :gutter="8"> | ||
5 | <el-col :span="12"> | ||
6 | <el-card shadow="hover"> | ||
7 | 鼠标悬浮时显示 | ||
8 | </el-card> | ||
9 | </el-col> | ||
10 | <el-col :span="12"> | ||
11 | <el-card shadow="hover"> | ||
12 | <div slot="header" class="flexst"> | ||
13 | <h5 class="title">通知公告</h5> | ||
14 | <i class="el-icon-s-unfold pointer"></i> | ||
15 | </div> | ||
16 | <ul> | ||
17 | <li v-for="(item, index) in notice" :key="index" class="flexst"> | ||
18 | <p class="list-title">{{ item.title }}</p> | ||
19 | <p class="marginZL15">{{ item.date }}</p> | ||
20 | <p>{{ item.state }}</p> | ||
21 | </li> | ||
22 | </ul> | ||
23 | </el-card> | ||
24 | </el-col> | ||
25 | </el-row> | ||
26 | <el-row :gutter="8" class="marginTop10"> | ||
27 | <el-col :span="12"> | ||
28 | <el-card shadow="hover"> | ||
29 | <div slot="header" class="flexst"> | ||
30 | <h5 class="title">待办事项</h5> | ||
31 | <i class="el-icon-s-unfold pointer"></i> | ||
32 | </div> | ||
33 | <ul> | ||
34 | <li v-for="(item, index) in toList" :key="index" class="flexst"> | ||
35 | <p class="right15">{{ item.date }}</p> | ||
36 | <p class="list-title">{{ item.title }}</p> | ||
37 | </li> | ||
38 | </ul> | ||
39 | </el-card> | ||
40 | </el-col> | ||
41 | <el-col :span="12"> | ||
42 | <el-card shadow="hover"> | ||
43 | <div slot="header" class="flexst"> | ||
44 | <h5 class="title">公司邮件</h5> | ||
45 | <i class="el-icon-s-unfold pointer"></i> | ||
46 | </div> | ||
47 | <ul> | ||
48 | <li v-for="(item, index) in mailList" :key="index" class="flexst"> | ||
49 | <p class="right15">{{ item.date }}</p> | ||
50 | <p class="list-title">{{ item.title }}</p> | ||
51 | </li> | ||
52 | </ul> | ||
53 | </el-card> | ||
54 | </el-col> | ||
55 | </el-row> | ||
56 | <el-card shadow="hover" class="marginTop10" :body-style="{ paddingRight: '6px' }"> | ||
57 | <div id="mountNode"></div> | ||
58 | </el-card> | ||
59 | </div> | ||
60 | <div class="home-right"> | ||
61 | <calendar /> | ||
62 | <el-card shadow="hover" class="marginTop10"> | ||
63 | 鼠标悬浮时显示 | ||
64 | </el-card> | ||
65 | </div> | ||
4 | </div> | 66 | </div> |
5 | </template> | 67 | </template> |
6 | |||
7 | <script> | 68 | <script> |
69 | import * as G2 from '@antv/g2' | ||
70 | import calendar from '@/components/Calendar/index' | ||
8 | export default { | 71 | export default { |
9 | name: 'Dashboard', | 72 | name: 'home', |
73 | components: { calendar }, | ||
10 | data () { | 74 | data () { |
11 | return { | 75 | return { |
12 | currentRole: 'adminDashboard' | 76 | chartData: [{ |
77 | year: '1991', | ||
78 | value: 15468 | ||
79 | }, { | ||
80 | year: '1992', | ||
81 | value: 16100 | ||
82 | }, { | ||
83 | year: '1993', | ||
84 | value: 15900 | ||
85 | }, { | ||
86 | year: '1994', | ||
87 | value: 17409 | ||
88 | }, { | ||
89 | year: '1995', | ||
90 | value: 17000 | ||
91 | }, { | ||
92 | year: '1996', | ||
93 | value: 31056 | ||
94 | }, { | ||
95 | year: '1997', | ||
96 | value: 31982 | ||
97 | }, { | ||
98 | year: '1998', | ||
99 | value: 32040 | ||
100 | }, { | ||
101 | year: '1999', | ||
102 | value: 33233 | ||
103 | }], | ||
104 | notice: [ | ||
105 | { | ||
106 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
107 | date: '2022-12', | ||
108 | state: '未读' | ||
109 | }, | ||
110 | { | ||
111 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
112 | date: '2022-12', | ||
113 | state: '未读' | ||
114 | }, | ||
115 | { | ||
116 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
117 | date: '2022-12', | ||
118 | state: '未读' | ||
119 | }, | ||
120 | { | ||
121 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
122 | date: '2022-12', | ||
123 | state: '未读' | ||
124 | }, | ||
125 | ], | ||
126 | toList: [ | ||
127 | { | ||
128 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
129 | date: '2022-12', | ||
130 | }, | ||
131 | { | ||
132 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
133 | date: '2022-12', | ||
134 | } | ||
135 | , | ||
136 | { | ||
137 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
138 | date: '2022-12', | ||
139 | } | ||
140 | , | ||
141 | { | ||
142 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
143 | date: '2022-12', | ||
13 | } | 144 | } |
145 | ], | ||
146 | mailList: [ | ||
147 | { | ||
148 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
149 | date: '2022-12', | ||
14 | }, | 150 | }, |
15 | computed: { | 151 | { |
16 | // ...mapGetters([ | 152 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', |
17 | // 'roles' | 153 | date: '2022-12', |
18 | // ]) | ||
19 | }, | 154 | }, |
20 | created () { | 155 | { |
21 | // 可实现不同角色配置不同首页 | 156 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', |
22 | // if (!this.roles.includes('admin')) { | 157 | date: '2022-12', |
23 | // this.currentRole = 'editorDashboard' | 158 | } |
24 | // } | 159 | , |
160 | { | ||
161 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
162 | date: '2022-12', | ||
163 | } | ||
164 | ] | ||
165 | } | ||
166 | }, | ||
167 | mounted () { | ||
168 | this.buildChart(); | ||
25 | }, | 169 | }, |
26 | methods: { | 170 | methods: { |
27 | 171 | buildChart () { | |
172 | var chart = new G2.Chart({ | ||
173 | container: 'mountNode', | ||
174 | height: 205 | ||
175 | }); | ||
176 | const e = document.createEvent('Event') | ||
177 | e.initEvent('resize', true, true) | ||
178 | window.dispatchEvent(e) | ||
179 | chart.source(this.chartData); | ||
180 | chart.scale({ | ||
181 | value: { | ||
182 | min: 10000 | ||
183 | }, | ||
184 | year: { | ||
185 | range: [0, 1] | ||
186 | } | ||
187 | }); | ||
188 | chart.axis('value', { | ||
189 | label: { | ||
190 | formatter: function formatter (val) { | ||
191 | return (val / 10000).toFixed(1) + 'k'; | ||
192 | } | ||
193 | } | ||
194 | }); | ||
195 | chart.tooltip({ | ||
196 | crosshairs: true | ||
197 | }) | ||
198 | chart.forceFit(); | ||
199 | chart.area().position('year*value').shape('smooth'); | ||
200 | chart.line().position('year*value').size(2).shape('smooth'); | ||
201 | chart.render(); | ||
202 | } | ||
28 | } | 203 | } |
29 | } | 204 | } |
30 | </script> | 205 | </script> |
31 | <style scoped lang="scss"> | 206 | <style scoped lang="scss"> |
32 | .dashboard-container { | 207 | @import "./index.scss"; |
33 | height: 100%; | ||
34 | |||
35 | img { | ||
36 | width: 100%; | ||
37 | height: 100%; | ||
38 | } | ||
39 | } | ||
40 | </style> | 208 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -30,13 +30,13 @@ | ... | @@ -30,13 +30,13 @@ |
30 | </el-row> | 30 | </el-row> |
31 | <el-row> | 31 | <el-row> |
32 | <el-col :span="16"> | 32 | <el-col :span="16"> |
33 | <el-form-item label="审查人:" prop="scr"> | 33 | <el-form-item label="审查人:" prop="shryxm"> |
34 | {{ item.shryxm }} | 34 | {{item.shryxm }} |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> |
37 | <el-col :span="8"> | 37 | <el-col :span="8" > |
38 | <el-form-item label="审核时间:" prop="shjssj"> | 38 | <el-form-item label="审核时间:" prop="shjssj" :key="refresh"> |
39 | {{ item.shjssj }} | 39 | {{item.shjssj }} |
40 | </el-form-item> | 40 | </el-form-item> |
41 | </el-col> | 41 | </el-col> |
42 | </el-row> | 42 | </el-row> |
... | @@ -58,11 +58,15 @@ export default { | ... | @@ -58,11 +58,15 @@ export default { |
58 | data () { | 58 | data () { |
59 | return { | 59 | return { |
60 | bsmSlsq: '', | 60 | bsmSlsq: '', |
61 | //刷新值 | ||
62 | refresh : 10, | ||
61 | bestepid: '', | 63 | bestepid: '', |
62 | ruleForm: { | 64 | ruleForm: { |
63 | shyj: '', | 65 | shyj: '', |
64 | bsmSlsq: this.$route.query.bsmSlsq, | 66 | bsmSlsq: this.$route.query.bsmSlsq, |
65 | stepid: this.$route.query.bestepid | 67 | stepid: this.$route.query.bestepid, |
68 | shryxm: '', | ||
69 | shjssj: '', | ||
66 | }, | 70 | }, |
67 | rules: { | 71 | rules: { |
68 | shyj: [ | 72 | shyj: [ |
... | @@ -97,6 +101,9 @@ export default { | ... | @@ -97,6 +101,9 @@ export default { |
97 | saveSpyjBySlsq(this.ruleForm).then(res => { | 101 | saveSpyjBySlsq(this.ruleForm).then(res => { |
98 | if (res.code === 200) { | 102 | if (res.code === 200) { |
99 | this.$message.success("保存成功") | 103 | this.$message.success("保存成功") |
104 | this.refresh += 1 | ||
105 | this.tableData[this.tableData.length - 1].shryxm = res.result.shryxm | ||
106 | this.tableData[this.tableData.length - 1].shjssj = res.result.shjssj | ||
100 | } else { | 107 | } else { |
101 | this.$message.error(res.message) | 108 | this.$message.error(res.message) |
102 | } | 109 | } | ... | ... |
... | @@ -29,6 +29,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -29,6 +29,9 @@ export function getForm(tabName, djywbm) { |
29 | case "nydsyqslxx100": | 29 | case "nydsyqslxx100": |
30 | form = require("@/views/ywbl/nydsyq/slxx.vue"); | 30 | form = require("@/views/ywbl/nydsyq/slxx.vue"); |
31 | break; | 31 | break; |
32 | case "nydsyqslxx200": | ||
33 | form = require("@/views/ywbl/nydsyq/slxx200.vue"); | ||
34 | break; | ||
32 | case "tdslxxCfdj": | 35 | case "tdslxxCfdj": |
33 | form = require("@/views/ywbl/cfdj/tdslxx.vue"); | 36 | form = require("@/views/ywbl/cfdj/tdslxx.vue"); |
34 | break; | 37 | break; | ... | ... |
... | @@ -73,6 +73,7 @@ import { | ... | @@ -73,6 +73,7 @@ import { |
73 | record, | 73 | record, |
74 | getNextLinkInfo, | 74 | getNextLinkInfo, |
75 | completeTask, | 75 | completeTask, |
76 | getStepFormInfo | ||
76 | } from "@/api/fqsq.js" | 77 | } from "@/api/fqsq.js" |
77 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" | 78 | import { getWorkFlowImage } from "@/api/jsydsyqFlow.js" |
78 | import { getForm } from "./flowform.js" | 79 | import { getForm } from "./flowform.js" |
... | @@ -130,19 +131,19 @@ export default { | ... | @@ -130,19 +131,19 @@ export default { |
130 | if (res.code === 200) { | 131 | if (res.code === 200) { |
131 | this.leftButtonList = res.result.button; | 132 | this.leftButtonList = res.result.button; |
132 | this.rightButtonList = res.result.operation; | 133 | this.rightButtonList = res.result.operation; |
133 | this.tabList = res.result.form; | 134 | // this.tabList = res.result.form; |
134 | //默认选择第一个选项卡内容 | 135 | // //默认选择第一个选项卡内容 |
135 | this.tabName = res.result.form[0].value; | 136 | // this.tabName = res.result.form[0].value; |
136 | let that = this; | 137 | // let that = this; |
137 | this.tabList.forEach(function (item, index) { | 138 | // this.tabList.forEach(function (item, index) { |
138 | if (item.value == "clxx") { | 139 | // if (item.value == "clxx") { |
139 | that.clxxIndex = index; | 140 | // that.clxxIndex = index; |
140 | that.clxxForm = getForm(item.value); | 141 | // that.clxxForm = getForm(item.value); |
141 | that.clxxTab = item; | 142 | // that.clxxTab = item; |
142 | } | 143 | // } |
143 | }); | 144 | // }); |
144 | //默认加载第一个选项卡的组件内容 | 145 | // //默认加载第一个选项卡的组件内容 |
145 | this.getFromRouter(res.result.form[0].value); | 146 | // this.getFromRouter(res.result.form[0].value); |
146 | } | 147 | } |
147 | }) | 148 | }) |
148 | }, | 149 | }, |
... | @@ -193,15 +194,36 @@ export default { | ... | @@ -193,15 +194,36 @@ export default { |
193 | if (res.code === 200) { | 194 | if (res.code === 200) { |
194 | this.unitData = res.result; | 195 | this.unitData = res.result; |
195 | this.currentSelectProps = res.result[0]; | 196 | this.currentSelectProps = res.result[0]; |
197 | this.unitClick(0); | ||
196 | } | 198 | } |
197 | }) | 199 | }) |
198 | }, | 200 | }, |
199 | //申请单元点击事件 | 201 | //申请单元点击事件 |
200 | unitClick (index) { | 202 | unitClick (index) { |
201 | if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { | ||
202 | this.currentSelectProps = this.unitData[index]; | 203 | this.currentSelectProps = this.unitData[index]; |
204 | this.currentSelectProps.type = 'ONLY_READ'; | ||
205 | getStepFormInfo(this.currentSelectProps).then((res) => { | ||
206 | if (res.code === 200) { | ||
203 | this.fresh += 1; | 207 | this.fresh += 1; |
208 | //获取单元对应的所有表单信息 | ||
209 | this.tabList = res.result; | ||
210 | //默认加载第一个表单信息 | ||
211 | this.tabName = res.result[0].value; | ||
212 | //处理分屏材料信息 | ||
213 | // let that = this; | ||
214 | // this.tabList.forEach(function (item, index) { | ||
215 | // if (item.value == "clxx") { | ||
216 | // that.clxxIndex = index; | ||
217 | // that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
218 | // that.clxxTab = item; | ||
219 | // } | ||
220 | // }); | ||
204 | } | 221 | } |
222 | }); | ||
223 | // if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { | ||
224 | // this.currentSelectProps = this.unitData[index]; | ||
225 | // this.fresh += 1; | ||
226 | // } | ||
205 | }, | 227 | }, |
206 | //表单选项卡事件 | 228 | //表单选项卡事件 |
207 | tabClick (tab, event) { | 229 | tabClick (tab, event) { | ... | ... |
... | @@ -286,16 +286,11 @@ export default { | ... | @@ -286,16 +286,11 @@ export default { |
286 | }, | 286 | }, |
287 | upDateQlrxxList (val) { | 287 | upDateQlrxxList (val) { |
288 | this.ruleForm.qlrList = _.cloneDeep(val) | 288 | this.ruleForm.qlrList = _.cloneDeep(val) |
289 | // this.$store.dispatch('slxx/setQlrxxNew', { | ||
290 | // qlrxx: this.ruleForm.qlrxx, | ||
291 | // fj: this.ruleForm.fj, | ||
292 | // gyfs: this.ruleForm.gyfs, | ||
293 | // djyy: this.ruleForm.djyy | ||
294 | // }) | ||
295 | }, | 289 | }, |
296 | upDateJtcyList (val) { | 290 | upDateJtcyList (val) { |
297 | this.ruleForm.jtcyList = _.cloneDeep(val) | 291 | this.ruleForm.jtcyList = _.cloneDeep(val) |
298 | }, | 292 | }, |
293 | //水域滩涂类型变化事件 | ||
299 | changeSyttlx(e){ | 294 | changeSyttlx(e){ |
300 | let itemLx = {} | 295 | let itemLx = {} |
301 | itemLx = this.dictData['A23'].find((item) => { | 296 | itemLx = this.dictData['A23'].find((item) => { |
... | @@ -303,6 +298,7 @@ export default { | ... | @@ -303,6 +298,7 @@ export default { |
303 | }) | 298 | }) |
304 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; | 299 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; |
305 | }, | 300 | }, |
301 | //养殖业方式变化事件 | ||
306 | changeYzyfs(e){ | 302 | changeYzyfs(e){ |
307 | let itemLx = {} | 303 | let itemLx = {} |
308 | itemLx = this.dictData['A24'].find((item) => { | 304 | itemLx = this.dictData['A24'].find((item) => { |
... | @@ -310,6 +306,7 @@ export default { | ... | @@ -310,6 +306,7 @@ export default { |
310 | }) | 306 | }) |
311 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; | 307 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; |
312 | }, | 308 | }, |
309 | //用地用海变化事件 | ||
313 | changeYdyhfl(e){ | 310 | changeYdyhfl(e){ |
314 | let itemLx = {} | 311 | let itemLx = {} |
315 | itemLx = this.dictData['A51'].find((item) => { | 312 | itemLx = this.dictData['A51'].find((item) => { | ... | ... |
src/views/ywbl/nydsyq/slxx200.vue
0 → 100644
This diff is collapsed.
Click to expand it.
... | @@ -4,33 +4,19 @@ | ... | @@ -4,33 +4,19 @@ |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="8"> | 7 | <el-col :span="10"> |
8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> | 9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="8"> | 13 | <el-col :span="10"> |
14 | <el-form-item label="不动产权证号"> | ||
15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> | ||
16 | </el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="权利人"> | ||
21 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | ||
22 | </el-input> | ||
23 | </el-form-item> | ||
24 | </el-col> | ||
25 | </el-row> | ||
26 | <el-row> | ||
27 | <el-col :span="8"> | ||
28 | <el-form-item label="坐落"> | 14 | <el-form-item label="坐落"> |
29 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | 15 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width300px"> |
30 | </el-input> | 16 | </el-input> |
31 | </el-form-item> | 17 | </el-form-item> |
32 | </el-col> | 18 | </el-col> |
33 | <el-col :span="2" class="btnColRight"> | 19 | <el-col :span="4" class="btnColRight"> |
34 | <el-form-item> | 20 | <el-form-item> |
35 | <el-button type="primary" @click="fetchData">查询</el-button> | 21 | <el-button type="primary" @click="fetchData">查询</el-button> |
36 | </el-form-item> | 22 | </el-form-item> | ... | ... |
-
Please register or sign in to post a comment