Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
24 changed files
with
1160 additions
and
478 deletions
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | import SERVER from './config' | 2 | import SERVER from './config' |
3 | // 获取家庭房产列表 | 3 | // 获取申请查询列表 |
4 | export function getJtfcPage (data) { | 4 | export function getSqcxPage (data) { |
5 | return request({ | 5 | return request({ |
6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', | 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getSqcxPage', |
7 | method: 'post', | ||
8 | data | ||
9 | }) | ||
10 | } | ||
11 | |||
12 | // 获取房屋明细列表 | ||
13 | export function getFwmxPage (data) { | ||
14 | return request({ | ||
15 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage', | ||
16 | method: 'post', | 7 | method: 'post', |
17 | data | 8 | data |
18 | }) | 9 | }) |
... | @@ -45,6 +36,15 @@ export function getJtfcInfo (params) { | ... | @@ -45,6 +36,15 @@ export function getJtfcInfo (params) { |
45 | }) | 36 | }) |
46 | } | 37 | } |
47 | 38 | ||
39 | // 获取房屋明细记录详细信息 | ||
40 | export function getFwmxInfo (params) { | ||
41 | return request({ | ||
42 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxInfo/', | ||
43 | method: 'get', | ||
44 | params | ||
45 | }) | ||
46 | } | ||
47 | |||
48 | // 打印家庭房产 | 48 | // 打印家庭房产 |
49 | export function printJtcfInfo (data) { | 49 | export function printJtcfInfo (data) { |
50 | return request({ | 50 | return request({ | ... | ... |
... | @@ -134,6 +134,7 @@ export default { | ... | @@ -134,6 +134,7 @@ export default { |
134 | .ls-title { | 134 | .ls-title { |
135 | padding: 16px; | 135 | padding: 16px; |
136 | color: #ffffff; | 136 | color: #ffffff; |
137 | font-size: 16px; | ||
137 | background: linear-gradient(3deg, #409EFF, #a7cbee); | 138 | background: linear-gradient(3deg, #409EFF, #a7cbee); |
138 | } | 139 | } |
139 | 140 | ... | ... |
... | @@ -135,6 +135,7 @@ export default { | ... | @@ -135,6 +135,7 @@ export default { |
135 | padding: 16px; | 135 | padding: 16px; |
136 | color: #ffffff; | 136 | color: #ffffff; |
137 | background: linear-gradient(3deg, #409EFF, #a7cbee); | 137 | background: linear-gradient(3deg, #409EFF, #a7cbee); |
138 | font-size: 16px; | ||
138 | } | 139 | } |
139 | 140 | ||
140 | .ls-title .svg-icon { | 141 | .ls-title .svg-icon { | ... | ... |
... | @@ -5,7 +5,10 @@ | ... | @@ -5,7 +5,10 @@ |
5 | <el-step title="结果查询"></el-step> | 5 | <el-step title="结果查询"></el-step> |
6 | <el-step title="结果展示"></el-step> | 6 | <el-step title="结果展示"></el-step> |
7 | </el-steps> | 7 | </el-steps> |
8 | <div class="jtfccx-edit" v-show="!isSearch"> | 8 | <div v-if="isSearch"> |
9 | <dydjbInfo ref="dydjbInfo"/> | ||
10 | </div> | ||
11 | <div class="jtfccx-edit" v-else> | ||
9 | <div class="jtfccx-edit-con"> | 12 | <div class="jtfccx-edit-con"> |
10 | <b class="title"></b> | 13 | <b class="title"></b> |
11 | <el-form :model="form" label-width="120px"> | 14 | <el-form :model="form" label-width="120px"> |
... | @@ -31,6 +34,7 @@ | ... | @@ -31,6 +34,7 @@ |
31 | </el-col> | 34 | </el-col> |
32 | </el-row> | 35 | </el-row> |
33 | </el-form> | 36 | </el-form> |
37 | <b class="title">申请人</b> | ||
34 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | 38 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting |
35 | :pagination="false"> | 39 | :pagination="false"> |
36 | </lb-table> | 40 | </lb-table> |
... | @@ -45,14 +49,11 @@ | ... | @@ -45,14 +49,11 @@ |
45 | </div> | 49 | </div> |
46 | </div> | 50 | </div> |
47 | </div> | 51 | </div> |
48 | <div> | ||
49 | <dydjbInfo v-show="isSearch"/> | ||
50 | </div> | ||
51 | </dialogBox> | 52 | </dialogBox> |
52 | </template> | 53 | </template> |
53 | 54 | ||
54 | <script> | 55 | <script> |
55 | import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; | 56 | import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/sqcx"; |
56 | import { getPrintTemplateByCode } from "@/api/system"; | 57 | import { getPrintTemplateByCode } from "@/api/system"; |
57 | import { datas, sendThis } from "./dydjbdata"; | 58 | import { datas, sendThis } from "./dydjbdata"; |
58 | import { getLodop } from "@/utils/LodopFuncs" | 59 | import { getLodop } from "@/utils/LodopFuncs" |
... | @@ -68,7 +69,7 @@ export default { | ... | @@ -68,7 +69,7 @@ export default { |
68 | sqcxBsm: { type: String, default: "" }, | 69 | sqcxBsm: { type: String, default: "" }, |
69 | }, | 70 | }, |
70 | mounted () { | 71 | mounted () { |
71 | 72 | sendThis(this); | |
72 | }, | 73 | }, |
73 | data () { | 74 | data () { |
74 | return { | 75 | return { |
... | @@ -143,11 +144,14 @@ export default { | ... | @@ -143,11 +144,14 @@ export default { |
143 | //加载详细信息 | 144 | //加载详细信息 |
144 | loadData () { | 145 | loadData () { |
145 | this.$startLoading(); | 146 | this.$startLoading(); |
146 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 147 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
147 | this.$endLoading(); | 148 | this.$endLoading(); |
148 | if (res.code == 200) { | 149 | if (res.code == 200) { |
149 | this.form = res.result; | 150 | this.activeStep = 2; |
150 | this.isSearch = true; | 151 | this.isSearch = true; |
152 | this.$nextTick(() => { | ||
153 | this.$refs.dydjbInfo.setResult(res.result) | ||
154 | }) | ||
151 | } | 155 | } |
152 | }); | 156 | }); |
153 | }, | 157 | }, |
... | @@ -158,9 +162,11 @@ export default { | ... | @@ -158,9 +162,11 @@ export default { |
158 | addFwmxCxjgXx(this.form).then((res) => { | 162 | addFwmxCxjgXx(this.form).then((res) => { |
159 | this.$endLoading(); | 163 | this.$endLoading(); |
160 | if (res.code == 200) { | 164 | if (res.code == 200) { |
161 | this.form = res.result; | ||
162 | this.activeStep = 2; | 165 | this.activeStep = 2; |
163 | this.isSearch = true; | 166 | this.isSearch = true; |
167 | this.$nextTick(() => { | ||
168 | this.$refs.dydjbInfo.setResult(res.result) | ||
169 | }) | ||
164 | this.$parent.queryClick(); | 170 | this.$parent.queryClick(); |
165 | } | 171 | } |
166 | }); | 172 | }); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div class="jtfccx-edit"> |
3 | <!-- 界面后期调整开发,报表开发,目前先放一张图片 --> | 3 | <div class="jtfccx-edit-con"> |
4 | <el-form :model="ruleForm" label-width="120px"> | 4 | <b class="title"></b> |
5 | <el-row> | 5 | <b class="title">房屋状况</b> |
6 | <el-col :span="6"> | 6 | <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting |
7 | <img :src="imgUrl" alt="" srcset="" /> | 7 | :pagination="false"> |
8 | <!-- <el-form-item label="查询时间:"> | 8 | </lb-table> |
9 | {{ ruleForm.cxsj }} | 9 | <b class="title">土地状况</b> |
10 | </el-form-item> | 10 | <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting |
11 | </el-col> | 11 | :pagination="false"> |
12 | <el-col :span="8"> | 12 | </lb-table> |
13 | <el-form-item label="不动产单元号:"> | 13 | <b class="title">权属状况</b> |
14 | {{ ruleForm.bdcdyh }} | 14 | <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting |
15 | </el-form-item> --> | 15 | :pagination="false"> |
16 | </el-col> | 16 | </lb-table> |
17 | </el-row> | 17 | <b class="title">抵押登记</b> |
18 | <el-row> | 18 | <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting |
19 | </el-row> | 19 | :pagination="false"> |
20 | </el-form> | 20 | </lb-table> |
21 | </div> | 21 | <b class="title">预告登记</b> |
22 | <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting | ||
23 | :pagination="false"> | ||
24 | </lb-table> | ||
25 | <b class="title">查封状况</b> | ||
26 | <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting | ||
27 | :pagination="false"> | ||
28 | </lb-table> | ||
29 | <b class="title">异议登记</b> | ||
30 | <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting | ||
31 | :pagination="false"> | ||
32 | </lb-table> | ||
33 | </div> | ||
34 | </div> | ||
22 | </template> | 35 | </template> |
23 | 36 | ||
24 | <script> | 37 | <script> |
25 | import imgPath from "./djbyb.png" | 38 | import { datas, sendThis } from "./infodata"; |
39 | import { getFwmxInfo } from "@/api/sqcx"; | ||
26 | export default { | 40 | export default { |
27 | props: ["formData"], | 41 | props: { |
28 | 42 | formData: { | |
29 | created () { | 43 | type: Object, |
30 | var sqcxdata = this.formData.sqcxdata; | 44 | default: () => {}, |
31 | this.ruleForm = sqcxdata; | 45 | }, |
32 | }, | 46 | }, |
33 | |||
34 | data () { | 47 | data () { |
35 | return { | 48 | return { |
36 | ruleForm: { | 49 | ruleForm: { |
37 | cxsj: "", | 50 | cxsj: "", |
38 | bdcdyh: "", | 51 | bdcdyh: "", |
39 | }, | 52 | }, |
40 | imgUrl: imgPath, | 53 | //房屋列表字段 |
54 | fwColumns: datas.fwCol(), | ||
55 | //土地列表字段 | ||
56 | tdColumns: datas.tdCol(), | ||
57 | //权属状况列表字段 | ||
58 | qszkColumns: datas.columns(), | ||
59 | //抵押登记列表字段 | ||
60 | diyaColumns: datas.diyaCol(), | ||
61 | //预告登记列表字段 | ||
62 | ygdjColumns: datas.ygdjCol(), | ||
63 | //查封登记列表字段 | ||
64 | cfdjColumns: datas.cfdjCol(), | ||
65 | //异议登记列表字段 | ||
66 | yydjColumns: datas.yydjCol(), | ||
67 | form: {}, | ||
68 | resultData: {}, | ||
41 | }; | 69 | }; |
42 | }, | 70 | }, |
43 | mounted () { }, | 71 | mounted () { |
44 | methods: {}, | 72 | if(this.formData){ |
73 | this.getDetailInfo() | ||
74 | } | ||
75 | }, | ||
76 | methods: { | ||
77 | setResult(data){ | ||
78 | this.resultData = data | ||
79 | }, | ||
80 | getDetailInfo(){ | ||
81 | this.$startLoading(); | ||
82 | getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => { | ||
83 | this.$endLoading(); | ||
84 | if (res.code == 200) { | ||
85 | this.resultData = res.result | ||
86 | } | ||
87 | }); | ||
88 | |||
89 | } | ||
90 | }, | ||
45 | }; | 91 | }; |
46 | </script> | 92 | </script> |
47 | <style scoped lang="scss"> | 93 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/dydjb/components/infodata.js
0 → 100644
1 | import filter from '@/utils/filter.js' | ||
2 | import { Switch } from 'element-ui' | ||
3 | let vm = null | ||
4 | |||
5 | const sendThis = (_this) => { | ||
6 | vm = _this | ||
7 | } | ||
8 | class data extends filter { | ||
9 | constructor() { | ||
10 | super() | ||
11 | } | ||
12 | columns() { | ||
13 | return [ | ||
14 | { | ||
15 | prop: 'qszt', | ||
16 | label: '所有人名称', | ||
17 | }, | ||
18 | { | ||
19 | prop: 'bdcqzh', | ||
20 | label: '证件号码', | ||
21 | }, | ||
22 | { | ||
23 | prop: 'djsj', | ||
24 | label: '取得方式', | ||
25 | }, | ||
26 | { | ||
27 | prop: 'wqhth', | ||
28 | label: '房屋性质', | ||
29 | }, | ||
30 | { | ||
31 | prop: 'wqsj', | ||
32 | label: '不动产权证书号', | ||
33 | }, | ||
34 | { | ||
35 | prop: 'bdcdyh', | ||
36 | label: '登记时间', | ||
37 | }, | ||
38 | { | ||
39 | prop: 'gyfs', | ||
40 | label: '共有方式', | ||
41 | }, | ||
42 | { | ||
43 | prop: 'qlrmc', | ||
44 | label: '附记', | ||
45 | } | ||
46 | ] | ||
47 | } | ||
48 | fwCol() { | ||
49 | return [ | ||
50 | { | ||
51 | prop: 'zdymc', | ||
52 | label: '幢号111', | ||
53 | }, | ||
54 | { | ||
55 | prop: 'hh', | ||
56 | label: '房号', | ||
57 | }, | ||
58 | { | ||
59 | prop: 'showfwjg', | ||
60 | label: '结构', | ||
61 | }, | ||
62 | { | ||
63 | prop: 'dscs', | ||
64 | label: '总层数(地上)', | ||
65 | }, | ||
66 | { | ||
67 | prop: 'dxcs', | ||
68 | label: '地下层数', | ||
69 | }, | ||
70 | { | ||
71 | prop: 'ch', | ||
72 | label: '所在层', | ||
73 | }, | ||
74 | { | ||
75 | prop: 'jzmj', | ||
76 | label: '建筑面积(㎡)', | ||
77 | }, | ||
78 | { | ||
79 | prop: 'tnjzmj', | ||
80 | label: '套内面积(㎡)', | ||
81 | }, | ||
82 | { | ||
83 | prop: 'showfwyt', | ||
84 | label: '规划用途', | ||
85 | } | ||
86 | ] | ||
87 | } | ||
88 | tdCol() { | ||
89 | return [ | ||
90 | { | ||
91 | prop: 'qsxz', | ||
92 | label: '权属性质', | ||
93 | }, | ||
94 | { | ||
95 | prop: 'mj', | ||
96 | label: '面积(㎡)', | ||
97 | }, | ||
98 | { | ||
99 | prop: 'fttdmj', | ||
100 | label: '分摊土地面积(㎡)', | ||
101 | }, | ||
102 | { | ||
103 | prop: 'tfyt', | ||
104 | label: '用途', | ||
105 | }, | ||
106 | { | ||
107 | prop: 'syqx', | ||
108 | label: '使用期限', | ||
109 | }, | ||
110 | { | ||
111 | prop: 'qdfs', | ||
112 | label: '取得方式', | ||
113 | }, | ||
114 | { | ||
115 | prop: 'jttdsyqlx', | ||
116 | label: '集体土地所有权类型', | ||
117 | }, | ||
118 | { | ||
119 | prop: 'jttdsyqlx', | ||
120 | label: '集体土地使用权类型', | ||
121 | } | ||
122 | ] | ||
123 | } | ||
124 | diyaCol() { | ||
125 | return [ | ||
126 | { | ||
127 | prop: 'dyfs', | ||
128 | label: '抵押方式', | ||
129 | render: (h, scope) => { | ||
130 | switch(scope.row.dyfs) { | ||
131 | case '1': | ||
132 | return <div>一般抵押</div> | ||
133 | case '2': | ||
134 | return <div>最高额抵押</div> | ||
135 | } | ||
136 | } | ||
137 | }, | ||
138 | { | ||
139 | prop: 'qlrmc', | ||
140 | label: '抵押权人名称', | ||
141 | }, | ||
142 | { | ||
143 | prop: 'bdbzzqse', | ||
144 | label: '抵押金额(万元)', | ||
145 | }, | ||
146 | { | ||
147 | prop: 'dyqx', | ||
148 | label: '抵押期限', | ||
149 | }, | ||
150 | { | ||
151 | prop: 'ywh', | ||
152 | label: '不动产登记证明号', | ||
153 | }, | ||
154 | { | ||
155 | prop: 'djsj', | ||
156 | label: '登记时间', | ||
157 | }, | ||
158 | { | ||
159 | prop: 'fj', | ||
160 | label: '附记', | ||
161 | } | ||
162 | ] | ||
163 | } | ||
164 | ygdjCol() { | ||
165 | return [ | ||
166 | { | ||
167 | prop: 'ygdjzl', | ||
168 | label: '预告登记种类', | ||
169 | }, | ||
170 | { | ||
171 | prop: 'qlrmc', | ||
172 | label: '权利人名称', | ||
173 | }, | ||
174 | { | ||
175 | prop: 'dyje', | ||
176 | label: '抵押金额(万元)', | ||
177 | }, | ||
178 | { | ||
179 | prop: 'dyqx', | ||
180 | label: '抵押期限', | ||
181 | }, | ||
182 | { | ||
183 | prop: 'ywh', | ||
184 | label: '不动产登记证明号', | ||
185 | }, | ||
186 | { | ||
187 | prop: 'djsj', | ||
188 | label: '登记时间', | ||
189 | }, | ||
190 | { | ||
191 | prop: 'fj', | ||
192 | label: '附记', | ||
193 | } | ||
194 | ] | ||
195 | } | ||
196 | cfdjCol() { | ||
197 | return [ | ||
198 | { | ||
199 | prop: 'cfjg', | ||
200 | label: '查封机关', | ||
201 | }, | ||
202 | { | ||
203 | prop: 'cfwh', | ||
204 | label: '查封文号', | ||
205 | }, | ||
206 | { | ||
207 | prop: 'cffw', | ||
208 | label: '查封范围', | ||
209 | }, | ||
210 | { | ||
211 | prop: 'cfsj', | ||
212 | label: '查封时间', | ||
213 | }, | ||
214 | { | ||
215 | prop: 'cfqx', | ||
216 | label: '查封期限', | ||
217 | } | ||
218 | ] | ||
219 | } | ||
220 | yydjCol() { | ||
221 | return [ | ||
222 | { | ||
223 | prop: 'yysqr', | ||
224 | label: '异议申请人', | ||
225 | }, | ||
226 | { | ||
227 | prop: 'yysx', | ||
228 | label: '异议事项', | ||
229 | }, | ||
230 | { | ||
231 | prop: 'ywh', | ||
232 | label: '不动产登记证明号', | ||
233 | }, | ||
234 | { | ||
235 | prop: 'djsj', | ||
236 | label: '登记时间', | ||
237 | }, | ||
238 | { | ||
239 | prop: 'fj', | ||
240 | label: '附记', | ||
241 | } | ||
242 | ] | ||
243 | } | ||
244 | } | ||
245 | let datas = new data() | ||
246 | export { | ||
247 | datas, | ||
248 | sendThis | ||
249 | } |
... | @@ -51,7 +51,7 @@ import table from "@/utils/mixin/table"; | ... | @@ -51,7 +51,7 @@ import table from "@/utils/mixin/table"; |
51 | import { popupDialog } from "@/utils/popup.js"; | 51 | import { popupDialog } from "@/utils/popup.js"; |
52 | import { datas, sendThis } from "./dydjbdata"; | 52 | import { datas, sendThis } from "./dydjbdata"; |
53 | import addDydjb from "./components/addDydjb.vue"; | 53 | import addDydjb from "./components/addDydjb.vue"; |
54 | import { getFwmxPage } from "@/api/sqcx"; | 54 | import { getSqcxPage } from "@/api/sqcx"; |
55 | export default { | 55 | export default { |
56 | name: "dydjb", | 56 | name: "dydjb", |
57 | components: { addDydjb }, | 57 | components: { addDydjb }, |
... | @@ -71,6 +71,7 @@ export default { | ... | @@ -71,6 +71,7 @@ export default { |
71 | cxbh: "", | 71 | cxbh: "", |
72 | sqr: "", | 72 | sqr: "", |
73 | ywh: "", | 73 | ywh: "", |
74 | cxlx: '2' | ||
74 | }, | 75 | }, |
75 | tableData: { | 76 | tableData: { |
76 | columns: datas.columns(), | 77 | columns: datas.columns(), |
... | @@ -82,7 +83,7 @@ export default { | ... | @@ -82,7 +83,7 @@ export default { |
82 | // 初始化数据 | 83 | // 初始化数据 |
83 | queryClick () { | 84 | queryClick () { |
84 | this.$startLoading(); | 85 | this.$startLoading(); |
85 | getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 86 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
86 | this.$endLoading(); | 87 | this.$endLoading(); |
87 | if (res.code === 200) { | 88 | if (res.code === 200) { |
88 | let { records, total } = res.result; | 89 | let { records, total } = res.result; |
... | @@ -92,8 +93,12 @@ export default { | ... | @@ -92,8 +93,12 @@ export default { |
92 | }); | 93 | }); |
93 | }, | 94 | }, |
94 | dydjbClick (scope) { | 95 | dydjbClick (scope) { |
96 | // this.$nextTick(() => { | ||
97 | // this.isDialog = true | ||
98 | // this.sqcxBsm = scope.row.bsmSqcx | ||
99 | // }) | ||
95 | popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { | 100 | popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { |
96 | sqcxdata: scope.row, | 101 | bsmSqcx: scope.row.bsmSqcx, |
97 | }); | 102 | }); |
98 | }, | 103 | }, |
99 | handleSort (name, sort) { | 104 | handleSort (name, sort) { |
... | @@ -101,6 +106,7 @@ export default { | ... | @@ -101,6 +106,7 @@ export default { |
101 | }, | 106 | }, |
102 | openAddDialog(){ | 107 | openAddDialog(){ |
103 | this.isDialog = true | 108 | this.isDialog = true |
109 | this.sqcxBsm = '' | ||
104 | } | 110 | } |
105 | }, | 111 | }, |
106 | }; | 112 | }; | ... | ... |
... | @@ -63,7 +63,7 @@ class data extends filter { | ... | @@ -63,7 +63,7 @@ class data extends filter { |
63 | label: "操作", | 63 | label: "操作", |
64 | width: 100, | 64 | width: 100, |
65 | render: (h, scope) => { | 65 | render: (h, scope) => { |
66 | return <el-button type="text" icon='el-icon-printer' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button> | 66 | return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>查看</el-button> |
67 | } | 67 | } |
68 | }, | 68 | }, |
69 | 69 | ... | ... |
... | @@ -212,10 +212,6 @@ export default { | ... | @@ -212,10 +212,6 @@ export default { |
212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | 212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 |
213 | } | 213 | } |
214 | }); | 214 | }); |
215 | |||
216 | |||
217 | |||
218 | //this.closeDialog(); | ||
219 | }, | 215 | }, |
220 | //打开打印预览 | 216 | //打开打印预览 |
221 | openPrintPrew(){ | 217 | openPrintPrew(){ | ... | ... |
... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
46 | <script> | 46 | <script> |
47 | import table from "@/utils/mixin/table"; | 47 | import table from "@/utils/mixin/table"; |
48 | import { datas, sendThis } from "./jtfcdata"; | 48 | import { datas, sendThis } from "./jtfcdata"; |
49 | import { getJtfcPage } from "@/api/sqcx"; | 49 | import { getSqcxPage } from "@/api/sqcx"; |
50 | import addjtfc from "./components/addjtfc.vue"; | 50 | import addjtfc from "./components/addjtfc.vue"; |
51 | export default { | 51 | export default { |
52 | name: "jtfc", | 52 | name: "jtfc", |
... | @@ -64,6 +64,7 @@ export default { | ... | @@ -64,6 +64,7 @@ export default { |
64 | queryForm: { | 64 | queryForm: { |
65 | cxbh: "", | 65 | cxbh: "", |
66 | sqr: "", | 66 | sqr: "", |
67 | cxlx: '1' | ||
67 | }, | 68 | }, |
68 | tableData: { | 69 | tableData: { |
69 | columns: datas.columns(), | 70 | columns: datas.columns(), |
... | @@ -75,7 +76,7 @@ export default { | ... | @@ -75,7 +76,7 @@ export default { |
75 | // 初始化数据 | 76 | // 初始化数据 |
76 | queryClick () { | 77 | queryClick () { |
77 | this.$startLoading(); | 78 | this.$startLoading(); |
78 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 79 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
79 | this.$endLoading(); | 80 | this.$endLoading(); |
80 | if (res.code === 200) { | 81 | if (res.code === 200) { |
81 | let { records, total } = res.result; | 82 | let { records, total } = res.result; | ... | ... |
... | @@ -69,7 +69,7 @@ | ... | @@ -69,7 +69,7 @@ |
69 | <script> | 69 | <script> |
70 | import table from "@/utils/mixin/table"; | 70 | import table from "@/utils/mixin/table"; |
71 | import { datas, sendThis } from "./sqcxjldata"; | 71 | import { datas, sendThis } from "./sqcxjldata"; |
72 | import { getJtfcPage } from "@/api/sqcx"; | 72 | import { getSqcxPage } from "@/api/sqcx"; |
73 | export default { | 73 | export default { |
74 | name: "sqcxjl", | 74 | name: "sqcxjl", |
75 | mixins: [table], | 75 | mixins: [table], |
... | @@ -94,7 +94,7 @@ export default { | ... | @@ -94,7 +94,7 @@ export default { |
94 | // 初始化数据 | 94 | // 初始化数据 |
95 | queryClick () { | 95 | queryClick () { |
96 | this.$startLoading(); | 96 | this.$startLoading(); |
97 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 97 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
98 | this.$endLoading(); | 98 | this.$endLoading(); |
99 | if (res.code === 200) { | 99 | if (res.code === 200) { |
100 | let { records, total } = res.result; | 100 | let { records, total } = res.result; | ... | ... |
... | @@ -3,9 +3,7 @@ | ... | @@ -3,9 +3,7 @@ |
3 | <dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog" | 3 | <dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog" |
4 | :isButton="false"> | 4 | :isButton="false"> |
5 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> | 5 | <el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button> |
6 | <lb-table :page-size="pageData.size" heightNumSetting :current-page.sync="pageData.current" | 6 | <lb-table heightNumSetting :pagination="false" :column="columns" :data="tableData.data"> |
7 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
8 | :column="columns" :data="tableData.data"> | ||
9 | </lb-table> | 7 | </lb-table> |
10 | <div style="height:15px"></div> | 8 | <div style="height:15px"></div> |
11 | </dialogBox> | 9 | </dialogBox> |
... | @@ -27,11 +25,9 @@ | ... | @@ -27,11 +25,9 @@ |
27 | </div> | 25 | </div> |
28 | </template> | 26 | </template> |
29 | <script> | 27 | <script> |
30 | import table from "@/utils/mixin/table"; | ||
31 | import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js" | 28 | import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js" |
32 | export default { | 29 | export default { |
33 | components: {}, | 30 | components: {}, |
34 | mixins: [table], | ||
35 | props: { | 31 | props: { |
36 | value: { type: Boolean, default: false }, | 32 | value: { type: Boolean, default: false }, |
37 | }, | 33 | }, |
... | @@ -76,14 +72,12 @@ export default { | ... | @@ -76,14 +72,12 @@ export default { |
76 | } | 72 | } |
77 | }, | 73 | }, |
78 | mounted () { | 74 | mounted () { |
79 | this.queryClick() | 75 | this.getList() |
80 | }, | 76 | }, |
81 | methods: { | 77 | methods: { |
82 | queryClick () { | 78 | getList () { |
83 | getUserCommonOpinion(this.pageData).then(res => { | 79 | getUserCommonOpinion().then(res => { |
84 | let { total, records } = res.result | 80 | this.tableData.data = res.result |
85 | this.tableData.total = total; | ||
86 | this.tableData.data = records ? records : [] | ||
87 | }) | 81 | }) |
88 | }, | 82 | }, |
89 | //新增常用意见 | 83 | //新增常用意见 |
... | @@ -99,7 +93,6 @@ export default { | ... | @@ -99,7 +93,6 @@ export default { |
99 | } | 93 | } |
100 | }) | 94 | }) |
101 | } else { | 95 | } else { |
102 | // console.log('error submit!!'); | ||
103 | return false; | 96 | return false; |
104 | } | 97 | } |
105 | }); | 98 | }); |
... | @@ -128,7 +121,7 @@ export default { | ... | @@ -128,7 +121,7 @@ export default { |
128 | delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => { | 121 | delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => { |
129 | if (res.code == 200) { | 122 | if (res.code == 200) { |
130 | this.$message.success("删除成功") | 123 | this.$message.success("删除成功") |
131 | this.queryClick() | 124 | this.getList() |
132 | } else { | 125 | } else { |
133 | this.$message.error(res.message) | 126 | this.$message.error(res.message) |
134 | } | 127 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="invalid-title"> | 3 | <div class="invalid-title"> |
4 | <i class="el-icon-question invalid-icon"></i> | 4 | <i class="el-icon-question invalid-icon"></i> |
5 | <div class="invalid-body">您是否确定终止该业务办理?</div> | 5 | <div class="invalid-body">您是否确定终止该业务办理?</div> |
6 | </div> | 6 | </div> |
7 | <div class="invalid-reson">终止原因:</div> | 7 | <div class="invalid-reson">终止原因:</div> |
8 | <el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input> | 8 | <el-input |
9 | <el-button style="float:right">取消</el-button> | 9 | v-model="stopMessage" |
10 | <el-button type="primary" @click="onSubmit" style="float:right">退件</el-button> | 10 | placeholder="请输入终止原因" |
11 | type="textarea" | ||
12 | :rows="4" | ||
13 | ></el-input> | ||
14 | <el-button style="float: right">取消</el-button> | ||
15 | <el-button type="primary" @click="onSubmit" style="float: right" | ||
16 | >退件</el-button | ||
17 | > | ||
11 | </div> | 18 | </div> |
12 | </template> | 19 | </template> |
13 | 20 | ||
14 | <script> | 21 | <script> |
15 | import { stopTask } from "@/api/fqsq.js" | 22 | import { stopTask } from "@/api/fqsq.js"; |
16 | export default { | 23 | export default { |
17 | props: { | 24 | props: { |
18 | formData: { | 25 | formData: { |
19 | type: Object, | 26 | type: Object, |
20 | default: {} | 27 | default: {}, |
21 | } | 28 | }, |
22 | }, | 29 | }, |
23 | data () { | 30 | data() { |
24 | return { | 31 | return { |
25 | stopMessage: '' | 32 | stopMessage: "", |
26 | } | 33 | }; |
27 | }, | 34 | }, |
28 | methods: { | 35 | methods: { |
29 | onSubmit () { | 36 | onSubmit() { |
30 | stopTask({ | 37 | stopTask({ |
31 | bsmSlsq: this.formData.bsmSlsq, | 38 | bsmSlsq: this.formData.bsmSlsq, |
32 | bestepid: this.formData.bestepid, | 39 | bestepid: this.formData.bestepid, |
33 | stopMessage: this.stopMessage | 40 | stopMessage: this.stopMessage, |
34 | }).then(res => { | 41 | }).then((res) => { |
35 | this.$message.success('终止成功') | 42 | this.$message.success("终止成功"); |
36 | setTimeout(() => { | 43 | setTimeout(() => { |
37 | window.opener.location.reload(); //刷新父窗口 | 44 | // window.opener.location.reload(); //刷新父窗口 |
38 | window.close(); | 45 | if (window.opener && window.opener.getBpageList) { |
39 | this.$emit('input', false) | 46 | window.opener.getBpageList(); |
40 | }, 1000); | 47 | } else { |
41 | }) | 48 | window.opener.frames[0].getBpageList(); |
49 | } | ||
50 | window.close(); | ||
51 | this.$emit("input", false); | ||
52 | }, 1000); | ||
53 | }); | ||
42 | }, | 54 | }, |
43 | } | 55 | }, |
44 | } | 56 | }; |
45 | </script> | 57 | </script> |
46 | <style scoped lang="scss"> | 58 | <style scoped lang="scss"> |
47 | @import "~@/styles/mixin.scss"; | 59 | @import "~@/styles/mixin.scss"; |
48 | .invalid-title { | 60 | .invalid-title { |
49 | display: flex; | 61 | display: flex; |
50 | align-content: center; | 62 | align-content: center; |
51 | 63 | ||
52 | .invalid-icon { | 64 | .invalid-icon { |
53 | color: rgb(254, 148, 0); | 65 | color: rgb(254, 148, 0); |
54 | font-size: 34px; | 66 | font-size: 34px; |
55 | margin-right: 10px; | 67 | margin-right: 10px; |
56 | } | 68 | } |
57 | 69 | ||
58 | .invalid-body { | 70 | .invalid-body { |
59 | line-height: 40px; | 71 | line-height: 40px; |
60 | margin-bottom: 10px; | 72 | margin-bottom: 10px; |
61 | } | 73 | } |
62 | } | 74 | } |
63 | 75 | ||
64 | .invalid-reson { | 76 | .invalid-reson { |
65 | margin-bottom: 10px; | 77 | margin-bottom: 10px; |
66 | } | 78 | } |
67 | 79 | ||
68 | .dialog-footer { | 80 | .dialog-footer { |
69 | margin-top: 10px; | 81 | margin-top: 10px; |
70 | display: flex; | 82 | display: flex; |
71 | justify-content: flex-end; | 83 | justify-content: flex-end; |
72 | } | 84 | } |
73 | |||
74 | </style> | 85 | </style> | ... | ... |
... | @@ -4,21 +4,37 @@ | ... | @@ -4,21 +4,37 @@ |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <div class="title">请选择要退回到的环节:</div> | 5 | <div class="title">请选择要退回到的环节:</div> |
6 | <el-form ref="queryForm" label-width="90px"> | 6 | <el-form ref="queryForm" label-width="90px"> |
7 | <ul style="margin-bottom:15px"> | 7 | <ul style="margin-bottom: 15px"> |
8 | <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> | 8 | <li |
9 | v-for="(item, index) in dataList" | ||
10 | class="listDetail" | ||
11 | :key="index" | ||
12 | @click="changeSelectItem(item)" | ||
13 | > | ||
9 | <p class="icon"> | 14 | <p class="icon"> |
10 | <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> | 15 | <el-radio |
16 | v-model="selectActivity" | ||
17 | :label="item.activityId" | ||
18 | @change="changeSelectItem(item)" | ||
19 | ></el-radio> | ||
20 | </p> | ||
21 | <p>{{ item.activityName }}</p> | ||
22 | <p v-for="(child, childIndex) in item.userInfos" :key="childIndex"> | ||
23 | {{ child.name }} | ||
11 | </p> | 24 | </p> |
12 | <p>{{item.activityName}}</p> | ||
13 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> | ||
14 | </li> | 25 | </li> |
15 | </ul> | 26 | </ul> |
16 | <div class="title">退回意见:</div> | 27 | <div class="title">退回意见:</div> |
17 | <el-form-item> | 28 | <el-form-item> |
18 | <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> | 29 | <el-input |
30 | class="textArea" | ||
31 | type="textarea" | ||
32 | v-model="outstepopinion" | ||
33 | placeholder="请输入退回意见" | ||
34 | ></el-input> | ||
19 | </el-form-item> | 35 | </el-form-item> |
20 | <el-form-item> | 36 | <el-form-item> |
21 | <!-- <el-button style="float:right">取消</el-button> --> | 37 | <el-button style="float:right" @click="cancelBack">取消</el-button> |
22 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> | 38 | <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> |
23 | </el-form-item> | 39 | </el-form-item> |
24 | </el-form> | 40 | </el-form> |
... | @@ -27,56 +43,68 @@ | ... | @@ -27,56 +43,68 @@ |
27 | </template> | 43 | </template> |
28 | 44 | ||
29 | <script> | 45 | <script> |
46 | |||
30 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" | 47 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
48 | import { popupCacel } from "@/utils/popup.js"; | ||
49 | |||
31 | export default { | 50 | export default { |
32 | props: { | 51 | props: { |
33 | formData: { | 52 | formData: { |
34 | type: Object, | 53 | type: Object, |
35 | default: {} | 54 | default: {}, |
36 | } | 55 | }, |
37 | }, | 56 | }, |
38 | data () { | 57 | data() { |
39 | return { | 58 | return { |
40 | selectActivity: '', | 59 | selectActivity: "", |
41 | dataList: [], | 60 | dataList: [], |
42 | outstepopinion: '', | 61 | outstepopinion: "", |
43 | selectItem: {} | 62 | selectItem: {}, |
44 | } | 63 | }; |
45 | }, | 64 | }, |
46 | created () { | 65 | created() { |
47 | this.getBackNode(); | 66 | this.getBackNode(); |
48 | }, | 67 | }, |
49 | methods: { | 68 | methods: { |
50 | onSubmit () { | 69 | onSubmit() { |
51 | this.selectItem.outstepopinion = this.outstepopinion; | 70 | this.selectItem.outstepopinion = this.outstepopinion; |
52 | sendBackTask({ | 71 | sendBackTask({ |
53 | bsmSlsq: this.formData.bsmSlsq, | 72 | bsmSlsq: this.formData.bsmSlsq, |
54 | backNodeList: [this.selectItem] | 73 | backNodeList: [this.selectItem], |
55 | }).then(res => { | 74 | }).then((res) => { |
56 | this.$message.success('退回成功') | 75 | this.$message.success("退回成功"); |
57 | setTimeout(() => { | 76 | setTimeout(() => { |
58 | window.opener.location.reload(); //刷新父窗口 | 77 | // window.opener.location.reload(); //刷新父窗口 |
59 | window.close(); | 78 | if (window.opener && window.opener.getBpageList) { |
60 | this.$emit('input', false) | 79 | window.opener.getBpageList(); |
61 | }, 1000); | 80 | } else { |
62 | }) | 81 | window.opener.frames[0].getBpageList(); |
82 | } | ||
83 | window.close(); | ||
84 | this.$emit("input", false); | ||
85 | }, 1000); | ||
86 | }); | ||
63 | }, | 87 | }, |
64 | changeSelectItem(item){ | 88 | changeSelectItem(item) { |
65 | this.selectItem = item | 89 | this.selectItem = item; |
66 | this.selectActivity = item.activityId | 90 | this.selectActivity = item.activityId; |
67 | }, | 91 | }, |
68 | //获取可回退环节信息 | 92 | //获取可回退环节信息 |
69 | getBackNode () { | 93 | getBackNode() { |
70 | getTaskBackNode(this.formData).then(res => { | 94 | getTaskBackNode(this.formData).then((res) => { |
71 | if (res.code == 200) { | 95 | if (res.code == 200) { |
72 | this.dataList = res.result | 96 | this.dataList = res.result; |
73 | if(res.result){ | 97 | if (res.result) { |
74 | this.selectActivity = res.result[0].activityId | 98 | this.selectActivity = res.result[0].activityId; |
75 | this.selectItem = res.result[0] | 99 | this.selectItem = res.result[0]; |
76 | } | 100 | } |
77 | } | 101 | } |
78 | }) | 102 | }); |
79 | }, | 103 | }, |
104 | |||
105 | cancelBack(){ | ||
106 | popupCacel(); | ||
107 | } | ||
80 | } | 108 | } |
81 | } | 109 | } |
82 | </script> | 110 | </script> |
... | @@ -104,7 +132,7 @@ export default { | ... | @@ -104,7 +132,7 @@ export default { |
104 | } | 132 | } |
105 | } | 133 | } |
106 | 134 | ||
107 | .title{ | 135 | .title { |
108 | margin-bottom: 10px; | 136 | margin-bottom: 10px; |
109 | } | 137 | } |
110 | 138 | ||
... | @@ -113,7 +141,7 @@ export default { | ... | @@ -113,7 +141,7 @@ export default { |
113 | min-height: 90px !important; | 141 | min-height: 90px !important; |
114 | } | 142 | } |
115 | } | 143 | } |
116 | /deep/.el-radio .el-radio__label { | 144 | /deep/.el-radio .el-radio__label { |
117 | display: none; | 145 | display: none; |
118 | } | 146 | } |
119 | </style> | 147 | </style> | ... | ... |
... | @@ -12,7 +12,7 @@ import { | ... | @@ -12,7 +12,7 @@ import { |
12 | getNextLinkInfo, | 12 | getNextLinkInfo, |
13 | } from "@/api/fqsq.js"; | 13 | } from "@/api/fqsq.js"; |
14 | export default { | 14 | export default { |
15 | data () { | 15 | data() { |
16 | return { | 16 | return { |
17 | //是否开启材料分屏 | 17 | //是否开启材料分屏 |
18 | splitScreen: false, | 18 | splitScreen: false, |
... | @@ -28,13 +28,13 @@ export default { | ... | @@ -28,13 +28,13 @@ export default { |
28 | batchButtonName: '', | 28 | batchButtonName: '', |
29 | } | 29 | } |
30 | }, | 30 | }, |
31 | mounted () { | 31 | mounted() { |
32 | this.flowInitParam(); | 32 | this.flowInitParam(); |
33 | this.loadBdcdylist(); | 33 | this.loadBdcdylist(); |
34 | }, | 34 | }, |
35 | methods: { | 35 | methods: { |
36 | //读取申请单元信息 | 36 | //读取申请单元信息 |
37 | loadBdcdylist () { | 37 | loadBdcdylist() { |
38 | var formdata = new FormData(); | 38 | var formdata = new FormData(); |
39 | formdata.append("bsmSlsq", this.bsmSlsq); | 39 | formdata.append("bsmSlsq", this.bsmSlsq); |
40 | formdata.append("bestepid", this.bestepid); | 40 | formdata.append("bestepid", this.bestepid); |
... | @@ -56,7 +56,7 @@ export default { | ... | @@ -56,7 +56,7 @@ export default { |
56 | }); | 56 | }); |
57 | }, | 57 | }, |
58 | //批量按钮判断 | 58 | //批量按钮判断 |
59 | judgeBatchShow () { | 59 | judgeBatchShow() { |
60 | this.showBatch = false; | 60 | this.showBatch = false; |
61 | if (this.unitData.length > 1) { | 61 | if (this.unitData.length > 1) { |
62 | let qllx = this.$route.query.sqywbm.substring(0, 3); | 62 | let qllx = this.$route.query.sqywbm.substring(0, 3); |
... | @@ -75,7 +75,7 @@ export default { | ... | @@ -75,7 +75,7 @@ export default { |
75 | } | 75 | } |
76 | }, | 76 | }, |
77 | //加载流程初始参数 | 77 | //加载流程初始参数 |
78 | flowInitParam () { | 78 | flowInitParam() { |
79 | var formdata = new FormData(); | 79 | var formdata = new FormData(); |
80 | formdata.append("bsmSlsq", this.bsmSlsq); | 80 | formdata.append("bsmSlsq", this.bsmSlsq); |
81 | formdata.append("bestepid", this.bestepid); | 81 | formdata.append("bestepid", this.bestepid); |
... | @@ -87,7 +87,7 @@ export default { | ... | @@ -87,7 +87,7 @@ export default { |
87 | }); | 87 | }); |
88 | }, | 88 | }, |
89 | //流程环节操作按钮 | 89 | //流程环节操作按钮 |
90 | operation (item) { | 90 | operation(item) { |
91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 91 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 |
92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 92 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
93 | let that = this; | 93 | let that = this; |
... | @@ -227,7 +227,7 @@ export default { | ... | @@ -227,7 +227,7 @@ export default { |
227 | } | 227 | } |
228 | }, | 228 | }, |
229 | //发送下一个环节 | 229 | //发送下一个环节 |
230 | sendToNext (obj) { | 230 | sendToNext(obj) { |
231 | const h = this.$createElement; | 231 | const h = this.$createElement; |
232 | this.$msgbox({ | 232 | this.$msgbox({ |
233 | title: "您确定转出吗?1", | 233 | title: "您确定转出吗?1", |
... | @@ -251,7 +251,12 @@ export default { | ... | @@ -251,7 +251,12 @@ export default { |
251 | if (res.code === 200) { | 251 | if (res.code === 200) { |
252 | instance.confirmButtonLoading = false; | 252 | instance.confirmButtonLoading = false; |
253 | this.$message.success("转件成功"); | 253 | this.$message.success("转件成功"); |
254 | window.opener.location.reload(); //刷新父窗口 | 254 | // window.opener.location.reload(); //刷新父窗口 |
255 | if (window.opener && window.opener.getBpageList) { | ||
256 | window.opener.getBpageList(); | ||
257 | } else { | ||
258 | window.opener.frames[0].getBpageList(); | ||
259 | } | ||
255 | window.close(); | 260 | window.close(); |
256 | this.$emit("input", false); | 261 | this.$emit("input", false); |
257 | } else { | 262 | } else { |
... | @@ -271,7 +276,7 @@ export default { | ... | @@ -271,7 +276,7 @@ export default { |
271 | }); | 276 | }); |
272 | }); | 277 | }); |
273 | }, | 278 | }, |
274 | sendToEnd () { | 279 | sendToEnd() { |
275 | let that = this | 280 | let that = this |
276 | const h = this.$createElement; | 281 | const h = this.$createElement; |
277 | this.$msgbox({ | 282 | this.$msgbox({ |
... | @@ -291,7 +296,12 @@ export default { | ... | @@ -291,7 +296,12 @@ export default { |
291 | instance.confirmButtonLoading = false; | 296 | instance.confirmButtonLoading = false; |
292 | that.$message.success("转件成功"); | 297 | that.$message.success("转件成功"); |
293 | localStorage.setItem('transfer', true) | 298 | localStorage.setItem('transfer', true) |
294 | window.opener.location.reload(); //刷新父窗口 | 299 | // window.opener.location.reload(); //刷新父窗口 |
300 | if (window.opener && window.opener.getBpageList) { | ||
301 | window.opener.getBpageList(); | ||
302 | } else { | ||
303 | window.opener.frames[0].getBpageList(); | ||
304 | } | ||
295 | window.close(); | 305 | window.close(); |
296 | that.$emit("input", false); | 306 | that.$emit("input", false); |
297 | } else { | 307 | } else { |
... | @@ -312,7 +322,7 @@ export default { | ... | @@ -312,7 +322,7 @@ export default { |
312 | }) | 322 | }) |
313 | }, | 323 | }, |
314 | //批量操作 | 324 | //批量操作 |
315 | handleBatchDel () { | 325 | handleBatchDel() { |
316 | let that = this; | 326 | let that = this; |
317 | this.$popup("批量删除", "workflow/components/batchDel", { | 327 | this.$popup("批量删除", "workflow/components/batchDel", { |
318 | width: "50%", | 328 | width: "50%", |
... | @@ -327,7 +337,7 @@ export default { | ... | @@ -327,7 +337,7 @@ export default { |
327 | } | 337 | } |
328 | }) | 338 | }) |
329 | }, | 339 | }, |
330 | handleChange (file) { | 340 | handleChange(file) { |
331 | var formdata = new FormData(); | 341 | var formdata = new FormData(); |
332 | formdata.append("file", file.raw); | 342 | formdata.append("file", file.raw); |
333 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 343 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
... | @@ -341,7 +351,7 @@ export default { | ... | @@ -341,7 +351,7 @@ export default { |
341 | }) | 351 | }) |
342 | }, | 352 | }, |
343 | // 上传 | 353 | // 上传 |
344 | beforeUpload (file) { | 354 | beforeUpload(file) { |
345 | return true; | 355 | return true; |
346 | }, | 356 | }, |
347 | } | 357 | } | ... | ... |
... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
4 | <div class="topButton"> | 4 | <div class="topButton"> |
5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
6 | <ul> | 6 | <ul> |
7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
8 | @click="operation(item)" | ||
9 | v-for="(item, index) in leftButtonList" | ||
10 | :key="index" | ||
11 | > | ||
8 | <svg-icon class="icon" :icon-class="item.icon" /> | 12 | <svg-icon class="icon" :icon-class="item.icon" /> |
9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
10 | </li> | 14 | </li> |
11 | </ul> | 15 | </ul> |
12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
13 | <ul> | 17 | <ul> |
14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
19 | @click="operation(item)" | ||
20 | v-for="(item, index) in rightButtonList" | ||
21 | :key="index" | ||
22 | > | ||
15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
17 | </li> | 25 | </li> |
... | @@ -22,7 +30,12 @@ | ... | @@ -22,7 +30,12 @@ |
22 | <div class="containerFrame"> | 30 | <div class="containerFrame"> |
23 | <!-- 左侧菜单栏 --> | 31 | <!-- 左侧菜单栏 --> |
24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 32 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 33 | <el-menu |
34 | :default-active="activeIndex" | ||
35 | @select="batchUnitClick" | ||
36 | class="title-batch" | ||
37 | v-if="showBatch" | ||
38 | > | ||
26 | <el-menu-item index="-1" key="-1" class="menus"> | 39 | <el-menu-item index="-1" key="-1" class="menus"> |
27 | <div>{{ batchButtonName }}</div> | 40 | <div>{{ batchButtonName }}</div> |
28 | </el-menu-item> | 41 | </el-menu-item> |
... | @@ -30,28 +43,50 @@ | ... | @@ -30,28 +43,50 @@ |
30 | <div v-if="this.isShowdrawer"> | 43 | <div v-if="this.isShowdrawer"> |
31 | <div class="title"> | 44 | <div class="title"> |
32 | 申请单元列表({{ unitData.length }}) | 45 | 申请单元列表({{ unitData.length }}) |
33 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 46 | <el-button |
47 | type="text" | ||
48 | class="batchDel" | ||
49 | @click="handleBatchDel" | ||
50 | v-if="unitData.length > 1" | ||
51 | >批量删除</el-button | ||
52 | > | ||
34 | </div> | 53 | </div> |
35 | <el-menu :default-active="activeIndex" @select="unitClick"> | 54 | <el-menu :default-active="activeIndex" @select="unitClick"> |
36 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 55 | <el-menu-item |
56 | v-for="(item, index) in unitData" | ||
57 | :index="index.toString()" | ||
58 | :key="index" | ||
59 | > | ||
37 | <div> | 60 | <div> |
38 | <p>{{ item.bdcdyh }}</p> | 61 | <p>{{ item.bdcdyh }}</p> |
39 | <p class="title-detail">{{ item.zl }}</p> | 62 | <p class="title-detail">{{ item.zl }}</p> |
40 | </div> | 63 | </div> |
41 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | 64 | <i |
65 | class="el-icon-delete" | ||
66 | v-if="unitData.length > 1" | ||
67 | @click.stop="handleDel(item)" | ||
68 | ></i> | ||
42 | </el-menu-item> | 69 | </el-menu-item> |
43 | </el-menu> | 70 | </el-menu> |
44 | </div> | 71 | </div> |
45 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 72 | <div |
46 | () => { | 73 | class="map-drawer-click map-drawer" |
47 | this.isShowdrawer = !this.isShowdrawer; | 74 | v-if="!isShowdrawer" |
48 | } | 75 | @click=" |
49 | "></div> | 76 | () => { |
50 | <div class="map-drawer-expand map-drawer" v-else @click=" | 77 | this.isShowdrawer = !this.isShowdrawer; |
51 | () => { | 78 | } |
52 | this.isShowdrawer = !this.isShowdrawer; | 79 | " |
53 | } | 80 | ></div> |
54 | "></div> | 81 | <div |
82 | class="map-drawer-expand map-drawer" | ||
83 | v-else | ||
84 | @click=" | ||
85 | () => { | ||
86 | this.isShowdrawer = !this.isShowdrawer; | ||
87 | } | ||
88 | " | ||
89 | ></div> | ||
55 | </div> | 90 | </div> |
56 | <div class="leftCon"> | 91 | <div class="leftCon"> |
57 | <!-- 分屏左侧预览 --> | 92 | <!-- 分屏左侧预览 --> |
... | @@ -61,45 +96,78 @@ | ... | @@ -61,45 +96,78 @@ |
61 | <!-- 表单内容区域 --> | 96 | <!-- 表单内容区域 --> |
62 | <div class="rightContainer"> | 97 | <div class="rightContainer"> |
63 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 98 | <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"> | 99 | <el-tab-pane |
100 | :label="item.name" | ||
101 | :name="item.value" | ||
102 | v-for="item in tabList" | ||
103 | :key="item.value" | ||
104 | > | ||
65 | </el-tab-pane> | 105 | </el-tab-pane> |
66 | </el-tabs> | 106 | </el-tabs> |
67 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 107 | <component |
108 | :key="fresh" | ||
109 | :is="componentTag" | ||
110 | v-bind="currentSelectProps" | ||
111 | /> | ||
68 | </div> | 112 | </div> |
69 | </div> | 113 | </div> |
70 | </div> | 114 | </div> |
71 | <!-- 打印模板需要此模块 --> | 115 | <!-- 打印模板需要此模块 --> |
72 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 116 | <object |
73 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 117 | id="LODOP_OB" |
118 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | ||
119 | v-show="false" | ||
120 | > | ||
121 | <embed | ||
122 | id="LODOP_EM" | ||
123 | type="application/x-print-lodop" | ||
124 | width="820" | ||
125 | height="450" | ||
126 | pluginspage="install_lodop32.exe" | ||
127 | /> | ||
74 | </object> | 128 | </object> |
75 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 129 | <el-upload |
76 | :on-change="handleChange" :before-upload="beforeUpload"> | 130 | class="fileUpdate" |
77 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | 131 | action="" |
132 | :show-file-list="false" | ||
133 | multiple | ||
134 | :auto-upload="false" | ||
135 | :on-change="handleChange" | ||
136 | :before-upload="beforeUpload" | ||
137 | > | ||
138 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false" | ||
139 | >上传</el-button | ||
140 | > | ||
78 | </el-upload> | 141 | </el-upload> |
79 | <selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> | 142 | <selectBdc |
143 | v-model="isDialog" | ||
144 | :djywbm="$route.query.sqywbm" | ||
145 | :isJump="true" | ||
146 | @updateDialog="updateDialog" | ||
147 | /> | ||
80 | </div> | 148 | </div> |
81 | </template> | 149 | </template> |
82 | <style scoped lang='scss'> | 150 | <style scoped lang="scss"> |
83 | @import "~@/styles/mixin.scss"; | 151 | @import "~@/styles/mixin.scss"; |
84 | @import "./workFrame.scss"; | 152 | @import "./workFrame.scss"; |
85 | </style> | 153 | </style> |
86 | <script> | 154 | <script> |
87 | import WorkFlow from "./mixin/index" | 155 | import WorkFlow from "./mixin/index"; |
88 | import publicFlow from "./mixin/public.js" | 156 | import publicFlow from "./mixin/public.js"; |
89 | import { getStepFormInfo } from "@/api/fqsq.js"; | 157 | import { getStepFormInfo } from "@/api/fqsq.js"; |
90 | import { getForm } from './flowform' | 158 | import { getForm } from "./flowform"; |
91 | import NoticeBar from '@/components/NoticeBar/index' | 159 | import NoticeBar from "@/components/NoticeBar/index"; |
92 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 160 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; |
93 | import ProcessViewer from './components/processViewer.vue' | 161 | import ProcessViewer from "./components/processViewer.vue"; |
94 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 162 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
95 | export default { | 163 | export default { |
96 | components: { | 164 | components: { |
97 | selectBdc, | 165 | selectBdc, |
98 | NoticeBar, | 166 | NoticeBar, |
99 | ProcessViewer | 167 | ProcessViewer, |
100 | }, | 168 | }, |
101 | mixins: [WorkFlow, publicFlow], | 169 | mixins: [WorkFlow, publicFlow], |
102 | data () { | 170 | data() { |
103 | return { | 171 | return { |
104 | isDialog: false, | 172 | isDialog: false, |
105 | // 折叠 | 173 | // 折叠 |
... | @@ -131,42 +199,45 @@ export default { | ... | @@ -131,42 +199,45 @@ export default { |
131 | //批量操作 | 199 | //批量操作 |
132 | showBatch: false, | 200 | showBatch: false, |
133 | //批量操作按钮名称 | 201 | //批量操作按钮名称 |
134 | batchButtonName: '', | 202 | batchButtonName: "", |
135 | } | 203 | }; |
136 | }, | 204 | }, |
137 | mounted () { | 205 | mounted() { |
138 | //添加页面监听事件 | 206 | //添加页面监听事件 |
139 | window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 207 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
140 | window.addEventListener('unload', e => this.unloadHandler(e)) | 208 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
141 | }, | 209 | }, |
142 | destroyed () { | 210 | |
143 | window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) | 211 | destroyed() { |
144 | window.removeEventListener('unload', e => this.unloadHandler(e)) | 212 | window.removeEventListener("beforeunload", (e) => |
213 | this.beforeunloadHandler(e) | ||
214 | ); | ||
215 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | ||
145 | }, | 216 | }, |
146 | methods: { | 217 | methods: { |
147 | beforeunloadHandler () { | 218 | beforeunloadHandler() { |
148 | this._beforeUnload_time = new Date().getTime() | 219 | this._beforeUnload_time = new Date().getTime(); |
149 | }, | 220 | }, |
150 | unloadHandler (e) { | 221 | unloadHandler(e) { |
151 | this._gap_time = new Date().getTime() - this._beforeUnload_time | 222 | this._gap_time = new Date().getTime() - this._beforeUnload_time; |
152 | //判断是窗口关闭还是刷新 | 223 | //判断是窗口关闭还是刷新 |
153 | if (this._gap_time <= 10) { | 224 | if (this._gap_time <= 10) { |
154 | //取消认领 | 225 | //取消认领 |
155 | unClaimTask(this.bsmSlsq, this.bestepid) | 226 | unClaimTask(this.bsmSlsq, this.bestepid); |
156 | } | 227 | } |
157 | }, | 228 | }, |
158 | changeLoadIndex () { | 229 | changeLoadIndex() { |
159 | this.loadIndex++ | 230 | this.loadIndex++; |
160 | }, | 231 | }, |
161 | closeDialog () { | 232 | closeDialog() { |
162 | this.myValue = false | 233 | this.myValue = false; |
163 | }, | 234 | }, |
164 | // 更新列表 | 235 | // 更新列表 |
165 | updateDialog () { | 236 | updateDialog() { |
166 | this.loadBdcdylist(); | 237 | this.loadBdcdylist(); |
167 | }, | 238 | }, |
168 | // 删除左侧列表 | 239 | // 删除左侧列表 |
169 | handleDel (item) { | 240 | handleDel(item) { |
170 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 241 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
171 | confirmButtonText: "确定", | 242 | confirmButtonText: "确定", |
172 | cancelButtonText: "取消", | 243 | cancelButtonText: "取消", |
... | @@ -193,7 +264,7 @@ export default { | ... | @@ -193,7 +264,7 @@ export default { |
193 | }); | 264 | }); |
194 | }, | 265 | }, |
195 | //申请单元点击事件 | 266 | //申请单元点击事件 |
196 | stepForm (index) { | 267 | stepForm(index) { |
197 | getStepFormInfo(this.currentSelectProps).then((res) => { | 268 | getStepFormInfo(this.currentSelectProps).then((res) => { |
198 | if (res.code === 200) { | 269 | if (res.code === 200) { |
199 | this.fresh++; | 270 | this.fresh++; |
... | @@ -201,9 +272,9 @@ export default { | ... | @@ -201,9 +272,9 @@ export default { |
201 | this.tabList = res.result; | 272 | this.tabList = res.result; |
202 | //默认加载第一个表单信息 | 273 | //默认加载第一个表单信息 |
203 | this.tabName = res.result[0].value; | 274 | this.tabName = res.result[0].value; |
204 | //批量操作无分屏按钮 | 275 | //批量操作无分屏按钮 |
205 | if (index != null) { | 276 | if (index != null) { |
206 | //处理分屏材料信息 | 277 | //处理分屏材料信息 |
207 | let that = this; | 278 | let that = this; |
208 | this.tabList.forEach(function (item, index) { | 279 | this.tabList.forEach(function (item, index) { |
209 | if (item.value == "clxx") { | 280 | if (item.value == "clxx") { |
... | @@ -211,24 +282,24 @@ export default { | ... | @@ -211,24 +282,24 @@ export default { |
211 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 282 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
212 | that.clxxTab = item; | 283 | that.clxxTab = item; |
213 | } | 284 | } |
214 | }) | 285 | }); |
215 | } | 286 | } |
216 | } | 287 | } |
217 | }) | 288 | }); |
218 | }, | 289 | }, |
219 | //申请单元点击事件 | 290 | //申请单元点击事件 |
220 | unitClick (index) { | 291 | unitClick(index) { |
221 | this.currentSelectProps = this.unitData[index]; | 292 | this.currentSelectProps = this.unitData[index]; |
222 | this.currentSelectProps.batchOperation = false; | 293 | this.currentSelectProps.batchOperation = false; |
223 | this.activeIndex = index.toString(); | 294 | this.activeIndex = index.toString(); |
224 | this.stepForm(index); | 295 | this.stepForm(index); |
225 | }, | 296 | }, |
226 | //批量按钮点击事件 | 297 | //批量按钮点击事件 |
227 | batchUnitClick () { | 298 | batchUnitClick() { |
228 | this.currentSelectProps.batchOperation = true; | 299 | this.currentSelectProps.batchOperation = true; |
229 | this.activeIndex = "-1"; | 300 | this.activeIndex = "-1"; |
230 | this.stepForm(); | 301 | this.stepForm(); |
231 | } | 302 | }, |
232 | } | 303 | }, |
233 | } | 304 | }; |
234 | </script> | 305 | </script> | ... | ... |
... | @@ -4,14 +4,22 @@ | ... | @@ -4,14 +4,22 @@ |
4 | <div class="topButton"> | 4 | <div class="topButton"> |
5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
6 | <ul> | 6 | <ul> |
7 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li |
8 | @click="operation(item)" | ||
9 | v-for="(item, index) in leftButtonList" | ||
10 | :key="index" | ||
11 | > | ||
8 | <svg-icon :icon-class="item.icon" /> | 12 | <svg-icon :icon-class="item.icon" /> |
9 | <span class="iconName">{{ item.name }}</span> | 13 | <span class="iconName">{{ item.name }}</span> |
10 | </li> | 14 | </li> |
11 | </ul> | 15 | </ul> |
12 | <!-- 右侧流程按钮 --> | 16 | <!-- 右侧流程按钮 --> |
13 | <ul> | 17 | <ul> |
14 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 18 | <li |
19 | @click="operation(item)" | ||
20 | v-for="(item, index) in rightButtonList" | ||
21 | :key="index" | ||
22 | > | ||
15 | <svg-icon class="icon" :icon-class="item.icon" /> | 23 | <svg-icon class="icon" :icon-class="item.icon" /> |
16 | <span class="iconName">{{ item.name }}</span> | 24 | <span class="iconName">{{ item.name }}</span> |
17 | </li> | 25 | </li> |
... | @@ -25,7 +33,11 @@ | ... | @@ -25,7 +33,11 @@ |
25 | <div v-if="this.isShowdrawer"> | 33 | <div v-if="this.isShowdrawer"> |
26 | <div class="title">申请单元列表({{ unitData.length }})</div> | 34 | <div class="title">申请单元列表({{ unitData.length }})</div> |
27 | <el-menu :default-active="activeIndex" @select="unitClick"> | 35 | <el-menu :default-active="activeIndex" @select="unitClick"> |
28 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 36 | <el-menu-item |
37 | v-for="(item, index) in unitData" | ||
38 | :index="index.toString()" | ||
39 | :key="index" | ||
40 | > | ||
29 | <div> | 41 | <div> |
30 | <p>{{ item.bdcdyh }}</p> | 42 | <p>{{ item.bdcdyh }}</p> |
31 | <p class="title-detail">{{ item.zl }}</p> | 43 | <p class="title-detail">{{ item.zl }}</p> |
... | @@ -33,16 +45,24 @@ | ... | @@ -33,16 +45,24 @@ |
33 | </el-menu-item> | 45 | </el-menu-item> |
34 | </el-menu> | 46 | </el-menu> |
35 | </div> | 47 | </div> |
36 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 48 | <div |
37 | () => { | 49 | class="map-drawer-click map-drawer" |
38 | this.isShowdrawer = !this.isShowdrawer; | 50 | v-if="!isShowdrawer" |
39 | } | 51 | @click=" |
40 | "></div> | 52 | () => { |
41 | <div class="map-drawer-expand map-drawer" v-else @click=" | 53 | this.isShowdrawer = !this.isShowdrawer; |
42 | () => { | 54 | } |
43 | this.isShowdrawer = !this.isShowdrawer; | 55 | " |
44 | } | 56 | ></div> |
45 | "></div> | 57 | <div |
58 | class="map-drawer-expand map-drawer" | ||
59 | v-else | ||
60 | @click=" | ||
61 | () => { | ||
62 | this.isShowdrawer = !this.isShowdrawer; | ||
63 | } | ||
64 | " | ||
65 | ></div> | ||
46 | </div> | 66 | </div> |
47 | <div class="leftCon"> | 67 | <div class="leftCon"> |
48 | <!-- 分屏左侧预览 --> | 68 | <!-- 分屏左侧预览 --> |
... | @@ -52,42 +72,47 @@ | ... | @@ -52,42 +72,47 @@ |
52 | <!-- 表单内容区域 --> | 72 | <!-- 表单内容区域 --> |
53 | <div class="rightContainer"> | 73 | <div class="rightContainer"> |
54 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 74 | <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"> | 75 | <el-tab-pane |
76 | :label="item.name" | ||
77 | :name="item.value" | ||
78 | v-for="(item, index) in tabList" | ||
79 | :key="index" | ||
80 | > | ||
56 | </el-tab-pane> | 81 | </el-tab-pane> |
57 | </el-tabs> | 82 | </el-tabs> |
58 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 83 | <component |
84 | :key="fresh" | ||
85 | :is="componentTag" | ||
86 | v-bind="currentSelectProps" | ||
87 | /> | ||
59 | </div> | 88 | </div> |
60 | </div> | 89 | </div> |
61 | </div> | 90 | </div> |
62 | </div> | 91 | </div> |
63 | </template> | 92 | </template> |
64 | <style scoped lang='scss'> | 93 | <style scoped lang="scss"> |
65 | @import "~@/styles/mixin.scss"; | 94 | @import "~@/styles/mixin.scss"; |
66 | @import "./workFrame.scss"; | 95 | @import "./workFrame.scss"; |
67 | </style> | 96 | </style> |
68 | <script> | 97 | <script> |
69 | import { | 98 | import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js"; |
70 | leftMenu, | 99 | import publicFlow from "./mixin/public.js"; |
71 | stepExpandInfo, | ||
72 | getStepFormInfo | ||
73 | } from "@/api/fqsq.js" | ||
74 | import publicFlow from "./mixin/public.js" | ||
75 | import { popupDialog } from "@/utils/popup.js"; | 100 | import { popupDialog } from "@/utils/popup.js"; |
76 | import NoticeBar from '@/components/NoticeBar/index' | 101 | import NoticeBar from "@/components/NoticeBar/index"; |
77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" | 102 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
78 | export default { | 103 | export default { |
79 | mixins: [publicFlow], | 104 | mixins: [publicFlow], |
80 | components: { | 105 | components: { |
81 | NoticeBar | 106 | NoticeBar, |
82 | }, | 107 | }, |
83 | data () { | 108 | data() { |
84 | return { | 109 | return { |
85 | // 流程图 | 110 | // 流程图 |
86 | imgSrc: '', | 111 | imgSrc: "", |
87 | // 折叠 | 112 | // 折叠 |
88 | isShowdrawer: true, | 113 | isShowdrawer: true, |
89 | // 默认选中 | 114 | // 默认选中 |
90 | activeIndex: '0', | 115 | activeIndex: "0", |
91 | //受理申请标识码 | 116 | //受理申请标识码 |
92 | bsmSlsq: this.$route.query.bsmSlsq, | 117 | bsmSlsq: this.$route.query.bsmSlsq, |
93 | //当前流程所在环节 | 118 | //当前流程所在环节 |
... | @@ -116,15 +141,16 @@ export default { | ... | @@ -116,15 +141,16 @@ export default { |
116 | clxxIndex: "", | 141 | clxxIndex: "", |
117 | //材料信息选项卡对象 | 142 | //材料信息选项卡对象 |
118 | clxxTab: {}, | 143 | clxxTab: {}, |
119 | } | 144 | }; |
120 | }, | 145 | }, |
121 | mounted () { | 146 | mounted() { |
122 | this.loadBdcdylist(); | 147 | this.loadBdcdylist(); |
123 | this.flowInitParam(); | 148 | this.flowInitParam(); |
124 | }, | 149 | }, |
150 | |||
125 | methods: { | 151 | methods: { |
126 | //加载流程初始参数 | 152 | //加载流程初始参数 |
127 | flowInitParam () { | 153 | flowInitParam() { |
128 | var formdata = new FormData(); | 154 | var formdata = new FormData(); |
129 | formdata.append("bsmSlsq", this.bsmSlsq); | 155 | formdata.append("bsmSlsq", this.bsmSlsq); |
130 | formdata.append("bestepid", this.bestepid); | 156 | formdata.append("bestepid", this.bestepid); |
... | @@ -134,34 +160,36 @@ export default { | ... | @@ -134,34 +160,36 @@ export default { |
134 | this.leftButtonList = res.result.button; | 160 | this.leftButtonList = res.result.button; |
135 | this.rightButtonList = res.result.operation; | 161 | this.rightButtonList = res.result.operation; |
136 | } | 162 | } |
137 | }) | 163 | }); |
138 | }, | 164 | }, |
139 | //流程环节操作按钮 | 165 | //流程环节操作按钮 |
140 | operation (item) { | 166 | operation(item) { |
141 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | 167 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 |
142 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 168 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
143 | switch (item.value) { | 169 | switch (item.value) { |
144 | case "B1": | 170 | case "B1": |
145 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 171 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then( |
146 | let { result } = res | 172 | (res) => { |
147 | popupDialog("流程图", "workflow/components/processViewer", { | 173 | let { result } = res; |
148 | xml: result.xml, | 174 | popupDialog("流程图", "workflow/components/processViewer", { |
149 | finishedInfo: { | 175 | xml: result.xml, |
150 | finishedTaskSet: result.finishedTaskSet, | 176 | finishedInfo: { |
151 | unfinishedTaskSet: result.unfinishedTaskSet, | 177 | finishedTaskSet: result.finishedTaskSet, |
152 | rejectedTaskSet: result.rejectedTaskSet, | 178 | unfinishedTaskSet: result.unfinishedTaskSet, |
153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 179 | rejectedTaskSet: result.rejectedTaskSet, |
154 | }, | 180 | finishedSequenceFlowSet: result.finishedSequenceFlowSet, |
155 | allCommentList: result.historyTaskList | 181 | }, |
156 | }) | 182 | allCommentList: result.historyTaskList, |
157 | }) | 183 | }); |
184 | } | ||
185 | ); | ||
158 | break; | 186 | break; |
159 | case "B5": | 187 | case "B5": |
160 | this.zsylFlag = true; | 188 | this.zsylFlag = true; |
161 | break; | 189 | break; |
162 | case "B2": //材料分屏按钮 | 190 | case "B2": //材料分屏按钮 |
163 | this.splitScreen = this.splitScreen ? false : true; | 191 | this.splitScreen = this.splitScreen ? false : true; |
164 | this.$store.dispatch('app/settScreen', this.splitScreen) | 192 | this.$store.dispatch("app/settScreen", this.splitScreen); |
165 | if (this.splitScreen) { | 193 | if (this.splitScreen) { |
166 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 194 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
167 | if (this.tabName == this.clxxTab.value) { | 195 | if (this.tabName == this.clxxTab.value) { |
... | @@ -179,7 +207,7 @@ export default { | ... | @@ -179,7 +207,7 @@ export default { |
179 | } | 207 | } |
180 | }, | 208 | }, |
181 | //读取申请单元信息 | 209 | //读取申请单元信息 |
182 | loadBdcdylist () { | 210 | loadBdcdylist() { |
183 | var formdata = new FormData(); | 211 | var formdata = new FormData(); |
184 | formdata.append("bsmSlsq", this.bsmSlsq); | 212 | formdata.append("bsmSlsq", this.bsmSlsq); |
185 | formdata.append("bestepid", this.bestepid); | 213 | formdata.append("bestepid", this.bestepid); |
... | @@ -189,12 +217,12 @@ export default { | ... | @@ -189,12 +217,12 @@ export default { |
189 | this.currentSelectProps = res.result[0]; | 217 | this.currentSelectProps = res.result[0]; |
190 | this.unitClick(0); | 218 | this.unitClick(0); |
191 | } | 219 | } |
192 | }) | 220 | }); |
193 | }, | 221 | }, |
194 | //申请单元点击事件 | 222 | //申请单元点击事件 |
195 | unitClick (index) { | 223 | unitClick(index) { |
196 | this.currentSelectProps = this.unitData[index]; | 224 | this.currentSelectProps = this.unitData[index]; |
197 | this.currentSelectProps.type = 'ONLY_READ'; | 225 | this.currentSelectProps.type = "ONLY_READ"; |
198 | getStepFormInfo(this.currentSelectProps).then((res) => { | 226 | getStepFormInfo(this.currentSelectProps).then((res) => { |
199 | if (res.code === 200) { | 227 | if (res.code === 200) { |
200 | this.fresh++; | 228 | this.fresh++; |
... | @@ -203,8 +231,8 @@ export default { | ... | @@ -203,8 +231,8 @@ export default { |
203 | //默认加载第一个表单信息 | 231 | //默认加载第一个表单信息 |
204 | this.tabName = res.result[0].value; | 232 | this.tabName = res.result[0].value; |
205 | } | 233 | } |
206 | }) | ||
207 | } | ||
208 | } | ||
209 | } | ||
210 | </script> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
234 | }); | ||
235 | }, | ||
236 | }, | ||
237 | }; | ||
238 | </script> | ... | ... |
1 | export default { | 1 | export default { |
2 | data () { | 2 | data() { |
3 | return { | 3 | return { |
4 | isSearch: false, | 4 | isSearch: false, |
5 | searchList: [], | 5 | searchList: [], |
... | @@ -7,18 +7,44 @@ export default { | ... | @@ -7,18 +7,44 @@ export default { |
7 | } | 7 | } |
8 | }, | 8 | }, |
9 | methods: { | 9 | methods: { |
10 | moreQueryClick () { | 10 | // 点击高级查询弹出查询弹框 |
11 | |||
12 | moreQueryClick() { | ||
11 | this.isSearch = true | 13 | this.isSearch = true |
14 | |||
12 | }, | 15 | }, |
13 | handleSelect (bs, mc, code) { | 16 | // 查询事件 |
14 | let that = this | 17 | handleSelect(bs, mc, code) { |
15 | this.dictData[bs].forEach(item => { | 18 | this.dictData[bs].forEach(item => { |
16 | if (item.dcode == this.queryForm[code]) { | 19 | if (item.dcode == this.queryForm[code]) { |
17 | this.searchForm[mc] = item.dname | 20 | this.searchForm[mc] = item.dname |
18 | } | 21 | } |
19 | }) | 22 | }) |
20 | }, | 23 | }, |
21 | handelItem (item, index) { | 24 | // 清空单个表单 |
25 | handleEmpty(el) { | ||
26 | for (var i = 0; i < this.searchList.length; i++) { | ||
27 | if (el == this.searchList[i].zdm) { | ||
28 | this.searchList.splice(i, 1) | ||
29 | } | ||
30 | } | ||
31 | let obj = { | ||
32 | ywlymc: 'ywly', | ||
33 | qllxmc: 'qllx', | ||
34 | djlxmc: 'djlx' | ||
35 | } | ||
36 | if (obj[el]) { | ||
37 | this.queryForm[obj[el]] = '' | ||
38 | } else if (this.otherForm[[el]]) { | ||
39 | this.otherForm[[el]] = '' | ||
40 | } else { | ||
41 | this.queryForm[el] = '' | ||
42 | } | ||
43 | this.searchForm[el] = '' | ||
44 | }, | ||
45 | // 删除单个查询条件 | ||
46 | |||
47 | handelItem(item, index) { | ||
22 | let obj = { | 48 | let obj = { |
23 | ywlymc: 'ywly', | 49 | ywlymc: 'ywly', |
24 | qllxmc: 'qllx', | 50 | qllxmc: 'qllx', |
... | @@ -33,10 +59,8 @@ export default { | ... | @@ -33,10 +59,8 @@ export default { |
33 | this.queryForm[item.zdm] = '' | 59 | this.queryForm[item.zdm] = '' |
34 | } | 60 | } |
35 | this.searchForm[item.zdm] = '' | 61 | this.searchForm[item.zdm] = '' |
36 | this.iterationData() | ||
37 | this.queryClick() | ||
38 | }, | 62 | }, |
39 | iterationData () { | 63 | iterationData() { |
40 | let obj = { | 64 | let obj = { |
41 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', | 65 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', |
42 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' | 66 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' |
... | @@ -46,12 +70,13 @@ export default { | ... | @@ -46,12 +70,13 @@ export default { |
46 | if (value) return { name: obj[name], value, zdm: name } | 70 | if (value) return { name: obj[name], value, zdm: name } |
47 | }).filter(Boolean) | 71 | }).filter(Boolean) |
48 | }, | 72 | }, |
49 | getSearch (val) { | 73 | getSearch(val) { |
50 | this.otherForm = val | 74 | this.otherForm = val |
51 | this.iterationData() | 75 | this.iterationData() |
52 | this.queryClick() | 76 | this.queryClick() |
53 | }, | 77 | }, |
54 | hanldeCleanAll () { | 78 | // 清空查询条件 |
79 | hanldeCleanAll() { | ||
55 | this.searchForm = {} | 80 | this.searchForm = {} |
56 | this.queryForm = { | 81 | this.queryForm = { |
57 | ywly: "", | 82 | ywly: "", |
... | @@ -59,6 +84,7 @@ export default { | ... | @@ -59,6 +84,7 @@ export default { |
59 | djlx: "", | 84 | djlx: "", |
60 | ywh: "" | 85 | ywh: "" |
61 | } | 86 | } |
87 | this.otherForm = {} | ||
62 | this.searchList = [] | 88 | this.searchList = [] |
63 | this.queryClick() | 89 | this.queryClick() |
64 | } | 90 | } | ... | ... |
... | @@ -9,17 +9,17 @@ | ... | @@ -9,17 +9,17 @@ |
9 | <el-row> | 9 | <el-row> |
10 | <el-col :span="8"> | 10 | <el-col :span="8"> |
11 | <el-form-item label="申请业务名称" prop="sqywmc"> | 11 | <el-form-item label="申请业务名称" prop="sqywmc"> |
12 | <el-input v-model="ruleForm.sqywmc"></el-input> | 12 | <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input> |
13 | </el-form-item> | 13 | </el-form-item> |
14 | </el-col> | 14 | </el-col> |
15 | <el-col :span="8"> | 15 | <el-col :span="8"> |
16 | <el-form-item label="权利人" prop="qlrmc"> | 16 | <el-form-item label="权利人" prop="qlrmc"> |
17 | <el-input v-model="ruleForm.qlrmc"></el-input> | 17 | <el-input v-model="ruleForm.qlrmc" placeholder="请输入权利人"></el-input> |
18 | </el-form-item> | 18 | </el-form-item> |
19 | </el-col> | 19 | </el-col> |
20 | <el-col :span="8"> | 20 | <el-col :span="8"> |
21 | <el-form-item label="义务人" prop="ywrmc"> | 21 | <el-form-item label="义务人" prop="ywrmc"> |
22 | <el-input v-model="ruleForm.ywrmc"></el-input> | 22 | <el-input v-model="ruleForm.ywrmc" placeholder="请输入义务人"></el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | </el-row> | 25 | </el-row> |
... | @@ -45,6 +45,7 @@ | ... | @@ -45,6 +45,7 @@ |
45 | export default { | 45 | export default { |
46 | props: { | 46 | props: { |
47 | value: { type: Boolean, default: false }, | 47 | value: { type: Boolean, default: false }, |
48 | advancedForm:{type: Object, default: "" } | ||
48 | }, | 49 | }, |
49 | data () { | 50 | data () { |
50 | return { | 51 | return { |
... | @@ -60,19 +61,31 @@ export default { | ... | @@ -60,19 +61,31 @@ export default { |
60 | watch: { | 61 | watch: { |
61 | value (val) { | 62 | value (val) { |
62 | this.myValue = val | 63 | this.myValue = val |
64 | }, | ||
65 | advancedForm(){ | ||
66 | this.ruleForm={...this.advancedForm} | ||
63 | } | 67 | } |
64 | }, | 68 | }, |
69 | |||
70 | |||
65 | methods: { | 71 | methods: { |
66 | closeDialog () { | 72 | closeDialog () { |
67 | this.$emit('input', false) | 73 | this.$emit('input', false) |
68 | }, | 74 | }, |
69 | resetForm () { | 75 | resetForm () { |
70 | this.$refs['ruleForm'].resetFields() | 76 | this.$refs['ruleForm'].resetFields() |
77 | this.ruleForm={ | ||
78 | sqywmc: '', | ||
79 | qlrmc: '', | ||
80 | ywrmc: '', | ||
81 | slsj: '' | ||
82 | } | ||
71 | }, | 83 | }, |
72 | submitForm () { | 84 | submitForm () { |
73 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) | 85 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) |
74 | this.$emit('input', false) | 86 | this.$emit('input', false) |
75 | this.$refs['ruleForm'].resetFields() | 87 | this.$refs['ruleForm'].resetFields() |
88 | |||
76 | } | 89 | } |
77 | } | 90 | } |
78 | } | 91 | } |
... | @@ -88,4 +101,4 @@ export default { | ... | @@ -88,4 +101,4 @@ export default { |
88 | /deep/.el-icon-date { | 101 | /deep/.el-icon-date { |
89 | display: none; | 102 | display: none; |
90 | } | 103 | } |
91 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
104 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | 4 | <el-form |
5 | :model="queryForm" | ||
6 | ref="queryForm" | ||
7 | @submit.native.prevent | ||
8 | label-width="80px" | ||
9 | > | ||
5 | <el-row> | 10 | <el-row> |
6 | <el-col :span="5"> | 11 | <el-col :span="5"> |
7 | <el-form-item label="业务来源" label-width="70px"> | 12 | <el-form-item label="业务来源" label-width="70px"> |
8 | <el-select v-model="queryForm.ywly" class="width100" filterable | 13 | <el-select |
9 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源"> | 14 | v-model="queryForm.ywly" |
10 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 15 | class="width100" |
16 | filterable | ||
17 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" | ||
18 | @clear="handleEmpty('ywlymc')" | ||
19 | clearable | ||
20 | placeholder="请选择业务来源" | ||
21 | > | ||
22 | <el-option | ||
23 | v-for="item in dictData['ywly']" | ||
24 | :key="item.dcode" | ||
25 | :label="item.dname" | ||
26 | :value="item.dcode" | ||
27 | > | ||
11 | </el-option> | 28 | </el-option> |
12 | </el-select> | 29 | </el-select> |
13 | </el-form-item> | 30 | </el-form-item> |
14 | </el-col> | 31 | </el-col> |
15 | <el-col :span="5"> | 32 | <el-col :span="5"> |
16 | <el-form-item label="权利类型"> | 33 | <el-form-item label="权利类型"> |
17 | <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" | 34 | <el-select |
18 | filterable clearable placeholder="请选择权利类型"> | 35 | v-model="queryForm.qllx" |
19 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 36 | class="width100" |
37 | @change="handleSelect('A8', 'qllxmc', 'qllx')" | ||
38 | @clear="handleEmpty('qllxmc')" | ||
39 | filterable | ||
40 | clearable | ||
41 | placeholder="请选择权利类型" | ||
42 | > | ||
43 | <el-option | ||
44 | v-for="item in dictData['A8']" | ||
45 | :key="item.dcode" | ||
46 | :label="item.dname" | ||
47 | :value="item.dcode" | ||
48 | > | ||
20 | </el-option> | 49 | </el-option> |
21 | </el-select> | 50 | </el-select> |
22 | </el-form-item> | 51 | </el-form-item> |
23 | </el-col> | 52 | </el-col> |
24 | <el-col :span="5"> | 53 | <el-col :span="5"> |
25 | <el-form-item label="登记类型"> | 54 | <el-form-item label="登记类型"> |
26 | <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" | 55 | <el-select |
27 | filterable clearable placeholder="请选择登记类型"> | 56 | v-model="queryForm.djlx" |
28 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 57 | class="width100" |
58 | @change="handleSelect('A21', 'djlxmc', 'djlx')" | ||
59 | @clear="handleEmpty('djlxmc')" | ||
60 | filterable | ||
61 | clearable | ||
62 | placeholder="请选择登记类型" | ||
63 | > | ||
64 | <el-option | ||
65 | v-for="item in dictData['A21']" | ||
66 | :key="item.dcode" | ||
67 | :label="item.dname" | ||
68 | :value="item.dcode" | ||
69 | > | ||
29 | </el-option> | 70 | </el-option> |
30 | </el-select> | 71 | </el-select> |
31 | </el-form-item> | 72 | </el-form-item> |
32 | </el-col> | 73 | </el-col> |
33 | <el-col :span="5"> | 74 | <el-col :span="5"> |
34 | <el-form-item label="业务号"> | 75 | <el-form-item label="业务号"> |
35 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100"> | 76 | <el-input |
77 | placeholder="请输入业务号" | ||
78 | v-model="queryForm.ywh" | ||
79 | @clear="queryClick" | ||
80 | clearable | ||
81 | class="width100" | ||
82 | > | ||
36 | </el-input> | 83 | </el-input> |
37 | </el-form-item> | 84 | </el-form-item> |
38 | </el-col> | 85 | </el-col> |
39 | 86 | ||
40 | <el-col :span="4" class="btnColRight"> | 87 | <el-col :span="4" class="btnColRight"> |
41 | <el-form-item> | 88 | <el-form-item> |
42 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 89 | <el-button type="primary" native-type="submit" @click="queryClick" |
90 | >查询</el-button | ||
91 | > | ||
43 | <el-button @click="moreQueryClick">高级查询</el-button> | 92 | <el-button @click="moreQueryClick">高级查询</el-button> |
44 | </el-form-item> | 93 | </el-form-item> |
45 | </el-col> | 94 | </el-col> |
... | @@ -49,40 +98,60 @@ | ... | @@ -49,40 +98,60 @@ |
49 | <ul> | 98 | <ul> |
50 | <li v-for="(item, index) in searchList" :key="index"> | 99 | <li v-for="(item, index) in searchList" :key="index"> |
51 | {{ item.name }}:{{ item.value }} | 100 | {{ item.name }}:{{ item.value }} |
52 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 101 | <i |
102 | class="el-icon-circle-close" | ||
103 | @click="handelItem(item, index)" | ||
104 | ></i> | ||
53 | </li> | 105 | </li> |
54 | </ul> | 106 | </ul> |
55 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 107 | <el-button |
108 | class="clean-btn" | ||
109 | type="text" | ||
110 | v-if="searchList.length > 0" | ||
111 | @click.native="hanldeCleanAll" | ||
112 | >清除全部 | ||
56 | </el-button> | 113 | </el-button> |
57 | </el-row> | 114 | </el-row> |
58 | </el-form> | 115 | </el-form> |
59 | </div> | 116 | </div> |
60 | <div class="from-clues-content"> | 117 | <div class="from-clues-content"> |
61 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 118 | <lb-table |
62 | :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" | 119 | :page-size="pageData.size" |
63 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 120 | class="loadingtext" |
64 | :data="tableData.data"> | 121 | @sort-change="handleSort" |
122 | :current-page.sync="pageData.currentPage" | ||
123 | :heightNum="295" | ||
124 | :total="tableData.total" | ||
125 | @size-change="handleSizeChange" | ||
126 | @p-current-change="handleCurrentChange" | ||
127 | :column="tableData.columns" | ||
128 | :data="tableData.data" | ||
129 | > | ||
65 | </lb-table> | 130 | </lb-table> |
66 | </div> | 131 | </div> |
67 | <searchBox v-model="isSearch" @getSearch="getSearch" /> | 132 | <searchBox |
133 | v-model="isSearch" | ||
134 | @getSearch="getSearch" | ||
135 | :advancedForm="otherForm" | ||
136 | /> | ||
68 | </div> | 137 | </div> |
69 | </template> | 138 | </template> |
70 | <script> | 139 | <script> |
71 | import { mapGetters } from 'vuex' | 140 | import { mapGetters } from "vuex"; |
72 | import searchBox from '../components/search.vue' | 141 | import searchBox from "../components/search.vue"; |
73 | import table from "@/utils/mixin/table" | 142 | import table from "@/utils/mixin/table"; |
74 | import searchMin from "../components/mixin/index" | 143 | import searchMin from "../components/mixin/index"; |
75 | import { datas, sendThis } from "./dbxdata" | 144 | import { datas, sendThis } from "./dbxdata"; |
76 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl" | 145 | import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl"; |
77 | import { judgeUserTaskPermission } from "@/api/fqsq" | 146 | import { judgeUserTaskPermission } from "@/api/fqsq"; |
78 | export default { | 147 | export default { |
79 | name: "dbx", | 148 | name: "dbx", |
80 | components: { searchBox }, | 149 | components: { searchBox }, |
81 | mixins: [table, searchMin], | 150 | mixins: [table, searchMin], |
82 | computed: { | 151 | computed: { |
83 | ...mapGetters(['dictData', 'transfer']) | 152 | ...mapGetters(["dictData", "transfer"]), |
84 | }, | 153 | }, |
85 | data () { | 154 | data() { |
86 | return { | 155 | return { |
87 | queryForm: { | 156 | queryForm: { |
88 | ywly: "", | 157 | ywly: "", |
... | @@ -91,109 +160,127 @@ export default { | ... | @@ -91,109 +160,127 @@ export default { |
91 | ywh: "", | 160 | ywh: "", |
92 | }, | 161 | }, |
93 | searchForm: { | 162 | searchForm: { |
94 | ywlymc: '', | 163 | ywlymc: "", |
95 | qllxmc: '', | 164 | qllxmc: "", |
96 | djlxmc: '', | 165 | djlxmc: "", |
97 | ywh: '' | 166 | ywh: "", |
98 | }, | 167 | }, |
99 | tableData: { | 168 | tableData: { |
100 | total: 0, | 169 | total: 0, |
101 | columns: datas.columns(), | 170 | columns: datas.columns(), |
102 | data: [], | 171 | data: [], |
103 | } | 172 | }, |
104 | } | 173 | jumpid: "", |
174 | }; | ||
105 | }, | 175 | }, |
106 | mounted () { | 176 | mounted() { |
107 | sendThis(this); | 177 | sendThis(this); |
178 | window["getBpageList"] = () => { | ||
179 | this.queryClick(); | ||
180 | }; | ||
108 | }, | 181 | }, |
182 | |||
109 | watch: { | 183 | watch: { |
110 | queryForm: { | 184 | queryForm: { |
111 | handler (newName, oldName) { | 185 | handler(newName, oldName) {}, |
112 | }, | 186 | immediate: true, |
113 | immediate: true | 187 | }, |
114 | } | ||
115 | }, | 188 | }, |
116 | methods: { | 189 | methods: { |
117 | // 列表渲染接口 | 190 | // 列表渲染接口 |
118 | queryClick () { | 191 | queryClick() { |
119 | this.$startLoading() | 192 | this.$startLoading(); |
120 | this.searchForm.ywh = this.queryForm.ywh | 193 | this.searchForm.ywh = this.queryForm.ywh; |
121 | this.iterationData() | 194 | this.iterationData(); |
122 | searchTaskToDo({ ...this.queryForm, ...this.otherForm, ...this.pageData }).then(res => { | 195 | searchTaskToDo({ |
123 | this.$endLoading() | 196 | ...this.queryForm, |
197 | ...this.otherForm, | ||
198 | ...this.pageData, | ||
199 | }).then((res) => { | ||
200 | this.$endLoading(); | ||
124 | if (res.code === 200) { | 201 | if (res.code === 200) { |
125 | let { total, records } = res.result | 202 | let { total, records } = res.result; |
126 | records.forEach(item => { | 203 | records.forEach((item) => { |
127 | item.qlrmc = item.qlrmc.join(',') | 204 | item.qlrmc = item.qlrmc.join(","); |
128 | item.ywh = item.ywh.join(',') | 205 | item.ywh = item.ywh.join(","); |
129 | item.zl = item.zl.join(',') | 206 | item.zl = item.zl.join(","); |
130 | item.fromstepdate = item.fromstepdate[0] | 207 | item.fromstepdate = item.fromstepdate[0]; |
131 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' | 208 | item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ""; |
132 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' | 209 | item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ""; |
133 | }) | 210 | }); |
134 | this.tableData.total = total ? total : 0 | 211 | this.tableData.total = total ? total : 0; |
135 | this.tableData.data = records ? records : [] | 212 | this.tableData.data = records ? records : []; |
136 | } | 213 | } |
137 | }) | 214 | }); |
138 | }, | 215 | }, |
139 | handleSort (val) { | 216 | handleSort(val) { |
140 | this.queryForm.sortField = val.prop | 217 | this.queryForm.sortField = val.prop; |
141 | this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' | 218 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
142 | this.queryClick() | 219 | this.queryClick(); |
143 | }, | 220 | }, |
144 | del (item) { | 221 | del(item) { |
145 | let formdata = new FormData(); | 222 | let formdata = new FormData(); |
146 | formdata.append("bsmSlsq", item.bsmSlsq); | 223 | formdata.append("bsmSlsq", item.bsmSlsq); |
147 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 224 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
148 | confirmButtonText: '确定', | 225 | confirmButtonText: "确定", |
149 | cancelButtonText: '取消', | 226 | cancelButtonText: "取消", |
150 | type: 'warning' | 227 | type: "warning", |
151 | }).then(() => { | ||
152 | deleteFlow(formdata).then(res => { | ||
153 | if (res.code === 200) { | ||
154 | this.handleDel() | ||
155 | this.$message({ | ||
156 | type: 'success', | ||
157 | message: '删除成功!' | ||
158 | }); | ||
159 | this.queryClick() | ||
160 | } else { | ||
161 | this.$message.error(res.message); | ||
162 | } | ||
163 | }) | ||
164 | }).catch(() => { | ||
165 | this.$message({ | ||
166 | type: 'info', | ||
167 | message: '已取消删除' | ||
168 | }) | ||
169 | }) | 228 | }) |
229 | .then(() => { | ||
230 | deleteFlow(formdata).then((res) => { | ||
231 | if (res.code === 200) { | ||
232 | this.handleDel(); | ||
233 | this.$message({ | ||
234 | type: "success", | ||
235 | message: "删除成功!", | ||
236 | }); | ||
237 | this.queryClick(); | ||
238 | } else { | ||
239 | this.$message.error(res.message); | ||
240 | } | ||
241 | }); | ||
242 | }) | ||
243 | .catch(() => { | ||
244 | this.$message({ | ||
245 | type: "info", | ||
246 | message: "已取消删除", | ||
247 | }); | ||
248 | }); | ||
170 | }, | 249 | }, |
171 | ywhClick (item) { | 250 | ywhClick(item) { |
172 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 251 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
173 | judgeUserTaskPermission({ | 252 | judgeUserTaskPermission({ |
174 | bsmSlsq: item.bsmSlsq, | 253 | bsmSlsq: item.bsmSlsq, |
175 | bestepid: item.bestepid | 254 | bestepid: item.bestepid, |
176 | }).then(res => { | 255 | }).then((res) => { |
177 | if (res.code == 200) { | 256 | if (res.code == 200) { |
178 | if (res.result) { | 257 | if (res.result) { |
179 | //有任务权限 | 258 | //有任务权限 |
180 | const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); | 259 | const { href } = this.$router.resolve( |
181 | window.open(href, '_blank'); | 260 | "/workFrame?bsmSlsq=" + |
261 | item.bsmSlsq + | ||
262 | "&bestepid=" + | ||
263 | item.bestepid + | ||
264 | "&bsmBusiness=" + | ||
265 | "&sqywbm=" + | ||
266 | item.djywbm | ||
267 | ); | ||
268 | window.open(href, `urlname${item.bsmSlsq}`); | ||
182 | //从待办箱进入的调取任务领取接口 | 269 | //从待办箱进入的调取任务领取接口 |
183 | claimTask(item.bsmSlsq, item.bestepid) | 270 | claimTask(item.bsmSlsq, item.bestepid); |
184 | } else { | 271 | } else { |
185 | //无任务权限 | 272 | //无任务权限 |
186 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作") | 273 | this.$message.error("无该任务操作权限,或已被他人抢办,请重新操作"); |
187 | //刷新页面 | 274 | //刷新页面 |
188 | this.queryClick(); | 275 | this.queryClick(); |
189 | } | 276 | } |
190 | } else { | 277 | } else { |
191 | this.$message.error("用户任务权限判断失败,请联系管理员") | 278 | this.$message.error("用户任务权限判断失败,请联系管理员"); |
192 | } | 279 | } |
193 | }) | 280 | }); |
194 | } | 281 | }, |
195 | } | 282 | }, |
196 | } | 283 | }; |
197 | </script> | 284 | </script> |
198 | <style scoped lang="scss"> | 285 | <style scoped lang="scss"> |
199 | @import "~@/styles/public.scss"; | 286 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -2,45 +2,94 @@ | ... | @@ -2,45 +2,94 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | 5 | <el-form |
6 | :model="queryForm" | ||
7 | ref="queryForm" | ||
8 | @submit.native.prevent | ||
9 | label-width="80px" | ||
10 | > | ||
6 | <el-row> | 11 | <el-row> |
7 | <el-col :span="5"> | 12 | <el-col :span="5"> |
8 | <el-form-item label="业务来源" label-width="70px"> | 13 | <el-form-item label="业务来源" label-width="70px"> |
9 | <el-select v-model="queryForm.ywly" @change="handleSelect('ywly', 'ywlymc', 'ywly')" class="width100" | 14 | <el-select |
10 | filterable clearable placeholder="请选择业务来源"> | 15 | v-model="queryForm.ywly" |
11 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 16 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" |
17 | @clear="handleEmpty('ywlymc')" | ||
18 | class="width100" | ||
19 | filterable | ||
20 | clearable | ||
21 | placeholder="请选择业务来源" | ||
22 | > | ||
23 | <el-option | ||
24 | v-for="item in dictData['ywly']" | ||
25 | :key="item.dcode" | ||
26 | :label="item.dname" | ||
27 | :value="item.dcode" | ||
28 | > | ||
12 | </el-option> | 29 | </el-option> |
13 | </el-select> | 30 | </el-select> |
14 | </el-form-item> | 31 | </el-form-item> |
15 | </el-col> | 32 | </el-col> |
16 | <el-col :span="5"> | 33 | <el-col :span="5"> |
17 | <el-form-item label="权利类型"> | 34 | <el-form-item label="权利类型"> |
18 | <el-select v-model="queryForm.qllx" @change="handleSelect('A8', 'qllxmc', 'qllx')" class="width100" | 35 | <el-select |
19 | filterable clearable placeholder="请选择权利类型"> | 36 | v-model="queryForm.qllx" |
20 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 37 | @change="handleSelect('A8', 'qllxmc', 'qllx')" |
38 | @clear="handleEmpty('qllxmc')" | ||
39 | class="width100" | ||
40 | filterable | ||
41 | clearable | ||
42 | placeholder="请选择权利类型" | ||
43 | > | ||
44 | <el-option | ||
45 | v-for="item in dictData['A8']" | ||
46 | :key="item.dcode" | ||
47 | :label="item.dname" | ||
48 | :value="item.dcode" | ||
49 | > | ||
21 | </el-option> | 50 | </el-option> |
22 | </el-select> | 51 | </el-select> |
23 | </el-form-item> | 52 | </el-form-item> |
24 | </el-col> | 53 | </el-col> |
25 | <el-col :span="5"> | 54 | <el-col :span="5"> |
26 | <el-form-item label="登记类型"> | 55 | <el-form-item label="登记类型"> |
27 | <el-select v-model="queryForm.djlx" @change="handleSelect('A21', 'djlxmc', 'djlx')" class="width100" | 56 | <el-select |
28 | filterable clearable placeholder="请选择登记类型"> | 57 | v-model="queryForm.djlx" |
29 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 58 | @change="handleSelect('A21', 'djlxmc', 'djlx')" |
59 | @clear="handleEmpty('djlxmc')" | ||
60 | class="width100" | ||
61 | filterable | ||
62 | clearable | ||
63 | placeholder="请选择登记类型" | ||
64 | > | ||
65 | <el-option | ||
66 | v-for="item in dictData['A21']" | ||
67 | :key="item.dcode" | ||
68 | :label="item.dname" | ||
69 | :value="item.dcode" | ||
70 | > | ||
30 | </el-option> | 71 | </el-option> |
31 | </el-select> | 72 | </el-select> |
32 | </el-form-item> | 73 | </el-form-item> |
33 | </el-col> | 74 | </el-col> |
34 | <el-col :span="5"> | 75 | <el-col :span="5"> |
35 | <el-form-item label="业务号"> | 76 | <el-form-item label="业务号"> |
36 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width200px"> | 77 | <el-input |
78 | placeholder="请输入业务号" | ||
79 | v-model="queryForm.ywh" | ||
80 | @clear="queryClick" | ||
81 | clearable | ||
82 | class="width200px" | ||
83 | > | ||
37 | </el-input> | 84 | </el-input> |
38 | </el-form-item> | 85 | </el-form-item> |
39 | </el-col> | 86 | </el-col> |
40 | 87 | ||
41 | <el-col :span="4" class="btnColRight"> | 88 | <el-col :span="4" class="btnColRight"> |
42 | <el-form-item> | 89 | <el-form-item> |
43 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 90 | <el-button type="primary" native-type="submit" @click="queryClick" |
91 | >查询</el-button | ||
92 | > | ||
44 | <el-button @click="moreQueryClick">高级查询</el-button> | 93 | <el-button @click="moreQueryClick">高级查询</el-button> |
45 | </el-form-item> | 94 | </el-form-item> |
46 | </el-col> | 95 | </el-col> |
... | @@ -50,43 +99,62 @@ | ... | @@ -50,43 +99,62 @@ |
50 | <ul> | 99 | <ul> |
51 | <li v-for="(item, index) in searchList" :key="index"> | 100 | <li v-for="(item, index) in searchList" :key="index"> |
52 | {{ item.name }}:{{ item.value }} | 101 | {{ item.name }}:{{ item.value }} |
53 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 102 | <i |
103 | class="el-icon-circle-close" | ||
104 | @click="handelItem(item, index)" | ||
105 | ></i> | ||
54 | </li> | 106 | </li> |
55 | </ul> | 107 | </ul> |
56 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 108 | <el-button |
109 | class="clean-btn" | ||
110 | type="text" | ||
111 | v-if="searchList.length > 0" | ||
112 | @click.native="hanldeCleanAll" | ||
113 | >清除全部 | ||
57 | </el-button> | 114 | </el-button> |
58 | </el-row> | 115 | </el-row> |
59 | </el-form> | 116 | </el-form> |
60 | </div> | 117 | </div> |
61 | <!-- 表格 --> | 118 | <!-- 表格 --> |
62 | <div class="from-clues-content"> | 119 | <div class="from-clues-content"> |
63 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 120 | <lb-table |
64 | :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" | 121 | :page-size="pageData.size" |
65 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 122 | class="loadingtext" |
66 | :data="tableData.data"> | 123 | @sort-change="handleSort" |
124 | :current-page.sync="pageData.currentPage" | ||
125 | :heightNum="295" | ||
126 | :total="tableData.total" | ||
127 | @size-change="handleSizeChange" | ||
128 | @p-current-change="handleCurrentChange" | ||
129 | :column="tableData.columns" | ||
130 | :data="tableData.data" | ||
131 | > | ||
67 | </lb-table> | 132 | </lb-table> |
68 | </div> | 133 | </div> |
69 | <searchBox v-model="isSearch" @getSearch="getSearch" /> | 134 | <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> |
70 | </div> | 135 | </div> |
71 | </template> | 136 | </template> |
72 | <script> | 137 | <script> |
73 | import { mapGetters } from 'vuex' | 138 | import { mapGetters } from "vuex"; |
74 | import searchMin from "../components/mixin/index" | 139 | import searchMin from "../components/mixin/index"; |
75 | import table from "@/utils/mixin/table" | 140 | import table from "@/utils/mixin/table"; |
76 | import { datas, sendThis } from "./ybxdata" | 141 | import { datas, sendThis } from "./ybxdata"; |
77 | import { searchTaskDone } from "@/api/ywbl" | 142 | import { searchTaskDone } from "@/api/ywbl"; |
78 | import searchBox from '../components/search.vue' | 143 | import searchBox from "../components/search.vue"; |
79 | export default { | 144 | export default { |
80 | name: "ybx", | 145 | name: "ybx", |
81 | components: { searchBox }, | 146 | components: { searchBox }, |
82 | mixins: [table, searchMin], | 147 | mixins: [table, searchMin], |
83 | mounted () { | 148 | mounted() { |
149 | window["getBpageList"] = () => { | ||
150 | this.queryClick(); | ||
151 | }; | ||
84 | sendThis(this); | 152 | sendThis(this); |
85 | }, | 153 | }, |
86 | computed: { | 154 | computed: { |
87 | ...mapGetters(['dictData']) | 155 | ...mapGetters(["dictData"]), |
88 | }, | 156 | }, |
89 | data () { | 157 | data() { |
90 | return { | 158 | return { |
91 | queryForm: { | 159 | queryForm: { |
92 | ywly: "", | 160 | ywly: "", |
... | @@ -95,10 +163,10 @@ export default { | ... | @@ -95,10 +163,10 @@ export default { |
95 | ywh: "", | 163 | ywh: "", |
96 | }, | 164 | }, |
97 | searchForm: { | 165 | searchForm: { |
98 | ywlymc: '', | 166 | ywlymc: "", |
99 | qllxmc: '', | 167 | qllxmc: "", |
100 | djlxmc: '', | 168 | djlxmc: "", |
101 | ywh: '' | 169 | ywh: "", |
102 | }, | 170 | }, |
103 | tableData: { | 171 | tableData: { |
104 | total: 0, | 172 | total: 0, |
... | @@ -109,35 +177,46 @@ export default { | ... | @@ -109,35 +177,46 @@ export default { |
109 | }, | 177 | }, |
110 | methods: { | 178 | methods: { |
111 | // 列表渲染接口 | 179 | // 列表渲染接口 |
112 | queryClick () { | 180 | queryClick() { |
113 | this.$startLoading() | 181 | this.$startLoading(); |
114 | this.searchForm.ywh = this.queryForm.ywh | 182 | this.searchForm.ywh = this.queryForm.ywh; |
115 | this.iterationData() | 183 | this.iterationData(); |
116 | searchTaskDone({ ...this.queryForm,...this.otherForm, ...this.pageData }).then(res => { | 184 | searchTaskDone({ |
117 | this.$endLoading() | 185 | ...this.queryForm, |
186 | ...this.otherForm, | ||
187 | ...this.pageData, | ||
188 | }).then((res) => { | ||
189 | this.$endLoading(); | ||
118 | if (res.code === 200) { | 190 | if (res.code === 200) { |
119 | let { total, records } = res.result | 191 | let { total, records } = res.result; |
120 | records.forEach(item => { | 192 | records.forEach((item) => { |
121 | item.qlrmc = item.qlrmc.join(',') | 193 | item.qlrmc = item.qlrmc.join(","); |
122 | item.ywh = item.ywh.join(',') | 194 | item.ywh = item.ywh.join(","); |
123 | item.zl = item.zl.join(',') | 195 | item.zl = item.zl.join(","); |
124 | item.outstepdate = item.outstepdate[0] | 196 | item.outstepdate = item.outstepdate[0]; |
125 | }) | 197 | }); |
126 | this.tableData.total = total ? total : 0 | 198 | this.tableData.total = total ? total : 0; |
127 | this.tableData.data = records ? records : [] | 199 | this.tableData.data = records ? records : []; |
128 | } | 200 | } |
129 | }) | 201 | }); |
130 | }, | 202 | }, |
131 | handleSort (val) { | 203 | handleSort(val) { |
132 | this.queryForm.sortField = val.prop | 204 | this.queryForm.sortField = val.prop; |
133 | this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' | 205 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
134 | this.queryClick() | 206 | this.queryClick(); |
135 | }, | 207 | }, |
136 | ywhClick (item) { | 208 | ywhClick(item) { |
137 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); | 209 | const { href } = this.$router.resolve( |
138 | window.open(href, '_blank'); | 210 | "/workFrameView?bsmSlsq=" + |
139 | } | 211 | item.bsmSlsq + |
140 | } | 212 | "&bestepid=" + |
213 | item.bestepid + | ||
214 | "&bsmBusiness=" + | ||
215 | "&viewtype=1" | ||
216 | ); | ||
217 | window.open(href, `urlname${item.bsmSlsq}`); | ||
218 | }, | ||
219 | }, | ||
141 | }; | 220 | }; |
142 | </script> | 221 | </script> |
143 | <style scoped lang="scss"> | 222 | <style scoped lang="scss"> | ... | ... |
... | @@ -4,33 +4,53 @@ | ... | @@ -4,33 +4,53 @@ |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="8"> | 7 | <el-col :span="10"> |
8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> | 9 | <el-input |
10 | placeholder="请输入不动产单元号" | ||
11 | v-model="queryForm.bdcdyh" | ||
12 | clearable | ||
13 | class="width300px" | ||
14 | > | ||
10 | </el-input> | 15 | </el-input> |
11 | </el-form-item> | 16 | </el-form-item> |
12 | </el-col> | 17 | </el-col> |
13 | <el-col :span="8"> | 18 | <el-col :span="10"> |
14 | <el-form-item label="不动产权证号"> | 19 | <el-form-item label="不动产权证号"> |
15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> | 20 | <el-input |
21 | placeholder="请输入不动产权证号" | ||
22 | v-model="queryForm.bdcqzh" | ||
23 | clearable | ||
24 | class="width300px" | ||
25 | > | ||
16 | </el-input> | 26 | </el-input> |
17 | </el-form-item> | 27 | </el-form-item> |
18 | </el-col> | 28 | </el-col> |
19 | <el-col :span="8"> | 29 | </el-row> |
30 | <el-row> | ||
31 | <el-col :span="10"> | ||
20 | <el-form-item label="权利人"> | 32 | <el-form-item label="权利人"> |
21 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | 33 | <el-input |
34 | placeholder="请输入权利人" | ||
35 | v-model="queryForm.zl" | ||
36 | clearable | ||
37 | class="width300px" | ||
38 | > | ||
22 | </el-input> | 39 | </el-input> |
23 | </el-form-item> | 40 | </el-form-item> |
24 | </el-col> | 41 | </el-col> |
25 | </el-row> | 42 | <el-col :span="10"> |
26 | <el-row> | ||
27 | <el-col :span="8"> | ||
28 | <el-form-item label="坐落"> | 43 | <el-form-item label="坐落"> |
29 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | 44 | <el-input |
45 | placeholder="请输入坐落" | ||
46 | v-model="queryForm.zl" | ||
47 | clearable | ||
48 | class="width300px" | ||
49 | > | ||
30 | </el-input> | 50 | </el-input> |
31 | </el-form-item> | 51 | </el-form-item> |
32 | </el-col> | 52 | </el-col> |
33 | <el-col :span="2" class="btnColRight"> | 53 | <el-col :span="4" class="btnColRight"> |
34 | <el-form-item> | 54 | <el-form-item> |
35 | <el-button type="primary" @click="queryClick">查询</el-button> | 55 | <el-button type="primary" @click="queryClick">查询</el-button> |
36 | </el-form-item> | 56 | </el-form-item> |
... | @@ -40,10 +60,19 @@ | ... | @@ -40,10 +60,19 @@ |
40 | </div> | 60 | </div> |
41 | <!-- 表格 --> | 61 | <!-- 表格 --> |
42 | <div class="from-clues-content"> | 62 | <div class="from-clues-content"> |
43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | 63 | <lb-table |
44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | 64 | ref="table" |
45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 65 | @row-click="handleRowClick" |
46 | :data="tableData.data"> | 66 | :page-size="pageData.pageSize" |
67 | :heightNum="400" | ||
68 | :current-page.sync="pageData.currentPage" | ||
69 | :total="tableData.total" | ||
70 | @size-change="handleSizeChange" | ||
71 | @p-current-change="handleCurrentChange" | ||
72 | @selection-change="handleSelectionChange" | ||
73 | :column="tableData.columns" | ||
74 | :data="tableData.data" | ||
75 | > | ||
47 | </lb-table> | 76 | </lb-table> |
48 | </div> | 77 | </div> |
49 | <div class="submit_button"> | 78 | <div class="submit_button"> |
... | @@ -63,9 +92,9 @@ export default { | ... | @@ -63,9 +92,9 @@ export default { |
63 | mixins: [table, jump], | 92 | mixins: [table, jump], |
64 | props: { | 93 | props: { |
65 | isJump: { type: Boolean, default: false }, | 94 | isJump: { type: Boolean, default: false }, |
66 | sqywInfo: { type: Object, default: () => { } }, | 95 | sqywInfo: { type: Object, default: () => {} }, |
67 | }, | 96 | }, |
68 | data () { | 97 | data() { |
69 | return { | 98 | return { |
70 | queryForm: defaultParameters.defaultParameters(), | 99 | queryForm: defaultParameters.defaultParameters(), |
71 | tableData: { | 100 | tableData: { |
... | @@ -76,11 +105,11 @@ export default { | ... | @@ -76,11 +105,11 @@ export default { |
76 | bdcdysz: [], | 105 | bdcdysz: [], |
77 | }; | 106 | }; |
78 | }, | 107 | }, |
79 | mounted () { | 108 | mounted() { |
80 | sendThis(this); | 109 | sendThis(this); |
81 | }, | 110 | }, |
82 | methods: { | 111 | methods: { |
83 | queryClick () { | 112 | queryClick() { |
84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 113 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
85 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 114 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
86 | if (res.code === 200) { | 115 | if (res.code === 200) { |
... | @@ -90,7 +119,7 @@ export default { | ... | @@ -90,7 +119,7 @@ export default { |
90 | } | 119 | } |
91 | }); | 120 | }); |
92 | }, | 121 | }, |
93 | submitForm () { | 122 | submitForm() { |
94 | if (this.bdcdysz.length == 0) { | 123 | if (this.bdcdysz.length == 0) { |
95 | this.$message.error("请至少选择一条数据"); | 124 | this.$message.error("请至少选择一条数据"); |
96 | return; | 125 | return; |
... | @@ -117,14 +146,14 @@ export default { | ... | @@ -117,14 +146,14 @@ export default { |
117 | } | 146 | } |
118 | }); | 147 | }); |
119 | }, | 148 | }, |
120 | handleSelectionChange (val) { | 149 | handleSelectionChange(val) { |
121 | val.forEach((item, index) => { | 150 | val.forEach((item, index) => { |
122 | item.bsmSsql = item.bsmQlxx; | 151 | item.bsmSsql = item.bsmQlxx; |
123 | item.ybdcqzsh = item.bdcqzh; | 152 | item.ybdcqzsh = item.bdcqzh; |
124 | }); | 153 | }); |
125 | this.bdcdysz = val; | 154 | this.bdcdysz = val; |
126 | }, | 155 | }, |
127 | openBook (row) { | 156 | openBook(row) { |
128 | var param = { | 157 | var param = { |
129 | bdcdyid: row.bdcdyid, | 158 | bdcdyid: row.bdcdyid, |
130 | qllx: row.qllx, | 159 | qllx: row.qllx, | ... | ... |
... | @@ -70,11 +70,11 @@ class data extends filter { | ... | @@ -70,11 +70,11 @@ class data extends filter { |
70 | label: "建筑物名称", | 70 | label: "建筑物名称", |
71 | }, | 71 | }, |
72 | { | 72 | { |
73 | label: "权利性质", | 73 | label: "土地/房屋性质", |
74 | render: (h, scope) => { | 74 | render: (h, scope) => { |
75 | return ( | 75 | return ( |
76 | <div> | 76 | <div> |
77 | {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzbsm)} | 77 | {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)} |
78 | </div> | 78 | </div> |
79 | ) | 79 | ) |
80 | } | 80 | } |
... | @@ -90,7 +90,7 @@ class data extends filter { | ... | @@ -90,7 +90,7 @@ class data extends filter { |
90 | } | 90 | } |
91 | }, | 91 | }, |
92 | { | 92 | { |
93 | label: "用途", | 93 | label: "土地/房屋用途", |
94 | render: (h, scope) => { | 94 | render: (h, scope) => { |
95 | return ( | 95 | return ( |
96 | <div> | 96 | <div> | ... | ... |
... | @@ -121,7 +121,8 @@ export default { | ... | @@ -121,7 +121,8 @@ export default { |
121 | }, | 121 | }, |
122 | openDialog (item) { | 122 | openDialog (item) { |
123 | const { href } = this.$router.resolve('/workFrameView?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 | window.open(href, `urlname${item.bsmSlsq}`); | ||
125 | } | 126 | } |
126 | } | 127 | } |
127 | } | 128 | } | ... | ... |
-
Please register or sign in to post a comment