Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
39039a30 by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents e4f52ae2 e99c4026
Inline Side-by-side
Showing 28 changed files with 1668 additions and 410 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 }
......
...@@ -33,6 +33,7 @@ export function Init (data) { ...@@ -33,6 +33,7 @@ export function Init (data) {
33 data 33 data
34 }) 34 })
35 } 35 }
36
36 // 初始化内容 37 // 初始化内容
37 export function saveData (data) { 38 export function saveData (data) {
38 return request({ 39 return request({
......
...@@ -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
......
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 </div> 21 <b class="title">预告登记</b>
22 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
23 :pagination="false">
24 </lb-table>
25 <b class="title">查封状况</b>
26 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
27 :pagination="false">
28 </lb-table>
29 <b class="title">异议登记</b>
30 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
31 :pagination="false">
32 </lb-table>
33 </div>
34 </div>
22 </template> 35 </template>
23 36
24 <script> 37 <script>
25 import imgPath from "./djbyb.png" 38 import { datas, sendThis } from "./infodata";
39 import { 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">
......
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 }
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>
......
...@@ -22,7 +22,7 @@ class data extends filter { ...@@ -22,7 +22,7 @@ class data extends filter {
22 case '1': 22 case '1':
23 return <div>家庭房产</div> 23 return <div>家庭房产</div>
24 case '2': 24 case '2':
25 return <div>登记簿</div> 25 return <div>房屋明细</div>
26 } 26 }
27 } 27 }
28 }, 28 },
......
...@@ -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 ]
......
...@@ -29,7 +29,7 @@ class data extends filter { ...@@ -29,7 +29,7 @@ class data extends filter {
29 case '1': 29 case '1':
30 return <div>家庭房产</div> 30 return <div>家庭房产</div>
31 case '2': 31 case '2':
32 return <div>登记簿</div> 32 return <div>房屋明细</div>
33 } 33 }
34 } 34 }
35 }, 35 },
......
...@@ -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 () {
168 this.dialog = true 169 if(this.gyfs == '0' && this.tableDataList.length > 0){
169 this.isaddupdate = true 170 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
171 }else{
172 this.dialog = true
173 this.isaddupdate = true
174 }
170 }, 175 },
171 176
172 // 删除 177 // 删除
......
1 <template> 1 <template>
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="invalid-title"> 3 <div class="invalid-title">
4 <i class="el-icon-question invalid-icon"></i> 4 <i class="el-icon-question invalid-icon"></i>
5 <div class="invalid-body">您是否确定终止该业务办理？</div> 5 <div class="invalid-body">您是否确定终止该业务办理？</div>
6 </div> 6 </div>
7 <div class="invalid-reson">终止原因：</div> 7 <div class="invalid-reson">终止原因：</div>
8 <el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input> 8 <el-input
9 <el-button style="float:right">取消</el-button> 9 v-model="stopMessage"
10 <el-button type="primary" @click="onSubmit" style="float:right">退件</el-button> 10 placeholder="请输入终止原因"
11 type="textarea"
12 :rows="4"
13 ></el-input>
14 <el-button style="float: right">取消</el-button>
15 <el-button type="primary" @click="onSubmit" style="float: right"
16 >退件</el-button
17 >
11 </div> 18 </div>
12 </template> 19 </template>
13 20
14 <script> 21 <script>
15 import { stopTask } from "@/api/fqsq.js" 22 import { stopTask } from "@/api/fqsq.js";
16 export default { 23 export default {
17 props: { 24 props: {
18 formData: { 25 formData: {
19 type: Object, 26 type: Object,
20 default: {} 27 default: {},
21 } 28 },
22 }, 29 },
23 data () { 30 data() {
24 return { 31 return {
25 stopMessage: '' 32 stopMessage: "",
26 } 33 };
27 }, 34 },
28 methods: { 35 methods: {
29 onSubmit () { 36 onSubmit() {
30 stopTask({ 37 stopTask({
31 bsmSlsq: this.formData.bsmSlsq, 38 bsmSlsq: this.formData.bsmSlsq,
32 bestepid: this.formData.bestepid, 39 bestepid: this.formData.bestepid,
33 stopMessage: this.stopMessage 40 stopMessage: this.stopMessage,
34 }).then(res => { 41 }).then((res) => {
35 this.$message.success('终止成功') 42 this.$message.success("终止成功");
36 setTimeout(() => { 43 setTimeout(() => {
37 window.opener.location.reload(); //刷新父窗口 44 // window.opener.location.reload(); //刷新父窗口
38 window.close(); 45 if (window.opener && window.opener.getBpageList) {
39 this.$emit('input', false) 46 window.opener.getBpageList();
40 }, 1000); 47 } else {
41 }) 48 window.opener.frames[0].getBpageList();
49 }
50 window.close();
51 this.$emit("input", false);
52 }, 1000);
53 });
42 }, 54 },
43 } 55 },
44 } 56 };
45 </script> 57 </script>
46 <style scoped lang="scss"> 58 <style scoped lang="scss">
47 @import "~@/styles/mixin.scss"; 59 @import "~@/styles/mixin.scss";
48 .invalid-title { 60 .invalid-title {
49 display: flex; 61 display: flex;
50 align-content: center; 62 align-content: center;
51 63
52 .invalid-icon { 64 .invalid-icon {
53 color: rgb(254, 148, 0); 65 color: rgb(254, 148, 0);
54 font-size: 34px; 66 font-size: 34px;
55 margin-right: 10px; 67 margin-right: 10px;
56 } 68 }
57 69
58 .invalid-body { 70 .invalid-body {
59 line-height: 40px; 71 line-height: 40px;
60 margin-bottom: 10px; 72 margin-bottom: 10px;
61 } 73 }
62 } 74 }
63 75
64 .invalid-reson { 76 .invalid-reson {
65 margin-bottom: 10px; 77 margin-bottom: 10px;
66 } 78 }
67 79
68 .dialog-footer { 80 .dialog-footer {
69 margin-top: 10px; 81 margin-top: 10px;
70 display: flex; 82 display: flex;
71 justify-content: flex-end; 83 justify-content: flex-end;
72 } 84 }
73
74 </style> 85 </style>
......
...@@ -4,21 +4,37 @@ ...@@ -4,21 +4,37 @@
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <div class="title">请选择要退回到的环节：</div> 5 <div class="title">请选择要退回到的环节：</div>
6 <el-form ref="queryForm" label-width="90px"> 6 <el-form ref="queryForm" label-width="90px">
7 <ul style="margin-bottom:15px"> 7 <ul style="margin-bottom: 15px">
8 <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)"> 8 <li
9 v-for="(item, index) in dataList"
10 class="listDetail"
11 :key="index"
12 @click="changeSelectItem(item)"
13 >
9 <p class="icon"> 14 <p class="icon">
10 <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio> 15 <el-radio
16 v-model="selectActivity"
17 :label="item.activityId"
18 @change="changeSelectItem(item)"
19 ></el-radio>
20 </p>
21 <p>{{ item.activityName }}</p>
22 <p v-for="(child, childIndex) in item.userInfos" :key="childIndex">
23 {{ child.name }}
11 </p> 24 </p>
12 <p>{{item.activityName}}</p>
13 <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
14 </li> 25 </li>
15 </ul> 26 </ul>
16 <div class="title">退回意见：</div> 27 <div class="title">退回意见：</div>
17 <el-form-item> 28 <el-form-item>
18 <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input> 29 <el-input
30 class="textArea"
31 type="textarea"
32 v-model="outstepopinion"
33 placeholder="请输入退回意见"
34 ></el-input>
19 </el-form-item> 35 </el-form-item>
20 <el-form-item> 36 <el-form-item>
21 <!-- <el-button style="float:right">取消</el-button> --> 37 <el-button style="float:right" @click="cancelBack">取消</el-button>
22 <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button> 38 <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button>
23 </el-form-item> 39 </el-form-item>
24 </el-form> 40 </el-form>
...@@ -27,56 +43,68 @@ ...@@ -27,56 +43,68 @@
27 </template> 43 </template>
28 44
29 <script> 45 <script>
46
30 import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" 47 import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
48 import { popupCacel } from "@/utils/popup.js";
49
31 export default { 50 export default {
32 props: { 51 props: {
33 formData: { 52 formData: {
34 type: Object, 53 type: Object,
35 default: {} 54 default: {},
36 } 55 },
37 }, 56 },
38 data () { 57 data() {
39 return { 58 return {
40 selectActivity: '', 59 selectActivity: "",
41 dataList: [], 60 dataList: [],
42 outstepopinion: '', 61 outstepopinion: "",
43 selectItem: {} 62 selectItem: {},
44 } 63 };
45 }, 64 },
46 created () { 65 created() {
47 this.getBackNode(); 66 this.getBackNode();
48 }, 67 },
49 methods: { 68 methods: {
50 onSubmit () { 69 onSubmit() {
51 this.selectItem.outstepopinion = this.outstepopinion; 70 this.selectItem.outstepopinion = this.outstepopinion;
52 sendBackTask({ 71 sendBackTask({
53 bsmSlsq: this.formData.bsmSlsq, 72 bsmSlsq: this.formData.bsmSlsq,
54 backNodeList: [this.selectItem] 73 backNodeList: [this.selectItem],
55 }).then(res => { 74 }).then((res) => {
56 this.$message.success('退回成功') 75 this.$message.success("退回成功");
57 setTimeout(() => { 76 setTimeout(() => {
58 window.opener.location.reload(); //刷新父窗口 77 // window.opener.location.reload(); //刷新父窗口
59 window.close(); 78 if (window.opener && window.opener.getBpageList) {
60 this.$emit('input', false) 79 window.opener.getBpageList();
61 }, 1000); 80 } else {
62 }) 81 window.opener.frames[0].getBpageList();
82 }
83 window.close();
84 this.$emit("input", false);
85 }, 1000);
86 });
63 }, 87 },
64 changeSelectItem(item){ 88 changeSelectItem(item) {
65 this.selectItem = item 89 this.selectItem = item;
66 this.selectActivity = item.activityId 90 this.selectActivity = item.activityId;
67 }, 91 },
68 //获取可回退环节信息 92 //获取可回退环节信息
69 getBackNode () { 93 getBackNode() {
70 getTaskBackNode(this.formData).then(res => { 94 getTaskBackNode(this.formData).then((res) => {
71 if (res.code == 200) { 95 if (res.code == 200) {
72 this.dataList = res.result 96 this.dataList = res.result;
73 if(res.result){ 97 if (res.result) {
74 this.selectActivity = res.result[0].activityId 98 this.selectActivity = res.result[0].activityId;
75 this.selectItem = res.result[0] 99 this.selectItem = res.result[0];
76 } 100 }
77 } 101 }
78 }) 102 });
79 }, 103 },
104
105 cancelBack(){
106 popupCacel();
107 }
80 } 108 }
81 } 109 }
82 </script> 110 </script>
...@@ -104,7 +132,7 @@ export default { ...@@ -104,7 +132,7 @@ export default {
104 } 132 }
105 } 133 }
106 134
107 .title{ 135 .title {
108 margin-bottom: 10px; 136 margin-bottom: 10px;
109 } 137 }
110 138
...@@ -113,7 +141,7 @@ export default { ...@@ -113,7 +141,7 @@ export default {
113 min-height: 90px !important; 141 min-height: 90px !important;
114 } 142 }
115 } 143 }
116 /deep/.el-radio .el-radio__label { 144 /deep/.el-radio .el-radio__label {
117 display: none; 145 display: none;
118 } 146 }
119 </style> 147 </style>
......
...@@ -12,7 +12,7 @@ import { ...@@ -12,7 +12,7 @@ import {
12 getNextLinkInfo, 12 getNextLinkInfo,
13 } from "@/api/fqsq.js"; 13 } from "@/api/fqsq.js";
14 export default { 14 export default {
15 data () { 15 data() {
16 return { 16 return {
17 //是否开启材料分屏 17 //是否开启材料分屏
18 splitScreen: false, 18 splitScreen: false,
...@@ -28,13 +28,13 @@ export default { ...@@ -28,13 +28,13 @@ export default {
28 batchButtonName: '', 28 batchButtonName: '',
29 } 29 }
30 }, 30 },
31 mounted () { 31 mounted() {
32 this.flowInitParam(); 32 this.flowInitParam();
33 this.loadBdcdylist(); 33 this.loadBdcdylist();
34 }, 34 },
35 methods: { 35 methods: {
36 //读取申请单元信息 36 //读取申请单元信息
37 loadBdcdylist () { 37 loadBdcdylist() {
38 var formdata = new FormData(); 38 var formdata = new FormData();
39 formdata.append("bsmSlsq", this.bsmSlsq); 39 formdata.append("bsmSlsq", this.bsmSlsq);
40 formdata.append("bestepid", this.bestepid); 40 formdata.append("bestepid", this.bestepid);
...@@ -56,7 +56,7 @@ export default { ...@@ -56,7 +56,7 @@ export default {
56 }); 56 });
57 }, 57 },
58 //批量按钮判断 58 //批量按钮判断
59 judgeBatchShow () { 59 judgeBatchShow() {
60 this.showBatch = false; 60 this.showBatch = false;
61 if (this.unitData.length > 1) { 61 if (this.unitData.length > 1) {
62 let qllx = this.$route.query.sqywbm.substring(0, 3); 62 let qllx = this.$route.query.sqywbm.substring(0, 3);
...@@ -75,7 +75,7 @@ export default { ...@@ -75,7 +75,7 @@ export default {
75 } 75 }
76 }, 76 },
77 //加载流程初始参数 77 //加载流程初始参数
78 flowInitParam () { 78 flowInitParam() {
79 var formdata = new FormData(); 79 var formdata = new FormData();
80 formdata.append("bsmSlsq", this.bsmSlsq); 80 formdata.append("bsmSlsq", this.bsmSlsq);
81 formdata.append("bestepid", this.bestepid); 81 formdata.append("bestepid", this.bestepid);
...@@ -87,7 +87,7 @@ export default { ...@@ -87,7 +87,7 @@ export default {
87 }); 87 });
88 }, 88 },
89 //流程环节操作按钮 89 //流程环节操作按钮
90 operation (item) { 90 operation(item) {
91 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 91 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
92 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 92 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
93 let that = this; 93 let that = this;
...@@ -227,7 +227,7 @@ export default { ...@@ -227,7 +227,7 @@ export default {
227 } 227 }
228 }, 228 },
229 //发送下一个环节 229 //发送下一个环节
230 sendToNext (obj) { 230 sendToNext(obj) {
231 const h = this.$createElement; 231 const h = this.$createElement;
232 this.$msgbox({ 232 this.$msgbox({
233 title: "您确定转出吗？1", 233 title: "您确定转出吗？1",
...@@ -251,7 +251,12 @@ export default { ...@@ -251,7 +251,12 @@ export default {
251 if (res.code === 200) { 251 if (res.code === 200) {
252 instance.confirmButtonLoading = false; 252 instance.confirmButtonLoading = false;
253 this.$message.success("转件成功"); 253 this.$message.success("转件成功");
254 window.opener.location.reload(); //刷新父窗口 254 // window.opener.location.reload(); //刷新父窗口
255 if (window.opener && window.opener.getBpageList) {
256 window.opener.getBpageList();
257 } else {
258 window.opener.frames[0].getBpageList();
259 }
255 window.close(); 260 window.close();
256 this.$emit("input", false); 261 this.$emit("input", false);
257 } else { 262 } else {
...@@ -271,7 +276,7 @@ export default { ...@@ -271,7 +276,7 @@ export default {
271 }); 276 });
272 }); 277 });
273 }, 278 },
274 sendToEnd () { 279 sendToEnd() {
275 let that = this 280 let that = this
276 const h = this.$createElement; 281 const h = this.$createElement;
277 this.$msgbox({ 282 this.$msgbox({
...@@ -291,7 +296,12 @@ export default { ...@@ -291,7 +296,12 @@ export default {
291 instance.confirmButtonLoading = false; 296 instance.confirmButtonLoading = false;
292 that.$message.success("转件成功"); 297 that.$message.success("转件成功");
293 localStorage.setItem('transfer', true) 298 localStorage.setItem('transfer', true)
294 window.opener.location.reload(); //刷新父窗口 299 // window.opener.location.reload(); //刷新父窗口
300 if (window.opener && window.opener.getBpageList) {
301 window.opener.getBpageList();
302 } else {
303 window.opener.frames[0].getBpageList();
304 }
295 window.close(); 305 window.close();
296 that.$emit("input", false); 306 that.$emit("input", false);
297 } else { 307 } else {
...@@ -312,7 +322,7 @@ export default { ...@@ -312,7 +322,7 @@ export default {
312 }) 322 })
313 }, 323 },
314 //批量操作 324 //批量操作
315 handleBatchDel () { 325 handleBatchDel() {
316 let that = this; 326 let that = this;
317 this.$popup("批量删除", "workflow/components/batchDel", { 327 this.$popup("批量删除", "workflow/components/batchDel", {
318 width: "50%", 328 width: "50%",
...@@ -327,7 +337,7 @@ export default { ...@@ -327,7 +337,7 @@ export default {
327 } 337 }
328 }) 338 })
329 }, 339 },
330 handleChange (file) { 340 handleChange(file) {
331 var formdata = new FormData(); 341 var formdata = new FormData();
332 formdata.append("file", file.raw); 342 formdata.append("file", file.raw);
333 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); 343 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
...@@ -341,7 +351,7 @@ export default { ...@@ -341,7 +351,7 @@ export default {
341 }) 351 })
342 }, 352 },
343 // 上传 353 // 上传
344 beforeUpload (file) { 354 beforeUpload(file) {
345 return true; 355 return true;
346 }, 356 },
347 } 357 }
......
...@@ -4,14 +4,22 @@ ...@@ -4,14 +4,22 @@
4 <div class="topButton"> 4 <div class="topButton">
5 <!-- 左侧业务功能按钮 --> 5 <!-- 左侧业务功能按钮 -->
6 <ul> 6 <ul>
7 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> 7 <li
8 @click="operation(item)"
9 v-for="(item, index) in leftButtonList"
10 :key="index"
11 >
8 <svg-icon class="icon" :icon-class="item.icon" /> 12 <svg-icon class="icon" :icon-class="item.icon" />
9 <span class="iconName">{{ item.name }}</span> 13 <span class="iconName">{{ item.name }}</span>
10 </li> 14 </li>
11 </ul> 15 </ul>
12 <!-- 右侧流程按钮 --> 16 <!-- 右侧流程按钮 -->
13 <ul> 17 <ul>
14 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> 18 <li
19 @click="operation(item)"
20 v-for="(item, index) in rightButtonList"
21 :key="index"
22 >
15 <svg-icon class="icon" :icon-class="item.icon" /> 23 <svg-icon class="icon" :icon-class="item.icon" />
16 <span class="iconName">{{ item.name }}</span> 24 <span class="iconName">{{ item.name }}</span>
17 </li> 25 </li>
...@@ -22,7 +30,12 @@ ...@@ -22,7 +30,12 @@
22 <div class="containerFrame"> 30 <div class="containerFrame">
23 <!-- 左侧菜单栏 --> 31 <!-- 左侧菜单栏 -->
24 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 32 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
25 <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> 33 <el-menu
34 :default-active="activeIndex"
35 @select="batchUnitClick"
36 class="title-batch"
37 v-if="showBatch"
38 >
26 <el-menu-item index="-1" key="-1" class="menus"> 39 <el-menu-item index="-1" key="-1" class="menus">
27 <div>{{ batchButtonName }}</div> 40 <div>{{ batchButtonName }}</div>
28 </el-menu-item> 41 </el-menu-item>
...@@ -30,28 +43,50 @@ ...@@ -30,28 +43,50 @@
30 <div v-if="this.isShowdrawer"> 43 <div v-if="this.isShowdrawer">
31 <div class="title"> 44 <div class="title">
32 申请单元列表({{ unitData.length }}) 45 申请单元列表({{ unitData.length }})
33 <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> 46 <el-button
47 type="text"
48 class="batchDel"
49 @click="handleBatchDel"
50 v-if="unitData.length > 1"
51 >批量删除</el-button
52 >
34 </div> 53 </div>
35 <el-menu :default-active="activeIndex" @select="unitClick"> 54 <el-menu :default-active="activeIndex" @select="unitClick">
36 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> 55 <el-menu-item
56 v-for="(item, index) in unitData"
57 :index="index.toString()"
58 :key="index"
59 >
37 <div> 60 <div>
38 <p>{{ item.bdcdyh }}</p> 61 <p>{{ item.bdcdyh }}</p>
39 <p class="title-detail">{{ item.zl }}</p> 62 <p class="title-detail">{{ item.zl }}</p>
40 </div> 63 </div>
41 <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> 64 <i
65 class="el-icon-delete"
66 v-if="unitData.length > 1"
67 @click.stop="handleDel(item)"
68 ></i>
42 </el-menu-item> 69 </el-menu-item>
43 </el-menu> 70 </el-menu>
44 </div> 71 </div>
45 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" 72 <div
46 () => { 73 class="map-drawer-click map-drawer"
47 this.isShowdrawer = !this.isShowdrawer; 74 v-if="!isShowdrawer"
48 } 75 @click="
49 "></div> 76 () => {
50 <div class="map-drawer-expand map-drawer" v-else @click=" 77 this.isShowdrawer = !this.isShowdrawer;
51 () => { 78 }
52 this.isShowdrawer = !this.isShowdrawer; 79 "
53 } 80 ></div>
54 "></div> 81 <div
82 class="map-drawer-expand map-drawer"
83 v-else
84 @click="
85 () => {
86 this.isShowdrawer = !this.isShowdrawer;
87 }
88 "
89 ></div>
55 </div> 90 </div>
56 <div class="leftCon"> 91 <div class="leftCon">
57 <!-- 分屏左侧预览 --> 92 <!-- 分屏左侧预览 -->
...@@ -61,45 +96,78 @@ ...@@ -61,45 +96,78 @@
61 <!-- 表单内容区域 --> 96 <!-- 表单内容区域 -->
62 <div class="rightContainer"> 97 <div class="rightContainer">
63 <el-tabs v-model="tabName" :before-leave="beforeLeave"> 98 <el-tabs v-model="tabName" :before-leave="beforeLeave">
64 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> 99 <el-tab-pane
100 :label="item.name"
101 :name="item.value"
102 v-for="item in tabList"
103 :key="item.value"
104 >
65 </el-tab-pane> 105 </el-tab-pane>
66 </el-tabs> 106 </el-tabs>
67 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 107 <component
108 :key="fresh"
109 :is="componentTag"
110 v-bind="currentSelectProps"
111 />
68 </div> 112 </div>
69 </div> 113 </div>
70 </div> 114 </div>
71 <!-- 打印模板需要此模块 --> 115 <!-- 打印模板需要此模块 -->
72 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 116 <object
73 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> 117 id="LODOP_OB"
118 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
119 v-show="false"
120 >
121 <embed
122 id="LODOP_EM"
123 type="application/x-print-lodop"
124 width="820"
125 height="450"
126 pluginspage="install_lodop32.exe"
127 />
74 </object> 128 </object>
75 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" 129 <el-upload
76 :on-change="handleChange" :before-upload="beforeUpload"> 130 class="fileUpdate"
77 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> 131 action=""
132 :show-file-list="false"
133 multiple
134 :auto-upload="false"
135 :on-change="handleChange"
136 :before-upload="beforeUpload"
137 >
138 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
139 >上传</el-button
140 >
78 </el-upload> 141 </el-upload>
79 <selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> 142 <selectBdc
143 v-model="isDialog"
144 :djywbm="$route.query.sqywbm"
145 :isJump="true"
146 @updateDialog="updateDialog"
147 />
80 </div> 148 </div>
81 </template> 149 </template>
82 <style scoped lang='scss'> 150 <style scoped lang="scss">
83 @import "~@/styles/mixin.scss"; 151 @import "~@/styles/mixin.scss";
84 @import "./workFrame.scss"; 152 @import "./workFrame.scss";
85 </style> 153 </style>
86 <script> 154 <script>
87 import WorkFlow from "./mixin/index" 155 import WorkFlow from "./mixin/index";
88 import publicFlow from "./mixin/public.js" 156 import publicFlow from "./mixin/public.js";
89 import { getStepFormInfo } from "@/api/fqsq.js"; 157 import { getStepFormInfo } from "@/api/fqsq.js";
90 import { getForm } from './flowform' 158 import { getForm } from "./flowform";
91 import NoticeBar from '@/components/NoticeBar/index' 159 import NoticeBar from "@/components/NoticeBar/index";
92 import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; 160 import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
93 import ProcessViewer from './components/processViewer.vue' 161 import ProcessViewer from "./components/processViewer.vue";
94 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 162 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
95 export default { 163 export default {
96 components: { 164 components: {
97 selectBdc, 165 selectBdc,
98 NoticeBar, 166 NoticeBar,
99 ProcessViewer 167 ProcessViewer,
100 }, 168 },
101 mixins: [WorkFlow, publicFlow], 169 mixins: [WorkFlow, publicFlow],
102 data () { 170 data() {
103 return { 171 return {
104 isDialog: false, 172 isDialog: false,
105 // 折叠 173 // 折叠
...@@ -131,42 +199,45 @@ export default { ...@@ -131,42 +199,45 @@ export default {
131 //批量操作 199 //批量操作
132 showBatch: false, 200 showBatch: false,
133 //批量操作按钮名称 201 //批量操作按钮名称
134 batchButtonName: '', 202 batchButtonName: "",
135 } 203 };
136 }, 204 },
137 mounted () { 205 mounted() {
138 //添加页面监听事件 206 //添加页面监听事件
139 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) 207 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
140 window.addEventListener('unload', e => this.unloadHandler(e)) 208 window.addEventListener("unload", (e) => this.unloadHandler(e));
141 }, 209 },
142 destroyed () { 210
143 window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) 211 destroyed() {
144 window.removeEventListener('unload', e => this.unloadHandler(e)) 212 window.removeEventListener("beforeunload", (e) =>
213 this.beforeunloadHandler(e)
214 );
215 window.removeEventListener("unload", (e) => this.unloadHandler(e));
145 }, 216 },
146 methods: { 217 methods: {
147 beforeunloadHandler () { 218 beforeunloadHandler() {
148 this._beforeUnload_time = new Date().getTime() 219 this._beforeUnload_time = new Date().getTime();
149 }, 220 },
150 unloadHandler (e) { 221 unloadHandler(e) {
151 this._gap_time = new Date().getTime() - this._beforeUnload_time 222 this._gap_time = new Date().getTime() - this._beforeUnload_time;
152 //判断是窗口关闭还是刷新 223 //判断是窗口关闭还是刷新
153 if (this._gap_time <= 10) { 224 if (this._gap_time <= 10) {
154 //取消认领 225 //取消认领
155 unClaimTask(this.bsmSlsq, this.bestepid) 226 unClaimTask(this.bsmSlsq, this.bestepid);
156 } 227 }
157 }, 228 },
158 changeLoadIndex () { 229 changeLoadIndex() {
159 this.loadIndex++ 230 this.loadIndex++;
160 }, 231 },
161 closeDialog () { 232 closeDialog() {
162 this.myValue = false 233 this.myValue = false;
163 }, 234 },
164 // 更新列表 235 // 更新列表
165 updateDialog () { 236 updateDialog() {
166 this.loadBdcdylist(); 237 this.loadBdcdylist();
167 }, 238 },
168 // 删除左侧列表 239 // 删除左侧列表
169 handleDel (item) { 240 handleDel(item) {
170 this.$confirm("确定要删除吗, 是否继续?", "提示", { 241 this.$confirm("确定要删除吗, 是否继续?", "提示", {
171 confirmButtonText: "确定", 242 confirmButtonText: "确定",
172 cancelButtonText: "取消", 243 cancelButtonText: "取消",
...@@ -193,7 +264,7 @@ export default { ...@@ -193,7 +264,7 @@ export default {
193 }); 264 });
194 }, 265 },
195 //申请单元点击事件 266 //申请单元点击事件
196 stepForm (index) { 267 stepForm(index) {
197 getStepFormInfo(this.currentSelectProps).then((res) => { 268 getStepFormInfo(this.currentSelectProps).then((res) => {
198 if (res.code === 200) { 269 if (res.code === 200) {
199 this.fresh++; 270 this.fresh++;
...@@ -201,9 +272,9 @@ export default { ...@@ -201,9 +272,9 @@ export default {
201 this.tabList = res.result; 272 this.tabList = res.result;
202 //默认加载第一个表单信息 273 //默认加载第一个表单信息
203 this.tabName = res.result[0].value; 274 this.tabName = res.result[0].value;
204 //批量操作无分屏按钮 275 //批量操作无分屏按钮
205 if (index != null) { 276 if (index != null) {
206 //处理分屏材料信息 277 //处理分屏材料信息
207 let that = this; 278 let that = this;
208 this.tabList.forEach(function (item, index) { 279 this.tabList.forEach(function (item, index) {
209 if (item.value == "clxx") { 280 if (item.value == "clxx") {
...@@ -211,24 +282,24 @@ export default { ...@@ -211,24 +282,24 @@ export default {
211 that.clxxForm = getForm(item.value, that.$route.query.sqywbm); 282 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
212 that.clxxTab = item; 283 that.clxxTab = item;
213 } 284 }
214 }) 285 });
215 } 286 }
216 } 287 }
217 }) 288 });
218 }, 289 },
219 //申请单元点击事件 290 //申请单元点击事件
220 unitClick (index) { 291 unitClick(index) {
221 this.currentSelectProps = this.unitData[index]; 292 this.currentSelectProps = this.unitData[index];
222 this.currentSelectProps.batchOperation = false; 293 this.currentSelectProps.batchOperation = false;
223 this.activeIndex = index.toString(); 294 this.activeIndex = index.toString();
224 this.stepForm(index); 295 this.stepForm(index);
225 }, 296 },
226 //批量按钮点击事件 297 //批量按钮点击事件
227 batchUnitClick () { 298 batchUnitClick() {
228 this.currentSelectProps.batchOperation = true; 299 this.currentSelectProps.batchOperation = true;
229 this.activeIndex = "-1"; 300 this.activeIndex = "-1";
230 this.stepForm(); 301 this.stepForm();
231 } 302 },
232 } 303 },
233 } 304 };
234 </script> 305 </script>
......
...@@ -4,14 +4,22 @@ ...@@ -4,14 +4,22 @@
4 <div class="topButton"> 4 <div class="topButton">
5 <!-- 左侧业务功能按钮 --> 5 <!-- 左侧业务功能按钮 -->
6 <ul> 6 <ul>
7 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> 7 <li
8 @click="operation(item)"
9 v-for="(item, index) in leftButtonList"
10 :key="index"
11 >
8 <svg-icon :icon-class="item.icon" /> 12 <svg-icon :icon-class="item.icon" />
9 <span class="iconName">{{ item.name }}</span> 13 <span class="iconName">{{ item.name }}</span>
10 </li> 14 </li>
11 </ul> 15 </ul>
12 <!-- 右侧流程按钮 --> 16 <!-- 右侧流程按钮 -->
13 <ul> 17 <ul>
14 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> 18 <li
19 @click="operation(item)"
20 v-for="(item, index) in rightButtonList"
21 :key="index"
22 >
15 <svg-icon class="icon" :icon-class="item.icon" /> 23 <svg-icon class="icon" :icon-class="item.icon" />
16 <span class="iconName">{{ item.name }}</span> 24 <span class="iconName">{{ item.name }}</span>
17 </li> 25 </li>
...@@ -25,7 +33,11 @@ ...@@ -25,7 +33,11 @@
25 <div v-if="this.isShowdrawer"> 33 <div v-if="this.isShowdrawer">
26 <div class="title">申请单元列表({{ unitData.length }})</div> 34 <div class="title">申请单元列表({{ unitData.length }})</div>
27 <el-menu :default-active="activeIndex" @select="unitClick"> 35 <el-menu :default-active="activeIndex" @select="unitClick">
28 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> 36 <el-menu-item
37 v-for="(item, index) in unitData"
38 :index="index.toString()"
39 :key="index"
40 >
29 <div> 41 <div>
30 <p>{{ item.bdcdyh }}</p> 42 <p>{{ item.bdcdyh }}</p>
31 <p class="title-detail">{{ item.zl }}</p> 43 <p class="title-detail">{{ item.zl }}</p>
...@@ -33,16 +45,24 @@ ...@@ -33,16 +45,24 @@
33 </el-menu-item> 45 </el-menu-item>
34 </el-menu> 46 </el-menu>
35 </div> 47 </div>
36 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" 48 <div
37 () => { 49 class="map-drawer-click map-drawer"
38 this.isShowdrawer = !this.isShowdrawer; 50 v-if="!isShowdrawer"
39 } 51 @click="
40 "></div> 52 () => {
41 <div class="map-drawer-expand map-drawer" v-else @click=" 53 this.isShowdrawer = !this.isShowdrawer;
42 () => { 54 }
43 this.isShowdrawer = !this.isShowdrawer; 55 "
44 } 56 ></div>
45 "></div> 57 <div
58 class="map-drawer-expand map-drawer"
59 v-else
60 @click="
61 () => {
62 this.isShowdrawer = !this.isShowdrawer;
63 }
64 "
65 ></div>
46 </div> 66 </div>
47 <div class="leftCon"> 67 <div class="leftCon">
48 <!-- 分屏左侧预览 --> 68 <!-- 分屏左侧预览 -->
...@@ -52,42 +72,47 @@ ...@@ -52,42 +72,47 @@
52 <!-- 表单内容区域 --> 72 <!-- 表单内容区域 -->
53 <div class="rightContainer"> 73 <div class="rightContainer">
54 <el-tabs v-model="tabName" :before-leave="beforeLeave"> 74 <el-tabs v-model="tabName" :before-leave="beforeLeave">
55 <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> 75 <el-tab-pane
76 :label="item.name"
77 :name="item.value"
78 v-for="(item, index) in tabList"
79 :key="index"
80 >
56 </el-tab-pane> 81 </el-tab-pane>
57 </el-tabs> 82 </el-tabs>
58 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 83 <component
84 :key="fresh"
85 :is="componentTag"
86 v-bind="currentSelectProps"
87 />
59 </div> 88 </div>
60 </div> 89 </div>
61 </div> 90 </div>
62 </div> 91 </div>
63 </template> 92 </template>
64 <style scoped lang='scss'> 93 <style scoped lang="scss">
65 @import "~@/styles/mixin.scss"; 94 @import "~@/styles/mixin.scss";
66 @import "./workFrame.scss"; 95 @import "./workFrame.scss";
67 </style> 96 </style>
68 <script> 97 <script>
69 import { 98 import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js";
70 leftMenu, 99 import publicFlow from "./mixin/public.js";
71 stepExpandInfo,
72 getStepFormInfo
73 } from "@/api/fqsq.js"
74 import publicFlow from "./mixin/public.js"
75 import { popupDialog } from "@/utils/popup.js"; 100 import { popupDialog } from "@/utils/popup.js";
76 import NoticeBar from '@/components/NoticeBar/index' 101 import NoticeBar from "@/components/NoticeBar/index";
77 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js" 102 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
78 export default { 103 export default {
79 mixins: [publicFlow], 104 mixins: [publicFlow],
80 components: { 105 components: {
81 NoticeBar 106 NoticeBar,
82 }, 107 },
83 data () { 108 data() {
84 return { 109 return {
85 // 流程图 110 // 流程图
86 imgSrc: '', 111 imgSrc: "",
87 // 折叠 112 // 折叠
88 isShowdrawer: true, 113 isShowdrawer: true,
89 // 默认选中 114 // 默认选中
90 activeIndex: '0', 115 activeIndex: "0",
91 //受理申请标识码 116 //受理申请标识码
92 bsmSlsq: this.$route.query.bsmSlsq, 117 bsmSlsq: this.$route.query.bsmSlsq,
93 //当前流程所在环节 118 //当前流程所在环节
...@@ -116,15 +141,16 @@ export default { ...@@ -116,15 +141,16 @@ export default {
116 clxxIndex: "", 141 clxxIndex: "",
117 //材料信息选项卡对象 142 //材料信息选项卡对象
118 clxxTab: {}, 143 clxxTab: {},
119 } 144 };
120 }, 145 },
121 mounted () { 146 mounted() {
122 this.loadBdcdylist(); 147 this.loadBdcdylist();
123 this.flowInitParam(); 148 this.flowInitParam();
124 }, 149 },
150
125 methods: { 151 methods: {
126 //加载流程初始参数 152 //加载流程初始参数
127 flowInitParam () { 153 flowInitParam() {
128 var formdata = new FormData(); 154 var formdata = new FormData();
129 formdata.append("bsmSlsq", this.bsmSlsq); 155 formdata.append("bsmSlsq", this.bsmSlsq);
130 formdata.append("bestepid", this.bestepid); 156 formdata.append("bestepid", this.bestepid);
...@@ -134,34 +160,36 @@ export default { ...@@ -134,34 +160,36 @@ export default {
134 this.leftButtonList = res.result.button; 160 this.leftButtonList = res.result.button;
135 this.rightButtonList = res.result.operation; 161 this.rightButtonList = res.result.operation;
136 } 162 }
137 }) 163 });
138 }, 164 },
139 //流程环节操作按钮 165 //流程环节操作按钮
140 operation (item) { 166 operation(item) {
141 //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 167 //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书
142 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 168 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
143 switch (item.value) { 169 switch (item.value) {
144 case "B1": 170 case "B1":
145 getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { 171 getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(
146 let { result } = res 172 (res) => {
147 popupDialog("流程图", "workflow/components/processViewer", { 173 let { result } = res;
148 xml: result.xml, 174 popupDialog("流程图", "workflow/components/processViewer", {
149 finishedInfo: { 175 xml: result.xml,
150 finishedTaskSet: result.finishedTaskSet, 176 finishedInfo: {
151 unfinishedTaskSet: result.unfinishedTaskSet, 177 finishedTaskSet: result.finishedTaskSet,
152 rejectedTaskSet: result.rejectedTaskSet, 178 unfinishedTaskSet: result.unfinishedTaskSet,
153 finishedSequenceFlowSet: result.finishedSequenceFlowSet 179 rejectedTaskSet: result.rejectedTaskSet,
154 }, 180 finishedSequenceFlowSet: result.finishedSequenceFlowSet,
155 allCommentList: result.historyTaskList 181 },
156 }) 182 allCommentList: result.historyTaskList,
157 }) 183 });
184 }
185 );
158 break; 186 break;
159 case "B5": 187 case "B5":
160 this.zsylFlag = true; 188 this.zsylFlag = true;
161 break; 189 break;
162 case "B2": //材料分屏按钮 190 case "B2": //材料分屏按钮
163 this.splitScreen = this.splitScreen ? false : true; 191 this.splitScreen = this.splitScreen ? false : true;
164 this.$store.dispatch('app/settScreen', this.splitScreen) 192 this.$store.dispatch("app/settScreen", this.splitScreen);
165 if (this.splitScreen) { 193 if (this.splitScreen) {
166 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容 194 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
167 if (this.tabName == this.clxxTab.value) { 195 if (this.tabName == this.clxxTab.value) {
...@@ -179,7 +207,7 @@ export default { ...@@ -179,7 +207,7 @@ export default {
179 } 207 }
180 }, 208 },
181 //读取申请单元信息 209 //读取申请单元信息
182 loadBdcdylist () { 210 loadBdcdylist() {
183 var formdata = new FormData(); 211 var formdata = new FormData();
184 formdata.append("bsmSlsq", this.bsmSlsq); 212 formdata.append("bsmSlsq", this.bsmSlsq);
185 formdata.append("bestepid", this.bestepid); 213 formdata.append("bestepid", this.bestepid);
...@@ -189,12 +217,12 @@ export default { ...@@ -189,12 +217,12 @@ export default {
189 this.currentSelectProps = res.result[0]; 217 this.currentSelectProps = res.result[0];
190 this.unitClick(0); 218 this.unitClick(0);
191 } 219 }
192 }) 220 });
193 }, 221 },
194 //申请单元点击事件 222 //申请单元点击事件
195 unitClick (index) { 223 unitClick(index) {
196 this.currentSelectProps = this.unitData[index]; 224 this.currentSelectProps = this.unitData[index];
197 this.currentSelectProps.type = 'ONLY_READ'; 225 this.currentSelectProps.type = "ONLY_READ";
198 getStepFormInfo(this.currentSelectProps).then((res) => { 226 getStepFormInfo(this.currentSelectProps).then((res) => {
199 if (res.code === 200) { 227 if (res.code === 200) {
200 this.fresh++; 228 this.fresh++;
...@@ -203,8 +231,8 @@ export default { ...@@ -203,8 +231,8 @@ export default {
203 //默认加载第一个表单信息 231 //默认加载第一个表单信息
204 this.tabName = res.result[0].value; 232 this.tabName = res.result[0].value;
205 } 233 }
206 })
207 }
208 }
209 }
210 </script>
...\ No newline at end of file ...\ No newline at end of file
234 });
235 },
236 },
237 };
238 </script>
......
1 <template> 1 <template>
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> 4 <el-form
5 :model="queryForm"
6 ref="queryForm"
7 @submit.native.prevent
8 label-width="80px"
9 >
5 <el-row> 10 <el-row>
6 <el-col :span="5"> 11 <el-col :span="5">
7 <el-form-item label="业务来源" label-width="70px"> 12 <el-form-item label="业务来源" label-width="70px">
8 <el-select v-model="queryForm.ywly" class="width100" filterable 13 <el-select
9 @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源"> 14 v-model="queryForm.ywly"
10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 15 class="width100"
16 filterable
17 @change="handleSelect('ywly', 'ywlymc', 'ywly')"
18 clearable
19 placeholder="请选择业务来源"
20 >
21 <el-option
22 v-for="item in dictData['ywly']"
23 :key="item.dcode"
24 :label="item.dname"
25 :value="item.dcode"
26 >
11 </el-option> 27 </el-option>
12 </el-select> 28 </el-select>
13 </el-form-item> 29 </el-form-item>
14 </el-col> 30 </el-col>
15 <el-col :span="5"> 31 <el-col :span="5">
16 <el-form-item label="权利类型"> 32 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" 33 <el-select
18 filterable clearable placeholder="请选择权利类型"> 34 v-model="queryForm.qllx"
19 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 35 class="width100"
36 @change="handleSelect('A8', 'qllxmc', 'qllx')"
37 filterable
38 clearable
39 placeholder="请选择权利类型"
40 >
41 <el-option
42 v-for="item in dictData['A8']"
43 :key="item.dcode"
44 :label="item.dname"
45 :value="item.dcode"
46 >
20 </el-option> 47 </el-option>
21 </el-select> 48 </el-select>
22 </el-form-item> 49 </el-form-item>
23 </el-col> 50 </el-col>
24 <el-col :span="5"> 51 <el-col :span="5">
25 <el-form-item label="登记类型"> 52 <el-form-item label="登记类型">
26 <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" 53 <el-select
27 filterable clearable placeholder="请选择登记类型"> 54 v-model="queryForm.djlx"
28 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 55 class="width100"
56 @change="handleSelect('A21', 'djlxmc', 'djlx')"
57 filterable
58 clearable
59 placeholder="请选择登记类型"
60 >
61 <el-option
62 v-for="item in dictData['A21']"
63 :key="item.dcode"
64 :label="item.dname"
65 :value="item.dcode"
66 >
29 </el-option> 67 </el-option>
30 </el-select> 68 </el-select>
31 </el-form-item> 69 </el-form-item>
32 </el-col> 70 </el-col>
33 <el-col :span="5"> 71 <el-col :span="5">
34 <el-form-item label="业务号"> 72 <el-form-item label="业务号">
35 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100"> 73 <el-input
74 placeholder="请输入业务号"
75 v-model="queryForm.ywh"
76 @clear="queryClick"
77 clearable
78 class="width100"
79 >
36 </el-input> 80 </el-input>
37 </el-form-item> 81 </el-form-item>
38 </el-col> 82 </el-col>
39 83
40 <el-col :span="4" class="btnColRight"> 84 <el-col :span="4" class="btnColRight">
41 <el-form-item> 85 <el-form-item>
42 <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> 86 <el-button type="primary" native-type="submit" @click="queryClick"
87 >查询</el-button
88 >
43 <el-button @click="moreQueryClick">高级查询</el-button> 89 <el-button @click="moreQueryClick">高级查询</el-button>
44 </el-form-item> 90 </el-form-item>
45 </el-col> 91 </el-col>
...@@ -49,40 +95,56 @@ ...@@ -49,40 +95,56 @@
49 <ul> 95 <ul>
50 <li v-for="(item, index) in searchList" :key="index"> 96 <li v-for="(item, index) in searchList" :key="index">
51 {{ item.name }}:{{ item.value }} 97 {{ item.name }}:{{ item.value }}
52 <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> 98 <i
99 class="el-icon-circle-close"
100 @click="handelItem(item, index)"
101 ></i>
53 </li> 102 </li>
54 </ul> 103 </ul>
55 <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 104 <el-button
105 class="clean-btn"
106 type="text"
107 v-if="searchList.length > 0"
108 @click.native="hanldeCleanAll"
109 >清除全部
56 </el-button> 110 </el-button>
57 </el-row> 111 </el-row>
58 </el-form> 112 </el-form>
59 </div> 113 </div>
60 <div class="from-clues-content"> 114 <div class="from-clues-content">
61 <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" 115 <lb-table
62 :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total" 116 :page-size="pageData.size"
63 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 117 class="loadingtext"
64 :data="tableData.data"> 118 @sort-change="handleSort"
119 :current-page.sync="pageData.currentPage"
120 :heightNum="295"
121 :total="tableData.total"
122 @size-change="handleSizeChange"
123 @p-current-change="handleCurrentChange"
124 :column="tableData.columns"
125 :data="tableData.data"
126 >
65 </lb-table> 127 </lb-table>
66 </div> 128 </div>
67 <searchBox v-model="isSearch" @getSearch="getSearch" /> 129 <searchBox v-model="isSearch" @getSearch="getSearch" />
68 </div> 130 </div>
69 </template> 131 </template>
70 <script> 132 <script>
71 import { mapGetters } from 'vuex' 133 import { mapGetters } from "vuex";
72 import searchBox from '../components/search.vue' 134 import searchBox from "../components/search.vue";
73 import table from "@/utils/mixin/table" 135 import table from "@/utils/mixin/table";
74 import searchMin from "../components/mixin/index" 136 import searchMin from "../components/mixin/index";
75 import { datas, sendThis } from "./dbxdata" 137 import { datas, sendThis } from "./dbxdata";
76 import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl" 138 import { searchTaskToDo, deleteFlow, claimTask } from "@/api/ywbl";
77 import { judgeUserTaskPermission } from "@/api/fqsq" 139 import { judgeUserTaskPermission } from "@/api/fqsq";
78 export default { 140 export default {
79 name: "dbx", 141 name: "dbx",
80 components: { searchBox }, 142 components: { searchBox },
81 mixins: [table, searchMin], 143 mixins: [table, searchMin],
82 computed: { 144 computed: {
83 ...mapGetters(['dictData', 'transfer']) 145 ...mapGetters(["dictData", "transfer"]),
84 }, 146 },
85 data () { 147 data() {
86 return { 148 return {
87 queryForm: { 149 queryForm: {
88 ywly: "", 150 ywly: "",
...@@ -91,109 +153,127 @@ export default { ...@@ -91,109 +153,127 @@ export default {
91 ywh: "", 153 ywh: "",
92 }, 154 },
93 searchForm: { 155 searchForm: {
94 ywlymc: '', 156 ywlymc: "",
95 qllxmc: '', 157 qllxmc: "",
96 djlxmc: '', 158 djlxmc: "",
97 ywh: '' 159 ywh: "",
98 }, 160 },
99 tableData: { 161 tableData: {
100 total: 0, 162 total: 0,
101 columns: datas.columns(), 163 columns: datas.columns(),
102 data: [], 164 data: [],
103 } 165 },
104 } 166 jumpid: "",
167 };
105 }, 168 },
106 mounted () { 169 mounted() {
107 sendThis(this); 170 sendThis(this);
171 window["getBpageList"] = () => {
172 this.queryClick();
173 };
108 }, 174 },
109 watch: { 175 watch: {
110 queryForm: { 176 queryForm: {
111 handler (newName, oldName) { 177 handler(newName, oldName) {},
112 }, 178 immediate: true,
113 immediate: true 179 },
114 }
115 }, 180 },
116 methods: { 181 methods: {
117 // 列表渲染接口 182 // 列表渲染接口
118 queryClick () { 183 queryClick() {
119 this.$startLoading() 184 this.$startLoading();
120 this.searchForm.ywh = this.queryForm.ywh 185 this.searchForm.ywh = this.queryForm.ywh;
121 this.iterationData() 186 this.iterationData();
122 searchTaskToDo({ ...this.queryForm, ...this.otherForm, ...this.pageData }).then(res => { 187 searchTaskToDo({
123 this.$endLoading() 188 ...this.queryForm,
189 ...this.otherForm,
190 ...this.pageData,
191 }).then((res) => {
192 this.$endLoading();
124 if (res.code === 200) { 193 if (res.code === 200) {
125 let { total, records } = res.result 194 let { total, records } = res.result;
126 records.forEach(item => { 195 records.forEach((item) => {
127 item.qlrmc = item.qlrmc.join(',') 196 item.qlrmc = item.qlrmc.join(",");
128 item.ywh = item.ywh.join(',') 197 item.ywh = item.ywh.join(",");
129 item.zl = item.zl.join(',') 198 item.zl = item.zl.join(",");
130 item.fromstepdate = item.fromstepdate[0] 199 item.fromstepdate = item.fromstepdate[0];
131 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' 200 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : "";
132 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' 201 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : "";
133 }) 202 });
134 this.tableData.total = total ? total : 0 203 this.tableData.total = total ? total : 0;
135 this.tableData.data = records ? records : [] 204 this.tableData.data = records ? records : [];
136 } 205 }
137 }) 206 });
138 }, 207 },
139 handleSort (val) { 208
140 this.queryForm.sortField = val.prop 209 handleSort(val) {
141 this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' 210 this.queryForm.sortField = val.prop;
142 this.queryClick() 211 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
212 this.queryClick();
143 }, 213 },
144 del (item) { 214 del(item) {
145 let formdata = new FormData(); 215 let formdata = new FormData();
146 formdata.append("bsmSlsq", item.bsmSlsq); 216 formdata.append("bsmSlsq", item.bsmSlsq);
147 this.$confirm('确定要删除吗, 是否继续?', '提示', { 217 this.$confirm("确定要删除吗, 是否继续?", "提示", {
148 confirmButtonText: '确定', 218 confirmButtonText: "确定",
149 cancelButtonText: '取消', 219 cancelButtonText: "取消",
150 type: 'warning' 220 type: "warning",
151 }).then(() => {
152 deleteFlow(formdata).then(res => {
153 if (res.code === 200) {
154 this.handleDel()
155 this.$message({
156 type: 'success',
157 message: '删除成功!'
158 });
159 this.queryClick()
160 } else {
161 this.$message.error(res.message);
162 }
163 })
164 }).catch(() => {
165 this.$message({
166 type: 'info',
167 message: '已取消删除'
168 })
169 }) 221 })
222 .then(() => {
223 deleteFlow(formdata).then((res) => {
224 if (res.code === 200) {
225 this.handleDel();
226 this.$message({
227 type: "success",
228 message: "删除成功!",
229 });
230 this.queryClick();
231 } else {
232 this.$message.error(res.message);
233 }
234 });
235 })
236 .catch(() => {
237 this.$message({
238 type: "info",
239 message: "已取消删除",
240 });
241 });
170 }, 242 },
171 ywhClick (item) { 243 ywhClick(item) {
172 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面 244 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
173 judgeUserTaskPermission({ 245 judgeUserTaskPermission({
174 bsmSlsq: item.bsmSlsq, 246 bsmSlsq: item.bsmSlsq,
175 bestepid: item.bestepid 247 bestepid: item.bestepid,
176 }).then(res => { 248 }).then((res) => {
177 if (res.code == 200) { 249 if (res.code == 200) {
178 if (res.result) { 250 if (res.result) {
179 //有任务权限 251 //有任务权限
180 const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&sqywbm=' + item.djywbm); 252 const { href } = this.$router.resolve(
181 window.open(href, '_blank'); 253 "/workFrame?bsmSlsq=" +
254 item.bsmSlsq +
255 "&bestepid=" +
256 item.bestepid +
257 "&bsmBusiness=" +
258 "&sqywbm=" +
259 item.djywbm
260 );
261 window.open(href, `urlname${item.bsmSlsq}`);
182 //从待办箱进入的调取任务领取接口 262 //从待办箱进入的调取任务领取接口
183 claimTask(item.bsmSlsq, item.bestepid) 263 claimTask(item.bsmSlsq, item.bestepid);
184 } else { 264 } else {
185 //无任务权限 265 //无任务权限
186 this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作") 266 this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作");
187 //刷新页面 267 //刷新页面
188 this.queryClick(); 268 this.queryClick();
189 } 269 }
190 } else { 270 } else {
191 this.$message.error("用户任务权限判断失败，请联系管理员") 271 this.$message.error("用户任务权限判断失败，请联系管理员");
192 } 272 }
193 }) 273 });
194 } 274 },
195 } 275 },
196 } 276 };
197 </script> 277 </script>
198 <style scoped lang="scss"> 278 <style scoped lang="scss">
199 @import "~@/styles/public.scss"; 279 @import "~@/styles/public.scss";
......
...@@ -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 },
......