Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
50 changed files
with
394 additions
and
1379 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.dialogVisible = val | 88 | this.$nextTick(() => { |
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.dialogVisible = val | 88 | this.$nextTick(() => { |
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; |
... | @@ -228,4 +223,9 @@ | ... | @@ -228,4 +223,9 @@ |
228 | position: relative; | 223 | position: relative; |
229 | top: 2px; | 224 | top: 2px; |
230 | } | 225 | } |
226 | } | ||
227 | |||
228 | // 弹框层级 | ||
229 | .messageIndex { | ||
230 | z-index: 8000 !important; | ||
231 | } | 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> |
... | @@ -84,7 +83,7 @@ | ... | @@ -84,7 +83,7 @@ |
84 | <div class="triangle"></div> | 83 | <div class="triangle"></div> |
85 | </div> | 84 | </div> |
86 | </el-col> | 85 | </el-col> |
87 | </el-row> | 86 | </el-row> |
88 | <el-row> | 87 | <el-row> |
89 | <el-col> | 88 | <el-col> |
90 | <lb-table :column="cxjgData.columns" :data="form.cxjgList" :maxHeight="200" heightNumSetting | 89 | <lb-table :column="cxjgData.columns" :data="form.cxjgList" :maxHeight="200" heightNumSetting |
... | @@ -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 | <!-- 表单部分 --> | 3 | element-loading-background="rgba(0, 0, 0, 0.8)"> |
4 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> | 4 | <!-- 表单部分 --> |
5 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> | 5 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> |
6 | </el-tabs> | 6 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" |
7 | <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> | 7 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> |
8 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 8 | </el-tabs> |
9 | <img :src="previewImage" class="imgClass" v-else> | 9 | <div class="no-data">暂无数据</div> |
10 | </div> | 10 | <img :src="previewImage" class="imgClass"> |
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,48 +50,48 @@ export default { | ... | @@ -48,48 +50,48 @@ 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 | this.activeName = res.result[0].bsmBdcqz | 74 | if (res.result && res.result.length > 0) { |
75 | this.bdcqz = res.result[0] | 75 | this.activeName = res.result[0].bsmBdcqz |
76 | this.headTabBdcqz = res.result | 76 | this.bdcqz = res.result[0] |
77 | this.getBdcqzPreview(); | 77 | this.headTabBdcqz = res.result |
78 | } | 78 | this.getBdcqzPreview(); |
79 | } | 79 | } |
80 | 80 | } | |
81 | |||
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 => { |
91 | let blob = new Blob([res]); | 92 | this.loading = false |
92 | let url = window.URL.createObjectURL(blob); | 93 | let blob = new Blob([res]); |
94 | let url = window.URL.createObjectURL(blob); | ||
93 | this.previewImage = url; | 95 | this.previewImage = url; |
94 | }) | 96 | }) |
95 | }, | 97 | }, |
... | @@ -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 | |
102 | display: inline-block; | 104 | .imgClass { |
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,362 +192,43 @@ export default { | ... | @@ -201,362 +192,43 @@ 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; |
433 | //处理分屏材料信息 | 204 | //批量操作无分屏按钮 |
434 | let that = this; | 205 | if (index != null) { |
435 | this.tabList.forEach(function (item, index) { | 206 | //处理分屏材料信息 |
436 | if (item.value == "clxx") { | 207 | let that = this; |
437 | that.clxxIndex = index; | 208 | this.tabList.forEach(function (item, index) { |
438 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 209 | if (item.value == "clxx") { |
439 | that.clxxTab = item; | 210 | that.clxxIndex = index; |
440 | } | 211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
441 | }); | 212 | that.clxxTab = item; |
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 | } | 213 | } |
507 | }); | 214 | }) |
508 | } else { | ||
509 | done(); | ||
510 | } | 215 | } |
511 | }, | 216 | } |
512 | }).then((action) => { | 217 | }) |
513 | this.$message({ | ||
514 | type: "info", | ||
515 | message: "action: " + action, | ||
516 | }); | ||
517 | }); | ||
518 | }, | 218 | }, |
519 | sendToEnd () { | 219 | //申请单元点击事件 |
520 | const h = this.$createElement; | 220 | unitClick (index) { |
521 | this.$msgbox({ | 221 | this.currentSelectProps = this.unitData[index]; |
522 | title: "您确定转出吗?", | 222 | this.currentSelectProps.batchOperation = false; |
523 | message: "此环节为流程结束环节,转出后流程将结束", | 223 | this.activeIndex = index.toString(); |
524 | showCancelButton: true, | 224 | this.stepForm(index); |
525 | beforeClose: (action, instance, done) => { | 225 | }, |
526 | if (action === "confirm") { | 226 | //批量按钮点击事件 |
527 | instance.confirmButtonLoading = true; | 227 | batchUnitClick () { |
528 | instance.confirmButtonText = "执行中..."; | 228 | this.currentSelectProps.batchOperation = true; |
529 | completeTask({ | 229 | this.activeIndex = "-1"; |
530 | bsmSlsq: this.bsmSlsq, | 230 | this.stepForm(); |
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 | } | ||
552 | }, | ||
553 | }).then((action) => { | ||
554 | this.$message({ | ||
555 | type: "info", | ||
556 | message: "action: " + action, | ||
557 | }); | ||
558 | }); | ||
559 | } | 231 | } |
560 | }, | ||
561 | }; | ||
562 | </script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
232 | } | ||
233 | } | ||
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 | } | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="6"> | 7 | <el-col :span="6"> |
8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | 9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
... | @@ -54,19 +54,19 @@ import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | ... | @@ -54,19 +54,19 @@ 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 () { |
61 | return { | 61 | return { |
62 | queryForm: defaultParameters.defaultParameters(), | 62 | queryForm: defaultParameters.defaultParameters(), |
63 | tableData: { | 63 | tableData: { |
64 | total: 0, | 64 | total: 0, |
65 | columns: datas.columns(), | 65 | columns: datas.columns(), |
66 | data: [], | 66 | data: [], |
67 | }, | 67 | }, |
68 | bdcdysz: [], | 68 | bdcdysz: [], |
69 | bsmSqyw: | 69 | bsmSqyw: |
70 | this.sqywInfo.nodetype === "djlx" | 70 | this.sqywInfo.nodetype === "djlx" |
71 | ? this.sqywInfo.bsmSqyw | 71 | ? this.sqywInfo.bsmSqyw |
72 | : this.sqywInfo.parentid, | 72 | : this.sqywInfo.parentid, |
... | @@ -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; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> | 3 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> |
4 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> | 4 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> |
5 | <el-tab-pane label="多幢" name="h"></el-tab-pane> | 5 | <el-tab-pane label="多幢" name="h"></el-tab-pane> |
6 | </el-tabs> | 6 | </el-tabs> |
7 | 7 | ||
8 | <div class="from-clues-header"> | 8 | <div class="from-clues-header"> |
9 | <el-form :model="queryForm" ref="queryForm" label-width="110px"> | 9 | <el-form :model="queryForm" ref="queryForm" label-width="110px"> |
... | @@ -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,20 +68,12 @@ export default { | ... | @@ -92,20 +68,12 @@ 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) { | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
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; | ||
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) { |
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; | ... | ... |
... | @@ -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,20 +68,12 @@ export default { | ... | @@ -92,20 +68,12 @@ 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) { | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
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; | ||
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) { |
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; | ... | ... |
... | @@ -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,20 +68,12 @@ export default { | ... | @@ -92,20 +68,12 @@ 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) { | 76 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
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; | ||
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) { |
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; | ... | ... |
... | @@ -14,6 +14,7 @@ class data extends filter { | ... | @@ -14,6 +14,7 @@ class data extends filter { |
14 | type: 'selection', | 14 | type: 'selection', |
15 | label: '全选', | 15 | label: '全选', |
16 | width: '30', | 16 | width: '30', |
17 | selectable: this.selected | ||
17 | }, | 18 | }, |
18 | { | 19 | { |
19 | label: '序号', | 20 | label: '序号', |
... | @@ -88,7 +89,7 @@ class data extends filter { | ... | @@ -88,7 +89,7 @@ class data extends filter { |
88 | ) | 89 | ) |
89 | } | 90 | } |
90 | }, | 91 | }, |
91 | { | 92 | { |
92 | label: "用途", | 93 | label: "用途", |
93 | render: (h, scope) => { | 94 | render: (h, scope) => { |
94 | return ( | 95 | return ( | ... | ... |
... | @@ -12,7 +12,8 @@ class data extends filter { | ... | @@ -12,7 +12,8 @@ class data extends filter { |
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: '序号', |
... | @@ -30,7 +31,7 @@ class data extends filter { | ... | @@ -30,7 +31,7 @@ class data extends filter { |
30 | label: "状态", | 31 | label: "状态", |
31 | render: (h, scope) => { | 32 | render: (h, scope) => { |
32 | return ( | 33 | return ( |
33 | <div> | 34 | <div> |
34 | {/* <a v-on:click="doSomething"></a> */} | 35 | {/* <a v-on:click="doSomething"></a> */} |
35 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> |
36 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | 37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ... | ... |
... | @@ -12,7 +12,8 @@ class data extends filter { | ... | @@ -12,7 +12,8 @@ class data extends filter { |
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: '序号', |
... | @@ -31,7 +32,7 @@ class data extends filter { | ... | @@ -31,7 +32,7 @@ class data extends filter { |
31 | label: "状态", | 32 | label: "状态", |
32 | render: (h, scope) => { | 33 | render: (h, scope) => { |
33 | return ( | 34 | return ( |
34 | <div> | 35 | <div> |
35 | {/* <a v-on:click="doSomething"></a> */} | 36 | {/* <a v-on:click="doSomething"></a> */} |
36 | <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 37 | <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> |
37 | <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span> | 38 | <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span> | ... | ... |
... | @@ -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: '序号', |
... | @@ -30,7 +31,7 @@ class data extends filter { | ... | @@ -30,7 +31,7 @@ class data extends filter { |
30 | label: "状态", | 31 | label: "状态", |
31 | render: (h, scope) => { | 32 | render: (h, scope) => { |
32 | return ( | 33 | return ( |
33 | <div> | 34 | <div> |
34 | {/* <a v-on:click="doSomething"></a> */} | 35 | {/* <a v-on:click="doSomething"></a> */} |
35 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> |
36 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | 37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ... | ... |
... | @@ -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