Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
25 changed files
with
463 additions
and
149 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", | ... | ... |
| ... | @@ -33,7 +33,7 @@ export function Init (data) { | ... | @@ -33,7 +33,7 @@ export function Init (data) { |
| 33 | data | 33 | data |
| 34 | }) | 34 | }) |
| 35 | } | 35 | } |
| 36 | // 初始化内容 | 36 | // 受理信息保存 |
| 37 | export function saveData (data) { | 37 | export function saveData (data) { |
| 38 | return request({ | 38 | return request({ |
| 39 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData', |
| ... | @@ -42,52 +42,6 @@ export function saveData (data) { | ... | @@ -42,52 +42,6 @@ export function saveData (data) { |
| 42 | }) | 42 | }) |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | // // 初始化内容 | ||
| 46 | // export function Init (data) { | ||
| 47 | // return request({ | ||
| 48 | // url: SERVER.SERVERAPI +'/rest/ywbl/tdsyqlr/Init', | ||
| 49 | // method: 'post', | ||
| 50 | // data | ||
| 51 | // }) | ||
| 52 | // } | ||
| 53 | |||
| 54 | // 首次登记保存 | ||
| 55 | export function fristReg (data) { | ||
| 56 | return request({ | ||
| 57 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/fristReg', | ||
| 58 | method: 'post', | ||
| 59 | data | ||
| 60 | }) | ||
| 61 | } | ||
| 62 | |||
| 63 | // 转移登记保存 | ||
| 64 | export function transferReg (data) { | ||
| 65 | return request({ | ||
| 66 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/transferReg', | ||
| 67 | method: 'post', | ||
| 68 | data | ||
| 69 | }) | ||
| 70 | } | ||
| 71 | |||
| 72 | |||
| 73 | // 变更登记保存 | ||
| 74 | export function changeReg (data) { | ||
| 75 | return request({ | ||
| 76 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/changeReg', | ||
| 77 | method: 'post', | ||
| 78 | data | ||
| 79 | }) | ||
| 80 | } | ||
| 81 | |||
| 82 | |||
| 83 | // 注销登记保存 | ||
| 84 | export function logoutReg (data) { | ||
| 85 | return request({ | ||
| 86 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/logoutReg', | ||
| 87 | method: 'post', | ||
| 88 | data | ||
| 89 | }) | ||
| 90 | } | ||
| 91 | // 流程图 | 45 | // 流程图 |
| 92 | export function getWorkFlowImage (bsmSlsq, bestepid) { | 46 | export function getWorkFlowImage (bsmSlsq, bestepid) { |
| 93 | return request({ | 47 | return request({ |
| ... | @@ -102,7 +56,7 @@ export function getWorkFlowImage (bsmSlsq, bestepid) { | ... | @@ -102,7 +56,7 @@ export function getWorkFlowImage (bsmSlsq, bestepid) { |
| 102 | // 上传单个文件 | 56 | // 上传单个文件 |
| 103 | export function sjClmxUpload (data) { | 57 | export function sjClmxUpload (data) { |
| 104 | return request({ | 58 | return request({ |
| 105 | url: 'zhcx/sjClmx/upload', | 59 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', |
| 106 | method: 'post', | 60 | method: 'post', |
| 107 | data | 61 | data |
| 108 | }) | 62 | }) |
| ... | @@ -110,7 +64,7 @@ export function sjClmxUpload (data) { | ... | @@ -110,7 +64,7 @@ export function sjClmxUpload (data) { |
| 110 | // 删除上传文件 | 64 | // 删除上传文件 |
| 111 | export function sjClmxDelete (bsmClmx) { | 65 | export function sjClmxDelete (bsmClmx) { |
| 112 | return request({ | 66 | return request({ |
| 113 | url: 'zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, | 67 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, |
| 114 | method: 'delete' | 68 | method: 'delete' |
| 115 | }) | 69 | }) |
| 116 | } | 70 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 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,36 +7,36 @@ | ... | @@ -7,36 +7,36 @@ |
| 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, |
| 18 | } | 18 | } |
| 19 | }, | ||
| 20 | props: { | ||
| 21 | url: { | ||
| 22 | type: String, | ||
| 23 | required: true, | ||
| 24 | // default: require('@/assets/vehicle_img/blank_vehicle.jpg') | ||
| 19 | }, | 25 | }, |
| 20 | props: { | 26 | bigWidth: { |
| 21 | url: { | 27 | type: Number, |
| 22 | type: String, | 28 | required: true, |
| 23 | required: true, | 29 | default: 168 |
| 24 | // default: require('@/assets/vehicle_img/blank_vehicle.jpg') | ||
| 25 | }, | ||
| 26 | bigWidth: { | ||
| 27 | type: Number, | ||
| 28 | required: true, | ||
| 29 | default: 168 | ||
| 30 | }, | ||
| 31 | scale: { | ||
| 32 | type: Number, | ||
| 33 | required: true, | ||
| 34 | default: 2 | ||
| 35 | }, | ||
| 36 | overlayStyle: { | ||
| 37 | type: String, | ||
| 38 | default: 'width:100%;height:100%' | ||
| 39 | } | ||
| 40 | }, | 30 | }, |
| 41 | } | 31 | scale: { |
| 32 | type: Number, | ||
| 33 | required: true, | ||
| 34 | default: 2 | ||
| 35 | }, | ||
| 36 | overlayStyle: { | ||
| 37 | type: String, | ||
| 38 | default: 'width:100%;height:100%' | ||
| 39 | } | ||
| 40 | }, | ||
| 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', | ||
| 144 | } | ||
| 145 | ], | ||
| 146 | mailList: [ | ||
| 147 | { | ||
| 148 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
| 149 | date: '2022-12', | ||
| 150 | }, | ||
| 151 | { | ||
| 152 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
| 153 | date: '2022-12', | ||
| 154 | }, | ||
| 155 | { | ||
| 156 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
| 157 | date: '2022-12', | ||
| 158 | } | ||
| 159 | , | ||
| 160 | { | ||
| 161 | title: '坚持以人民为中心发展推进解决房地产历史遗房地产历史遗', | ||
| 162 | date: '2022-12', | ||
| 163 | } | ||
| 164 | ] | ||
| 13 | } | 165 | } |
| 14 | }, | 166 | }, |
| 15 | computed: { | 167 | mounted () { |
| 16 | // ...mapGetters([ | 168 | this.buildChart(); |
| 17 | // 'roles' | ||
| 18 | // ]) | ||
| 19 | }, | ||
| 20 | created () { | ||
| 21 | // 可实现不同角色配置不同首页 | ||
| 22 | // if (!this.roles.includes('admin')) { | ||
| 23 | // this.currentRole = 'editorDashboard' | ||
| 24 | // } | ||
| 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 | ... | ... |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | .xxTable { | 40 | .xxTable { |
| 41 | //border-spacing: 1px; | 41 | //border-spacing: 1px; |
| 42 | width: 100%; | 42 | width: 100%; |
| 43 | table-layout: fixed; | 43 | // table-layout: fixed; |
| 44 | 44 | ||
| 45 | tr { | 45 | tr { |
| 46 | box-sizing: border-box; | 46 | box-sizing: border-box; |
| ... | @@ -73,10 +73,11 @@ | ... | @@ -73,10 +73,11 @@ |
| 73 | z-index: 3; | 73 | z-index: 3; |
| 74 | } | 74 | } |
| 75 | 75 | ||
| 76 | tr>td:first-child { | 76 | tr td:first-child { |
| 77 | position: sticky; | 77 | position: sticky; |
| 78 | left: 0; | 78 | left: 0; |
| 79 | z-index: 2; | 79 | z-index: 2; |
| 80 | margin-left: -2px; | ||
| 80 | } | 81 | } |
| 81 | 82 | ||
| 82 | th.linshi, | 83 | th.linshi, |
| ... | @@ -148,7 +149,7 @@ | ... | @@ -148,7 +149,7 @@ |
| 148 | display: flex; | 149 | display: flex; |
| 149 | align-items: center; | 150 | align-items: center; |
| 150 | justify-content: center; | 151 | justify-content: center; |
| 151 | min-width: 344px; | 152 | min-width: 280px; |
| 152 | z-index: 1; | 153 | z-index: 1; |
| 153 | } | 154 | } |
| 154 | 155 | ... | ... |
| ... | @@ -155,6 +155,7 @@ export default { | ... | @@ -155,6 +155,7 @@ export default { |
| 155 | this._beforeUnload_time = new Date().getTime() | 155 | this._beforeUnload_time = new Date().getTime() |
| 156 | }, | 156 | }, |
| 157 | unloadHandler(e) { | 157 | unloadHandler(e) { |
| 158 | thsi.$alert("234234"); | ||
| 158 | this._gap_time = new Date().getTime() - this._beforeUnload_time | 159 | this._gap_time = new Date().getTime() - this._beforeUnload_time |
| 159 | //判断是窗口关闭还是刷新 | 160 | //判断是窗口关闭还是刷新 |
| 160 | if (this._gap_time <= 10) { | 161 | if (this._gap_time <= 10) { |
| ... | @@ -286,10 +287,7 @@ export default { | ... | @@ -286,10 +287,7 @@ export default { |
| 286 | } | 287 | } |
| 287 | break; | 288 | break; |
| 288 | case "B4": | 289 | case "B4": |
| 289 | this.$popup({ | 290 | this.$popup("登记簿详情","registerBook/djbFrame",{ |
| 290 | titleStyle: "left", | ||
| 291 | title: "登记簿详情", // 弹窗标题 | ||
| 292 | editItem: "registerBook/djbFrame", // 弹窗内容 | ||
| 293 | formData: this.currentSelectProps, | 291 | formData: this.currentSelectProps, |
| 294 | width: "1220px", | 292 | width: "1220px", |
| 295 | height: "790px", | 293 | height: "790px", |
| ... | @@ -304,16 +302,13 @@ export default { | ... | @@ -304,16 +302,13 @@ export default { |
| 304 | }); | 302 | }); |
| 305 | break; | 303 | break; |
| 306 | case "B5": | 304 | case "B5": |
| 307 | this.$popup({ | 305 | this.$popup( "证书预览","workflow/components/zsyl",{ |
| 308 | title: "证书预览", | ||
| 309 | editItem: "workflow/components/zsyl", | ||
| 310 | height: "600px", | 306 | height: "600px", |
| 311 | width: "800px", | 307 | width: "800px", |
| 312 | formData: { | 308 | formData: { |
| 313 | bsmSlsq: this.bsmSlsq, | 309 | bsmSlsq: this.bsmSlsq, |
| 314 | entryType: '1' | 310 | entryType: '1' |
| 315 | }, | 311 | }, |
| 316 | btnShow: false, | ||
| 317 | cancel: () => { | 312 | cancel: () => { |
| 318 | console.log("取消回调"); | 313 | console.log("取消回调"); |
| 319 | }, | 314 | }, | ... | ... |
| ... | @@ -147,6 +147,14 @@ | ... | @@ -147,6 +147,14 @@ |
| 147 | </el-row> | 147 | </el-row> |
| 148 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 148 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 150 | <div v-if="ruleForm.ywrList.length>0"> | ||
| 151 | <div class="slxx_title title-block"> | ||
| 152 | 义务人信息 | ||
| 153 | <div class="triangle"></div> </div> | ||
| 154 | <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | ||
| 155 | :viewtype="$route.query.viewtype" /> | ||
| 156 | </div> | ||
| 157 | |||
| 150 | <div class="slxx_title title-block"> | 158 | <div class="slxx_title title-block"> |
| 151 | 登记原因 | 159 | 登记原因 |
| 152 | <div class="triangle"></div> | 160 | <div class="triangle"></div> |
| ... | @@ -223,13 +231,11 @@ export default { | ... | @@ -223,13 +231,11 @@ export default { |
| 223 | methods: { | 231 | methods: { |
| 224 | // 更新权利人信息 | 232 | // 更新权利人信息 |
| 225 | upDateQlrxxList (val) { | 233 | upDateQlrxxList (val) { |
| 226 | this.ruleForm.qlrList = _.cloneDeep(val) | 234 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 227 | // this.$store.dispatch('slxx/setQlrxxNew', { | 235 | }, |
| 228 | // qlrxx: this.ruleForm.qlrxx, | 236 | // 更新义务人信息 |
| 229 | // fj: this.ruleForm.fj, | 237 | upDateYwrxxList (val) { |
| 230 | // gyfs: this.ruleForm.gyfs, | 238 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 231 | // djyy: this.ruleForm.djyy | ||
| 232 | // }) | ||
| 233 | }, | 239 | }, |
| 234 | onSubmit () { | 240 | onSubmit () { |
| 235 | saveData(this.ruleForm).then((res) => { | 241 | saveData(this.ruleForm).then((res) => { | ... | ... |
-
Please register or sign in to post a comment