Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
50 changed files
with
336 additions
and
1321 deletions
| ... | @@ -85,7 +85,9 @@ export default { | ... | @@ -85,7 +85,9 @@ export default { |
| 85 | }, | 85 | }, |
| 86 | watch: { | 86 | watch: { |
| 87 | value (val) { | 87 | value (val) { |
| 88 | this.$nextTick(() => { | ||
| 88 | this.dialogVisible = val | 89 | this.dialogVisible = val |
| 90 | }) | ||
| 89 | this.height && (this.scrollerHeight = this.height + 'px') | 91 | this.height && (this.scrollerHeight = this.height + 'px') |
| 90 | } | 92 | } |
| 91 | }, | 93 | }, | ... | ... |
| ... | @@ -116,7 +116,6 @@ export default { | ... | @@ -116,7 +116,6 @@ export default { |
| 116 | }, | 116 | }, |
| 117 | }, | 117 | }, |
| 118 | methods: { | 118 | methods: { |
| 119 | |||
| 120 | // 单选 | 119 | // 单选 |
| 121 | singleElection (row) { | 120 | singleElection (row) { |
| 122 | this.selected = this.data.indexOf(row); | 121 | this.selected = this.data.indexOf(row); | ... | ... |
| ... | @@ -275,6 +275,10 @@ export default { | ... | @@ -275,6 +275,10 @@ export default { |
| 275 | }; | 275 | }; |
| 276 | </script> | 276 | </script> |
| 277 | <style scoped> | 277 | <style scoped> |
| 278 | .el-message-box__title { | ||
| 279 | width: 95%; | ||
| 280 | } | ||
| 281 | |||
| 278 | /deep/.el-message-box { | 282 | /deep/.el-message-box { |
| 279 | width: 500px; | 283 | width: 500px; |
| 280 | max-height: 95%; | 284 | max-height: 95%; | ... | ... |
| ... | @@ -85,7 +85,9 @@ export default { | ... | @@ -85,7 +85,9 @@ export default { |
| 85 | }, | 85 | }, |
| 86 | watch: { | 86 | watch: { |
| 87 | value (val) { | 87 | value (val) { |
| 88 | this.$nextTick(() => { | ||
| 88 | this.dialogVisible = val | 89 | this.dialogVisible = val |
| 90 | }) | ||
| 89 | this.height && (this.scrollerHeight = this.height + 'px') | 91 | this.height && (this.scrollerHeight = this.height + 'px') |
| 90 | } | 92 | } |
| 91 | }, | 93 | }, | ... | ... |
| ... | @@ -116,7 +116,6 @@ export default { | ... | @@ -116,7 +116,6 @@ export default { |
| 116 | }, | 116 | }, |
| 117 | }, | 117 | }, |
| 118 | methods: { | 118 | methods: { |
| 119 | |||
| 120 | // 单选 | 119 | // 单选 |
| 121 | singleElection (row) { | 120 | singleElection (row) { |
| 122 | this.selected = this.data.indexOf(row); | 121 | this.selected = this.data.indexOf(row); | ... | ... |
| ... | @@ -24,6 +24,7 @@ export const constantRoutes = [ | ... | @@ -24,6 +24,7 @@ export const constantRoutes = [ |
| 24 | ] | 24 | ] |
| 25 | }, | 25 | }, |
| 26 | // 业务流程框架 | 26 | // 业务流程框架 |
| 27 | // 业务流程框架 | ||
| 27 | { | 28 | { |
| 28 | path: '/workFrame', | 29 | path: '/workFrame', |
| 29 | component: () => import('@/views/workflow/workFrame.vue'), | 30 | component: () => import('@/views/workflow/workFrame.vue'), |
| ... | @@ -31,22 +32,6 @@ export const constantRoutes = [ | ... | @@ -31,22 +32,6 @@ export const constantRoutes = [ |
| 31 | hidden: true, | 32 | hidden: true, |
| 32 | meta: { title: '发起申请' } | 33 | meta: { title: '发起申请' } |
| 33 | }, | 34 | }, |
| 34 | // 业务流程框架 | ||
| 35 | { | ||
| 36 | path: '/workFramecs', | ||
| 37 | component: () => import('@/views/workflow/workFrame1.vue'), | ||
| 38 | name: 'workFramecs', | ||
| 39 | hidden: true, | ||
| 40 | meta: { title: '发起申请1' } | ||
| 41 | }, | ||
| 42 | // 业务流程只读框架 | ||
| 43 | { | ||
| 44 | path: '/workFrameViewcs', | ||
| 45 | component: () => import('@/views/workflow/workFrameView1.vue'), | ||
| 46 | name: 'workFrameViewcs', | ||
| 47 | hidden: true, | ||
| 48 | meta: { title: '发起申请2' } | ||
| 49 | }, | ||
| 50 | // 业务流程只读框架 | 35 | // 业务流程只读框架 |
| 51 | { | 36 | { |
| 52 | path: '/workFrameView', | 37 | path: '/workFrameView', | ... | ... |
| ... | @@ -125,11 +125,6 @@ | ... | @@ -125,11 +125,6 @@ |
| 125 | background-color: rgb(162, 164, 167); | 125 | background-color: rgb(162, 164, 167); |
| 126 | } | 126 | } |
| 127 | 127 | ||
| 128 | // element 样式补丁 | ||
| 129 | .el-menu--horizontal { | ||
| 130 | border-bottom: none !important; | ||
| 131 | } | ||
| 132 | |||
| 133 | .el-radio-group { | 128 | .el-radio-group { |
| 134 | .el-radio-button__inner { | 129 | .el-radio-button__inner { |
| 135 | height: 36px; | 130 | height: 36px; |
| ... | @@ -229,3 +224,8 @@ | ... | @@ -229,3 +224,8 @@ |
| 229 | top: 2px; | 224 | top: 2px; |
| 230 | } | 225 | } |
| 231 | } | 226 | } |
| 227 | |||
| 228 | // 弹框层级 | ||
| 229 | .messageIndex { | ||
| 230 | z-index: 8000 !important; | ||
| 231 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -328,8 +328,8 @@ aside { | ... | @@ -328,8 +328,8 @@ aside { |
| 328 | .prohibit .suspend { | 328 | .prohibit .suspend { |
| 329 | position: relative; | 329 | position: relative; |
| 330 | margin: 0 auto; | 330 | margin: 0 auto; |
| 331 | text-align: left; | 331 | text-align: center; |
| 332 | padding-left: 13px; | 332 | min-width: 30px; |
| 333 | } | 333 | } |
| 334 | 334 | ||
| 335 | .allow { | 335 | .allow { |
| ... | @@ -344,30 +344,6 @@ aside { | ... | @@ -344,30 +344,6 @@ aside { |
| 344 | color: $yellow; | 344 | color: $yellow; |
| 345 | } | 345 | } |
| 346 | 346 | ||
| 347 | .allow::before { | ||
| 348 | content: ''; | ||
| 349 | position: absolute; | ||
| 350 | left: 5px; | ||
| 351 | top: 45%; | ||
| 352 | background-color: $green; | ||
| 353 | display: inline-block; // 此句为css样式展示重点🏁 | ||
| 354 | width: 5px; | ||
| 355 | height: 5px; | ||
| 356 | border-radius: 50%; | ||
| 357 | } | ||
| 358 | |||
| 359 | .prohibit::before { | ||
| 360 | content: ''; | ||
| 361 | position: absolute; | ||
| 362 | left: 5px; | ||
| 363 | top: 45%; | ||
| 364 | background-color: $pink; | ||
| 365 | display: inline-block; // 此句为css样式展示重点🏁 | ||
| 366 | width: 5px; | ||
| 367 | height: 5px; | ||
| 368 | border-radius: 50%; | ||
| 369 | } | ||
| 370 | |||
| 371 | .suspend::before { | 347 | .suspend::before { |
| 372 | content: ''; | 348 | content: ''; |
| 373 | position: absolute; | 349 | position: absolute; | ... | ... |
| 1 | import store from '@/store' | 1 | import store from '@/store' |
| 2 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 | 2 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 |
| 3 | export default class filter { | 3 | export default class filter { |
| 4 | selected (row) { | ||
| 5 | if (row.djblzt == 1) { // 正在办理不能申请 | ||
| 6 | return false //不可选择 | ||
| 7 | } else { | ||
| 8 | return true //可选择 | ||
| 9 | } | ||
| 10 | } | ||
| 4 | // 业务来源 | 11 | // 业务来源 |
| 5 | busSource (val) { | 12 | busSource (val) { |
| 6 | let status = { 1: '办事大厅', 2: '微信小程序' } | 13 | let status = { 1: '办事大厅', 2: '微信小程序' } | ... | ... |
| ... | @@ -58,7 +58,8 @@ service.interceptors.response.use( | ... | @@ -58,7 +58,8 @@ service.interceptors.response.use( |
| 58 | Message({ | 58 | Message({ |
| 59 | message: '服务器异常,请联系管理员', | 59 | message: '服务器异常,请联系管理员', |
| 60 | type: 'error', | 60 | type: 'error', |
| 61 | duration: 5 * 1000 | 61 | duration: 5 * 1000, |
| 62 | customClass: 'messageIndex' | ||
| 62 | }) | 63 | }) |
| 63 | return Promise.reject(error); | 64 | return Promise.reject(error); |
| 64 | } | 65 | } | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div class="sqcxjlInfo"> |
| 3 | <el-form :model="form" boder label-width="120px"> | 3 | <el-form :model="form" boder label-width="130px"> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | <el-col :span="24" style="margin-bottom: 15px"> | 5 | <el-col :span="24" style="margin-bottom: 15px"> |
| 6 | <div class="slxx_title title-block"> | 6 | <div class="slxx_title title-block"> |
| ... | @@ -9,40 +9,39 @@ | ... | @@ -9,40 +9,39 @@ |
| 9 | </div> | 9 | </div> |
| 10 | </el-col> | 10 | </el-col> |
| 11 | </el-row> | 11 | </el-row> |
| 12 | |||
| 13 | <el-row> | 12 | <el-row> |
| 14 | <el-col :span="6"> | 13 | <el-col :span="6"> |
| 15 | <el-form-item label="查询来源:" label-width="90px">{{form.djSqcxDO.cxly}} | 14 | <el-form-item label="查询来源:" label-width="90px">{{ form.djSqcxDO.cxly }} |
| 16 | </el-form-item> | 15 | </el-form-item> |
| 17 | </el-col> | 16 | </el-col> |
| 18 | <el-col :span="6"> | 17 | <el-col :span="6"> |
| 19 | <el-form-item label="查询类型:">{{form.djSqcxDO.cxlx}} | 18 | <el-form-item label="查询类型:">{{ form.djSqcxDO.cxlx }} |
| 20 | </el-form-item> | 19 | </el-form-item> |
| 21 | </el-col> | 20 | </el-col> |
| 22 | <el-col :span="6"> | 21 | <el-col :span="6"> |
| 23 | <el-form-item label="查询人员:" label-width="90px">{{form.djSqcxDO.cxr}} | 22 | <el-form-item label="查询人员:" label-width="90px">{{ form.djSqcxDO.cxr }} |
| 24 | </el-form-item> | 23 | </el-form-item> |
| 25 | </el-col> | 24 | </el-col> |
| 26 | <el-col :span="6"> | 25 | <el-col :span="6"> |
| 27 | <el-form-item label="查询时间:">{{form.djSqcxDO.cxsj}} | 26 | <el-form-item label="查询时间:">{{ form.djSqcxDO.cxsj }} |
| 28 | </el-form-item> | 27 | </el-form-item> |
| 29 | </el-col> | 28 | </el-col> |
| 30 | </el-row> | 29 | </el-row> |
| 31 | <el-row> | 30 | <el-row> |
| 32 | <el-col :span="6"> | 31 | <el-col :span="6"> |
| 33 | <el-form-item label="查询编号:" label-width="90px">{{form.djSqcxDO.cxbh}} | 32 | <el-form-item label="查询编号:" label-width="90px">{{ form.djSqcxDO.cxbh }} |
| 34 | </el-form-item> | 33 | </el-form-item> |
| 35 | </el-col> | 34 | </el-col> |
| 36 | <el-col :span="6"> | 35 | <el-col :span="6"> |
| 37 | <el-form-item label="查询用途:" label-width="90px">{{form.djSqcxDO.cxyt}} | 36 | <el-form-item label="查询用途:" label-width="90px">{{ form.djSqcxDO.cxyt }} |
| 38 | </el-form-item> | 37 | </el-form-item> |
| 39 | </el-col> | 38 | </el-col> |
| 40 | <el-col :span="6"> | 39 | <el-col :span="6"> |
| 41 | <el-form-item label="与产权人的关系:">{{form.djSqcxDO.ycqrgxmc}} | 40 | <el-form-item label="与产权人的关系:">{{ form.djSqcxDO.ycqrgxmc }} |
| 42 | </el-form-item> | 41 | </el-form-item> |
| 43 | </el-col> | 42 | </el-col> |
| 44 | <el-col :span="6"> | 43 | <el-col :span="6"> |
| 45 | <el-form-item label="不动产权证号:">{{form.djSqcxDO.bdcqzh}} | 44 | <el-form-item label="不动产权证号:">{{ form.djSqcxDO.bdcqzh }} |
| 46 | </el-form-item> | 45 | </el-form-item> |
| 47 | </el-col> | 46 | </el-col> |
| 48 | </el-row> | 47 | </el-row> |
| ... | @@ -121,12 +120,12 @@ export default { | ... | @@ -121,12 +120,12 @@ export default { |
| 121 | // }, | 120 | // }, |
| 122 | props: ["formData"], | 121 | props: ["formData"], |
| 123 | 122 | ||
| 124 | created() { | 123 | created () { |
| 125 | // debugger; | 124 | // debugger; |
| 126 | // alert(this.formData.sqcxBsm); | 125 | // alert(this.formData.sqcxBsm); |
| 127 | }, | 126 | }, |
| 128 | 127 | ||
| 129 | data() { | 128 | data () { |
| 130 | return { | 129 | return { |
| 131 | form: {}, | 130 | form: {}, |
| 132 | ruleForm: { | 131 | ruleForm: { |
| ... | @@ -153,7 +152,7 @@ export default { | ... | @@ -153,7 +152,7 @@ export default { |
| 153 | }; | 152 | }; |
| 154 | }, | 153 | }, |
| 155 | 154 | ||
| 156 | mounted() { | 155 | mounted () { |
| 157 | sendThis(this); | 156 | sendThis(this); |
| 158 | var sqcxBsm = this.formData.sqcxBsm; | 157 | var sqcxBsm = this.formData.sqcxBsm; |
| 159 | 158 | ||
| ... | @@ -176,4 +175,13 @@ export default { | ... | @@ -176,4 +175,13 @@ export default { |
| 176 | </script> | 175 | </script> |
| 177 | <style scoped lang="scss"> | 176 | <style scoped lang="scss"> |
| 178 | @import "~@/styles/mixin.scss"; | 177 | @import "~@/styles/mixin.scss"; |
| 178 | |||
| 179 | /deep/.el-form-item { | ||
| 180 | margin-bottom: 0 !important; | ||
| 181 | } | ||
| 182 | |||
| 183 | .sqcxjlInfo { | ||
| 184 | max-height: 85vh; | ||
| 185 | overflow-y: auto; | ||
| 186 | } | ||
| 179 | </style> | 187 | </style> | ... | ... |
| ... | @@ -16,15 +16,15 @@ | ... | @@ -16,15 +16,15 @@ |
| 16 | </el-col> | 16 | </el-col> |
| 17 | </el-row> | 17 | </el-row> |
| 18 | </el-form> | 18 | </el-form> |
| 19 | <lb-table :column="column" :heightNum="420" :key="key" :expand-row-keys="keyList" row-key="bsmDict" | 19 | <lb-table :column="column" class="loadingtext" :heightNum="420" :key="key" :expand-row-keys="keyList" |
| 20 | :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> | 20 | row-key="bsmDict" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> |
| 21 | </lb-table> | 21 | </lb-table> |
| 22 | </dialogBox> | 22 | </dialogBox> |
| 23 | </template> | 23 | </template> |
| 24 | 24 | ||
| 25 | <script> | 25 | <script> |
| 26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' | 26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' |
| 27 | import { editDictNode } from '@/api/user' | 27 | import { editDictNode, getChildDictList } from '@/api/user' |
| 28 | export default { | 28 | export default { |
| 29 | props: { | 29 | props: { |
| 30 | value: { type: Boolean, default: false }, | 30 | value: { type: Boolean, default: false }, |
| ... | @@ -177,9 +177,19 @@ export default { | ... | @@ -177,9 +177,19 @@ export default { |
| 177 | value (val) { | 177 | value (val) { |
| 178 | this.myValue = val | 178 | this.myValue = val |
| 179 | }, | 179 | }, |
| 180 | 'details.bsmDict': { | ||
| 181 | handler: function (newValue) { | ||
| 182 | this.$startLoading(); | ||
| 183 | getChildDictList(newValue).then(res => { | ||
| 184 | this.$endLoading(); | ||
| 185 | let { result } = res | ||
| 186 | this.tableData = result ? result : [] | ||
| 187 | }) | ||
| 188 | }, | ||
| 189 | immediate: true | ||
| 190 | }, | ||
| 180 | details: { | 191 | details: { |
| 181 | handler: function (newValue) { | 192 | handler: function (newValue) { |
| 182 | this.tableData = judgeSort(_.cloneDeep(newValue.dataList)) | ||
| 183 | if (newValue.isenable == 2) { | 193 | if (newValue.isenable == 2) { |
| 184 | this.column = this.columns.slice(0, 6) | 194 | this.column = this.columns.slice(0, 6) |
| 185 | } else { | 195 | } else { | ... | ... |
| ... | @@ -52,7 +52,7 @@ export default { | ... | @@ -52,7 +52,7 @@ export default { |
| 52 | return { | 52 | return { |
| 53 | isDialog: false, | 53 | isDialog: false, |
| 54 | details: { | 54 | details: { |
| 55 | dataList: [], | 55 | bsmDict: '', |
| 56 | isenable: 1, | 56 | isenable: 1, |
| 57 | rowData: {} | 57 | rowData: {} |
| 58 | }, | 58 | }, |
| ... | @@ -107,14 +107,11 @@ export default { | ... | @@ -107,14 +107,11 @@ export default { |
| 107 | editClick (row, val) { | 107 | editClick (row, val) { |
| 108 | this.details.rowData = row | 108 | this.details.rowData = row |
| 109 | this.details.isenable = val | 109 | this.details.isenable = val |
| 110 | getChildDictList(row.bsmDict).then(res => { | 110 | this.details.bsmDict = row.bsmDict |
| 111 | this.isDialog = true | 111 | this.isDialog = true |
| 112 | let { result } = res | ||
| 113 | this.details.dataList = result ? result : [] | ||
| 114 | }) | ||
| 115 | } | 112 | } |
| 116 | } | 113 | } |
| 117 | }; | 114 | } |
| 118 | </script> | 115 | </script> |
| 119 | <style scoped lang="scss"> | 116 | <style scoped lang="scss"> |
| 120 | @import "~@/styles/public.scss"; | 117 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="myValue"> | 2 | <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" class="loadingtext" @closeDialog="closeDialog" |
| 3 | v-model="myValue"> | ||
| 3 | <div class="qtjfjmb-edit-title"> | 4 | <div class="qtjfjmb-edit-title"> |
| 4 | <b>权利信息</b> | 5 | <b>权利信息</b> |
| 5 | </div> | 6 | </div> |
| ... | @@ -111,26 +112,29 @@ | ... | @@ -111,26 +112,29 @@ |
| 111 | </template> | 112 | </template> |
| 112 | 113 | ||
| 113 | <script> | 114 | <script> |
| 114 | import { updateSysSqywmbsz } from '@/api/system' | 115 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/system' |
| 115 | export default { | 116 | export default { |
| 116 | props: { | 117 | props: { |
| 117 | value: { type: Boolean, default: false }, | 118 | value: { type: Boolean, default: false }, |
| 118 | details: { | 119 | bsmMb: { |
| 119 | type: Object, | 120 | type: String, |
| 120 | default: () => { | 121 | default: '' |
| 121 | return {} | ||
| 122 | } | ||
| 123 | } | 122 | } |
| 124 | }, | 123 | }, |
| 125 | watch: { | 124 | watch: { |
| 126 | value (val) { | 125 | value (val) { |
| 127 | this.myValue = val | 126 | this.myValue = val |
| 128 | }, | 127 | }, |
| 129 | details: { | 128 | bsmMb: { |
| 130 | handler (newValue, oldValue) { | 129 | handler (newValue) { |
| 131 | this.ruleForm = newValue | 130 | this.$startLoading() |
| 131 | getSysSqywmbszDetailById(newValue).then(res => { | ||
| 132 | this.$endLoading() | ||
| 133 | let { result } = res | ||
| 134 | this.ruleForm = result ? result : {} | ||
| 135 | }) | ||
| 132 | }, | 136 | }, |
| 133 | deep: true | 137 | immediate: true |
| 134 | } | 138 | } |
| 135 | }, | 139 | }, |
| 136 | data () { | 140 | data () { | ... | ... |
| ... | @@ -29,12 +29,12 @@ | ... | @@ -29,12 +29,12 @@ |
| 29 | :column="tableData.columns" :data="tableData.data"> | 29 | :column="tableData.columns" :data="tableData.data"> |
| 30 | </lb-table> | 30 | </lb-table> |
| 31 | </div> | 31 | </div> |
| 32 | <editDialog v-model="isDialog" :details="details" /> | 32 | <editDialog v-model="isDialog" :bsmMb="bsmMb" /> |
| 33 | </div> | 33 | </div> |
| 34 | </template> | 34 | </template> |
| 35 | <script> | 35 | <script> |
| 36 | import { mapGetters } from 'vuex' | 36 | import { mapGetters } from 'vuex' |
| 37 | import { sysSqywmbszSearch, getSysSqywmbszDetailById } from '@/api/system' | 37 | import { sysSqywmbszSearch } from '@/api/system' |
| 38 | import table from "@/utils/mixin/table" | 38 | import table from "@/utils/mixin/table" |
| 39 | import { datas, sendThis } from "./qtjfjmb" | 39 | import { datas, sendThis } from "./qtjfjmb" |
| 40 | import editDialog from "./components/editDialog.vue" | 40 | import editDialog from "./components/editDialog.vue" |
| ... | @@ -62,7 +62,7 @@ export default { | ... | @@ -62,7 +62,7 @@ export default { |
| 62 | columns: datas.columns(), | 62 | columns: datas.columns(), |
| 63 | data: [] | 63 | data: [] |
| 64 | }, | 64 | }, |
| 65 | details: {} | 65 | bsmMb: '' |
| 66 | } | 66 | } |
| 67 | }, | 67 | }, |
| 68 | methods: { | 68 | methods: { |
| ... | @@ -77,14 +77,11 @@ export default { | ... | @@ -77,14 +77,11 @@ export default { |
| 77 | }) | 77 | }) |
| 78 | }, | 78 | }, |
| 79 | editClick (row) { | 79 | editClick (row) { |
| 80 | getSysSqywmbszDetailById(row.bsmMb).then(res => { | 80 | this.bsmMb = row.bsmMb |
| 81 | this.isDialog = true | 81 | this.isDialog = true |
| 82 | let { result } = res | ||
| 83 | this.details = result ? result : {} | ||
| 84 | }) | ||
| 85 | } | 82 | } |
| 86 | }, | 83 | } |
| 87 | }; | 84 | } |
| 88 | </script> | 85 | </script> |
| 89 | <style scoped lang="scss"> | 86 | <style scoped lang="scss"> |
| 90 | @import "~@/styles/public.scss"; | 87 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="from-clues loadingtext" style="height:750px"> | 2 | <div class="from-clues" v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| 3 | element-loading-background="rgba(0, 0, 0, 0.8)"> | ||
| 3 | <!-- 表单部分 --> | 4 | <!-- 表单部分 --> |
| 4 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> | 5 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> |
| 5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> | 6 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" |
| 7 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> | ||
| 6 | </el-tabs> | 8 | </el-tabs> |
| 7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> | 9 | <div class="no-data">暂无数据</div> |
| 8 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 10 | <img :src="previewImage" class="imgClass"> |
| 9 | <img :src="previewImage" class="imgClass" v-else> | ||
| 10 | </div> | 11 | </div> |
| 11 | </template> | 12 | </template> |
| 12 | 13 | ||
| 13 | <script> | 14 | <script> |
| 14 | import { datas } from "../javascript/zsyl.js"; | 15 | import { datas } from "../javascript/zsyl.js"; |
| 15 | import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js" | 16 | import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js" |
| 16 | export default { | 17 | export default { |
| 17 | name: "zsyl", | 18 | name: "zsyl", |
| 18 | components: { | 19 | components: { |
| ... | @@ -25,6 +26,7 @@ export default { | ... | @@ -25,6 +26,7 @@ export default { |
| 25 | }, | 26 | }, |
| 26 | data () { | 27 | data () { |
| 27 | return { | 28 | return { |
| 29 | loading: false, | ||
| 28 | //印刷序列号集合 | 30 | //印刷序列号集合 |
| 29 | ysxlh: [], | 31 | ysxlh: [], |
| 30 | //列名称对象 | 32 | //列名称对象 |
| ... | @@ -48,29 +50,28 @@ export default { | ... | @@ -48,29 +50,28 @@ export default { |
| 48 | }, | 50 | }, |
| 49 | } | 51 | } |
| 50 | }, | 52 | }, |
| 51 | mounted(){ | 53 | mounted () { |
| 52 | }, | ||
| 53 | created() { | ||
| 54 | this.columns = datas.columns(); | 54 | this.columns = datas.columns(); |
| 55 | if(this.formData.bdcqz){ | 55 | if (this.formData.bdcqz) { |
| 56 | //从缮证进入 | 56 | //从缮证进入 |
| 57 | this.bdcqz = this.formData.bdcqz | 57 | this.bdcqz = this.formData.bdcqz |
| 58 | }else{ | 58 | } else { |
| 59 | //从按钮进入 | 59 | //从按钮进入 |
| 60 | this.getHeadTabBdcqz(); | 60 | this.getHeadTabBdcqz(); |
| 61 | } | 61 | } |
| 62 | }, | 62 | }, |
| 63 | methods: { | 63 | methods: { |
| 64 | //获取证书内容 | 64 | //获取证书内容 |
| 65 | getRowValue(code){ | 65 | getRowValue (code) { |
| 66 | var value = this.bdcqz[code]; | 66 | var value = this.bdcqz[code]; |
| 67 | return value; | 67 | return value; |
| 68 | }, | 68 | }, |
| 69 | //获取受理申请下全部不动产权证 | 69 | //获取受理申请下全部不动产权证 |
| 70 | getHeadTabBdcqz(){ | 70 | getHeadTabBdcqz () { |
| 71 | getSlsqBdcqzList({bsmSlsq: this.formData.bsmSlsq}).then(res => { | 71 | this.loading = true |
| 72 | if(res.code == 200){ | 72 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { |
| 73 | if(res.result && res.result.length > 0){ | 73 | if (res.code == 200) { |
| 74 | if (res.result && res.result.length > 0) { | ||
| 74 | this.activeName = res.result[0].bsmBdcqz | 75 | this.activeName = res.result[0].bsmBdcqz |
| 75 | this.bdcqz = res.result[0] | 76 | this.bdcqz = res.result[0] |
| 76 | this.headTabBdcqz = res.result | 77 | this.headTabBdcqz = res.result |
| ... | @@ -81,13 +82,14 @@ export default { | ... | @@ -81,13 +82,14 @@ export default { |
| 81 | }) | 82 | }) |
| 82 | }, | 83 | }, |
| 83 | //tab表头切换方法 | 84 | //tab表头切换方法 |
| 84 | handleClick(e){ | 85 | handleClick (e) { |
| 85 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 86 | this.bdcqz = this.headTabBdcqz[e.index - 0] |
| 86 | this.activeName = this.headTabBdcqz.bsmBdcqz | 87 | this.activeName = this.headTabBdcqz.bsmBdcqz |
| 87 | this.getBdcqzPreview(); | 88 | this.getBdcqzPreview(); |
| 88 | }, | 89 | }, |
| 89 | getBdcqzPreview(){ | 90 | getBdcqzPreview () { |
| 90 | bdcqzPreview(this.bdcqz).then(res => { | 91 | bdcqzPreview(this.bdcqz).then(res => { |
| 92 | this.loading = false | ||
| 91 | let blob = new Blob([res]); | 93 | let blob = new Blob([res]); |
| 92 | let url = window.URL.createObjectURL(blob); | 94 | let url = window.URL.createObjectURL(blob); |
| 93 | this.previewImage = url; | 95 | this.previewImage = url; |
| ... | @@ -98,47 +100,55 @@ export default { | ... | @@ -98,47 +100,55 @@ export default { |
| 98 | </script> | 100 | </script> |
| 99 | <style scoped lang="scss"> | 101 | <style scoped lang="scss"> |
| 100 | @import "~@/styles/mixin.scss"; | 102 | @import "~@/styles/mixin.scss"; |
| 101 | .imgClass{ | 103 | |
| 104 | .imgClass { | ||
| 102 | display: inline-block; | 105 | display: inline-block; |
| 103 | height: auto; | 106 | height: auto; |
| 104 | max-width: 100%; | 107 | max-width: 100%; |
| 105 | } | 108 | } |
| 109 | |||
| 106 | .middle_padding { | 110 | .middle_padding { |
| 107 | padding-bottom: 10px; | 111 | padding-bottom: 10px; |
| 108 | } | 112 | } |
| 109 | .zsyl-button{ | 113 | |
| 114 | .zsyl-button { | ||
| 110 | text-align: center; | 115 | text-align: center; |
| 111 | margin-top: 20px; | 116 | margin-top: 20px; |
| 112 | .operation_button{ | 117 | |
| 118 | .operation_button { | ||
| 113 | width: 100px; | 119 | width: 100px; |
| 114 | border: 1px solid rgb(0,121,254); | 120 | border: 1px solid rgb(0, 121, 254); |
| 115 | } | 121 | } |
| 122 | |||
| 116 | .dy-button { | 123 | .dy-button { |
| 117 | color: white; | 124 | color: white; |
| 118 | background-color: rgb(0,121,254); | 125 | background-color: rgb(0, 121, 254); |
| 119 | } | 126 | } |
| 120 | } | 127 | } |
| 128 | |||
| 121 | .table-column { | 129 | .table-column { |
| 122 | border-spacing: 1px; | 130 | border-spacing: 1px; |
| 123 | width: 100%; | 131 | width: 100%; |
| 132 | |||
| 124 | tr td { | 133 | tr td { |
| 125 | border: 1px solid #ccc; | 134 | border: 1px solid #ccc; |
| 126 | text-align: center; | 135 | text-align: center; |
| 127 | height: 40px; | 136 | height: 40px; |
| 128 | padding: 4px; | 137 | padding: 4px; |
| 129 | font-size: 13px; | 138 | font-size: 13px; |
| 130 | background: rgb(251,249,229); | 139 | background: rgb(251, 249, 229); |
| 131 | } | 140 | } |
| 132 | } | 141 | } |
| 133 | .zsyl-title{ | 142 | |
| 143 | .zsyl-title { | ||
| 134 | background: #FAFBE5; | 144 | background: #FAFBE5; |
| 135 | text-align: center; | 145 | text-align: center; |
| 136 | padding: 5px 0px; | 146 | padding: 5px 0px; |
| 137 | font-size: 20px; | 147 | font-size: 20px; |
| 138 | } | 148 | } |
| 139 | 149 | ||
| 140 | .no-data{ | 150 | .no-data { |
| 141 | font-size:18px; | 151 | font-size: 18px; |
| 142 | display: flex; | 152 | display: flex; |
| 143 | text-align: center; | 153 | text-align: center; |
| 144 | justify-content: center; | 154 | justify-content: center; | ... | ... |
| ... | @@ -22,7 +22,11 @@ | ... | @@ -22,7 +22,11 @@ |
| 22 | <div class="containerFrame"> | 22 | <div class="containerFrame"> |
| 23 | <!-- 左侧菜单栏 --> | 23 | <!-- 左侧菜单栏 --> |
| 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| 25 | <div class="title" @click="unitClick(-1)" v-if="showBatch">{{ batchButtonName }}</div> | 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> |
| 26 | <el-menu-item index="-1" key="-1" class="menus"> | ||
| 27 | <div>{{ batchButtonName }}</div> | ||
| 28 | </el-menu-item> | ||
| 29 | </el-menu> | ||
| 26 | <div v-if="this.isShowdrawer"> | 30 | <div v-if="this.isShowdrawer"> |
| 27 | <div class="title"> | 31 | <div class="title"> |
| 28 | 申请单元列表({{ unitData.length }}) | 32 | 申请单元列表({{ unitData.length }}) |
| ... | @@ -64,42 +68,40 @@ | ... | @@ -64,42 +68,40 @@ |
| 64 | </div> | 68 | </div> |
| 65 | </div> | 69 | </div> |
| 66 | </div> | 70 | </div> |
| 71 | <!-- 打印模板需要此模块 --> | ||
| 72 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | ||
| 73 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/> | ||
| 74 | </object> | ||
| 75 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | ||
| 76 | :on-change="handleChange" :before-upload="beforeUpload"> | ||
| 77 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | ||
| 78 | </el-upload> | ||
| 67 | <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> | 79 | <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> |
| 68 | </div> | 80 | </div> |
| 69 | </template> | 81 | </template> |
| 70 | |||
| 71 | <style scoped lang='scss'> | 82 | <style scoped lang='scss'> |
| 72 | @import "~@/styles/mixin.scss"; | 83 | @import "~@/styles/mixin.scss"; |
| 73 | @import "./workFrame.scss"; | 84 | @import "./workFrame.scss"; |
| 74 | </style> | 85 | </style> |
| 75 | <script> | 86 | <script> |
| 76 | import { | 87 | import WorkFlow from "./mixin/index" |
| 77 | leftMenu, | 88 | import publicFlow from "./mixin/public.js" |
| 78 | stepExpandInfo, | 89 | import { getStepFormInfo } from "@/api/fqsq.js"; |
| 79 | record, | 90 | import { getForm } from './flowform' |
| 80 | getNextLinkInfo, | ||
| 81 | completeTask, | ||
| 82 | getStepFormInfo, | ||
| 83 | } from "@/api/fqsq.js"; | ||
| 84 | import { mapGetters } from "vuex" | ||
| 85 | import NoticeBar from '@/components/NoticeBar/index' | 91 | import NoticeBar from '@/components/NoticeBar/index' |
| 86 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 92 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; |
| 87 | import ProcessViewer from './components/processViewer.vue' | 93 | import ProcessViewer from './components/processViewer.vue' |
| 88 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 89 | import { getForm } from "./flowform.js"; | ||
| 90 | import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue"; | 94 | import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 91 | import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js"; | ||
| 92 | export default { | 95 | export default { |
| 93 | components: { | 96 | components: { |
| 94 | fqsqDialog, | 97 | fqsqDialog, |
| 95 | NoticeBar, | 98 | NoticeBar, |
| 96 | ProcessViewer | 99 | ProcessViewer |
| 97 | }, | 100 | }, |
| 101 | mixins: [WorkFlow, publicFlow], | ||
| 98 | data () { | 102 | data () { |
| 99 | return { | 103 | return { |
| 100 | noticeList: [], | ||
| 101 | isDialog: false, | 104 | isDialog: false, |
| 102 | // 流程图 | ||
| 103 | // 折叠 | 105 | // 折叠 |
| 104 | isShowdrawer: true, | 106 | isShowdrawer: true, |
| 105 | // 默认选中 | 107 | // 默认选中 |
| ... | @@ -108,28 +110,16 @@ export default { | ... | @@ -108,28 +110,16 @@ export default { |
| 108 | bsmSlsq: this.$route.query.bsmSlsq, | 110 | bsmSlsq: this.$route.query.bsmSlsq, |
| 109 | //当前流程所在环节 | 111 | //当前流程所在环节 |
| 110 | bestepid: this.$route.query.bestepid, | 112 | bestepid: this.$route.query.bestepid, |
| 111 | //是否展示批量按钮 | ||
| 112 | showBatch: false, | ||
| 113 | //批量按钮名称 | ||
| 114 | batchButtonName: '', | ||
| 115 | //顶部左侧按钮集合 | ||
| 116 | leftButtonList: [], | ||
| 117 | //顶部右侧按钮集合 | ||
| 118 | rightButtonList: [], | ||
| 119 | //左侧菜单数据集合 | ||
| 120 | unitData: [], | ||
| 121 | //设置那个表单选中 | 113 | //设置那个表单选中 |
| 122 | tabName: "", | 114 | tabName: "", |
| 115 | //设置那个表单选择 | ||
| 116 | currentSelectTab: {}, | ||
| 123 | //表单集合 | 117 | //表单集合 |
| 124 | tabList: [], | 118 | tabList: [], |
| 125 | //选择加载哪一个组件 | 119 | //选择加载哪一个组件 |
| 126 | componentTag: "", | 120 | componentTag: "", |
| 127 | //设置表单组件是否刷选值 | ||
| 128 | fresh: 10, | ||
| 129 | //设置表单传递数据 | 121 | //设置表单传递数据 |
| 130 | currentSelectProps: {}, | 122 | currentSelectProps: {}, |
| 131 | //是否开启材料分屏 | ||
| 132 | splitScreen: false, | ||
| 133 | //材料分屏表单 | 123 | //材料分屏表单 |
| 134 | clxxForm: "", | 124 | clxxForm: "", |
| 135 | //材料信息选择卡索引 | 125 | //材料信息选择卡索引 |
| ... | @@ -138,11 +128,13 @@ export default { | ... | @@ -138,11 +128,13 @@ export default { |
| 138 | clxxTab: {}, | 128 | clxxTab: {}, |
| 139 | //页面监听时间 | 129 | //页面监听时间 |
| 140 | _beforeUnload_time: "", | 130 | _beforeUnload_time: "", |
| 141 | }; | 131 | //批量操作 |
| 132 | showBatch: false, | ||
| 133 | //批量操作按钮名称 | ||
| 134 | batchButtonName: '', | ||
| 135 | } | ||
| 142 | }, | 136 | }, |
| 143 | mounted () { | 137 | mounted () { |
| 144 | this.loadBdcdylist(); | ||
| 145 | this.flowInitParam(); | ||
| 146 | //添加页面监听事件 | 138 | //添加页面监听事件 |
| 147 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 139 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) |
| 148 | window.addEventListener('unload', e => this.unloadHandler(e)) | 140 | window.addEventListener('unload', e => this.unloadHandler(e)) |
| ... | @@ -156,7 +148,6 @@ export default { | ... | @@ -156,7 +148,6 @@ export default { |
| 156 | this._beforeUnload_time = new Date().getTime() | 148 | this._beforeUnload_time = new Date().getTime() |
| 157 | }, | 149 | }, |
| 158 | unloadHandler (e) { | 150 | unloadHandler (e) { |
| 159 | thsi.$alert("234234"); | ||
| 160 | this._gap_time = new Date().getTime() - this._beforeUnload_time | 151 | this._gap_time = new Date().getTime() - this._beforeUnload_time |
| 161 | //判断是窗口关闭还是刷新 | 152 | //判断是窗口关闭还是刷新 |
| 162 | if (this._gap_time <= 10) { | 153 | if (this._gap_time <= 10) { |
| ... | @@ -201,235 +192,17 @@ export default { | ... | @@ -201,235 +192,17 @@ export default { |
| 201 | }); | 192 | }); |
| 202 | }); | 193 | }); |
| 203 | }, | 194 | }, |
| 204 | handleBatchDel () { | ||
| 205 | let that = this; | ||
| 206 | this.$popup({ | ||
| 207 | title: "批量删除", | ||
| 208 | width: "50%", | ||
| 209 | btnShow: true, | ||
| 210 | editItem: "workflow/components/batchDel", | ||
| 211 | height: "600px", | ||
| 212 | formData: { | ||
| 213 | bsmSlsq: this.bsmSlsq, | ||
| 214 | dataList: this.unitData, | ||
| 215 | }, | ||
| 216 | cancel: function () { }, //取消事件的回调 | ||
| 217 | confirm: function () { | ||
| 218 | that.loadBdcdylist(); | ||
| 219 | }, //确认事件的回调 | ||
| 220 | }); | ||
| 221 | }, | ||
| 222 | //加载流程初始参数 | ||
| 223 | flowInitParam () { | ||
| 224 | var formdata = new FormData(); | ||
| 225 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 226 | formdata.append("bestepid", this.bestepid); | ||
| 227 | stepExpandInfo(formdata).then((res) => { | ||
| 228 | if (res.code === 200) { | ||
| 229 | this.leftButtonList = res.result.button; | ||
| 230 | this.rightButtonList = res.result.operation; | ||
| 231 | } | ||
| 232 | }); | ||
| 233 | }, | ||
| 234 | //流程环节操作按钮 | ||
| 235 | operation (item) { | ||
| 236 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | ||
| 237 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | ||
| 238 | let that = this; | ||
| 239 | switch (item.value) { | ||
| 240 | case "B0": | ||
| 241 | // let type = queueDjywmc(this.$route.query.sqywbm) | ||
| 242 | this.isDialog = true; | ||
| 243 | break; | ||
| 244 | case "B1": | ||
| 245 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | ||
| 246 | let { result } = res | ||
| 247 | this.$popup("流程图", "workflow/components/processViewer", { | ||
| 248 | formData: { | ||
| 249 | xml: result.xml, | ||
| 250 | finishedInfo: { | ||
| 251 | finishedTaskSet: result.finishedTaskSet, | ||
| 252 | unfinishedTaskSet: result.unfinishedTaskSet, | ||
| 253 | rejectedTaskSet: result.rejectedTaskSet, | ||
| 254 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | ||
| 255 | }, | ||
| 256 | allCommentList: result.historyTaskList | ||
| 257 | } | ||
| 258 | }) | ||
| 259 | }) | ||
| 260 | break; | ||
| 261 | case "B2": //材料分屏按钮 | ||
| 262 | this.splitScreen = this.splitScreen ? false : true; | ||
| 263 | this.$store.dispatch("app/settScreen", this.splitScreen); | ||
| 264 | if (this.splitScreen) { | ||
| 265 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | ||
| 266 | if (this.tabName == this.clxxTab.value) { | ||
| 267 | this.tabName = this.tabList[this.clxxIndex - 1].value; | ||
| 268 | this.getFromRouter(this.tabList[this.clxxIndex - 1].value); | ||
| 269 | } | ||
| 270 | //删除材料信息选项卡数据 | ||
| 271 | this.tabList.splice(this.clxxIndex, 1); | ||
| 272 | } else { | ||
| 273 | //新增材料信息选项卡数据 | ||
| 274 | this.tabList.splice(this.clxxIndex, 0, this.clxxTab); | ||
| 275 | } | ||
| 276 | break; | ||
| 277 | case "B4": | ||
| 278 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 279 | formData: this.currentSelectProps, | ||
| 280 | width: "1220px", | ||
| 281 | height: "790px", | ||
| 282 | cancel: () => { | ||
| 283 | console.log("取消回调"); | ||
| 284 | }, | ||
| 285 | confirm: () => { | ||
| 286 | console.log("确认回调"); | ||
| 287 | }, | ||
| 288 | }); | ||
| 289 | break; | ||
| 290 | case "B5": | ||
| 291 | this.$popup("证书预览", "workflow/components/zsyl", { | ||
| 292 | height: "850px", | ||
| 293 | width: "1070px", | ||
| 294 | formData: { | ||
| 295 | bsmSlsq: this.bsmSlsq, | ||
| 296 | entryType: '1' | ||
| 297 | }, | ||
| 298 | cancel: () => { | ||
| 299 | console.log("取消回调"); | ||
| 300 | }, | ||
| 301 | confirm: () => { | ||
| 302 | console.log("确认回调"); | ||
| 303 | }, | ||
| 304 | }) | ||
| 305 | break; | ||
| 306 | case "B7": | ||
| 307 | this.$popup("证书领取", "workflow/components/zslq", { | ||
| 308 | width: '900px', | ||
| 309 | formData: { bsmSlsq: this.$route.query.bsmSlsq }, | ||
| 310 | }) | ||
| 311 | break; | ||
| 312 | case "back": //退回按钮 | ||
| 313 | this.$popup({ | ||
| 314 | title: "退回", | ||
| 315 | editItem: "workflow/components/th", | ||
| 316 | height: "400px", | ||
| 317 | width: '30%', | ||
| 318 | formData: { | ||
| 319 | bsmSlsq: this.bsmSlsq, | ||
| 320 | bestepid: this.bestepid | ||
| 321 | }, | ||
| 322 | btnShow: true, | ||
| 323 | cancel: () => { | ||
| 324 | console.log("取消回调"); | ||
| 325 | }, | ||
| 326 | confirm: () => { | ||
| 327 | console.log("确认回调"); | ||
| 328 | }, | ||
| 329 | }) | ||
| 330 | break; | ||
| 331 | case "transfer": //转件按钮 | ||
| 332 | getNextLinkInfo({ | ||
| 333 | bsmSlsq: this.bsmSlsq, | ||
| 334 | bestepid: this.bestepid, | ||
| 335 | }).then((res) => { | ||
| 336 | if (res.code === 200) { | ||
| 337 | if (res.result) { | ||
| 338 | this.sendToNext(res.result); | ||
| 339 | } else { | ||
| 340 | this.sendToEnd(); | ||
| 341 | } | ||
| 342 | } | ||
| 343 | }); | ||
| 344 | break; | ||
| 345 | case "stop": //终止按钮 | ||
| 346 | this.$popup("终止", "workflow/components/stop", { | ||
| 347 | height: "330px", | ||
| 348 | width: '30%', | ||
| 349 | formData: { | ||
| 350 | bsmSlsq: this.bsmSlsq, | ||
| 351 | bestepid: this.bestepid, | ||
| 352 | }, | ||
| 353 | btnShow: true, | ||
| 354 | cancel: () => { | ||
| 355 | console.log("取消回调"); | ||
| 356 | }, | ||
| 357 | confirm: () => { | ||
| 358 | console.log("确认回调"); | ||
| 359 | }, | ||
| 360 | }) | ||
| 361 | break; | ||
| 362 | case "signout": | ||
| 363 | window.close(); | ||
| 364 | //取消认领 | ||
| 365 | unClaimTask(this.bsmSlsq, this.bestepid) | ||
| 366 | break; | ||
| 367 | case "B9": | ||
| 368 | var formdata = new FormData(); | ||
| 369 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 370 | formdata.append("bestepid", this.bestepid); | ||
| 371 | this.$confirm("请确认是否登簿", "提示", { | ||
| 372 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 373 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 374 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 375 | showClose: true, //是否显示右上角关闭按钮 | ||
| 376 | type: "warning", //提示类型 success/info/warning/error | ||
| 377 | }).then(function () { | ||
| 378 | record(formdata).then((res) => { | ||
| 379 | if (res.code === 200) { | ||
| 380 | if (res.result.length === 1) { | ||
| 381 | res.result[0].state ? that.$alert("登簿成功!") : that.$alert(res.result[0].msg);; | ||
| 382 | } | ||
| 383 | else { | ||
| 384 | that.$alert('<div>' + res.result[0].ywh + ',' + res.result[0].msg + '</div>', '登簿明细', { | ||
| 385 | dangerouslyUseHTMLString: true | ||
| 386 | }); | ||
| 387 | } | ||
| 388 | } else { | ||
| 389 | that.$alert(res.message); | ||
| 390 | } | ||
| 391 | }); | ||
| 392 | }); | ||
| 393 | break; | ||
| 394 | } | ||
| 395 | }, | ||
| 396 | //读取申请单元信息 | ||
| 397 | loadBdcdylist () { | ||
| 398 | var formdata = new FormData(); | ||
| 399 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 400 | formdata.append("bestepid", this.bestepid); | ||
| 401 | leftMenu(formdata).then((res) => { | ||
| 402 | if (res.code === 200) { | ||
| 403 | if (res.result) { | ||
| 404 | this.unitData = res.result; | ||
| 405 | this.currentSelectProps = res.result[0]; | ||
| 406 | this.judgeBatchShow(); | ||
| 407 | if (this.showBatch) { | ||
| 408 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 409 | this.unitClick(-1); | ||
| 410 | } else { | ||
| 411 | //默认选择单元列表第一个 | ||
| 412 | this.unitClick(0); | ||
| 413 | } | ||
| 414 | } | ||
| 415 | } | ||
| 416 | }); | ||
| 417 | }, | ||
| 418 | //申请单元点击事件 | 195 | //申请单元点击事件 |
| 419 | unitClick (index) { | 196 | stepForm (index) { |
| 420 | if (index >= 0) { | ||
| 421 | this.currentSelectProps = this.unitData[index]; | ||
| 422 | this.currentSelectProps.batchOperation = false; | ||
| 423 | } else { | ||
| 424 | this.currentSelectProps.batchOperation = true; | ||
| 425 | } | ||
| 426 | getStepFormInfo(this.currentSelectProps).then((res) => { | 197 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 427 | if (res.code === 200) { | 198 | if (res.code === 200) { |
| 428 | this.fresh += 1; | 199 | this.fresh++; |
| 429 | //获取单元对应的所有表单信息 | 200 | //获取单元对应的所有表单信息 |
| 430 | this.tabList = res.result; | 201 | this.tabList = res.result; |
| 431 | //默认加载第一个表单信息 | 202 | //默认加载第一个表单信息 |
| 432 | this.tabName = res.result[0].value; | 203 | this.tabName = res.result[0].value; |
| 204 | //批量操作无分屏按钮 | ||
| 205 | if (index != null) { | ||
| 433 | //处理分屏材料信息 | 206 | //处理分屏材料信息 |
| 434 | let that = this; | 207 | let that = this; |
| 435 | this.tabList.forEach(function (item, index) { | 208 | this.tabList.forEach(function (item, index) { |
| ... | @@ -438,125 +211,24 @@ export default { | ... | @@ -438,125 +211,24 @@ export default { |
| 438 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 439 | that.clxxTab = item; | 212 | that.clxxTab = item; |
| 440 | } | 213 | } |
| 441 | }); | 214 | }) |
| 442 | } | ||
| 443 | }); | ||
| 444 | }, | ||
| 445 | //批量按钮判断 | ||
| 446 | judgeBatchShow () { | ||
| 447 | this.showBatch = false; | ||
| 448 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
| 449 | if (this.unitData.length > 1) { | ||
| 450 | switch (qllx) { | ||
| 451 | case 'B39': | ||
| 452 | this.showBatch = true; | ||
| 453 | this.batchButtonName = '批量查封'; | ||
| 454 | break; | ||
| 455 | case 'A37': | ||
| 456 | this.showBatch = true; | ||
| 457 | this.batchButtonName = '批量抵押'; | ||
| 458 | break; | ||
| 459 | } | ||
| 460 | } | ||
| 461 | }, | ||
| 462 | //表单选项卡事件 | ||
| 463 | beforeLeave (activeName, oldActiveName) { | ||
| 464 | if (activeName && activeName != 0) this.getFromRouter(activeName) | ||
| 465 | }, | ||
| 466 | //切换选项卡内容组件 | ||
| 467 | getFromRouter (tabname) { | ||
| 468 | console.log(tabname, 'tabnametabname'); | ||
| 469 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | ||
| 470 | }, | ||
| 471 | //发送下一个环节 | ||
| 472 | sendToNext (obj) { | ||
| 473 | const h = this.$createElement; | ||
| 474 | this.$msgbox({ | ||
| 475 | title: "您确定转出吗?", | ||
| 476 | message: h("div", { style: "margin: auto" }, [ | ||
| 477 | h("span", null, "下个环节名称:"), | ||
| 478 | h("i", { style: "color: teal" }, obj.taskName), | ||
| 479 | h("div", null, ""), | ||
| 480 | h("span", null, "下个环节经办人: "), | ||
| 481 | h("i", { style: "color: teal" }, obj.usernames.join(",")), | ||
| 482 | ]), | ||
| 483 | showCancelButton: true, | ||
| 484 | beforeClose: (action, instance, done) => { | ||
| 485 | if (action === "confirm") { | ||
| 486 | instance.confirmButtonLoading = true; | ||
| 487 | instance.confirmButtonText = "执行中..."; | ||
| 488 | completeTask({ | ||
| 489 | bsmSlsq: this.bsmSlsq, | ||
| 490 | shyj: "this.bestepid", | ||
| 491 | stepform: JSON.stringify(this.tabList), | ||
| 492 | }).then((res) => { | ||
| 493 | if (res.code === 200) { | ||
| 494 | instance.confirmButtonLoading = false; | ||
| 495 | this.$message.success("转件成功"); | ||
| 496 | setTimeout(() => { | ||
| 497 | window.opener = null; | ||
| 498 | window.open("about:blank", "_self"); | ||
| 499 | window.close(); | ||
| 500 | this.$emit("input", false); | ||
| 501 | }, 1000); | ||
| 502 | } else { | ||
| 503 | instance.confirmButtonLoading = false; | ||
| 504 | instance.confirmButtonText = "确定"; | ||
| 505 | this.$message.error(res.message); | ||
| 506 | } | 215 | } |
| 507 | }); | ||
| 508 | } else { | ||
| 509 | done(); | ||
| 510 | } | 216 | } |
| 217 | }) | ||
| 511 | }, | 218 | }, |
| 512 | }).then((action) => { | 219 | //申请单元点击事件 |
| 513 | this.$message({ | 220 | unitClick (index) { |
| 514 | type: "info", | 221 | this.currentSelectProps = this.unitData[index]; |
| 515 | message: "action: " + action, | 222 | this.currentSelectProps.batchOperation = false; |
| 516 | }); | 223 | this.activeIndex = index.toString(); |
| 517 | }); | 224 | this.stepForm(index); |
| 518 | }, | 225 | }, |
| 519 | sendToEnd () { | 226 | //批量按钮点击事件 |
| 520 | const h = this.$createElement; | 227 | batchUnitClick () { |
| 521 | this.$msgbox({ | 228 | this.currentSelectProps.batchOperation = true; |
| 522 | title: "您确定转出吗?", | 229 | this.activeIndex = "-1"; |
| 523 | message: "此环节为流程结束环节,转出后流程将结束", | 230 | this.stepForm(); |
| 524 | showCancelButton: true, | ||
| 525 | beforeClose: (action, instance, done) => { | ||
| 526 | if (action === "confirm") { | ||
| 527 | instance.confirmButtonLoading = true; | ||
| 528 | instance.confirmButtonText = "执行中..."; | ||
| 529 | completeTask({ | ||
| 530 | bsmSlsq: this.bsmSlsq, | ||
| 531 | shyj: "this.bestepid", | ||
| 532 | stepform: JSON.stringify(this.tabList), | ||
| 533 | }).then((res) => { | ||
| 534 | if (res.code === 200) { | ||
| 535 | instance.confirmButtonLoading = false; | ||
| 536 | this.$message.success("转件成功"); | ||
| 537 | setTimeout(() => { | ||
| 538 | window.opener = null; | ||
| 539 | window.open("about:blank", "_self"); | ||
| 540 | window.close(); | ||
| 541 | this.$emit("input", false); | ||
| 542 | }, 1000); | ||
| 543 | } else { | ||
| 544 | instance.confirmButtonLoading = false; | ||
| 545 | instance.confirmButtonText = "确定"; | ||
| 546 | this.$message.error(res.message); | ||
| 547 | } | ||
| 548 | }); | ||
| 549 | } else { | ||
| 550 | done(); | ||
| 551 | } | 231 | } |
| 552 | }, | ||
| 553 | }).then((action) => { | ||
| 554 | this.$message({ | ||
| 555 | type: "info", | ||
| 556 | message: "action: " + action, | ||
| 557 | }); | ||
| 558 | }); | ||
| 559 | } | 232 | } |
| 560 | }, | 233 | } |
| 561 | }; | ||
| 562 | </script> | 234 | </script> | ... | ... |
src/views/workflow/workFrame1.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <div class="container"> | ||
| 3 | <!-- 顶部内容框 --> | ||
| 4 | <div class="topButton"> | ||
| 5 | <!-- 左侧业务功能按钮 --> | ||
| 6 | <ul> | ||
| 7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | ||
| 8 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 9 | <span class="iconName">{{ item.name }}</span> | ||
| 10 | </li> | ||
| 11 | </ul> | ||
| 12 | <!-- 右侧流程按钮 --> | ||
| 13 | <ul> | ||
| 14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | ||
| 15 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 16 | <span class="iconName">{{ item.name }}</span> | ||
| 17 | </li> | ||
| 18 | </ul> | ||
| 19 | <NoticeBar class="NoticeBar" :noticeList="noticeList" /> | ||
| 20 | </div> | ||
| 21 | <!-- 内容框架 --> | ||
| 22 | <div class="containerFrame"> | ||
| 23 | <!-- 左侧菜单栏 --> | ||
| 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
| 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | ||
| 26 | <el-menu-item index="-1" key="-1" class="menus"> | ||
| 27 | <div>{{ batchButtonName }}</div> | ||
| 28 | </el-menu-item> | ||
| 29 | </el-menu> | ||
| 30 | <div v-if="this.isShowdrawer"> | ||
| 31 | <div class="title"> | ||
| 32 | 申请单元列表({{ unitData.length }}) | ||
| 33 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | ||
| 34 | </div> | ||
| 35 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 36 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
| 37 | <div> | ||
| 38 | <p>{{ item.bdcdyh }}</p> | ||
| 39 | <p class="title-detail">{{ item.zl }}</p> | ||
| 40 | </div> | ||
| 41 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | ||
| 42 | </el-menu-item> | ||
| 43 | </el-menu> | ||
| 44 | </div> | ||
| 45 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
| 46 | () => { | ||
| 47 | this.isShowdrawer = !this.isShowdrawer; | ||
| 48 | } | ||
| 49 | "></div> | ||
| 50 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
| 51 | () => { | ||
| 52 | this.isShowdrawer = !this.isShowdrawer; | ||
| 53 | } | ||
| 54 | "></div> | ||
| 55 | </div> | ||
| 56 | <div class="leftCon"> | ||
| 57 | <!-- 分屏左侧预览 --> | ||
| 58 | <div v-if="splitScreen" class="splitScreen-con"> | ||
| 59 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | ||
| 60 | </div> | ||
| 61 | <!-- 表单内容区域 --> | ||
| 62 | <div class="rightContainer"> | ||
| 63 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | ||
| 64 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | ||
| 65 | </el-tab-pane> | ||
| 66 | </el-tabs> | ||
| 67 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | ||
| 68 | </div> | ||
| 69 | </div> | ||
| 70 | </div> | ||
| 71 | <!-- 打印模板需要此模块 --> | ||
| 72 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | ||
| 73 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/> | ||
| 74 | </object> | ||
| 75 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | ||
| 76 | :on-change="handleChange" :before-upload="beforeUpload"> | ||
| 77 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | ||
| 78 | </el-upload> | ||
| 79 | <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> | ||
| 80 | </div> | ||
| 81 | </template> | ||
| 82 | <style scoped lang='scss'> | ||
| 83 | @import "~@/styles/mixin.scss"; | ||
| 84 | @import "./workFrame.scss"; | ||
| 85 | </style> | ||
| 86 | <script> | ||
| 87 | import WorkFlow from "./mixin/index" | ||
| 88 | import publicFlow from "./mixin/public.js" | ||
| 89 | import { getStepFormInfo } from "@/api/fqsq.js"; | ||
| 90 | import { getForm } from './flowform' | ||
| 91 | import NoticeBar from '@/components/NoticeBar/index' | ||
| 92 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | ||
| 93 | import ProcessViewer from './components/processViewer.vue' | ||
| 94 | import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
| 95 | export default { | ||
| 96 | components: { | ||
| 97 | fqsqDialog, | ||
| 98 | NoticeBar, | ||
| 99 | ProcessViewer | ||
| 100 | }, | ||
| 101 | mixins: [WorkFlow, publicFlow], | ||
| 102 | data () { | ||
| 103 | return { | ||
| 104 | isDialog: false, | ||
| 105 | // 折叠 | ||
| 106 | isShowdrawer: true, | ||
| 107 | // 默认选中 | ||
| 108 | activeIndex: "0", | ||
| 109 | //受理申请标识码 | ||
| 110 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 111 | //当前流程所在环节 | ||
| 112 | bestepid: this.$route.query.bestepid, | ||
| 113 | //设置那个表单选中 | ||
| 114 | tabName: "", | ||
| 115 | //设置那个表单选择 | ||
| 116 | currentSelectTab: {}, | ||
| 117 | //表单集合 | ||
| 118 | tabList: [], | ||
| 119 | //选择加载哪一个组件 | ||
| 120 | componentTag: "", | ||
| 121 | //设置表单传递数据 | ||
| 122 | currentSelectProps: {}, | ||
| 123 | //材料分屏表单 | ||
| 124 | clxxForm: "", | ||
| 125 | //材料信息选择卡索引 | ||
| 126 | clxxIndex: "", | ||
| 127 | //材料信息选项卡对象 | ||
| 128 | clxxTab: {}, | ||
| 129 | //页面监听时间 | ||
| 130 | _beforeUnload_time: "", | ||
| 131 | //批量操作 | ||
| 132 | showBatch: false, | ||
| 133 | //批量操作按钮名称 | ||
| 134 | batchButtonName: '', | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | mounted () { | ||
| 138 | //添加页面监听事件 | ||
| 139 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) | ||
| 140 | window.addEventListener('unload', e => this.unloadHandler(e)) | ||
| 141 | }, | ||
| 142 | destroyed () { | ||
| 143 | window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) | ||
| 144 | window.removeEventListener('unload', e => this.unloadHandler(e)) | ||
| 145 | }, | ||
| 146 | methods: { | ||
| 147 | beforeunloadHandler () { | ||
| 148 | this._beforeUnload_time = new Date().getTime() | ||
| 149 | }, | ||
| 150 | unloadHandler (e) { | ||
| 151 | this._gap_time = new Date().getTime() - this._beforeUnload_time | ||
| 152 | //判断是窗口关闭还是刷新 | ||
| 153 | if (this._gap_time <= 10) { | ||
| 154 | //取消认领 | ||
| 155 | unClaimTask(this.bsmSlsq, this.bestepid) | ||
| 156 | } | ||
| 157 | }, | ||
| 158 | changeLoadIndex () { | ||
| 159 | this.loadIndex++ | ||
| 160 | }, | ||
| 161 | closeDialog () { | ||
| 162 | this.myValue = false | ||
| 163 | }, | ||
| 164 | // 更新列表 | ||
| 165 | updateDialog () { | ||
| 166 | this.loadBdcdylist(); | ||
| 167 | }, | ||
| 168 | // 删除左侧列表 | ||
| 169 | handleDel (item) { | ||
| 170 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
| 171 | confirmButtonText: "确定", | ||
| 172 | cancelButtonText: "取消", | ||
| 173 | type: "warning", | ||
| 174 | }) | ||
| 175 | .then(() => { | ||
| 176 | var formdata = new FormData(); | ||
| 177 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
| 178 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 179 | deleteFlow(formdata).then((res) => { | ||
| 180 | if (res.code == 200) { | ||
| 181 | this.$message.success("删除成功"); | ||
| 182 | this.loadBdcdylist(); | ||
| 183 | } else { | ||
| 184 | this.$message.error(res.message); | ||
| 185 | } | ||
| 186 | }); | ||
| 187 | }) | ||
| 188 | .catch(() => { | ||
| 189 | this.$message({ | ||
| 190 | type: "info", | ||
| 191 | message: "已取消删除", | ||
| 192 | }); | ||
| 193 | }); | ||
| 194 | }, | ||
| 195 | //申请单元点击事件 | ||
| 196 | stepForm (index) { | ||
| 197 | getStepFormInfo(this.currentSelectProps).then((res) => { | ||
| 198 | if (res.code === 200) { | ||
| 199 | this.fresh++; | ||
| 200 | //获取单元对应的所有表单信息 | ||
| 201 | this.tabList = res.result; | ||
| 202 | //默认加载第一个表单信息 | ||
| 203 | this.tabName = res.result[0].value; | ||
| 204 | //批量操作无分屏按钮 | ||
| 205 | if (index != null) { | ||
| 206 | //处理分屏材料信息 | ||
| 207 | let that = this; | ||
| 208 | this.tabList.forEach(function (item, index) { | ||
| 209 | if (item.value == "clxx") { | ||
| 210 | that.clxxIndex = index; | ||
| 211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
| 212 | that.clxxTab = item; | ||
| 213 | } | ||
| 214 | }) | ||
| 215 | } | ||
| 216 | } | ||
| 217 | }) | ||
| 218 | }, | ||
| 219 | //申请单元点击事件 | ||
| 220 | unitClick (index) { | ||
| 221 | this.currentSelectProps = this.unitData[index]; | ||
| 222 | this.currentSelectProps.batchOperation = false; | ||
| 223 | this.activeIndex = index.toString(); | ||
| 224 | this.stepForm(index); | ||
| 225 | }, | ||
| 226 | //批量按钮点击事件 | ||
| 227 | batchUnitClick () { | ||
| 228 | this.currentSelectProps.batchOperation = true; | ||
| 229 | this.activeIndex = "-1"; | ||
| 230 | this.stepForm(); | ||
| 231 | } | ||
| 232 | } | ||
| 233 | } | ||
| 234 | </script> |
| ... | @@ -4,18 +4,19 @@ | ... | @@ -4,18 +4,19 @@ |
| 4 | <div class="topButton"> | 4 | <div class="topButton"> |
| 5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
| 6 | <ul> | 6 | <ul> |
| 7 | <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> |
| 8 | <svg-icon :icon-class="item.icon" /> | 8 | <svg-icon :icon-class="item.icon" /> |
| 9 | <span class="iconName">{{ item.name }}</span> | 9 | <span class="iconName">{{ item.name }}</span> |
| 10 | </li> | 10 | </li> |
| 11 | </ul> | 11 | </ul> |
| 12 | <!-- 右侧流程按钮 --> | 12 | <!-- 右侧流程按钮 --> |
| 13 | <ul> | 13 | <ul> |
| 14 | <li @click="operation(index, item)" v-for="(item, index) in rightButtonList" :key="index"> | 14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> |
| 15 | <svg-icon class="icon" :icon-class="item.icon" /> | 15 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 16 | <span class="iconName">{{ item.name }}</span> | 16 | <span class="iconName">{{ item.name }}</span> |
| 17 | </li> | 17 | </li> |
| 18 | </ul> | 18 | </ul> |
| 19 | <NoticeBar class="NoticeBar" :noticeList="noticeList" /> | ||
| 19 | </div> | 20 | </div> |
| 20 | <!-- 内容框架 --> | 21 | <!-- 内容框架 --> |
| 21 | <div class="containerFrame"> | 22 | <div class="containerFrame"> |
| ... | @@ -50,7 +51,7 @@ | ... | @@ -50,7 +51,7 @@ |
| 50 | </div> | 51 | </div> |
| 51 | <!-- 表单内容区域 --> | 52 | <!-- 表单内容区域 --> |
| 52 | <div class="rightContainer"> | 53 | <div class="rightContainer"> |
| 53 | <el-tabs v-model="tabName" @tab-click="tabClick"> | 54 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
| 54 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | 55 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> |
| 55 | </el-tab-pane> | 56 | </el-tab-pane> |
| 56 | </el-tabs> | 57 | </el-tabs> |
| ... | @@ -60,24 +61,25 @@ | ... | @@ -60,24 +61,25 @@ |
| 60 | </div> | 61 | </div> |
| 61 | </div> | 62 | </div> |
| 62 | </template> | 63 | </template> |
| 63 | |||
| 64 | <style scoped lang='scss'> | 64 | <style scoped lang='scss'> |
| 65 | @import "~@/styles/mixin.scss"; | 65 | @import "~@/styles/mixin.scss"; |
| 66 | @import "./workFrame.scss"; | 66 | @import "./workFrame.scss"; |
| 67 | </style> | 67 | </style> |
| 68 | |||
| 69 | <script> | 68 | <script> |
| 70 | import { | 69 | import { |
| 71 | leftMenu, | 70 | leftMenu, |
| 72 | stepExpandInfo, | 71 | stepExpandInfo, |
| 73 | record, | ||
| 74 | getNextLinkInfo, | ||
| 75 | completeTask, | ||
| 76 | getStepFormInfo | 72 | getStepFormInfo |
| 77 | } from "@/api/fqsq.js" | 73 | } from "@/api/fqsq.js" |
| 74 | import publicFlow from "./mixin/public.js" | ||
| 75 | import { popupDialog } from "@/utils/popup.js"; | ||
| 76 | import NoticeBar from '@/components/NoticeBar/index' | ||
| 78 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" | 77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" |
| 79 | import { getForm } from "./flowform.js" | ||
| 80 | export default { | 78 | export default { |
| 79 | mixins: [publicFlow], | ||
| 80 | components: { | ||
| 81 | NoticeBar | ||
| 82 | }, | ||
| 81 | data () { | 83 | data () { |
| 82 | return { | 84 | return { |
| 83 | // 流程图 | 85 | // 流程图 |
| ... | @@ -131,35 +133,26 @@ export default { | ... | @@ -131,35 +133,26 @@ export default { |
| 131 | if (res.code === 200) { | 133 | if (res.code === 200) { |
| 132 | this.leftButtonList = res.result.button; | 134 | this.leftButtonList = res.result.button; |
| 133 | this.rightButtonList = res.result.operation; | 135 | this.rightButtonList = res.result.operation; |
| 134 | // this.tabList = res.result.form; | ||
| 135 | // //默认选择第一个选项卡内容 | ||
| 136 | // this.tabName = res.result.form[0].value; | ||
| 137 | // let that = this; | ||
| 138 | // this.tabList.forEach(function (item, index) { | ||
| 139 | // if (item.value == "clxx") { | ||
| 140 | // that.clxxIndex = index; | ||
| 141 | // that.clxxForm = getForm(item.value); | ||
| 142 | // that.clxxTab = item; | ||
| 143 | // } | ||
| 144 | // }); | ||
| 145 | // //默认加载第一个选项卡的组件内容 | ||
| 146 | // this.getFromRouter(res.result.form[0].value); | ||
| 147 | } | 136 | } |
| 148 | }) | 137 | }) |
| 149 | }, | 138 | }, |
| 150 | //流程环节操作按钮 | 139 | //流程环节操作按钮 |
| 151 | operation (index, item) { | 140 | operation (item) { |
| 152 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | 141 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 |
| 153 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 142 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
| 154 | let that = this; | ||
| 155 | switch (item.value) { | 143 | switch (item.value) { |
| 156 | case "B1": | 144 | case "B1": |
| 157 | getWorkFlowImage(this.bsmSlsq).then(res => { | 145 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { |
| 158 | this.imgSrc = URL.createObjectURL(res) | 146 | let { result } = res |
| 159 | this.$popup({ | 147 | popupDialog("流程图", "workflow/components/processViewer", { |
| 160 | title: '流程图', | 148 | xml: result.xml, |
| 161 | editItem: 'workflow/components/flowChart', | 149 | finishedInfo: { |
| 162 | formData: this.imgSrc | 150 | finishedTaskSet: result.finishedTaskSet, |
| 151 | unfinishedTaskSet: result.unfinishedTaskSet, | ||
| 152 | rejectedTaskSet: result.rejectedTaskSet, | ||
| 153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | ||
| 154 | }, | ||
| 155 | allCommentList: result.historyTaskList | ||
| 163 | }) | 156 | }) |
| 164 | }) | 157 | }) |
| 165 | break; | 158 | break; |
| ... | @@ -204,35 +197,14 @@ export default { | ... | @@ -204,35 +197,14 @@ export default { |
| 204 | this.currentSelectProps.type = 'ONLY_READ'; | 197 | this.currentSelectProps.type = 'ONLY_READ'; |
| 205 | getStepFormInfo(this.currentSelectProps).then((res) => { | 198 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 206 | if (res.code === 200) { | 199 | if (res.code === 200) { |
| 207 | this.fresh += 1; | 200 | this.fresh++; |
| 208 | //获取单元对应的所有表单信息 | 201 | //获取单元对应的所有表单信息 |
| 209 | this.tabList = res.result; | 202 | this.tabList = res.result; |
| 210 | //默认加载第一个表单信息 | 203 | //默认加载第一个表单信息 |
| 211 | this.tabName = res.result[0].value; | 204 | 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 | // }); | ||
| 221 | } | 205 | } |
| 222 | }); | 206 | }) |
| 223 | // if (this.currentSelectProps.bsmSldy != this.unitData[index].bsmSldy) { | 207 | } |
| 224 | // this.currentSelectProps = this.unitData[index]; | ||
| 225 | // this.fresh += 1; | ||
| 226 | // } | ||
| 227 | }, | ||
| 228 | //表单选项卡事件 | ||
| 229 | tabClick (tab, event) { | ||
| 230 | this.getFromRouter(tab.name); | ||
| 231 | }, | ||
| 232 | //切换选项卡内容组件 | ||
| 233 | getFromRouter (tabname) { | ||
| 234 | this.componentTag = getForm(tabname); | ||
| 235 | }, | ||
| 236 | } | 208 | } |
| 237 | } | 209 | } |
| 238 | </script> | 210 | </script> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <template> | ||
| 2 | <div class="container"> | ||
| 3 | <!-- 顶部内容框 --> | ||
| 4 | <div class="topButton"> | ||
| 5 | <!-- 左侧业务功能按钮 --> | ||
| 6 | <ul> | ||
| 7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | ||
| 8 | <svg-icon :icon-class="item.icon" /> | ||
| 9 | <span class="iconName">{{ item.name }}</span> | ||
| 10 | </li> | ||
| 11 | </ul> | ||
| 12 | <!-- 右侧流程按钮 --> | ||
| 13 | <ul> | ||
| 14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | ||
| 15 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 16 | <span class="iconName">{{ item.name }}</span> | ||
| 17 | </li> | ||
| 18 | </ul> | ||
| 19 | <NoticeBar class="NoticeBar" :noticeList="noticeList" /> | ||
| 20 | </div> | ||
| 21 | <!-- 内容框架 --> | ||
| 22 | <div class="containerFrame"> | ||
| 23 | <!-- 左侧菜单栏 --> | ||
| 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
| 25 | <div v-if="this.isShowdrawer"> | ||
| 26 | <div class="title">申请单元列表({{ unitData.length }})</div> | ||
| 27 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 28 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
| 29 | <div> | ||
| 30 | <p>{{ item.bdcdyh }}</p> | ||
| 31 | <p class="title-detail">{{ item.zl }}</p> | ||
| 32 | </div> | ||
| 33 | </el-menu-item> | ||
| 34 | </el-menu> | ||
| 35 | </div> | ||
| 36 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
| 37 | () => { | ||
| 38 | this.isShowdrawer = !this.isShowdrawer; | ||
| 39 | } | ||
| 40 | "></div> | ||
| 41 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
| 42 | () => { | ||
| 43 | this.isShowdrawer = !this.isShowdrawer; | ||
| 44 | } | ||
| 45 | "></div> | ||
| 46 | </div> | ||
| 47 | <div class="leftCon"> | ||
| 48 | <!-- 分屏左侧预览 --> | ||
| 49 | <div v-if="splitScreen" class="splitScreen-con"> | ||
| 50 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | ||
| 51 | </div> | ||
| 52 | <!-- 表单内容区域 --> | ||
| 53 | <div class="rightContainer"> | ||
| 54 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | ||
| 55 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | ||
| 56 | </el-tab-pane> | ||
| 57 | </el-tabs> | ||
| 58 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | ||
| 59 | </div> | ||
| 60 | </div> | ||
| 61 | </div> | ||
| 62 | </div> | ||
| 63 | </template> | ||
| 64 | <style scoped lang='scss'> | ||
| 65 | @import "~@/styles/mixin.scss"; | ||
| 66 | @import "./workFrame.scss"; | ||
| 67 | </style> | ||
| 68 | <script> | ||
| 69 | import { | ||
| 70 | leftMenu, | ||
| 71 | stepExpandInfo, | ||
| 72 | getStepFormInfo | ||
| 73 | } from "@/api/fqsq.js" | ||
| 74 | import publicFlow from "./mixin/public.js" | ||
| 75 | import { popupDialog } from "@/utils/popup.js"; | ||
| 76 | import NoticeBar from '@/components/NoticeBar/index' | ||
| 77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" | ||
| 78 | export default { | ||
| 79 | mixins: [publicFlow], | ||
| 80 | components: { | ||
| 81 | NoticeBar | ||
| 82 | }, | ||
| 83 | data () { | ||
| 84 | return { | ||
| 85 | // 流程图 | ||
| 86 | imgSrc: '', | ||
| 87 | // 折叠 | ||
| 88 | isShowdrawer: true, | ||
| 89 | // 默认选中 | ||
| 90 | activeIndex: '0', | ||
| 91 | //受理申请标识码 | ||
| 92 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 93 | //当前流程所在环节 | ||
| 94 | bestepid: this.$route.query.bestepid, | ||
| 95 | //顶部左侧按钮集合 | ||
| 96 | leftButtonList: [], | ||
| 97 | //顶部右侧按钮集合 | ||
| 98 | rightButtonList: [], | ||
| 99 | //左侧菜单数据集合 | ||
| 100 | unitData: [], | ||
| 101 | //设置那个表单选中 | ||
| 102 | tabName: "", | ||
| 103 | //表单集合 | ||
| 104 | tabList: [], | ||
| 105 | //选择加载哪一个组件 | ||
| 106 | componentTag: "", | ||
| 107 | //设置表单组件是否刷选值 | ||
| 108 | fresh: 10, | ||
| 109 | //设置表单传递数据 | ||
| 110 | currentSelectProps: {}, | ||
| 111 | //是否开启材料分屏 | ||
| 112 | splitScreen: false, | ||
| 113 | //材料分屏表单 | ||
| 114 | clxxForm: "", | ||
| 115 | //材料信息选择卡索引 | ||
| 116 | clxxIndex: "", | ||
| 117 | //材料信息选项卡对象 | ||
| 118 | clxxTab: {}, | ||
| 119 | } | ||
| 120 | }, | ||
| 121 | mounted () { | ||
| 122 | this.loadBdcdylist(); | ||
| 123 | this.flowInitParam(); | ||
| 124 | }, | ||
| 125 | methods: { | ||
| 126 | //加载流程初始参数 | ||
| 127 | flowInitParam () { | ||
| 128 | var formdata = new FormData(); | ||
| 129 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 130 | formdata.append("bestepid", this.bestepid); | ||
| 131 | formdata.append("type", "READ_ONLY"); | ||
| 132 | stepExpandInfo(formdata).then((res) => { | ||
| 133 | if (res.code === 200) { | ||
| 134 | this.leftButtonList = res.result.button; | ||
| 135 | this.rightButtonList = res.result.operation; | ||
| 136 | } | ||
| 137 | }) | ||
| 138 | }, | ||
| 139 | //流程环节操作按钮 | ||
| 140 | operation (item) { | ||
| 141 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | ||
| 142 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | ||
| 143 | switch (item.value) { | ||
| 144 | case "B1": | ||
| 145 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | ||
| 146 | let { result } = res | ||
| 147 | popupDialog("流程图", "workflow/components/processViewer", { | ||
| 148 | xml: result.xml, | ||
| 149 | finishedInfo: { | ||
| 150 | finishedTaskSet: result.finishedTaskSet, | ||
| 151 | unfinishedTaskSet: result.unfinishedTaskSet, | ||
| 152 | rejectedTaskSet: result.rejectedTaskSet, | ||
| 153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | ||
| 154 | }, | ||
| 155 | allCommentList: result.historyTaskList | ||
| 156 | }) | ||
| 157 | }) | ||
| 158 | break; | ||
| 159 | case "B5": | ||
| 160 | this.zsylFlag = true; | ||
| 161 | break; | ||
| 162 | case "B2": //材料分屏按钮 | ||
| 163 | this.splitScreen = this.splitScreen ? false : true; | ||
| 164 | this.$store.dispatch('app/settScreen', this.splitScreen) | ||
| 165 | if (this.splitScreen) { | ||
| 166 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | ||
| 167 | if (this.tabName == this.clxxTab.value) { | ||
| 168 | this.tabName = this.tabList[this.clxxIndex - 1].value; | ||
| 169 | this.getFromRouter(this.tabList[this.clxxIndex - 1].value); | ||
| 170 | } | ||
| 171 | this.tabList.splice(this.clxxIndex, 1); | ||
| 172 | } else { | ||
| 173 | this.tabList.splice(this.clxxIndex, 1, this.clxxTab); | ||
| 174 | } | ||
| 175 | break; | ||
| 176 | case "signout": | ||
| 177 | window.close(); | ||
| 178 | break; | ||
| 179 | } | ||
| 180 | }, | ||
| 181 | //读取申请单元信息 | ||
| 182 | loadBdcdylist () { | ||
| 183 | var formdata = new FormData(); | ||
| 184 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 185 | formdata.append("bestepid", this.bestepid); | ||
| 186 | leftMenu(formdata).then((res) => { | ||
| 187 | if (res.code === 200) { | ||
| 188 | this.unitData = res.result; | ||
| 189 | this.currentSelectProps = res.result[0]; | ||
| 190 | this.unitClick(0); | ||
| 191 | } | ||
| 192 | }) | ||
| 193 | }, | ||
| 194 | //申请单元点击事件 | ||
| 195 | unitClick (index) { | ||
| 196 | this.currentSelectProps = this.unitData[index]; | ||
| 197 | this.currentSelectProps.type = 'ONLY_READ'; | ||
| 198 | getStepFormInfo(this.currentSelectProps).then((res) => { | ||
| 199 | if (res.code === 200) { | ||
| 200 | this.fresh++; | ||
| 201 | //获取单元对应的所有表单信息 | ||
| 202 | this.tabList = res.result; | ||
| 203 | //默认加载第一个表单信息 | ||
| 204 | this.tabName = res.result[0].value; | ||
| 205 | } | ||
| 206 | }) | ||
| 207 | } | ||
| 208 | } | ||
| 209 | } | ||
| 210 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -174,21 +174,20 @@ export default { | ... | @@ -174,21 +174,20 @@ export default { |
| 174 | bsmSlsq: item.bsmSlsq, | 174 | bsmSlsq: item.bsmSlsq, |
| 175 | bestepid: item.bestepid | 175 | bestepid: item.bestepid |
| 176 | }).then(res => { | 176 | }).then(res => { |
| 177 | if(res.code == 200){ | 177 | if (res.code == 200) { |
| 178 | if(res.result){ | 178 | if (res.result) { |
| 179 | //有任务权限 | 179 | //有任务权限 |
| 180 | // const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); | 180 | const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); |
| 181 | const { href } = this.$router.resolve('/workFramecs?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); | ||
| 182 | window.open(href, '_blank'); | 181 | window.open(href, '_blank'); |
| 183 | //从待办箱进入的调取任务领取接口 | 182 | //从待办箱进入的调取任务领取接口 |
| 184 | claimTask(item.bsmSlsq, item.bestepid) | 183 | claimTask(item.bsmSlsq, item.bestepid) |
| 185 | }else{ | 184 | } else { |
| 186 | //无任务权限 | 185 | //无任务权限 |
| 187 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作") | 186 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作") |
| 188 | //刷新页面 | 187 | //刷新页面 |
| 189 | this.queryClick(); | 188 | this.queryClick(); |
| 190 | } | 189 | } |
| 191 | }else{ | 190 | } else { |
| 192 | this.$message.error("用户任务权限判断失败,请联系管理员") | 191 | this.$message.error("用户任务权限判断失败,请联系管理员") |
| 193 | } | 192 | } |
| 194 | }) | 193 | }) | ... | ... |
| ... | @@ -134,8 +134,7 @@ export default { | ... | @@ -134,8 +134,7 @@ export default { |
| 134 | this.queryClick() | 134 | this.queryClick() |
| 135 | }, | 135 | }, |
| 136 | ywhClick (item) { | 136 | ywhClick (item) { |
| 137 | // const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); | 137 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); |
| 138 | const { href } = this.$router.resolve('/workFrameViewcs?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); | ||
| 139 | window.open(href, '_blank'); | 138 | window.open(href, '_blank'); |
| 140 | } | 139 | } |
| 141 | } | 140 | } | ... | ... |
| ... | @@ -54,7 +54,7 @@ import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | ... | @@ -54,7 +54,7 @@ import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; |
| 54 | export default { | 54 | export default { |
| 55 | props: { | 55 | props: { |
| 56 | isJump: { type: Boolean, default: false }, | 56 | isJump: { type: Boolean, default: false }, |
| 57 | sqywInfo: { type: Object, default: () => {} }, | 57 | sqywInfo: { type: Object, default: () => { } }, |
| 58 | }, | 58 | }, |
| 59 | mixins: [table, jump], | 59 | mixins: [table, jump], |
| 60 | data () { | 60 | data () { |
| ... | @@ -76,14 +76,6 @@ export default { | ... | @@ -76,14 +76,6 @@ export default { |
| 76 | sendThis(this); | 76 | sendThis(this); |
| 77 | }, | 77 | }, |
| 78 | methods: { | 78 | methods: { |
| 79 | //点击行选中或取消复选框 | ||
| 80 | handleRowClick (row, column, event) { | ||
| 81 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 82 | this.$refs.table.toggleRowSelection(row); | ||
| 83 | }, | ||
| 84 | closeDialog () { | ||
| 85 | this.$emit("closeDialog") | ||
| 86 | }, | ||
| 87 | queryClick () { | 79 | queryClick () { |
| 88 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 89 | selectCfdj({ ...this.queryForm, ...this.pageData }) | 81 | selectCfdj({ ...this.queryForm, ...this.pageData }) |
| ... | @@ -104,8 +96,8 @@ export default { | ... | @@ -104,8 +96,8 @@ export default { |
| 104 | startBusinessFlow({ | 96 | startBusinessFlow({ |
| 105 | bsmSqyw: this.bsmSqyw, | 97 | bsmSqyw: this.bsmSqyw, |
| 106 | bdcdysz: this.bdcdysz, | 98 | bdcdysz: this.bdcdysz, |
| 107 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 99 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 108 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 100 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 109 | }).then((res) => { | 101 | }).then((res) => { |
| 110 | if (res.code == 200) { | 102 | if (res.code == 200) { |
| 111 | this.$message({ | 103 | this.$message({ | ... | ... |
| ... | @@ -63,9 +63,9 @@ export default { | ... | @@ -63,9 +63,9 @@ export default { |
| 63 | mixins: [table, jump], | 63 | mixins: [table, jump], |
| 64 | props: { | 64 | props: { |
| 65 | isJump: { type: Boolean, default: false }, | 65 | isJump: { type: Boolean, default: false }, |
| 66 | sqywInfo: { type: Object, default: () => {} }, | 66 | sqywInfo: { type: Object, default: () => { } }, |
| 67 | }, | 67 | }, |
| 68 | data() { | 68 | data () { |
| 69 | return { | 69 | return { |
| 70 | queryForm: defaultParameters.defaultParameters(), | 70 | queryForm: defaultParameters.defaultParameters(), |
| 71 | qllxs: [], | 71 | qllxs: [], |
| ... | @@ -77,19 +77,11 @@ export default { | ... | @@ -77,19 +77,11 @@ export default { |
| 77 | bdcdysz: [], | 77 | bdcdysz: [], |
| 78 | }; | 78 | }; |
| 79 | }, | 79 | }, |
| 80 | mounted() { | 80 | mounted () { |
| 81 | sendThis(this); | 81 | sendThis(this); |
| 82 | }, | 82 | }, |
| 83 | methods: { | 83 | methods: { |
| 84 | //点击行选中或取消复选框 | 84 | queryClick () { |
| 85 | handleRowClick(row, column, event) { | ||
| 86 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 87 | this.$refs.table.toggleRowSelection(row); | ||
| 88 | }, | ||
| 89 | closeDialog() { | ||
| 90 | this.$emit("closeDialog"); | ||
| 91 | }, | ||
| 92 | queryClick() { | ||
| 93 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 85 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 94 | selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => { | 86 | selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 95 | if (res.code === 200) { | 87 | if (res.code === 200) { |
| ... | @@ -99,7 +91,7 @@ export default { | ... | @@ -99,7 +91,7 @@ export default { |
| 99 | } | 91 | } |
| 100 | }); | 92 | }); |
| 101 | }, | 93 | }, |
| 102 | submitFormClick() { | 94 | submitFormClick () { |
| 103 | if (this.bdcdysz.length == 0) { | 95 | if (this.bdcdysz.length == 0) { |
| 104 | this.$message.error("请至少选择一条数据"); | 96 | this.$message.error("请至少选择一条数据"); |
| 105 | return; | 97 | return; |
| ... | @@ -126,7 +118,7 @@ export default { | ... | @@ -126,7 +118,7 @@ export default { |
| 126 | } | 118 | } |
| 127 | }); | 119 | }); |
| 128 | }, | 120 | }, |
| 129 | handleSelectionChange(val) { | 121 | handleSelectionChange (val) { |
| 130 | val.forEach((item, index) => { | 122 | val.forEach((item, index) => { |
| 131 | item.bsmSsql = item.bsmQlxx; | 123 | item.bsmSsql = item.bsmQlxx; |
| 132 | item.ybdcqzsh = item.bdcqzh; | 124 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -78,7 +78,7 @@ export default { | ... | @@ -78,7 +78,7 @@ export default { |
| 78 | mixins: [table, jump], | 78 | mixins: [table, jump], |
| 79 | props: { | 79 | props: { |
| 80 | isJump: { type: Boolean, default: false }, | 80 | isJump: { type: Boolean, default: false }, |
| 81 | sqywInfo: { type: Object, default: () => {} }, | 81 | sqywInfo: { type: Object, default: () => { } }, |
| 82 | }, | 82 | }, |
| 83 | data () { | 83 | data () { |
| 84 | return { | 84 | return { |
| ... | @@ -105,14 +105,6 @@ export default { | ... | @@ -105,14 +105,6 @@ export default { |
| 105 | sendThis(this) | 105 | sendThis(this) |
| 106 | }, | 106 | }, |
| 107 | methods: { | 107 | methods: { |
| 108 | //点击行选中或取消复选框 | ||
| 109 | handleRowClick (row, column, event) { | ||
| 110 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 111 | this.$refs.table.toggleRowSelection(row); | ||
| 112 | }, | ||
| 113 | closeDialog () { | ||
| 114 | this.$emit("closeDialog"); | ||
| 115 | }, | ||
| 116 | queryClick () { | 108 | queryClick () { |
| 117 | if (!this.isJump) { | 109 | if (!this.isJump) { |
| 118 | //从业务办理进入 | 110 | //从业务办理进入 |
| ... | @@ -162,8 +154,8 @@ export default { | ... | @@ -162,8 +154,8 @@ export default { |
| 162 | bsmSqyw: this.bsmSqyw, | 154 | bsmSqyw: this.bsmSqyw, |
| 163 | fwlx: this.activeName, | 155 | fwlx: this.activeName, |
| 164 | bdcdysz: this.bdcdysz, | 156 | bdcdysz: this.bdcdysz, |
| 165 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 157 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 166 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 158 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 167 | }).then((res) => { | 159 | }).then((res) => { |
| 168 | if (res.code == 200) { | 160 | if (res.code == 200) { |
| 169 | this.$message({ | 161 | this.$message({ |
| ... | @@ -206,8 +198,8 @@ export default { | ... | @@ -206,8 +198,8 @@ export default { |
| 206 | formData: { | 198 | formData: { |
| 207 | bsm: item.bsm, | 199 | bsm: item.bsm, |
| 208 | bsmSqyw: this.bsmSqyw, | 200 | bsmSqyw: this.bsmSqyw, |
| 209 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 201 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 210 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 202 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 211 | } | 203 | } |
| 212 | }) | 204 | }) |
| 213 | } | 205 | } |
| ... | @@ -217,5 +209,4 @@ export default { | ... | @@ -217,5 +209,4 @@ export default { |
| 217 | <style scoped lang="scss"> | 209 | <style scoped lang="scss"> |
| 218 | @import "~@/styles/mixin.scss"; | 210 | @import "~@/styles/mixin.scss"; |
| 219 | @import "~@/styles/public.scss"; | 211 | @import "~@/styles/public.scss"; |
| 220 | |||
| 221 | </style> | 212 | </style> | ... | ... |
| 1 | export default { | 1 | export default { |
| 2 | methods: { | 2 | methods: { |
| 3 | closeDialog () { | ||
| 4 | this.$emit("closeDialog") | ||
| 5 | }, | ||
| 6 | //点击行选中或取消复选框 | ||
| 7 | handleRowClick (row, column, event) { | ||
| 8 | row.djblzt != 1 && (this.$refs.table.toggleRowSelection(row)) | ||
| 9 | }, | ||
| 3 | jump (data, type) { | 10 | jump (data, type) { |
| 4 | this.$emit("closeDialog"); | 11 | this.$emit("closeDialog"); |
| 5 | const { href } = this.$router.resolve( | 12 | const { href } = this.$router.resolve( |
| 6 | "/workFramecs?bsmSlsq=" + | 13 | "/workFrame?bsmSlsq=" + |
| 7 | data.bsmSlsq + | 14 | data.bsmSlsq + |
| 8 | "&bestepid=" + | 15 | "&bestepid=" + |
| 9 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | 16 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | ... | ... |
| ... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
| 49 | mixins: [table, jump], | 49 | mixins: [table, jump], |
| 50 | props: { | 50 | props: { |
| 51 | isJump: { type: Boolean, default: false }, | 51 | isJump: { type: Boolean, default: false }, |
| 52 | sqywInfo: { type: Object, default: () => {} }, | 52 | sqywInfo: { type: Object, default: () => { } }, |
| 53 | }, | 53 | }, |
| 54 | data () { | 54 | data () { |
| 55 | return { | 55 | return { |
| ... | @@ -70,14 +70,6 @@ export default { | ... | @@ -70,14 +70,6 @@ export default { |
| 70 | sendThis(this); | 70 | sendThis(this); |
| 71 | }, | 71 | }, |
| 72 | methods: { | 72 | methods: { |
| 73 | //点击行选中或取消复选框 | ||
| 74 | handleRowClick (row, column, event) { | ||
| 75 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 76 | this.$refs.table.toggleRowSelection(row); | ||
| 77 | }, | ||
| 78 | closeDialog () { | ||
| 79 | this.$emit("closeDialog"); | ||
| 80 | }, | ||
| 81 | queryClick () { | 73 | queryClick () { |
| 82 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 74 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 83 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 75 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| ... | @@ -96,8 +88,8 @@ export default { | ... | @@ -96,8 +88,8 @@ export default { |
| 96 | startBusinessFlow({ | 88 | startBusinessFlow({ |
| 97 | bsmSqyw: this.bsmSqyw, | 89 | bsmSqyw: this.bsmSqyw, |
| 98 | bdcdysz: this.bdcdysz, | 90 | bdcdysz: this.bdcdysz, |
| 99 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 91 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 100 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 92 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 101 | }).then((res) => { | 93 | }).then((res) => { |
| 102 | if (res.code == 200) { | 94 | if (res.code == 200) { |
| 103 | this.$message({ | 95 | this.$message({ | ... | ... |
| ... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
| 49 | mixins: [table, jump], | 49 | mixins: [table, jump], |
| 50 | props: { | 50 | props: { |
| 51 | isJump: { type: Boolean, default: false }, | 51 | isJump: { type: Boolean, default: false }, |
| 52 | sqywInfo: { type: Object, default: () => {} }, | 52 | sqywInfo: { type: Object, default: () => { } }, |
| 53 | }, | 53 | }, |
| 54 | data () { | 54 | data () { |
| 55 | return { | 55 | return { |
| ... | @@ -67,14 +67,6 @@ export default { | ... | @@ -67,14 +67,6 @@ export default { |
| 67 | sendThis(this); | 67 | sendThis(this); |
| 68 | }, | 68 | }, |
| 69 | methods: { | 69 | methods: { |
| 70 | //点击行选中或取消复选框 | ||
| 71 | handleRowClick (row, column, event) { | ||
| 72 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 73 | this.$refs.table.toggleRowSelection(row); | ||
| 74 | }, | ||
| 75 | closeDialog () { | ||
| 76 | this.$emit("closeDialog"); | ||
| 77 | }, | ||
| 78 | queryClick () { | 70 | queryClick () { |
| 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 71 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 80 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 72 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| ... | @@ -93,8 +85,8 @@ export default { | ... | @@ -93,8 +85,8 @@ export default { |
| 93 | startBusinessFlow({ | 85 | startBusinessFlow({ |
| 94 | bsmSqyw: this.sqywInfo.parentid, | 86 | bsmSqyw: this.sqywInfo.parentid, |
| 95 | bdcdysz: this.bdcdysz, | 87 | bdcdysz: this.bdcdysz, |
| 96 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 88 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 97 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 89 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 98 | }).then((res) => { | 90 | }).then((res) => { |
| 99 | if (res.code == 200) { | 91 | if (res.code == 200) { |
| 100 | this.$message({ | 92 | this.$message({ | ... | ... |
| ... | @@ -64,9 +64,9 @@ export default { | ... | @@ -64,9 +64,9 @@ export default { |
| 64 | mixins: [table, jump], | 64 | mixins: [table, jump], |
| 65 | props: { | 65 | props: { |
| 66 | isJump: { type: Boolean, default: false }, | 66 | isJump: { type: Boolean, default: false }, |
| 67 | sqywInfo: { type: Object, default: () => {} }, | 67 | sqywInfo: { type: Object, default: () => { } }, |
| 68 | }, | 68 | }, |
| 69 | data() { | 69 | data () { |
| 70 | return { | 70 | return { |
| 71 | queryForm: defaultParameters.defaultParameters(), | 71 | queryForm: defaultParameters.defaultParameters(), |
| 72 | qllxData: [], | 72 | qllxData: [], |
| ... | @@ -82,10 +82,10 @@ export default { | ... | @@ -82,10 +82,10 @@ export default { |
| 82 | : this.sqywInfo.parentid, | 82 | : this.sqywInfo.parentid, |
| 83 | }; | 83 | }; |
| 84 | }, | 84 | }, |
| 85 | mounted() { | 85 | mounted () { |
| 86 | sendThis(this); | 86 | sendThis(this); |
| 87 | }, | 87 | }, |
| 88 | created() { | 88 | created () { |
| 89 | //初始化权利类型下拉框内容 | 89 | //初始化权利类型下拉框内容 |
| 90 | getQllxByBsmSqyw(this.bsmSqyw).then((res) => { | 90 | getQllxByBsmSqyw(this.bsmSqyw).then((res) => { |
| 91 | if (res.code === 200) { | 91 | if (res.code === 200) { |
| ... | @@ -94,16 +94,8 @@ export default { | ... | @@ -94,16 +94,8 @@ export default { |
| 94 | }); | 94 | }); |
| 95 | }, | 95 | }, |
| 96 | methods: { | 96 | methods: { |
| 97 | //点击行选中或取消复选框 | ||
| 98 | handleRowClick(row, column, event) { | ||
| 99 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 100 | this.$refs.table.toggleRowSelection(row); | ||
| 101 | }, | ||
| 102 | closeDialog() { | ||
| 103 | this.$emit("closeDialog"); | ||
| 104 | }, | ||
| 105 | //默认加载表格信息 | 97 | //默认加载表格信息 |
| 106 | queryClick() { | 98 | queryClick () { |
| 107 | this.queryForm.bsmSqyw = this.bsmSqyw; | 99 | this.queryForm.bsmSqyw = this.bsmSqyw; |
| 108 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 100 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 109 | if (res.code === 200) { | 101 | if (res.code === 200) { |
| ... | @@ -113,7 +105,7 @@ export default { | ... | @@ -113,7 +105,7 @@ export default { |
| 113 | } | 105 | } |
| 114 | }); | 106 | }); |
| 115 | }, | 107 | }, |
| 116 | submitForm() { | 108 | submitForm () { |
| 117 | if (this.bdcdysz.length == 0) { | 109 | if (this.bdcdysz.length == 0) { |
| 118 | this.$alert("请至少选择一条数据"); | 110 | this.$alert("请至少选择一条数据"); |
| 119 | return; | 111 | return; |
| ... | @@ -140,7 +132,7 @@ export default { | ... | @@ -140,7 +132,7 @@ export default { |
| 140 | } | 132 | } |
| 141 | }); | 133 | }); |
| 142 | }, | 134 | }, |
| 143 | handleSelectionChange(val) { | 135 | handleSelectionChange (val) { |
| 144 | val.forEach((item, index) => { | 136 | val.forEach((item, index) => { |
| 145 | item.bsmSsql = item.bsmQlxx; | 137 | item.bsmSsql = item.bsmQlxx; |
| 146 | item.ybdcqzsh = item.bdcqzh; | 138 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -7,34 +7,19 @@ | ... | @@ -7,34 +7,19 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="自然幢号"> | 9 | <el-form-item label="自然幢号"> |
| 10 | <el-input | 10 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable class="width200px"> |
| 11 | placeholder="请输入自然幢号" | ||
| 12 | v-model="queryForm.zrzh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | > | ||
| 16 | </el-input> | 11 | </el-input> |
| 17 | </el-form-item> | 12 | </el-form-item> |
| 18 | </el-col> | 13 | </el-col> |
| 19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
| 20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
| 21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 22 | placeholder="请输入不动产单元号" | ||
| 23 | v-model="queryForm.bdcdyh" | ||
| 24 | clearable | ||
| 25 | class="width200px" | ||
| 26 | > | ||
| 27 | </el-input> | 17 | </el-input> |
| 28 | </el-form-item> | 18 | </el-form-item> |
| 29 | </el-col> | 19 | </el-col> |
| 30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 31 | <el-form-item label="项目名称"> | 21 | <el-form-item label="项目名称"> |
| 32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.xmmc" clearable class="width200px"> |
| 33 | placeholder="" | ||
| 34 | v-model="queryForm.xmmc" | ||
| 35 | clearable | ||
| 36 | class="width200px" | ||
| 37 | > | ||
| 38 | </el-input> | 23 | </el-input> |
| 39 | </el-form-item> | 24 | </el-form-item> |
| 40 | </el-col> | 25 | </el-col> |
| ... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
| 48 | </div> | 33 | </div> |
| 49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
| 50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
| 51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
| 55 | :heightNum="400" | ||
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @p-current-change="handleCurrentChange" | ||
| 60 | @selection-change="handleSelectionChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 64 | </lb-table> | 40 | </lb-table> |
| 65 | </div> | 41 | </div> |
| 66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
| ... | @@ -79,10 +55,10 @@ export default { | ... | @@ -79,10 +55,10 @@ export default { |
| 79 | mixins: [table, jump], | 55 | mixins: [table, jump], |
| 80 | props: { | 56 | props: { |
| 81 | isJump: { type: Boolean, default: false }, | 57 | isJump: { type: Boolean, default: false }, |
| 82 | sqywInfo: { type: Object, default: () => {} }, | 58 | sqywInfo: { type: Object, default: () => { } }, |
| 83 | 59 | ||
| 84 | }, | 60 | }, |
| 85 | data() { | 61 | data () { |
| 86 | return { | 62 | return { |
| 87 | queryForm: defaultParameters.defaultParameters(), | 63 | queryForm: defaultParameters.defaultParameters(), |
| 88 | tableData: { | 64 | tableData: { |
| ... | @@ -93,19 +69,11 @@ export default { | ... | @@ -93,19 +69,11 @@ export default { |
| 93 | bdcdysz: [], | 69 | bdcdysz: [], |
| 94 | }; | 70 | }; |
| 95 | }, | 71 | }, |
| 96 | mounted() { | 72 | mounted () { |
| 97 | sendThis(this); | 73 | sendThis(this); |
| 98 | }, | 74 | }, |
| 99 | methods: { | 75 | methods: { |
| 100 | //点击行选中或取消复选框 | 76 | queryClick () { |
| 101 | handleRowClick(row, column, event) { | ||
| 102 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 103 | this.$refs.table.toggleRowSelection(row); | ||
| 104 | }, | ||
| 105 | closeDialog() { | ||
| 106 | this.$emit("closeDialog"); | ||
| 107 | }, | ||
| 108 | queryClick() { | ||
| 109 | selectAllHInfo({ ...this.queryForm, ...this.pageData }).then((res) => { | 77 | selectAllHInfo({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 110 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| 111 | let { total, records } = res.result; | 79 | let { total, records } = res.result; |
| ... | @@ -114,7 +82,7 @@ export default { | ... | @@ -114,7 +82,7 @@ export default { |
| 114 | } | 82 | } |
| 115 | }); | 83 | }); |
| 116 | }, | 84 | }, |
| 117 | submitForm() { | 85 | submitForm () { |
| 118 | if (this.bdcdysz.length == 0) { | 86 | if (this.bdcdysz.length == 0) { |
| 119 | this.$message.error("请至少选择一条数据"); | 87 | this.$message.error("请至少选择一条数据"); |
| 120 | return; | 88 | return; |
| ... | @@ -122,8 +90,8 @@ export default { | ... | @@ -122,8 +90,8 @@ export default { |
| 122 | startBusinessFlow({ | 90 | startBusinessFlow({ |
| 123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 91 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 124 | bdcdysz: this.bdcdysz, | 92 | bdcdysz: this.bdcdysz, |
| 125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 93 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 94 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 127 | }).then((res) => { | 95 | }).then((res) => { |
| 128 | if (res.code == 200) { | 96 | if (res.code == 200) { |
| 129 | this.$message({ | 97 | this.$message({ |
| ... | @@ -141,7 +109,7 @@ export default { | ... | @@ -141,7 +109,7 @@ export default { |
| 141 | } | 109 | } |
| 142 | }); | 110 | }); |
| 143 | }, | 111 | }, |
| 144 | handleSelectionChange(val) { | 112 | handleSelectionChange (val) { |
| 145 | val.forEach((item, index) => { | 113 | val.forEach((item, index) => { |
| 146 | item.bsmSsql = item.bsmQlxx; | 114 | item.bsmSsql = item.bsmQlxx; |
| 147 | item.ybdcqzsh = item.bdcqzh; | 115 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -55,9 +55,9 @@ export default { | ... | @@ -55,9 +55,9 @@ export default { |
| 55 | mixins: [table, jump], | 55 | mixins: [table, jump], |
| 56 | props: { | 56 | props: { |
| 57 | isJump: { type: Boolean, default: false }, | 57 | isJump: { type: Boolean, default: false }, |
| 58 | sqywInfo: { type: Object, default: () => {} }, | 58 | sqywInfo: { type: Object, default: () => { } }, |
| 59 | }, | 59 | }, |
| 60 | data() { | 60 | data () { |
| 61 | return { | 61 | return { |
| 62 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
| 63 | tableData: { | 63 | tableData: { |
| ... | @@ -68,19 +68,11 @@ export default { | ... | @@ -68,19 +68,11 @@ export default { |
| 68 | bdcdysz: [], | 68 | bdcdysz: [], |
| 69 | }; | 69 | }; |
| 70 | }, | 70 | }, |
| 71 | mounted() { | 71 | mounted () { |
| 72 | sendThis(this); | 72 | sendThis(this); |
| 73 | }, | 73 | }, |
| 74 | methods: { | 74 | methods: { |
| 75 | //点击行选中或取消复选框 | 75 | queryClick () { |
| 76 | handleRowClick(row, column, event) { | ||
| 77 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 78 | this.$refs.table.toggleRowSelection(row); | ||
| 79 | }, | ||
| 80 | closeDialog() { | ||
| 81 | this.$emit("closeDialog"); | ||
| 82 | }, | ||
| 83 | queryClick() { | ||
| 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 85 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | 77 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 86 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| ... | @@ -90,7 +82,7 @@ export default { | ... | @@ -90,7 +82,7 @@ export default { |
| 90 | } | 82 | } |
| 91 | }); | 83 | }); |
| 92 | }, | 84 | }, |
| 93 | submitForm() { | 85 | submitForm () { |
| 94 | if (this.bdcdysz.length == 0) { | 86 | if (this.bdcdysz.length == 0) { |
| 95 | this.$message.error("请至少选择一条数据"); | 87 | this.$message.error("请至少选择一条数据"); |
| 96 | return; | 88 | return; |
| ... | @@ -117,7 +109,7 @@ export default { | ... | @@ -117,7 +109,7 @@ export default { |
| 117 | } | 109 | } |
| 118 | }); | 110 | }); |
| 119 | }, | 111 | }, |
| 120 | handleSelectionChange(val) { | 112 | handleSelectionChange (val) { |
| 121 | val.forEach((item, index) => { | 113 | val.forEach((item, index) => { |
| 122 | item.bsmSsql = item.bsmQlxx; | 114 | item.bsmSsql = item.bsmQlxx; |
| 123 | item.ybdcqzsh = item.bdcqzh; | 115 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -63,9 +63,9 @@ export default { | ... | @@ -63,9 +63,9 @@ export default { |
| 63 | mixins: [table, jump], | 63 | mixins: [table, jump], |
| 64 | props: { | 64 | props: { |
| 65 | isJump: { type: Boolean, default: false }, | 65 | isJump: { type: Boolean, default: false }, |
| 66 | sqywInfo: { type: Object, default: () => {} }, | 66 | sqywInfo: { type: Object, default: () => { } }, |
| 67 | }, | 67 | }, |
| 68 | data() { | 68 | data () { |
| 69 | return { | 69 | return { |
| 70 | queryForm: defaultParameters.defaultParameters(), | 70 | queryForm: defaultParameters.defaultParameters(), |
| 71 | tableData: { | 71 | tableData: { |
| ... | @@ -76,19 +76,11 @@ export default { | ... | @@ -76,19 +76,11 @@ export default { |
| 76 | bdcdysz: [], | 76 | bdcdysz: [], |
| 77 | }; | 77 | }; |
| 78 | }, | 78 | }, |
| 79 | mounted() { | 79 | mounted () { |
| 80 | sendThis(this); | 80 | sendThis(this); |
| 81 | }, | 81 | }, |
| 82 | methods: { | 82 | methods: { |
| 83 | //点击行选中或取消复选框 | 83 | queryClick () { |
| 84 | handleRowClick(row, column, event) { | ||
| 85 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 86 | this.$refs.table.toggleRowSelection(row); | ||
| 87 | }, | ||
| 88 | closeDialog() { | ||
| 89 | this.$emit("closeDialog"); | ||
| 90 | }, | ||
| 91 | queryClick() { | ||
| 92 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 93 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 85 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 94 | if (res.code === 200) { | 86 | if (res.code === 200) { |
| ... | @@ -98,7 +90,7 @@ export default { | ... | @@ -98,7 +90,7 @@ export default { |
| 98 | } | 90 | } |
| 99 | }); | 91 | }); |
| 100 | }, | 92 | }, |
| 101 | submitForm() { | 93 | submitForm () { |
| 102 | if (this.bdcdysz.length == 0) { | 94 | if (this.bdcdysz.length == 0) { |
| 103 | this.$message.error("请至少选择一条数据"); | 95 | this.$message.error("请至少选择一条数据"); |
| 104 | return; | 96 | return; |
| ... | @@ -125,14 +117,14 @@ export default { | ... | @@ -125,14 +117,14 @@ export default { |
| 125 | } | 117 | } |
| 126 | }); | 118 | }); |
| 127 | }, | 119 | }, |
| 128 | handleSelectionChange(val) { | 120 | handleSelectionChange (val) { |
| 129 | val.forEach((item, index) => { | 121 | val.forEach((item, index) => { |
| 130 | item.bsmSsql = item.bsmQlxx; | 122 | item.bsmSsql = item.bsmQlxx; |
| 131 | item.ybdcqzsh = item.bdcqzh; | 123 | item.ybdcqzsh = item.bdcqzh; |
| 132 | }); | 124 | }); |
| 133 | this.bdcdysz = val; | 125 | this.bdcdysz = val; |
| 134 | }, | 126 | }, |
| 135 | openBook(row) { | 127 | openBook (row) { |
| 136 | var param = { | 128 | var param = { |
| 137 | bdcdyid: row.bdcdyid, | 129 | bdcdyid: row.bdcdyid, |
| 138 | qllx: row.qllx, | 130 | qllx: row.qllx, | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 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="10"> | 7 | <el-col :span="10"> |
| 8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号2"> |
| 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> |
| ... | @@ -49,9 +49,9 @@ export default { | ... | @@ -49,9 +49,9 @@ export default { |
| 49 | mixins: [table, jump], | 49 | mixins: [table, jump], |
| 50 | props: { | 50 | props: { |
| 51 | isJump: { type: Boolean, default: false }, | 51 | isJump: { type: Boolean, default: false }, |
| 52 | sqywInfo: { type: Object, default: () => {} }, | 52 | sqywInfo: { type: Object, default: () => { } }, |
| 53 | }, | 53 | }, |
| 54 | data() { | 54 | data () { |
| 55 | return { | 55 | return { |
| 56 | queryForm: defaultParameters.defaultParameters(), | 56 | queryForm: defaultParameters.defaultParameters(), |
| 57 | tableData: { | 57 | tableData: { |
| ... | @@ -66,19 +66,11 @@ export default { | ... | @@ -66,19 +66,11 @@ export default { |
| 66 | : this.sqywInfo.parentid, | 66 | : this.sqywInfo.parentid, |
| 67 | }; | 67 | }; |
| 68 | }, | 68 | }, |
| 69 | mounted() { | 69 | mounted () { |
| 70 | sendThis(this); | 70 | sendThis(this); |
| 71 | }, | 71 | }, |
| 72 | methods: { | 72 | methods: { |
| 73 | //点击行选中或取消复选框 | 73 | queryClick () { |
| 74 | handleRowClick(row, column, event) { | ||
| 75 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 76 | this.$refs.table.toggleRowSelection(row); | ||
| 77 | }, | ||
| 78 | closeDialog() { | ||
| 79 | this.$emit("closeDialog"); | ||
| 80 | }, | ||
| 81 | queryClick() { | ||
| 82 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 74 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 83 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 75 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 84 | if (res.code === 200) { | 76 | if (res.code === 200) { |
| ... | @@ -88,7 +80,7 @@ export default { | ... | @@ -88,7 +80,7 @@ export default { |
| 88 | } | 80 | } |
| 89 | }); | 81 | }); |
| 90 | }, | 82 | }, |
| 91 | submitForm() { | 83 | submitForm () { |
| 92 | if (this.bdcdysz.length == 0) { | 84 | if (this.bdcdysz.length == 0) { |
| 93 | this.$alert("请至少选择一条数据"); | 85 | this.$alert("请至少选择一条数据"); |
| 94 | return; | 86 | return; |
| ... | @@ -115,7 +107,7 @@ export default { | ... | @@ -115,7 +107,7 @@ export default { |
| 115 | } | 107 | } |
| 116 | }); | 108 | }); |
| 117 | }, | 109 | }, |
| 118 | handleSelectionChange(val) { | 110 | handleSelectionChange (val) { |
| 119 | this.bdcdysz = val; | 111 | this.bdcdysz = val; |
| 120 | }, | 112 | }, |
| 121 | }, | 113 | }, | ... | ... |
| ... | @@ -7,34 +7,19 @@ | ... | @@ -7,34 +7,19 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="不动产权证号"> | 9 | <el-form-item label="不动产权证号"> |
| 10 | <el-input | 10 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 11 | placeholder="请输入不动产权证号" | ||
| 12 | v-model="queryForm.bdcqzh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | > | ||
| 16 | </el-input> | 11 | </el-input> |
| 17 | </el-form-item> | 12 | </el-form-item> |
| 18 | </el-col> | 13 | </el-col> |
| 19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
| 20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
| 21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 22 | placeholder="请输入不动产单元号" | ||
| 23 | v-model="queryForm.bdcdyh" | ||
| 24 | clearable | ||
| 25 | class="width200px" | ||
| 26 | > | ||
| 27 | </el-input> | 17 | </el-input> |
| 28 | </el-form-item> | 18 | </el-form-item> |
| 29 | </el-col> | 19 | </el-col> |
| 30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 31 | <el-form-item label="坐落"> | 21 | <el-form-item label="坐落"> |
| 32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.zl" clearable class="width200px"> |
| 33 | placeholder="" | ||
| 34 | v-model="queryForm.zl" | ||
| 35 | clearable | ||
| 36 | class="width200px" | ||
| 37 | > | ||
| 38 | </el-input> | 23 | </el-input> |
| 39 | </el-form-item> | 24 | </el-form-item> |
| 40 | </el-col> | 25 | </el-col> |
| ... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
| 48 | </div> | 33 | </div> |
| 49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
| 50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
| 51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
| 55 | :heightNum="400" | ||
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @p-current-change="handleCurrentChange" | ||
| 60 | @selection-change="handleSelectionChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 64 | </lb-table> | 40 | </lb-table> |
| 65 | </div> | 41 | </div> |
| 66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
| ... | @@ -79,9 +55,9 @@ export default { | ... | @@ -79,9 +55,9 @@ export default { |
| 79 | mixins: [table, jump], | 55 | mixins: [table, jump], |
| 80 | props: { | 56 | props: { |
| 81 | isJump: { type: Boolean, default: false }, | 57 | isJump: { type: Boolean, default: false }, |
| 82 | sqywInfo: { type: Object, default: () => {} }, | 58 | sqywInfo: { type: Object, default: () => { } }, |
| 83 | }, | 59 | }, |
| 84 | data() { | 60 | data () { |
| 85 | return { | 61 | return { |
| 86 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
| 87 | tableData: { | 63 | tableData: { |
| ... | @@ -92,19 +68,11 @@ export default { | ... | @@ -92,19 +68,11 @@ export default { |
| 92 | bdcdysz: [], | 68 | bdcdysz: [], |
| 93 | }; | 69 | }; |
| 94 | }, | 70 | }, |
| 95 | mounted() { | 71 | mounted () { |
| 96 | sendThis(this); | 72 | sendThis(this); |
| 97 | }, | 73 | }, |
| 98 | methods: { | 74 | methods: { |
| 99 | //点击行选中或取消复选框 | 75 | queryClick () { |
| 100 | handleRowClick(row, column, event) { | ||
| 101 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 102 | this.$refs.table.toggleRowSelection(row); | ||
| 103 | }, | ||
| 104 | closeDialog() { | ||
| 105 | this.$emit("closeDialog"); | ||
| 106 | }, | ||
| 107 | queryClick() { | ||
| 108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 109 | selectYgdj100({ ...this.queryForm, ...this.pageData }).then((res) => { | 77 | selectYgdj100({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 110 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| ... | @@ -114,7 +82,7 @@ export default { | ... | @@ -114,7 +82,7 @@ export default { |
| 114 | } | 82 | } |
| 115 | }); | 83 | }); |
| 116 | }, | 84 | }, |
| 117 | submitForm() { | 85 | submitForm () { |
| 118 | if (this.bdcdysz.length == 0) { | 86 | if (this.bdcdysz.length == 0) { |
| 119 | this.$message.error("请至少选择一条数据"); | 87 | this.$message.error("请至少选择一条数据"); |
| 120 | return; | 88 | return; |
| ... | @@ -122,8 +90,8 @@ export default { | ... | @@ -122,8 +90,8 @@ export default { |
| 122 | startBusinessFlow({ | 90 | startBusinessFlow({ |
| 123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 91 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 124 | bdcdysz: this.bdcdysz, | 92 | bdcdysz: this.bdcdysz, |
| 125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 93 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 94 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 127 | }).then((res) => { | 95 | }).then((res) => { |
| 128 | if (res.code == 200) { | 96 | if (res.code == 200) { |
| 129 | this.$message({ | 97 | this.$message({ |
| ... | @@ -141,7 +109,7 @@ export default { | ... | @@ -141,7 +109,7 @@ export default { |
| 141 | } | 109 | } |
| 142 | }); | 110 | }); |
| 143 | }, | 111 | }, |
| 144 | handleSelectionChange(val) { | 112 | handleSelectionChange (val) { |
| 145 | val.forEach((item, index) => { | 113 | val.forEach((item, index) => { |
| 146 | item.bsmSsql = item.bsmQlxx; | 114 | item.bsmSsql = item.bsmQlxx; |
| 147 | item.ybdcqzsh = item.bdcqzh; | 115 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -7,34 +7,19 @@ | ... | @@ -7,34 +7,19 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="不动产权证号"> | 9 | <el-form-item label="不动产权证号"> |
| 10 | <el-input | 10 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 11 | placeholder="请输入不动产权证号" | ||
| 12 | v-model="queryForm.bdcqzh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | > | ||
| 16 | </el-input> | 11 | </el-input> |
| 17 | </el-form-item> | 12 | </el-form-item> |
| 18 | </el-col> | 13 | </el-col> |
| 19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
| 20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
| 21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 22 | placeholder="请输入不动产单元号" | ||
| 23 | v-model="queryForm.bdcdyh" | ||
| 24 | clearable | ||
| 25 | class="width200px" | ||
| 26 | > | ||
| 27 | </el-input> | 17 | </el-input> |
| 28 | </el-form-item> | 18 | </el-form-item> |
| 29 | </el-col> | 19 | </el-col> |
| 30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 31 | <el-form-item label="坐落"> | 21 | <el-form-item label="坐落"> |
| 32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.zl" clearable class="width200px"> |
| 33 | placeholder="" | ||
| 34 | v-model="queryForm.zl" | ||
| 35 | clearable | ||
| 36 | class="width200px" | ||
| 37 | > | ||
| 38 | </el-input> | 23 | </el-input> |
| 39 | </el-form-item> | 24 | </el-form-item> |
| 40 | </el-col> | 25 | </el-col> |
| ... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
| 48 | </div> | 33 | </div> |
| 49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
| 50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
| 51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
| 55 | :heightNum="400" | ||
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @p-current-change="handleCurrentChange" | ||
| 60 | @selection-change="handleSelectionChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 64 | </lb-table> | 40 | </lb-table> |
| 65 | </div> | 41 | </div> |
| 66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
| ... | @@ -79,9 +55,9 @@ export default { | ... | @@ -79,9 +55,9 @@ export default { |
| 79 | mixins: [table, jump], | 55 | mixins: [table, jump], |
| 80 | props: { | 56 | props: { |
| 81 | isJump: { type: Boolean, default: false }, | 57 | isJump: { type: Boolean, default: false }, |
| 82 | sqywInfo: { type: Object, default: () => {} }, | 58 | sqywInfo: { type: Object, default: () => { } }, |
| 83 | }, | 59 | }, |
| 84 | data() { | 60 | data () { |
| 85 | return { | 61 | return { |
| 86 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
| 87 | tableData: { | 63 | tableData: { |
| ... | @@ -92,19 +68,11 @@ export default { | ... | @@ -92,19 +68,11 @@ export default { |
| 92 | bdcdysz: [], | 68 | bdcdysz: [], |
| 93 | }; | 69 | }; |
| 94 | }, | 70 | }, |
| 95 | mounted() { | 71 | mounted () { |
| 96 | sendThis(this); | 72 | sendThis(this); |
| 97 | }, | 73 | }, |
| 98 | methods: { | 74 | methods: { |
| 99 | //点击行选中或取消复选框 | 75 | queryClick () { |
| 100 | handleRowClick(row, column, event) { | ||
| 101 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 102 | this.$refs.table.toggleRowSelection(row); | ||
| 103 | }, | ||
| 104 | closeDialog() { | ||
| 105 | this.$emit("closeDialog"); | ||
| 106 | }, | ||
| 107 | queryClick() { | ||
| 108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 109 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { | 77 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 110 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| ... | @@ -114,7 +82,7 @@ export default { | ... | @@ -114,7 +82,7 @@ export default { |
| 114 | } | 82 | } |
| 115 | }); | 83 | }); |
| 116 | }, | 84 | }, |
| 117 | submitForm() { | 85 | submitForm () { |
| 118 | if (this.bdcdysz.length == 0) { | 86 | if (this.bdcdysz.length == 0) { |
| 119 | this.$message.error("请至少选择一条数据"); | 87 | this.$message.error("请至少选择一条数据"); |
| 120 | return; | 88 | return; |
| ... | @@ -122,8 +90,8 @@ export default { | ... | @@ -122,8 +90,8 @@ export default { |
| 122 | startBusinessFlow({ | 90 | startBusinessFlow({ |
| 123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 91 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 124 | bdcdysz: this.bdcdysz, | 92 | bdcdysz: this.bdcdysz, |
| 125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 93 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 94 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 127 | }).then((res) => { | 95 | }).then((res) => { |
| 128 | if (res.code == 200) { | 96 | if (res.code == 200) { |
| 129 | this.$message({ | 97 | this.$message({ |
| ... | @@ -141,7 +109,7 @@ export default { | ... | @@ -141,7 +109,7 @@ export default { |
| 141 | } | 109 | } |
| 142 | }); | 110 | }); |
| 143 | }, | 111 | }, |
| 144 | handleSelectionChange(val) { | 112 | handleSelectionChange (val) { |
| 145 | val.forEach((item, index) => { | 113 | val.forEach((item, index) => { |
| 146 | item.bsmSsql = item.bsmQlxx; | 114 | item.bsmSsql = item.bsmQlxx; |
| 147 | item.ybdcqzsh = item.bdcqzh; | 115 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -7,34 +7,19 @@ | ... | @@ -7,34 +7,19 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="不动产权证号"> | 9 | <el-form-item label="不动产权证号"> |
| 10 | <el-input | 10 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 11 | placeholder="请输入不动产权证号" | ||
| 12 | v-model="queryForm.bdcqzh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | > | ||
| 16 | </el-input> | 11 | </el-input> |
| 17 | </el-form-item> | 12 | </el-form-item> |
| 18 | </el-col> | 13 | </el-col> |
| 19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
| 20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
| 21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 22 | placeholder="请输入不动产单元号" | ||
| 23 | v-model="queryForm.bdcdyh" | ||
| 24 | clearable | ||
| 25 | class="width200px" | ||
| 26 | > | ||
| 27 | </el-input> | 17 | </el-input> |
| 28 | </el-form-item> | 18 | </el-form-item> |
| 29 | </el-col> | 19 | </el-col> |
| 30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 31 | <el-form-item label="坐落"> | 21 | <el-form-item label="坐落"> |
| 32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.zl" clearable class="width200px"> |
| 33 | placeholder="" | ||
| 34 | v-model="queryForm.zl" | ||
| 35 | clearable | ||
| 36 | class="width200px" | ||
| 37 | > | ||
| 38 | </el-input> | 23 | </el-input> |
| 39 | </el-form-item> | 24 | </el-form-item> |
| 40 | </el-col> | 25 | </el-col> |
| ... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
| 48 | </div> | 33 | </div> |
| 49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
| 50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
| 51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
| 55 | :heightNum="400" | ||
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @p-current-change="handleCurrentChange" | ||
| 60 | @selection-change="handleSelectionChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 64 | </lb-table> | 40 | </lb-table> |
| 65 | </div> | 41 | </div> |
| 66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
| ... | @@ -79,9 +55,9 @@ export default { | ... | @@ -79,9 +55,9 @@ export default { |
| 79 | mixins: [table, jump], | 55 | mixins: [table, jump], |
| 80 | props: { | 56 | props: { |
| 81 | isJump: { type: Boolean, default: false }, | 57 | isJump: { type: Boolean, default: false }, |
| 82 | sqywInfo: { type: Object, default: () => {} }, | 58 | sqywInfo: { type: Object, default: () => { } }, |
| 83 | }, | 59 | }, |
| 84 | data() { | 60 | data () { |
| 85 | return { | 61 | return { |
| 86 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
| 87 | tableData: { | 63 | tableData: { |
| ... | @@ -92,19 +68,11 @@ export default { | ... | @@ -92,19 +68,11 @@ export default { |
| 92 | bdcdysz: [], | 68 | bdcdysz: [], |
| 93 | }; | 69 | }; |
| 94 | }, | 70 | }, |
| 95 | mounted() { | 71 | mounted () { |
| 96 | sendThis(this); | 72 | sendThis(this); |
| 97 | }, | 73 | }, |
| 98 | methods: { | 74 | methods: { |
| 99 | //点击行选中或取消复选框 | 75 | queryClick () { |
| 100 | handleRowClick(row, column, event) { | ||
| 101 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 102 | this.$refs.table.toggleRowSelection(row); | ||
| 103 | }, | ||
| 104 | closeDialog() { | ||
| 105 | this.$emit("closeDialog"); | ||
| 106 | }, | ||
| 107 | queryClick() { | ||
| 108 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 109 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | 77 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 110 | if (res.code === 200) { | 78 | if (res.code === 200) { |
| ... | @@ -114,7 +82,7 @@ export default { | ... | @@ -114,7 +82,7 @@ export default { |
| 114 | } | 82 | } |
| 115 | }); | 83 | }); |
| 116 | }, | 84 | }, |
| 117 | submitForm() { | 85 | submitForm () { |
| 118 | if (this.bdcdysz.length == 0) { | 86 | if (this.bdcdysz.length == 0) { |
| 119 | this.$message.error("请至少选择一条数据"); | 87 | this.$message.error("请至少选择一条数据"); |
| 120 | return; | 88 | return; |
| ... | @@ -122,8 +90,8 @@ export default { | ... | @@ -122,8 +90,8 @@ export default { |
| 122 | startBusinessFlow({ | 90 | startBusinessFlow({ |
| 123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 91 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 124 | bdcdysz: this.bdcdysz, | 92 | bdcdysz: this.bdcdysz, |
| 125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 93 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 94 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 127 | }).then((res) => { | 95 | }).then((res) => { |
| 128 | if (res.code == 200) { | 96 | if (res.code == 200) { |
| 129 | this.$message({ | 97 | this.$message({ |
| ... | @@ -141,7 +109,7 @@ export default { | ... | @@ -141,7 +109,7 @@ export default { |
| 141 | } | 109 | } |
| 142 | }); | 110 | }); |
| 143 | }, | 111 | }, |
| 144 | handleSelectionChange(val) { | 112 | handleSelectionChange (val) { |
| 145 | val.forEach((item, index) => { | 113 | val.forEach((item, index) => { |
| 146 | item.bsmSsql = item.bsmQlxx; | 114 | item.bsmSsql = item.bsmQlxx; |
| 147 | item.ybdcqzsh = item.bdcqzh; | 115 | item.ybdcqzsh = item.bdcqzh; | ... | ... |
| ... | @@ -8,11 +8,12 @@ class data extends filter { | ... | @@ -8,11 +8,12 @@ class data extends filter { |
| 8 | constructor() { | 8 | constructor() { |
| 9 | super() | 9 | super() |
| 10 | } | 10 | } |
| 11 | columns() { | 11 | columns () { |
| 12 | return [ | 12 | return [ |
| 13 | { | 13 | { |
| 14 | type: 'selection', | 14 | type: 'selection', |
| 15 | label: '全选' | 15 | label: '全选', |
| 16 | selectable: this.selected | ||
| 16 | }, | 17 | }, |
| 17 | { | 18 | { |
| 18 | label: '序号', | 19 | label: '序号', | ... | ... |
| ... | @@ -120,7 +120,7 @@ export default { | ... | @@ -120,7 +120,7 @@ export default { |
| 120 | console.log(name, sort); | 120 | console.log(name, sort); |
| 121 | }, | 121 | }, |
| 122 | openDialog (item) { | 122 | openDialog (item) { |
| 123 | const { href } = this.$router.resolve('/workFrameViewcs?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') | 123 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') |
| 124 | window.open(href, '_blank'); | 124 | window.open(href, '_blank'); |
| 125 | } | 125 | } |
| 126 | } | 126 | } | ... | ... |
-
Please register or sign in to post a comment