Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
28 changed files
with
1442 additions
and
264 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 getJtfcPage (data) { |
5 | return request({ | 5 | return request({ |
6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', | 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', |
... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { | ... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { |
8 | data | 8 | data |
9 | }) | 9 | }) |
10 | } | 10 | } |
11 | |||
12 | // 获取房屋明细列表 | ||
13 | export function getFwmxPage (data) { | ||
14 | return request({ | ||
15 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage', | ||
16 | method: 'post', | ||
17 | data | ||
18 | }) | ||
19 | } | ||
20 | |||
11 | // 新增申请查询家庭房产信息 | 21 | // 新增申请查询家庭房产信息 |
12 | export function addJtfcCxjgXx (data) { | 22 | export function addJtfcCxjgXx (data) { |
13 | return request({ | 23 | return request({ |
... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { | ... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { |
16 | data | 26 | data |
17 | }) | 27 | }) |
18 | } | 28 | } |
29 | |||
30 | // 新增申请查询房屋明细信息 | ||
31 | export function addFwmxCxjgXx (data) { | ||
32 | return request({ | ||
33 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/addFwmxCxjgXx', | ||
34 | method: 'post', | ||
35 | data | ||
36 | }) | ||
37 | } | ||
38 | |||
19 | // 获取申请查询记录详细信息 | 39 | // 获取申请查询记录详细信息 |
20 | export function getJtfcInfo (params) { | 40 | export function getJtfcInfo (params) { |
21 | return request({ | 41 | return request({ |
... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { | ... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { |
24 | params | 44 | params |
25 | }) | 45 | }) |
26 | } | 46 | } |
47 | |||
48 | // 打印家庭房产 | ||
49 | export function printJtcfInfo (data) { | ||
50 | return request({ | ||
51 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/printJtcfInfo/', | ||
52 | method: 'post', | ||
53 | data | ||
54 | }) | ||
55 | } | ... | ... |
... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { | ... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { |
141 | }) | 141 | }) |
142 | } | 142 | } |
143 | 143 | ||
144 | // 证书领取查询 | ||
145 | export function getBdcqzReceiveList (data) { | ||
146 | return request({ | ||
147 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getBdcqzReceiveList', | ||
148 | method: 'post', | ||
149 | data | ||
150 | }) | ||
151 | } | ||
152 | |||
153 | // 在建工程抵押查询 | ||
154 | export function getZjgcdyList (data) { | ||
155 | return request({ | ||
156 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getZjgcdyList', | ||
157 | method: 'post', | ||
158 | data | ||
159 | }) | ||
160 | } | ||
161 | |||
162 | |||
144 | 163 | ... | ... |
src/views/sqcx/dydjb/components/addDydjb.vue
0 → 100644
1 | <template> | ||
2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | ||
3 | <el-steps :active="activeStep" finish-status="success"> | ||
4 | <el-step title="条件录入"></el-step> | ||
5 | <el-step title="结果查询"></el-step> | ||
6 | <el-step title="结果展示"></el-step> | ||
7 | </el-steps> | ||
8 | <div v-if="isSearch"> | ||
9 | <dydjbInfo ref="dydjbInfo"/> | ||
10 | </div> | ||
11 | <div class="jtfccx-edit" v-else> | ||
12 | <div class="jtfccx-edit-con"> | ||
13 | <b class="title"></b> | ||
14 | <el-form :model="form" label-width="120px"> | ||
15 | <el-row> | ||
16 | <el-col :span="6"> | ||
17 | <el-form-item label="查询用途" label-width="90px"> | ||
18 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="6"> | ||
22 | <el-form-item label="不动产权证号" label-width="120px"> | ||
23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="12"> | ||
27 | <el-form-item label="与产权人的关系"> | ||
28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | ||
29 | <el-radio label="1">房屋权利人</el-radio> | ||
30 | <el-radio label="2">产权利害关系人</el-radio> | ||
31 | <el-radio label="3">委托人</el-radio> | ||
32 | </el-radio-group> | ||
33 | </el-form-item> | ||
34 | </el-col> | ||
35 | </el-row> | ||
36 | </el-form> | ||
37 | <b class="title">申请人</b> | ||
38 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | ||
39 | :pagination="false"> | ||
40 | </lb-table> | ||
41 | <b class="title">权利人</b> | ||
42 | <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting | ||
43 | :pagination="false"> | ||
44 | </lb-table> | ||
45 | <div class="submit-button" style="padding-bottom:50px"> | ||
46 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> | ||
47 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> | ||
48 | <el-button @click="closeDialog">关闭</el-button> | ||
49 | </div> | ||
50 | </div> | ||
51 | </div> | ||
52 | </dialogBox> | ||
53 | </template> | ||
54 | |||
55 | <script> | ||
56 | import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; | ||
57 | import { getPrintTemplateByCode } from "@/api/system"; | ||
58 | import { datas, sendThis } from "./dydjbdata"; | ||
59 | import { getLodop } from "@/utils/LodopFuncs" | ||
60 | import dydjbInfo from "./dydjbInfo.vue"; | ||
61 | import { mapGetters } from "vuex"; | ||
62 | export default { | ||
63 | computed: { | ||
64 | ...mapGetters(["dictData"]), | ||
65 | }, | ||
66 | components: { dydjbInfo }, | ||
67 | props: { | ||
68 | value: { type: Boolean, default: false }, | ||
69 | sqcxBsm: { type: String, default: "" }, | ||
70 | }, | ||
71 | mounted () { | ||
72 | sendThis(this); | ||
73 | }, | ||
74 | data () { | ||
75 | return { | ||
76 | activeStep: 0, | ||
77 | myValue: this.value, | ||
78 | //是否查询 | ||
79 | isSearch: false, | ||
80 | //查询结果列表字段 | ||
81 | cxjgColumns: datas.columns(), | ||
82 | //申请人列表字段 | ||
83 | sqrColumns: datas.sqrCol(), | ||
84 | //权利人列表字段 | ||
85 | qlrColumns: datas.qlrCol(), | ||
86 | newData: { | ||
87 | sqrxm: "", | ||
88 | sqrzjlxbm: "", | ||
89 | sqrzjhm: "", | ||
90 | lxdh: "", | ||
91 | inputErr: false, | ||
92 | }, | ||
93 | form: { | ||
94 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | ||
95 | sqrList: [], | ||
96 | qlrList: [], | ||
97 | cxjgList: [], | ||
98 | dyjlList: [], | ||
99 | }, | ||
100 | }; | ||
101 | }, | ||
102 | watch: { | ||
103 | value (val) { | ||
104 | this.myValue = val; | ||
105 | let that = this | ||
106 | if (val) { | ||
107 | this.form.sqrList = [] | ||
108 | this.form.qlrList = [] | ||
109 | this.isSearch = false | ||
110 | if (this.sqcxBsm == "") { | ||
111 | that.add("sqr"); | ||
112 | that.add("qlr"); | ||
113 | } else { | ||
114 | that.loadData(); | ||
115 | } | ||
116 | } | ||
117 | }, | ||
118 | "form.djSqcxDO.ycqrgx" (val) { | ||
119 | if (val == "1") { | ||
120 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | ||
121 | } else { | ||
122 | this.form.qlrList = []; | ||
123 | this.add("qlr"); | ||
124 | } | ||
125 | }, | ||
126 | "form.sqrList" (val) { | ||
127 | if (this.form.djSqcxDO.ycqrgx == '1') { | ||
128 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
129 | } | ||
130 | } | ||
131 | }, | ||
132 | methods: { | ||
133 | closeDialog () { | ||
134 | this.$emit("input", false); | ||
135 | this.activeStep = 0; | ||
136 | this.form = { | ||
137 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | ||
138 | sqrList: [], | ||
139 | qlrList: [], | ||
140 | cxjgList: [], | ||
141 | dyjlList: [], | ||
142 | } | ||
143 | }, | ||
144 | //加载详细信息 | ||
145 | loadData () { | ||
146 | this.$startLoading(); | ||
147 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | ||
148 | this.$endLoading(); | ||
149 | if (res.code == 200) { | ||
150 | this.activeStep = 2; | ||
151 | this.isSearch = true; | ||
152 | this.$nextTick(() => { | ||
153 | this.$refs.dydjbInfo.setResult(res.result) | ||
154 | }) | ||
155 | } | ||
156 | }); | ||
157 | }, | ||
158 | //查询结果 | ||
159 | queryChick () { | ||
160 | this.$startLoading(); | ||
161 | this.activeStep = 1; | ||
162 | addFwmxCxjgXx(this.form).then((res) => { | ||
163 | this.$endLoading(); | ||
164 | if (res.code == 200) { | ||
165 | this.activeStep = 2; | ||
166 | this.isSearch = true; | ||
167 | this.$nextTick(() => { | ||
168 | this.$refs.dydjbInfo.setResult(res.result) | ||
169 | }) | ||
170 | this.$parent.queryClick(); | ||
171 | } | ||
172 | }); | ||
173 | }, | ||
174 | //重置 | ||
175 | resetClick () { | ||
176 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | ||
177 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
178 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
179 | this.form.cxjgList = []; | ||
180 | this.form.dyjlList = []; | ||
181 | this.isSearch = false; | ||
182 | }, | ||
183 | handleRead (scope) { }, | ||
184 | //添加申请人或权利人 | ||
185 | add (type) { | ||
186 | if (type == "sqr") { | ||
187 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
188 | } else { | ||
189 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
190 | } | ||
191 | }, | ||
192 | //移除申请人或权利人 | ||
193 | remove (index, row, type) { | ||
194 | if (type == "sqr") { | ||
195 | this.form.sqrList.splice(index, 1); | ||
196 | } else { | ||
197 | this.form.qlrList.splice(index, 1); | ||
198 | } | ||
199 | }, | ||
200 | //电话号码校验 | ||
201 | teltest (row) { | ||
202 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
203 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
204 | row.inputErr = true; | ||
205 | return false; | ||
206 | } else { | ||
207 | row.inputErr = false; | ||
208 | return true; | ||
209 | } | ||
210 | }, | ||
211 | }, | ||
212 | }; | ||
213 | </script> | ||
214 | <style scoped lang="scss"> | ||
215 | @import "~@/styles/mixin.scss"; | ||
216 | @import "~@/styles/public.scss"; | ||
217 | |||
218 | .title { | ||
219 | padding-bottom: 10px; | ||
220 | margin-bottom: 10px; | ||
221 | display: block; | ||
222 | border-bottom: 1px solid $borderColor; | ||
223 | } | ||
224 | |||
225 | .jtfccx-edit { | ||
226 | @include flex; | ||
227 | flex-direction: column; | ||
228 | overflow-y: hidden; | ||
229 | max-height: 87vh; | ||
230 | padding: 0 2px; | ||
231 | |||
232 | .jtfccx-edit-con { | ||
233 | flex: 1; | ||
234 | height: 100%; | ||
235 | overflow-y: scroll; | ||
236 | } | ||
237 | |||
238 | .submit-button { | ||
239 | text-align: center; | ||
240 | height: 52px; | ||
241 | padding-top: 10px; | ||
242 | background-color: #fff; | ||
243 | } | ||
244 | } | ||
245 | </style> |
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 | <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> | ||
21 | </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 { getJtfcInfo } from "@/api/sqcx"; | ||
26 | export default { | 40 | export default { |
27 | props: ["formData"], | 41 | props: { |
28 | 42 | ||
29 | created () { | ||
30 | var sqcxdata = this.formData.sqcxdata; | ||
31 | this.ruleForm = sqcxdata; | ||
32 | }, | 43 | }, |
33 | |||
34 | data () { | 44 | data () { |
35 | return { | 45 | return { |
36 | ruleForm: { | 46 | ruleForm: { |
37 | cxsj: "", | 47 | cxsj: "", |
38 | bdcdyh: "", | 48 | bdcdyh: "", |
39 | }, | 49 | }, |
40 | imgUrl: imgPath, | 50 | //房屋列表字段 |
51 | fwColumns: datas.fwCol(), | ||
52 | //土地列表字段 | ||
53 | tdColumns: datas.tdCol(), | ||
54 | //权属状况列表字段 | ||
55 | qszkColumns: datas.columns(), | ||
56 | //抵押登记列表字段 | ||
57 | diyaColumns: datas.diyaCol(), | ||
58 | //预告登记列表字段 | ||
59 | ygdjColumns: datas.ygdjCol(), | ||
60 | //查封登记列表字段 | ||
61 | cfdjColumns: datas.cfdjCol(), | ||
62 | //异议登记列表字段 | ||
63 | yydjColumns: datas.yydjCol(), | ||
64 | form: {}, | ||
65 | resultData: {}, | ||
41 | }; | 66 | }; |
42 | }, | 67 | }, |
43 | mounted () { }, | 68 | mounted () { }, |
44 | methods: {}, | 69 | methods: { |
70 | setResult(data){ | ||
71 | this.resultData = data | ||
72 | } | ||
73 | }, | ||
45 | }; | 74 | }; |
46 | </script> | 75 | </script> |
47 | <style scoped lang="scss"> | 76 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/dydjb/components/dydjbdata.js
0 → 100644
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | ||
8 | constructor() { | ||
9 | super() | ||
10 | } | ||
11 | columns () { | ||
12 | return [ | ||
13 | { | ||
14 | prop: 'qszt', | ||
15 | label: '权属状态', | ||
16 | }, | ||
17 | { | ||
18 | prop: 'bdcqzh', | ||
19 | label: '不动产权证号', | ||
20 | }, | ||
21 | { | ||
22 | prop: 'djsj', | ||
23 | label: '登记时间', | ||
24 | }, | ||
25 | { | ||
26 | prop: 'wqhth', | ||
27 | label: '合同号', | ||
28 | }, | ||
29 | { | ||
30 | prop: 'wqsj', | ||
31 | label: '网签时间', | ||
32 | }, | ||
33 | { | ||
34 | prop: 'bdcdyh', | ||
35 | label: '不动产单元号', | ||
36 | }, | ||
37 | { | ||
38 | prop: 'gyfs', | ||
39 | label: '共有方式', | ||
40 | }, | ||
41 | { | ||
42 | prop: 'qlrmc', | ||
43 | label: '权利人', | ||
44 | }, | ||
45 | { | ||
46 | prop: 'zjhm', | ||
47 | label: '证件号', | ||
48 | }, | ||
49 | { | ||
50 | prop: 'fdzl', | ||
51 | label: '房地坐落', | ||
52 | }, | ||
53 | { | ||
54 | prop: 'fwmj', | ||
55 | label: '建筑面积(㎡)', | ||
56 | }, | ||
57 | { | ||
58 | prop: 'fwyt', | ||
59 | label: '房屋用途', | ||
60 | }, | ||
61 | { | ||
62 | |||
63 | label: '登记状态', | ||
64 | align: 'center', | ||
65 | fixed: 'right', | ||
66 | render: (h, scope) => { | ||
67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ | ||
68 | return <div>抵押、查封</div> | ||
69 | } | ||
70 | if(scope.row.dyzt != '0'){ | ||
71 | return <div>抵押</div> | ||
72 | } | ||
73 | if(scope.row.cfzt != '0'){ | ||
74 | return <div>查封</div> | ||
75 | } | ||
76 | } | ||
77 | } | ||
78 | ] | ||
79 | } | ||
80 | sqrCol () { | ||
81 | return [ | ||
82 | { | ||
83 | width: "60", | ||
84 | renderHeader: (h, scope) => { | ||
85 | return ( | ||
86 | <i | ||
87 | class="el-icon-plus pointer" | ||
88 | onClick={() => { | ||
89 | vm.add("sqr"); | ||
90 | }} | ||
91 | style="color:#409EFF" | ||
92 | ></i> | ||
93 | ); | ||
94 | }, | ||
95 | render: (h, scope) => { | ||
96 | return ( | ||
97 | <i | ||
98 | class="el-icon-minus pointer" | ||
99 | onClick={() => { | ||
100 | vm.remove(scope.$index, scope.row, "sqr"); | ||
101 | }} | ||
102 | ></i> | ||
103 | ); | ||
104 | }, | ||
105 | }, | ||
106 | { | ||
107 | width: "150", | ||
108 | label: "身份证读卡器", | ||
109 | render: (h, scope) => { | ||
110 | return ( | ||
111 | <div> | ||
112 | <el-button | ||
113 | type="text" | ||
114 | icon="el-icon-edit-outline" | ||
115 | onClick={() => { | ||
116 | vm.handleRead(scope); | ||
117 | }} | ||
118 | > | ||
119 | 读取 | ||
120 | </el-button> | ||
121 | </div> | ||
122 | ); | ||
123 | }, | ||
124 | }, | ||
125 | { | ||
126 | width: "150", | ||
127 | prop: "sqrxm", | ||
128 | label: "姓名/名称", | ||
129 | render: (h, scope) => { | ||
130 | return ( | ||
131 | <el-input | ||
132 | placeholder="姓名/名称" | ||
133 | value={scope.row[scope.column.property]} | ||
134 | onInput={(val) => { | ||
135 | scope.row[scope.column.property] = val; | ||
136 | }} | ||
137 | ></el-input> | ||
138 | ); | ||
139 | }, | ||
140 | }, | ||
141 | { | ||
142 | prop: "sqrzjlxbm", | ||
143 | label: "证件种类", | ||
144 | render: (h, scope) => { | ||
145 | return ( | ||
146 | <el-select | ||
147 | class="width100" | ||
148 | clearable | ||
149 | value={scope.row[scope.column.property]} | ||
150 | onChange={(val) => { | ||
151 | scope.row[scope.column.property] = val; | ||
152 | }} | ||
153 | > | ||
154 | {vm.dictData["A30"].map((option) => { | ||
155 | return ( | ||
156 | <el-option | ||
157 | label={option.dname} | ||
158 | value={option.dcode} | ||
159 | ></el-option> | ||
160 | ); | ||
161 | })} | ||
162 | </el-select> | ||
163 | ); | ||
164 | }, | ||
165 | }, | ||
166 | { | ||
167 | prop: "sqrzjhm", | ||
168 | label: "证件号", | ||
169 | render: (h, scope) => { | ||
170 | return ( | ||
171 | <el-input | ||
172 | placeholder="证件号" | ||
173 | value={scope.row[scope.column.property]} | ||
174 | onInput={(val) => { | ||
175 | scope.row[scope.column.property] = val; | ||
176 | }} | ||
177 | maxlength="21" | ||
178 | ></el-input> | ||
179 | ); | ||
180 | }, | ||
181 | }, | ||
182 | { | ||
183 | prop: "lxdh", | ||
184 | label: "联系电话", | ||
185 | render: (h, scope) => { | ||
186 | return ( | ||
187 | <div class="typePhone"> | ||
188 | <el-input | ||
189 | placeholder="联系电话" | ||
190 | value={scope.row[scope.column.property]} | ||
191 | onInput={(val) => { | ||
192 | scope.row[scope.column.property] = val; | ||
193 | }} | ||
194 | onBlur={(val) => { | ||
195 | vm.teltest(scope.row); | ||
196 | }} | ||
197 | type="tel" | ||
198 | maxlength="11" | ||
199 | ></el-input> | ||
200 | <span | ||
201 | v-show={scope.row.inputErr} | ||
202 | style={{ | ||
203 | fontSize: "12px", | ||
204 | color: "red", | ||
205 | position: "absolute", | ||
206 | bottom: "-2px", | ||
207 | left: "0", | ||
208 | }} | ||
209 | > | ||
210 | 请输入正确手机号 | ||
211 | </span> | ||
212 | </div> | ||
213 | ); | ||
214 | }, | ||
215 | }, | ||
216 | ] | ||
217 | } | ||
218 | qlrCol () { | ||
219 | return [ | ||
220 | { | ||
221 | width: "60", | ||
222 | renderHeader: (h, scope) => { | ||
223 | return ( | ||
224 | <i | ||
225 | class="el-icon-plus pointer" | ||
226 | onClick={() => { | ||
227 | vm.add("qlr"); | ||
228 | }} | ||
229 | style="color:#409EFF" | ||
230 | ></i> | ||
231 | ); | ||
232 | }, | ||
233 | render: (h, scope) => { | ||
234 | return ( | ||
235 | <i | ||
236 | class="el-icon-minus pointer" | ||
237 | onClick={() => { | ||
238 | vm.remove(scope.$index, scope.row, "qlr"); | ||
239 | }} | ||
240 | ></i> | ||
241 | ); | ||
242 | }, | ||
243 | }, | ||
244 | { | ||
245 | width: "150", | ||
246 | label: "身份证读卡器", | ||
247 | render: (h, scope) => { | ||
248 | return ( | ||
249 | <div> | ||
250 | <el-button | ||
251 | type="text" | ||
252 | icon="el-icon-edit-outline" | ||
253 | onClick={() => { | ||
254 | vm.handleRead(scope); | ||
255 | }} | ||
256 | > | ||
257 | 读取 | ||
258 | </el-button> | ||
259 | </div> | ||
260 | ); | ||
261 | }, | ||
262 | }, | ||
263 | { | ||
264 | width: "150", | ||
265 | prop: "sqrxm", | ||
266 | label: "姓名/名称", | ||
267 | render: (h, scope) => { | ||
268 | return ( | ||
269 | <el-input | ||
270 | placeholder="姓名/名称" | ||
271 | value={scope.row[scope.column.property]} | ||
272 | onInput={(val) => { | ||
273 | scope.row[scope.column.property] = val; | ||
274 | }} | ||
275 | ></el-input> | ||
276 | ); | ||
277 | }, | ||
278 | }, | ||
279 | { | ||
280 | prop: "sqrzjlxbm", | ||
281 | label: "证件种类", | ||
282 | render: (h, scope) => { | ||
283 | return ( | ||
284 | <el-select | ||
285 | class="width100" | ||
286 | value={scope.row[scope.column.property]} | ||
287 | onChange={(val) => { | ||
288 | scope.row[scope.column.property] = val; | ||
289 | }} | ||
290 | > | ||
291 | {vm.dictData["A30"].map((option) => { | ||
292 | return ( | ||
293 | <el-option | ||
294 | label={option.dname} | ||
295 | value={option.dcode} | ||
296 | ></el-option> | ||
297 | ); | ||
298 | })} | ||
299 | </el-select> | ||
300 | ); | ||
301 | }, | ||
302 | }, | ||
303 | { | ||
304 | prop: "sqrzjhm", | ||
305 | label: "证件号", | ||
306 | render: (h, scope) => { | ||
307 | return ( | ||
308 | <el-input | ||
309 | placeholder="证件号" | ||
310 | value={scope.row[scope.column.property]} | ||
311 | onInput={(val) => { | ||
312 | scope.row[scope.column.property] = val; | ||
313 | }} | ||
314 | maxlength="21" | ||
315 | ></el-input> | ||
316 | ); | ||
317 | }, | ||
318 | }, | ||
319 | { | ||
320 | prop: "lxdh", | ||
321 | label: "联系电话", | ||
322 | render: (h, scope) => { | ||
323 | return ( | ||
324 | <div class="typePhone"> | ||
325 | <el-input | ||
326 | placeholder="联系电话" | ||
327 | value={scope.row[scope.column.property]} | ||
328 | onInput={(val) => { | ||
329 | scope.row[scope.column.property] = val; | ||
330 | }} | ||
331 | onBlur={(val) => { | ||
332 | vm.teltest(scope.row); | ||
333 | }} | ||
334 | type="tel" | ||
335 | maxlength="11" | ||
336 | ></el-input> | ||
337 | <span | ||
338 | v-show={scope.row.inputErr} | ||
339 | style={{ | ||
340 | fontSize: "12px", | ||
341 | color: "red", | ||
342 | position: "absolute", | ||
343 | bottom: "-2px", | ||
344 | left: "0", | ||
345 | }} | ||
346 | > | ||
347 | 请输入正确手机号 | ||
348 | </span> | ||
349 | </div> | ||
350 | ); | ||
351 | }, | ||
352 | }, | ||
353 | ] | ||
354 | } | ||
355 | } | ||
356 | let datas = new data() | ||
357 | export { | ||
358 | datas, | ||
359 | sendThis | ||
360 | } |
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 | } |
... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ |
29 | <el-col :span="3" class="btnColRight"> | 29 | <el-col :span="3" class="btnColRight"> |
30 | <el-form-item> | 30 | <el-form-item> |
31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> |
32 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> | 32 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
33 | </el-form-item> | 33 | </el-form-item> |
34 | </el-col> | 34 | </el-col> |
35 | </el-row> | 35 | </el-row> |
... | @@ -42,6 +42,7 @@ | ... | @@ -42,6 +42,7 @@ |
42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> |
43 | </lb-table> | 43 | </lb-table> |
44 | </div> | 44 | </div> |
45 | <addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" /> | ||
45 | </div> | 46 | </div> |
46 | </template> | 47 | </template> |
47 | <script> | 48 | <script> |
... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; | ... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; |
49 | import table from "@/utils/mixin/table"; | 50 | import table from "@/utils/mixin/table"; |
50 | import { popupDialog } from "@/utils/popup.js"; | 51 | import { popupDialog } from "@/utils/popup.js"; |
51 | import { datas, sendThis } from "./dydjbdata"; | 52 | import { datas, sendThis } from "./dydjbdata"; |
52 | import { getJtfcPage } from "@/api/sqcx"; | 53 | import addDydjb from "./components/addDydjb.vue"; |
54 | import { getFwmxPage } from "@/api/sqcx"; | ||
53 | export default { | 55 | export default { |
54 | name: "dydjb", | 56 | name: "dydjb", |
57 | components: { addDydjb }, | ||
55 | mixins: [table], | 58 | mixins: [table], |
56 | mounted () { | 59 | mounted () { |
57 | sendThis(this); | 60 | sendThis(this); |
... | @@ -62,6 +65,8 @@ export default { | ... | @@ -62,6 +65,8 @@ export default { |
62 | }, | 65 | }, |
63 | data () { | 66 | data () { |
64 | return { | 67 | return { |
68 | isDialog: false, | ||
69 | sqcxBsm: "", | ||
65 | queryForm: { | 70 | queryForm: { |
66 | cxbh: "", | 71 | cxbh: "", |
67 | sqr: "", | 72 | sqr: "", |
... | @@ -77,7 +82,7 @@ export default { | ... | @@ -77,7 +82,7 @@ export default { |
77 | // 初始化数据 | 82 | // 初始化数据 |
78 | queryClick () { | 83 | queryClick () { |
79 | this.$startLoading(); | 84 | this.$startLoading(); |
80 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 85 | getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
81 | this.$endLoading(); | 86 | this.$endLoading(); |
82 | if (res.code === 200) { | 87 | if (res.code === 200) { |
83 | let { records, total } = res.result; | 88 | let { records, total } = res.result; |
... | @@ -87,13 +92,20 @@ export default { | ... | @@ -87,13 +92,20 @@ export default { |
87 | }); | 92 | }); |
88 | }, | 93 | }, |
89 | dydjbClick (scope) { | 94 | dydjbClick (scope) { |
90 | popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { | 95 | this.$nextTick(() => { |
91 | sqcxdata: scope.row, | 96 | this.isDialog = true |
92 | }); | 97 | this.sqcxBsm = scope.row.bsmSqcx |
98 | }) | ||
99 | // popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { | ||
100 | // bsmSqcx: scope.row.bsmSqcx, | ||
101 | // }); | ||
93 | }, | 102 | }, |
94 | handleSort (name, sort) { | 103 | handleSort (name, sort) { |
95 | console.log(name, sort); | 104 | console.log(name, sort); |
96 | }, | 105 | }, |
106 | openAddDialog(){ | ||
107 | this.isDialog = true | ||
108 | } | ||
97 | }, | 109 | }, |
98 | }; | 110 | }; |
99 | </script> | 111 | </script> | ... | ... |
... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="16"> | 13 | <el-col :span="16"> |
14 | <el-form-item label="与产权人的关系"> | 14 | <el-form-item label="与产权人的关系"> |
15 | <el-radio-group v-model="form.djSqcxDO.ycyrgx"> | 15 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
16 | <el-radio label="1">房屋权利人</el-radio> | 16 | <el-radio label="1">房屋权利人</el-radio> |
17 | <el-radio label="2">产权利害关系人</el-radio> | 17 | <el-radio label="2">产权利害关系人</el-radio> |
18 | <el-radio label="3">委托人</el-radio> | 18 | <el-radio label="3">委托人</el-radio> |
... | @@ -38,21 +38,29 @@ | ... | @@ -38,21 +38,29 @@ |
38 | </div> | 38 | </div> |
39 | <el-divider></el-divider> | 39 | <el-divider></el-divider> |
40 | <div class="submit-button" style="padding-bottom:50px"> | 40 | <div class="submit-button" style="padding-bottom:50px"> |
41 | <el-button @click="resetClick">重置</el-button> | 41 | <el-button v-show="isSearch == false" @click="resetClick">重置</el-button> |
42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> | 42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> |
43 | <el-button type="primary" v-show="isSearch && form.dyjlList.length > 0">房产结果打印({{ form.dyjlList.length }}) | 43 | <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult"> |
44 | 房产结果打印({{ form.djSqcxDO.dycs }}) | ||
44 | </el-button> | 45 | </el-button> |
45 | <el-button type="primary" v-show="isSearch && form.dyjlList.length == 0">无房证明打印({{ form.dyjlList.length }}) | 46 | <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult"> |
47 | 无房证明打印({{ form.djSqcxDO.dycs }}) | ||
46 | </el-button> | 48 | </el-button> |
47 | <el-button @click="closeDialog">关闭</el-button> | 49 | <el-button @click="closeDialog">关闭</el-button> |
48 | </div> | 50 | </div> |
51 | <!-- 打印模板需要此模块 --> | ||
52 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | ||
53 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | ||
54 | </object> | ||
49 | </div> | 55 | </div> |
50 | </dialogBox> | 56 | </dialogBox> |
51 | </template> | 57 | </template> |
52 | 58 | ||
53 | <script> | 59 | <script> |
54 | import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx"; | 60 | import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; |
61 | import { getPrintTemplateByCode } from "@/api/system"; | ||
55 | import { datas, sendThis } from "./addjtfcdata"; | 62 | import { datas, sendThis } from "./addjtfcdata"; |
63 | import { getLodop } from "@/utils/LodopFuncs" | ||
56 | import { mapGetters } from "vuex"; | 64 | import { mapGetters } from "vuex"; |
57 | export default { | 65 | export default { |
58 | computed: { | 66 | computed: { |
... | @@ -84,7 +92,7 @@ export default { | ... | @@ -84,7 +92,7 @@ export default { |
84 | inputErr: false, | 92 | inputErr: false, |
85 | }, | 93 | }, |
86 | form: { | 94 | form: { |
87 | djSqcxDO: { ycyrgx: "1", cxyt: "" }, | 95 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, |
88 | sqrList: [], | 96 | sqrList: [], |
89 | qlrList: [], | 97 | qlrList: [], |
90 | cxjgList: [], | 98 | cxjgList: [], |
... | @@ -108,7 +116,7 @@ export default { | ... | @@ -108,7 +116,7 @@ export default { |
108 | } | 116 | } |
109 | } | 117 | } |
110 | }, | 118 | }, |
111 | "form.djSqcxDO.ycyrgx" (val) { | 119 | "form.djSqcxDO.ycqrgx" (val) { |
112 | if (val == "1") { | 120 | if (val == "1") { |
113 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 121 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
114 | } else { | 122 | } else { |
... | @@ -117,7 +125,7 @@ export default { | ... | @@ -117,7 +125,7 @@ export default { |
117 | } | 125 | } |
118 | }, | 126 | }, |
119 | "form.sqrList" (val) { | 127 | "form.sqrList" (val) { |
120 | if (this.form.djSqcxDO.ycyrgx == '1') { | 128 | if (this.form.djSqcxDO.ycqrgx == '1') { |
121 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 129 | this.form.qlrList = _.cloneDeep(this.form.sqrList) |
122 | } | 130 | } |
123 | } | 131 | } |
... | @@ -125,7 +133,15 @@ export default { | ... | @@ -125,7 +133,15 @@ export default { |
125 | methods: { | 133 | methods: { |
126 | closeDialog () { | 134 | closeDialog () { |
127 | this.$emit("input", false); | 135 | this.$emit("input", false); |
136 | this.form = { | ||
137 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
138 | sqrList: [], | ||
139 | qlrList: [], | ||
140 | cxjgList: [], | ||
141 | dyjlList: [], | ||
142 | } | ||
128 | }, | 143 | }, |
144 | //加载详细信息 | ||
129 | loadData () { | 145 | loadData () { |
130 | this.$startLoading(); | 146 | this.$startLoading(); |
131 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 147 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
... | @@ -136,6 +152,7 @@ export default { | ... | @@ -136,6 +152,7 @@ export default { |
136 | } | 152 | } |
137 | }); | 153 | }); |
138 | }, | 154 | }, |
155 | //查询结果 | ||
139 | queryChick () { | 156 | queryChick () { |
140 | this.$startLoading(); | 157 | this.$startLoading(); |
141 | addJtfcCxjgXx(this.form).then((res) => { | 158 | addJtfcCxjgXx(this.form).then((res) => { |
... | @@ -147,8 +164,9 @@ export default { | ... | @@ -147,8 +164,9 @@ export default { |
147 | } | 164 | } |
148 | }); | 165 | }); |
149 | }, | 166 | }, |
167 | //重置 | ||
150 | resetClick () { | 168 | resetClick () { |
151 | this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; | 169 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" }; |
152 | this.form.sqrList = _.cloneDeep([this.newData]); | 170 | this.form.sqrList = _.cloneDeep([this.newData]); |
153 | this.form.qlrList = _.cloneDeep([this.newData]); | 171 | this.form.qlrList = _.cloneDeep([this.newData]); |
154 | this.form.cxjgList = []; | 172 | this.form.cxjgList = []; |
... | @@ -156,6 +174,7 @@ export default { | ... | @@ -156,6 +174,7 @@ export default { |
156 | this.isSearch = false; | 174 | this.isSearch = false; |
157 | }, | 175 | }, |
158 | handleRead (scope) { }, | 176 | handleRead (scope) { }, |
177 | //添加申请人或权利人 | ||
159 | add (type) { | 178 | add (type) { |
160 | if (type == "sqr") { | 179 | if (type == "sqr") { |
161 | this.form.sqrList.push(_.cloneDeep(this.newData)); | 180 | this.form.sqrList.push(_.cloneDeep(this.newData)); |
... | @@ -163,6 +182,7 @@ export default { | ... | @@ -163,6 +182,7 @@ export default { |
163 | this.form.qlrList.push(_.cloneDeep(this.newData)); | 182 | this.form.qlrList.push(_.cloneDeep(this.newData)); |
164 | } | 183 | } |
165 | }, | 184 | }, |
185 | //移除申请人或权利人 | ||
166 | remove (index, row, type) { | 186 | remove (index, row, type) { |
167 | if (type == "sqr") { | 187 | if (type == "sqr") { |
168 | this.form.sqrList.splice(index, 1); | 188 | this.form.sqrList.splice(index, 1); |
... | @@ -170,6 +190,7 @@ export default { | ... | @@ -170,6 +190,7 @@ export default { |
170 | this.form.qlrList.splice(index, 1); | 190 | this.form.qlrList.splice(index, 1); |
171 | } | 191 | } |
172 | }, | 192 | }, |
193 | //电话号码校验 | ||
173 | teltest (row) { | 194 | teltest (row) { |
174 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | 195 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
175 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | 196 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
... | @@ -180,6 +201,29 @@ export default { | ... | @@ -180,6 +201,29 @@ export default { |
180 | return true; | 201 | return true; |
181 | } | 202 | } |
182 | }, | 203 | }, |
204 | //打印 | ||
205 | printResult(){ | ||
206 | this.openPrintPrew(); | ||
207 | var formdata = new FormData(); | ||
208 | formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); | ||
209 | formdata.append("dylx", '1'); | ||
210 | printJtcfInfo(formdata).then(res => { | ||
211 | if(res.code == 200){ | ||
212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | ||
213 | } | ||
214 | }); | ||
215 | }, | ||
216 | //打开打印预览 | ||
217 | openPrintPrew(){ | ||
218 | //根据编号获取对应信息 | ||
219 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | ||
220 | if (res.code == 200) { | ||
221 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
222 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
223 | LODOP.PREVIEW(); | ||
224 | } | ||
225 | }) | ||
226 | } | ||
183 | }, | 227 | }, |
184 | }; | 228 | }; |
185 | </script> | 229 | </script> | ... | ... |
... | @@ -64,12 +64,15 @@ class data extends filter { | ... | @@ -64,12 +64,15 @@ class data extends filter { |
64 | align: 'center', | 64 | align: 'center', |
65 | fixed: 'right', | 65 | fixed: 'right', |
66 | render: (h, scope) => { | 66 | render: (h, scope) => { |
67 | return ( | 67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ |
68 | <div> | 68 | return <div>抵押、查封</div> |
69 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button> | 69 | } |
70 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button> | 70 | if(scope.row.dyzt != '0'){ |
71 | </div> | 71 | return <div>抵押</div> |
72 | ) | 72 | } |
73 | if(scope.row.cfzt != '0'){ | ||
74 | return <div>查封</div> | ||
75 | } | ||
73 | } | 76 | } |
74 | } | 77 | } |
75 | ] | 78 | ] | ... | ... |
... | @@ -129,15 +129,22 @@ class data extends filter { | ... | @@ -129,15 +129,22 @@ class data extends filter { |
129 | dyjlcolumns () { | 129 | dyjlcolumns () { |
130 | return [ | 130 | return [ |
131 | { | 131 | { |
132 | prop: 'sqrxm', | ||
133 | label: '打印类型', | 132 | label: '打印类型', |
133 | render: (h, scope) => { | ||
134 | switch (scope.row.dylx) { | ||
135 | case '1': | ||
136 | return <div>房产结果</div> | ||
137 | case '2': | ||
138 | return <div>无房证明</div> | ||
139 | } | ||
140 | } | ||
134 | }, | 141 | }, |
135 | { | 142 | { |
136 | prop: 'sqrzjlxmc', | 143 | prop: 'dyr', |
137 | label: '打印人员', | 144 | label: '打印人员', |
138 | }, | 145 | }, |
139 | { | 146 | { |
140 | prop: 'sqrzjhm', | 147 | prop: 'dysj', |
141 | label: '打印时间', | 148 | label: '打印时间', |
142 | } | 149 | } |
143 | ] | 150 | ] | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" |
3 | @closeDialog="closeDialog"> | 3 | @closeDialog="closeDialog" :isButton="showButton"> |
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="8"> | 6 | <el-col :span="8"> |
... | @@ -143,6 +143,7 @@ export default { | ... | @@ -143,6 +143,7 @@ export default { |
143 | props: { | 143 | props: { |
144 | value: { type: Boolean, default: false }, | 144 | value: { type: Boolean, default: false }, |
145 | details: { type: Object, default: {} }, | 145 | details: { type: Object, default: {} }, |
146 | showButton: {type: Boolean, default: false} | ||
146 | }, | 147 | }, |
147 | computed: { | 148 | computed: { |
148 | ...mapGetters(["dictData"]), | 149 | ...mapGetters(["dictData"]), | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div> | 2 | <div> |
3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
4 | </lb-table> | 4 | </lb-table> |
5 | <addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" /> | 5 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> |
6 | </div> | 6 | </div> |
7 | </template> | 7 | </template> |
8 | <script> | 8 | <script> |
... | @@ -33,6 +33,7 @@ export default { | ... | @@ -33,6 +33,7 @@ export default { |
33 | dataIndex: 0, | 33 | dataIndex: 0, |
34 | dialog: false, | 34 | dialog: false, |
35 | isaddupdate: false, | 35 | isaddupdate: false, |
36 | showButton: this.$route.query.viewtype ? false : true, | ||
36 | details: {}, | 37 | details: {}, |
37 | tableDataList: [], | 38 | tableDataList: [], |
38 | InformationTable: [ | 39 | InformationTable: [ |
... | @@ -91,7 +92,7 @@ export default { | ... | @@ -91,7 +92,7 @@ export default { |
91 | return ( | 92 | return ( |
92 | <div> | 93 | <div> |
93 | { | 94 | { |
94 | this.$route.query.viewtype == 1 ? <el-button | 95 | this.$route.query.viewtype ? <el-button |
95 | icon="el-icon-view" | 96 | icon="el-icon-view" |
96 | type="text" | 97 | type="text" |
97 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | 98 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button |
... | @@ -165,8 +166,12 @@ export default { | ... | @@ -165,8 +166,12 @@ export default { |
165 | 166 | ||
166 | // 新增 | 167 | // 新增 |
167 | addClick () { | 168 | addClick () { |
169 | if(this.gyfs == '0' && this.tableDataList.length > 0){ | ||
170 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
171 | }else{ | ||
168 | this.dialog = true | 172 | this.dialog = true |
169 | this.isaddupdate = true | 173 | this.isaddupdate = true |
174 | } | ||
170 | }, | 175 | }, |
171 | 176 | ||
172 | // 删除 | 177 | // 删除 | ... | ... |
... | @@ -5,43 +5,55 @@ | ... | @@ -5,43 +5,55 @@ |
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(); //刷新父窗口 |
45 | if (window.opener && window.opener.getBpageList) { | ||
46 | window.opener.getBpageList(); | ||
47 | } else { | ||
48 | window.opener.frames[0].getBpageList(); | ||
49 | } | ||
38 | window.close(); | 50 | window.close(); |
39 | this.$emit('input', false) | 51 | this.$emit("input", false); |
40 | }, 1000); | 52 | }, 1000); |
41 | }) | 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"; |
... | @@ -70,5 +82,4 @@ export default { | ... | @@ -70,5 +82,4 @@ export default { |
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(); //刷新父窗口 |
78 | if (window.opener && window.opener.getBpageList) { | ||
79 | window.opener.getBpageList(); | ||
80 | } else { | ||
81 | window.opener.frames[0].getBpageList(); | ||
82 | } | ||
59 | window.close(); | 83 | window.close(); |
60 | this.$emit('input', false) | 84 | this.$emit("input", false); |
61 | }, 1000); | 85 | }, 1000); |
62 | }) | 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 |
73 | class="map-drawer-click map-drawer" | ||
74 | v-if="!isShowdrawer" | ||
75 | @click=" | ||
46 | () => { | 76 | () => { |
47 | this.isShowdrawer = !this.isShowdrawer; | 77 | this.isShowdrawer = !this.isShowdrawer; |
48 | } | 78 | } |
49 | "></div> | 79 | " |
50 | <div class="map-drawer-expand map-drawer" v-else @click=" | 80 | ></div> |
81 | <div | ||
82 | class="map-drawer-expand map-drawer" | ||
83 | v-else | ||
84 | @click=" | ||
51 | () => { | 85 | () => { |
52 | this.isShowdrawer = !this.isShowdrawer; | 86 | this.isShowdrawer = !this.isShowdrawer; |
53 | } | 87 | } |
54 | "></div> | 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++; |
... | @@ -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 |
49 | class="map-drawer-click map-drawer" | ||
50 | v-if="!isShowdrawer" | ||
51 | @click=" | ||
37 | () => { | 52 | () => { |
38 | this.isShowdrawer = !this.isShowdrawer; | 53 | this.isShowdrawer = !this.isShowdrawer; |
39 | } | 54 | } |
40 | "></div> | 55 | " |
41 | <div class="map-drawer-expand map-drawer" v-else @click=" | 56 | ></div> |
57 | <div | ||
58 | class="map-drawer-expand map-drawer" | ||
59 | v-else | ||
60 | @click=" | ||
42 | () => { | 61 | () => { |
43 | this.isShowdrawer = !this.isShowdrawer; | 62 | this.isShowdrawer = !this.isShowdrawer; |
44 | } | 63 | } |
45 | "></div> | 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) => { |
173 | let { result } = res; | ||
147 | popupDialog("流程图", "workflow/components/processViewer", { | 174 | popupDialog("流程图", "workflow/components/processViewer", { |
148 | xml: result.xml, | 175 | xml: result.xml, |
149 | finishedInfo: { | 176 | finishedInfo: { |
150 | finishedTaskSet: result.finishedTaskSet, | 177 | finishedTaskSet: result.finishedTaskSet, |
151 | unfinishedTaskSet: result.unfinishedTaskSet, | 178 | unfinishedTaskSet: result.unfinishedTaskSet, |
152 | rejectedTaskSet: result.rejectedTaskSet, | 179 | rejectedTaskSet: result.rejectedTaskSet, |
153 | finishedSequenceFlowSet: result.finishedSequenceFlowSet | 180 | finishedSequenceFlowSet: result.finishedSequenceFlowSet, |
154 | }, | 181 | }, |
155 | allCommentList: result.historyTaskList | 182 | allCommentList: result.historyTaskList, |
156 | }) | 183 | }); |
157 | }) | 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 | }) | 234 | }); |
207 | } | 235 | }, |
208 | } | 236 | }, |
209 | } | 237 | }; |
210 | </script> | 238 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -8,7 +8,7 @@ class data extends filter { | ... | @@ -8,7 +8,7 @@ class data extends filter { |
8 | constructor() { | 8 | constructor() { |
9 | super() | 9 | super() |
10 | } | 10 | } |
11 | columns () { | 11 | columns() { |
12 | return [ | 12 | return [ |
13 | { | 13 | { |
14 | label: '序号', | 14 | label: '序号', |
... | @@ -31,10 +31,10 @@ class data extends filter { | ... | @@ -31,10 +31,10 @@ class data extends filter { |
31 | label: "流程状态", | 31 | label: "流程状态", |
32 | width: '80', | 32 | width: '80', |
33 | render: (h, scope) => { | 33 | render: (h, scope) => { |
34 | if(scope.row.cfgqzt == '1'){ | 34 | if (scope.row.cfgqzt == '1') { |
35 | return <div class='suspend'>查封挂起</div> | 35 | return <div class='suspend'>查封挂起</div> |
36 | } | 36 | } |
37 | if(scope.row.yygqzt == '1'){ | 37 | if (scope.row.yygqzt == '1') { |
38 | return <div class='suspend'>异议挂起</div> | 38 | return <div class='suspend'>异议挂起</div> |
39 | } | 39 | } |
40 | switch (scope.row.lczt) { | 40 | switch (scope.row.lczt) { | ... | ... |
... | @@ -84,9 +84,9 @@ | ... | @@ -84,9 +84,9 @@ |
84 | <el-col :span="8"> | 84 | <el-col :span="8"> |
85 | <el-form-item label="取得价格:"> | 85 | <el-form-item label="取得价格:"> |
86 | <div style="display:flex"> | 86 | <div style="display:flex"> |
87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" | 87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype" |
88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
89 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 89 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype"> |
90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
91 | </el-option> | 91 | </el-option> |
92 | </el-select> | 92 | </el-select> |
... | @@ -116,7 +116,7 @@ | ... | @@ -116,7 +116,7 @@ |
116 | <el-row :gutter="10"> | 116 | <el-row :gutter="10"> |
117 | <el-col> | 117 | <el-col> |
118 | <el-form-item label="附记:" prop="fj"> | 118 | <el-form-item label="附记:" prop="fj"> |
119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
120 | </el-form-item> | 120 | </el-form-item> |
121 | </el-col> | 121 | </el-col> |
122 | </el-row> | 122 | </el-row> |
... | @@ -172,7 +172,7 @@ | ... | @@ -172,7 +172,7 @@ |
172 | <el-row :gutter="10"> | 172 | <el-row :gutter="10"> |
173 | <el-col> | 173 | <el-col> |
174 | <el-form-item label="登记原因:" prop="djyy"> | 174 | <el-form-item label="登记原因:" prop="djyy"> |
175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
176 | v-model="ruleForm.jsydsyq.djyy"> | 176 | v-model="ruleForm.jsydsyq.djyy"> |
177 | </el-input> | 177 | </el-input> |
178 | </el-form-item> | 178 | </el-form-item> | ... | ... |
... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
118 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
119 | <el-col> | 119 | <el-col> |
120 | <el-form-item label="附记:" prop="fj"> | 120 | <el-form-item label="附记:" prop="fj"> |
121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
122 | </el-form-item> | 122 | </el-form-item> |
123 | </el-col> | 123 | </el-col> |
124 | </el-row> | 124 | </el-row> |
... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
132 | <el-row :gutter="10"> | 132 | <el-row :gutter="10"> |
133 | <el-col :span="14"> | 133 | <el-col :span="14"> |
134 | <el-form-item label="共有方式:"> | 134 | <el-form-item label="共有方式:"> |
135 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 135 | <el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs"> |
136 | <el-radio label="0">单独所有</el-radio> | 136 | <el-radio label="0">单独所有</el-radio> |
137 | <el-radio label="1">共同共有</el-radio> | 137 | <el-radio label="1">共同共有</el-radio> |
138 | <el-radio label="2">按份所有</el-radio> | 138 | <el-radio label="2">按份所有</el-radio> |
... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
166 | <el-row :gutter="10"> | 166 | <el-row :gutter="10"> |
167 | <el-col> | 167 | <el-col> |
168 | <el-form-item label="登记原因:" prop="djyy"> | 168 | <el-form-item label="登记原因:" prop="djyy"> |
169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
170 | v-model="ruleForm.jsydsyq.djyy"> | 170 | v-model="ruleForm.jsydsyq.djyy"> |
171 | </el-input> | 171 | </el-input> |
172 | </el-form-item> | 172 | </el-form-item> | ... | ... |
... | @@ -29,7 +29,7 @@ class data extends filter { | ... | @@ -29,7 +29,7 @@ class data extends filter { |
29 | return ( | 29 | return ( |
30 | <div> | 30 | <div> |
31 | { | 31 | { |
32 | scope.row.enabled == '1' ? | 32 | scope.row.bsmFz ? |
33 | <div class='allow'>已领取</div> : | 33 | <div class='allow'>已领取</div> : |
34 | <div class='prohibit'>未领取</div> | 34 | <div class='prohibit'>未领取</div> |
35 | } | 35 | } |
... | @@ -38,24 +38,18 @@ class data extends filter { | ... | @@ -38,24 +38,18 @@ class data extends filter { |
38 | } | 38 | } |
39 | }, | 39 | }, |
40 | { | 40 | { |
41 | label: "证书类容", | 41 | label: "证书内容", |
42 | render: (h, scope) => { | 42 | render: (h, scope) => { |
43 | return ( | 43 | return ( |
44 | <div> | 44 | <div> |
45 | <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link> | 45 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> |
46 | </div> | 46 | </div> |
47 | ) | 47 | ) |
48 | } | 48 | } |
49 | }, | 49 | }, |
50 | { | 50 | { |
51 | label: "权利类型", | 51 | label: "权利类型", |
52 | render: (h, scope) => { | 52 | prop: "qllx", |
53 | return ( | ||
54 | <div> | ||
55 | {this.dicStatus(scope.row.qllx, 'A8')} | ||
56 | </div> | ||
57 | ) | ||
58 | } | ||
59 | }, | 53 | }, |
60 | { | 54 | { |
61 | prop: "bdcqzh", | 55 | prop: "bdcqzh", |
... | @@ -66,11 +60,11 @@ class data extends filter { | ... | @@ -66,11 +60,11 @@ class data extends filter { |
66 | label: "印刷序列号", | 60 | label: "印刷序列号", |
67 | }, | 61 | }, |
68 | { | 62 | { |
69 | prop: "lqr", | 63 | prop: "lzrxm", |
70 | label: "领取人", | 64 | label: "领取人", |
71 | }, | 65 | }, |
72 | { | 66 | { |
73 | prop: "lqsj", | 67 | prop: "fzsj", |
74 | label: "领取时间", | 68 | label: "领取时间", |
75 | }, | 69 | }, |
76 | { | 70 | { | ... | ... |
... | @@ -6,25 +6,25 @@ | ... | @@ -6,25 +6,25 @@ |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="不动产权证号" label-width="100px"> | 8 | <el-form-item label="不动产权证号" label-width="100px"> |
9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh"> | 9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh" clearable> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
14 | <el-form-item label="印刷序列号" label-width="100px"> | 14 | <el-form-item label="印刷序列号" label-width="100px"> |
15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh"> | 15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh" clearable> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
20 | <el-form-item label="业务号"> | 20 | <el-form-item label="业务号"> |
21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh"> | 21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh" clearable> |
22 | </el-input> | 22 | </el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="5"> | 25 | <el-col :span="5"> |
26 | <el-form-item label="领取人"> | 26 | <el-form-item label="领取人"> |
27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lqr"> | 27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lzrxm" clearable> |
28 | </el-input> | 28 | </el-input> |
29 | </el-form-item> | 29 | </el-form-item> |
30 | </el-col> | 30 | </el-col> |
... | @@ -45,11 +45,16 @@ | ... | @@ -45,11 +45,16 @@ |
45 | :data="tableData.data"> | 45 | :data="tableData.data"> |
46 | </lb-table> | 46 | </lb-table> |
47 | </div> | 47 | </div> |
48 | <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose"> | ||
49 | <img :src="previewImage" class="imgClass"> | ||
50 | </el-dialog> | ||
48 | </div> | 51 | </div> |
49 | </template> | 52 | </template> |
50 | <script> | 53 | <script> |
51 | import table from "@/utils/mixin/table"; | 54 | import table from "@/utils/mixin/table"; |
52 | import { datas, sendThis } from "./zslqcx"; | 55 | import { datas, sendThis } from "./zslqcx"; |
56 | import { getBdcqzReceiveList } from "@/api/zhcx" | ||
57 | import { bdcqzPreview } from "@/api/bdcqz" | ||
53 | export default { | 58 | export default { |
54 | components: {}, | 59 | components: {}, |
55 | mixins: [table], | 60 | mixins: [table], |
... | @@ -62,9 +67,12 @@ export default { | ... | @@ -62,9 +67,12 @@ export default { |
62 | bdcqzh: "", | 67 | bdcqzh: "", |
63 | ysxlh: "", | 68 | ysxlh: "", |
64 | ywh: "", | 69 | ywh: "", |
65 | lqr: "", | 70 | lzrxm: "", |
66 | }, | 71 | }, |
72 | dialogVisible: false, | ||
73 | previewImage: '', | ||
67 | tableData: { | 74 | tableData: { |
75 | total: 0, | ||
68 | columns: datas.columns(), | 76 | columns: datas.columns(), |
69 | data: [], | 77 | data: [], |
70 | }, | 78 | }, |
... | @@ -73,8 +81,29 @@ export default { | ... | @@ -73,8 +81,29 @@ export default { |
73 | methods: { | 81 | methods: { |
74 | // 查询 | 82 | // 查询 |
75 | queryClick () { | 83 | queryClick () { |
84 | this.$startLoading() | ||
85 | getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
86 | this.$endLoading() | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records ? records : [] | ||
91 | } | ||
92 | }) | ||
76 | }, | 93 | }, |
77 | 94 | openDialog(item){ | |
95 | this.$startLoading() | ||
96 | bdcqzPreview(item).then(res => { | ||
97 | this.$endLoading() | ||
98 | this.dialogVisible = true; | ||
99 | let blob = new Blob([res]); | ||
100 | let url = window.URL.createObjectURL(blob); | ||
101 | this.previewImage = url; | ||
102 | }) | ||
103 | }, | ||
104 | handleClose() { | ||
105 | this.dialogVisible = false; | ||
106 | } | ||
78 | }, | 107 | }, |
79 | }; | 108 | }; |
80 | </script> | 109 | </script> | ... | ... |
... | @@ -23,7 +23,7 @@ class data extends filter { | ... | @@ -23,7 +23,7 @@ class data extends filter { |
23 | } | 23 | } |
24 | }, | 24 | }, |
25 | { | 25 | { |
26 | prop: "qymc", | 26 | prop: "dwmc", |
27 | label: "企业名称", | 27 | label: "企业名称", |
28 | }, | 28 | }, |
29 | { | 29 | { |
... | @@ -43,11 +43,11 @@ class data extends filter { | ... | @@ -43,11 +43,11 @@ class data extends filter { |
43 | label: "坐落" | 43 | label: "坐落" |
44 | }, | 44 | }, |
45 | { | 45 | { |
46 | prop: "yt", | 46 | prop: "showFwyt", |
47 | label: "用途" | 47 | label: "用途" |
48 | }, | 48 | }, |
49 | { | 49 | { |
50 | prop: "mj", | 50 | prop: "scjzmj", |
51 | label: "面积(㎡)" | 51 | label: "面积(㎡)" |
52 | }, | 52 | }, |
53 | { | 53 | { | ... | ... |
... | @@ -5,31 +5,24 @@ | ... | @@ -5,31 +5,24 @@ |
5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="项目名称" label-width="70px"> | 8 | <el-form-item label="企业名称" label-width="70px"> |
9 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"> | 9 | <el-input placeholder="请输入企业名称" v-model="queryForm.qymc" clearable> |
10 | </el-input> | 10 | </el-input> |
11 | </el-form-item> | 11 | </el-form-item> |
12 | </el-col> | 12 | </el-col> |
13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
14 | <el-form-item label="项目编号"> | 14 | <el-form-item label="项目名称" label-width="70px"> |
15 | <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh"> | 15 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
20 | <el-form-item label="自然幢号"> | 20 | <el-form-item label="自然幢号"> |
21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh"> | 21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable> |
22 | </el-input> | 22 | </el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="5"> | 25 | <el-col :span="9" class="btnColRight"> |
26 | <el-form-item label="宗地代码"> | ||
27 | <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm"> | ||
28 | </el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | |||
32 | <el-col :span="4" class="btnColRight"> | ||
33 | <el-form-item> | 26 | <el-form-item> |
34 | <el-button type="primary" @click="queryClick">查询</el-button> | 27 | <el-button type="primary" @click="queryClick">查询</el-button> |
35 | <el-button @click="moreQueryClick">高级查询</el-button> | 28 | <el-button @click="moreQueryClick">高级查询</el-button> |
... | @@ -50,6 +43,7 @@ | ... | @@ -50,6 +43,7 @@ |
50 | <script> | 43 | <script> |
51 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
52 | import { datas, sendThis } from "./zxgcdycx"; | 45 | import { datas, sendThis } from "./zxgcdycx"; |
46 | import { getZjgcdyList } from "@/api/zhcx" | ||
53 | export default { | 47 | export default { |
54 | components: {}, | 48 | components: {}, |
55 | mixins: [table], | 49 | mixins: [table], |
... | @@ -60,11 +54,11 @@ export default { | ... | @@ -60,11 +54,11 @@ export default { |
60 | return { | 54 | return { |
61 | queryForm: { | 55 | queryForm: { |
62 | xmmc: "", | 56 | xmmc: "", |
63 | xmbh: "", | 57 | qymc: "", |
64 | zrzh: "", | 58 | zrzh: "", |
65 | zddm: "", | ||
66 | }, | 59 | }, |
67 | tableData: { | 60 | tableData: { |
61 | total: 0, | ||
68 | columns: datas.columns(), | 62 | columns: datas.columns(), |
69 | data: [], | 63 | data: [], |
70 | }, | 64 | }, |
... | @@ -73,6 +67,15 @@ export default { | ... | @@ -73,6 +67,15 @@ export default { |
73 | methods: { | 67 | methods: { |
74 | // 查询 | 68 | // 查询 |
75 | queryClick () { | 69 | queryClick () { |
70 | this.$startLoading() | ||
71 | getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
72 | this.$endLoading() | ||
73 | if (res.code === 200) { | ||
74 | let { total, records } = res.result | ||
75 | this.tableData.total = total; | ||
76 | this.tableData.data = records ? records : [] | ||
77 | } | ||
78 | }) | ||
76 | }, | 79 | }, |
77 | 80 | ||
78 | }, | 81 | }, | ... | ... |
-
Please register or sign in to post a comment