Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
19eb0863 by 田浩浩
Options

修改系统相关功能

1 parent 68659e47
Inline Side-by-side
Showing 7 changed files with 342 additions and 238 deletions
1 import request from '@/utils/request';
2 import SERVER from './config';
3
4 // 获取不动产权证列表
5 export function getBdcqzList (params) {
6 return request({
7 url: SERVER.SERVERAPI + '/rest/business/workFlow/getBdcqzList',
8 method: 'get',
9 params: params
10 })
11 }
12 // 获取印刷序列号
13 export function readYsxlh (params) {
14 return request({
15 url: SERVER.SERVERAPI + '/rest/business/workFlow/readYsxlh',
16 method: 'get',
17 params: params
18 })
19 }
20 // 缮证
21 export function certificate (data) {
22 return request({
23 url: SERVER.SERVERAPI + '/rest/business/workFlow/certificate',
24 method: 'post',
25 data
26 })
27 }
28 // 作废缮证信息
29 export function invalidCertificate (data) {
30 return request({
31 url: SERVER.SERVERAPI + '/rest/business/workFlow/invalidCertificate',
32 method: 'post',
33 data
34 })
35 }
36 // 缮证列表
37 export function getCertificateList (data) {
38 return request({
39 url: SERVER.SERVERAPI + '/rest/business/workFlow/getCertificateList',
40 method: 'post',
41 data
42 })
43 }
44 // 发证
45 export function issueCertificate (data) {
46 return request({
47 url: SERVER.SERVERAPI + '/rest/business/workFlow/issueCertificate',
48 method: 'post',
49 data
50 })
51 }
52 // 获取受理申请下全部不动产权证
53 export function getSlsqBdcqzList (params) {
54 return request({
55 url: SERVER.SERVERAPI + '/rest/business/workFlow/getSlsqBdcqzList',
56 method: 'get',
57 params
58 })
59 }
...\ No newline at end of file ...\ No newline at end of file
1 import request from '@/utils/request'
2 import SERVER from './config'
3
4 // 上传单个文件
5 export function sjClmxUpload (data) {
6 return request({
7 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload',
8 method: 'post',
9 data
10 })
11 }
12 // 删除上传文件
13 export function sjClmxDelete (bsmClmx) {
14 return request({
15 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx,
16 method: 'delete'
17 })
18 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -60,10 +60,10 @@ export default { ...@@ -60,10 +60,10 @@ export default {
60 methods: { 60 methods: {
61 // 列表渲染接口 61 // 列表渲染接口
62 fetchData () { 62 fetchData () {
63 this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy 63 this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy;
64 getCertificateList(this.ruleForm).then(res => { 64 getCertificateList(this.ruleForm).then(res => {
65 if (res.code === 200) { 65 if (res.code === 200) {
66 this.tableData.data = res.result 66 this.tableData.data = res.result;
67 } 67 }
68 }) 68 })
69 } 69 }
......
1 <template> 1 <template>
2 <div class="szxx"> 2 <div class="szxx">
3 <el-card class="box-card" v-for="(item,index) in tableData" :key="index"> 3 <el-card class="box-card" v-for="(item, index) in tableData" :key="index">
4 <div slot="header" class="szxx_header"> 4 <div slot="header" class="szxx_header">
5 <span class="header_type">{{item.bdcqzlx == 1 ? '不动产权证书' : '不动产登记证明'}}</span> 5 <span class="header_type">{{
6 <div class="header_text">{{item.bdcqzh}}</div> 6 item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明"
7 </div> 7 }}</span>
8 <div class="szxx_body card_padding"> 8 <div class="header_text">{{ item.bdcqzh }}</div>
9 <div class="text color_iray"> 9 </div>
10 <span>{{item.qllxmc}}</span> 10 <div class="szxx_body card_padding">
11 </div> 11 <div class="text color_iray">
12 <div class="text color_red"> 12 <span>{{ item.qllxmc }}</span>
13 <span>{{item.qlr}}</span> 13 </div>
14 </div> 14 <div class="text color_red">
15 <div class="text color_iray"> 15 <span>{{ item.qlr }}</span>
16 <span>{{item.gyfs == 1 ? '单独所有' : item.gyfs == 2 ? '共同共有' : '按份所有'}}</span> 16 </div>
17 </div> 17 <div class="text color_iray">
18 <div class="text color_red"> 18 <span>{{
19 <span>{{item.bdcdyh}}</span> 19 item.gyqk
20 </div> 20 }}</span>
21 <div class="text color_iray"> 21 </div>
22 <span>{{item.yt}}</span> 22 <div class="text color_red">
23 </div> 23 <span>{{ item.bdcdyh }}</span>
24 <div class="text color_red"> 24 </div>
25 <span>{{item.mj}}</span> 25 <div class="text color_iray">
26 </div> 26 <span>{{ item.yt }}</span>
27 <div class="text color_iray"> 27 </div>
28 <span>{{item.syqx}}</span> 28 <div class="text color_red">
29 </div> 29 <span>{{ item.mj }}</span>
30 <div v-if="item.ysxlh"> 30 </div>
31 <div class="top_line middle_margin"></div> 31 <div class="text color_iray">
32 <div class="text color_iray"> 32 <span>{{ item.syqx }}</span>
33 <span>印刷序列号：{{item.ysxlh}}</span> 33 </div>
34 </div> 34 <div v-if="item.ysxlh">
35 </div> 35 <div class="top_line middle_margin"></div>
36 </div> 36 <div class="text color_iray">
37 <div class="card_padding"> 37 <span>印刷序列号：{{ item.ysxlh }}</span>
38 <div class="top_line middle_margin"></div> 38 </div>
39 <div class="text" v-if="item.bsmSz"> 39 </div>
40 <el-button class="operation_button" type="text" @click="openZsylDialog(item,1)">证书预览</el-button> 40 </div>
41 <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（{{item.szcs}})</el-button> 41 <div class="card_padding">
42 </div> 42 <div class="top_line middle_margin"></div>
43 <div class="text" v-else> 43 <div class="text" v-if="item.ysxlh">
44 <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（{{item.szcs}}）</el-button> 44 <el-button
45 </div> 45 class="operation_button"
46 </div> 46 type="text"
47 </el-card> 47 @click="openZsylDialog(item, 1)"
48 <el-dialog title="证书打印" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body='false' top='30vh'> 48 >证书预览</el-button
49 <div class="invalid-diglog"> 49 >
50 <div class="invalid-title"> 50 <el-button
51 <i class="el-icon-question invalid-icon"></i> 51 class="operation_button"
52 <div class="invalid-body">您确定作废证书并再次打印？</div> 52 type="text"
53 </div> 53 @click="openInvalidDiglog(item)"
54 <div class="invalid-reson">作废原因：</div> 54 >再次打印（{{ item.szcs }})</el-button
55 <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> 55 >
56 <div class="dialog-footer"> 56 </div>
57 <el-button @click="closeInvalidDiglog()">取 消</el-button> 57 <div class="text" v-else>
58 <el-button type="primary" @click="confirmInvalid()">确 定</el-button> 58 <el-button
59 </div> 59 class="operation_button"
60 </div> 60 type="text"
61 </el-dialog> 61 @click="openZsylDialog(item, 2)"
62 <el-empty description="暂无数据" v-if="tableData.length==0"></el-empty> 62 >证书打印（{{ item.szcs }}）</el-button
63 </div> 63 >
64 </div>
65 </div>
66 </el-card>
67 <el-dialog
68 title="证书打印"
69 :visible.sync="invalidDiglog"
70 width="30%"
71 :modal-append-to-body="false"
72 top="30vh"
73 >
74 <div class="invalid-diglog">
75 <div class="invalid-title">
76 <i class="el-icon-question invalid-icon"></i>
77 <div class="invalid-body">您确定作废证书并再次打印？</div>
78 </div>
79 <div class="invalid-reson">作废原因：</div>
80 <el-input
81 v-model="zfyy"
82 placeholder="请输入作废原因"
83 type="textarea"
84 :rows="4"
85 ></el-input>
86 <div class="dialog-footer">
87 <el-button @click="closeInvalidDiglog()">取 消</el-button>
88 <el-button type="primary" @click="confirmInvalid()">确 定</el-button>
89 </div>
90 </div>
91 </el-dialog>
92 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
93 </div>
64 </template> 94 </template>
65 <script> 95 <script>
66 import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js"; 96 import { getSlsqBdcqzList, invalidCertificate } from "@/api/fqsq.js";
67 97
68 export default { 98 export default {
69 components: { }, 99 components: {},
70 props: { 100 props: {},
71 }, 101 data() {
72 data () { 102 return {
73 return { 103 tableData: [],
74 tableData: [], 104 bdcqzlx: 1,
75 bdcqzlx: 1, 105 bdcqz: {},
76 bdcqz: {}, 106 zfyy: "",
77 zfyy: '', 107 invalidDiglog: false,
78 invalidDiglog: false, 108 bsmSz: "",
79 bsmSz: '', 109 };
80 }; 110 },
81 }, 111 created() {
82 created () { 112 this.list();
83 this.list(); 113 },
84 }, 114 methods: {
85 methods: { 115 //初始化列表
86 //初始化列表 116 list() {
87 list () { 117 // var bsmSldy = this.$parent.unitData[0].bsmSldy;
88 var bsmSldy = this.$parent.unitData[0].bsmSldy 118 var bsmSlsq = this.$route.query.bsmSlsq;
89 getBdcqzList({ bsmSldy: bsmSldy }).then(res => { 119 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
90 if (res.code === 200) { 120 if (res.code === 200) {
91 this.tableData = res.result 121 this.tableData = res.result;
92 if (res.result) { 122 if (res.result) {
93 this.bdcqz = res.result[0] 123 this.bdcqz = res.result[0];
94 } 124 }
95 } 125 }
96 }) 126 });
97 }, 127 },
98 //打开证书预览弹窗 128 //打开证书预览弹窗
99 openZsylDialog (item, type) { 129 openZsylDialog(item, type) {
100 let that = this; 130 let that = this;
101 if(type == 1){ 131 if (type == 1) {
102 //证书预览 132 //证书预览
103 this.$popup("证书预览","workflow/components/zsyl",{ 133 this.$popup("证书预览", "workflow/components/zsyl", {
104 height: '650px', 134 height: "650px",
105 width: "800px", 135 width: "800px",
106 formData: { 136 formData: {
107 bdcqz: item 137 bdcqz: item,
108 }, 138 },
109 btnShow: false, 139 btnShow: false,
110 cancel: () => { 140 cancel: () => {
111 console.log("取消回调"); 141 console.log("取消回调");
112 }, 142 },
113 confirm: () => { 143 confirm: () => {
114 console.log("取消回调"); 144 console.log("取消回调");
115 }, 145 },
116 }) 146 });
117 }else{ 147 } else {
118 //证书打印 148 //证书打印
119 this.$popup("证书打印","workflow/components/zsdy",{ 149 this.$popup("证书打印", "workflow/components/zsdy", {
120 height: '700px', 150 height: "700px",
121 width: "800px", 151 width: "800px",
122 formData: { 152 formData: {
123 bsmSlsq: this.bsmSlsq, 153 bsmSlsq: this.bsmSlsq,
124 bdcqz: item 154 bdcqz: item,
125 }, 155 },
126 btnShow: true, 156 btnShow: true,
127 confirmText: '打印证书', 157 confirmText: "打印证书",
128 cancel: () => { 158 cancel: () => {
129 console.log("取消回调"); 159 console.log("取消回调");
130 }, 160 },
131 confirm: () => { 161 confirm: () => {
132 that.list(); 162 that.list();
133 }, 163 },
134 }) 164 });
135 }
136 },
137 //再次打印
138 openInvalidDiglog (item) {
139 this.bsmSz = item.bsmSz;
140 this.invalidDiglog = true
141 },
142 closeInvalidDiglog () {
143 this.invalidDiglog = false
144 this.bsmSz = '';
145 this.zfyy = '';
146 },
147 //作废缮证信息
148 confirmInvalid () {
149 invalidCertificate({ "bsmSz": this.bsmSz, "zfyy": this.zfyy }).then(res => {
150 if (res.code === 200) {
151 this.list();
152 this.$message.success('作废成功');
153 this.invalidDiglog = false;
154 this.openZsylDialog(this.bdcqz);
155 } else {
156 this.$message.error(res.message);
157 }
158 })
159 } 165 }
160 } 166 },
167 //再次打印
168 openInvalidDiglog(item) {
169 this.bsmSz = item.bsmSz;
170 this.invalidDiglog = true;
171 },
172 closeInvalidDiglog() {
173 this.invalidDiglog = false;
174 this.bsmSz = "";
175 this.zfyy = "";
176 },
177 //作废缮证信息
178 confirmInvalid() {
179 invalidCertificate({ bsmSz: this.bsmSz, zfyy: this.zfyy }).then((res) => {
180 if (res.code === 200) {
181 this.list();
182 this.$message.success("作废成功");
183 this.invalidDiglog = false;
184 this.openZsylDialog(this.bdcqz);
185 } else {
186 this.$message.error(res.message);
187 }
188 });
189 },
190 },
161 }; 191 };
162 </script> 192 </script>
163 <style scoped lang='scss'> 193 <style scoped lang='scss'>
164 @import "~@/styles/public.scss"; 194 @import "~@/styles/public.scss";
165 195
166 .szxx { 196 .szxx {
167 box-sizing: border-box; 197 box-sizing: border-box;
168 padding-right: 15px; 198 padding-right: 15px;
169 width: 100%; 199 width: 100%;
170 height: 600px; 200 height: 600px;
171 overflow-y: scroll; 201 overflow-y: scroll;
172 202
173 .box-card { 203 .box-card {
174 float: left; 204 float: left;
175 width: 300px; 205 width: 300px;
176 margin-top: 10px; 206 margin-top: 10px;
177 margin-right: 10px; 207 margin-right: 10px;
178 208
179 .szxx_body { 209 .szxx_body {
180 height: 240px; 210 height: 240px;
181 } 211 }
182 } 212 }
183 } 213 }
184 214
185 .szxx_header { 215 .szxx_header {
186 color: #ffffff; 216 color: #ffffff;
187 font-weight: bolder; 217 font-weight: bolder;
188 font-size: 16px; 218 font-size: 16px;
189 219
190 .header_type { 220 .header_type {
191 display: flex; 221 display: flex;
192 justify-content: center; 222 justify-content: center;
193 align-content: center; 223 align-content: center;
194 } 224 }
195 225
196 .header_text { 226 .header_text {
197 text-align: center; 227 text-align: center;
198 margin-top: 10px; 228 margin-top: 10px;
199 line-height: 30px; 229 line-height: 30px;
200 } 230 }
201 } 231 }
202 232
203 .top_line { 233 .top_line {
204 border-top: 2px solid rgb(222, 222, 222); 234 border-top: 2px solid rgb(222, 222, 222);
205 } 235 }
206 236
207 .text { 237 .text {
208 margin-bottom: 10px; 238 margin-bottom: 10px;
209 text-align: center; 239 text-align: center;
210 } 240 }
211 241
212 .color_iray { 242 .color_iray {
213 color: rgb(153, 153, 153); 243 color: rgb(153, 153, 153);
214 } 244 }
215 245
216 .color_red { 246 .color_red {
217 color: rgb(255, 89, 24); 247 color: rgb(255, 89, 24);
218 } 248 }
219 249
220 .middle_margin { 250 .middle_margin {
221 margin-bottom: 10px; 251 margin-bottom: 10px;
222 } 252 }
223 253
224 .operation_button { 254 .operation_button {
225 border: 1px solid rgb(0, 121, 254); 255 border: 1px solid rgb(0, 121, 254);
226 padding: 5px; 256 padding: 5px;
227 text-align: center; 257 text-align: center;
228 } 258 }
229 259
230 .card_padding { 260 .card_padding {
231 padding-top: 8px 261 padding-top: 8px;
232 } 262 }
233 263
234 .invalid-diglog { 264 .invalid-diglog {
235 padding-bottom: 20px; 265 padding-bottom: 20px;
236 font-size: 16px; 266 font-size: 16px;
237 font-weight: bold; 267 font-weight: bold;
238 color: rgb(99, 99, 99); 268 color: rgb(99, 99, 99);
239 269
240 .invalid-title { 270 .invalid-title {
241 display: flex; 271 display: flex;
242 align-content: center; 272 align-content: center;
243
244 .invalid-icon {
245 color: rgb(254, 148, 0);
246 font-size: 34px;
247 margin-right: 10px;
248 }
249 273
250 .invalid-body { 274 .invalid-icon {
251 line-height: 40px; 275 color: rgb(254, 148, 0);
252 margin-bottom: 10px; 276 font-size: 34px;
253 } 277 margin-right: 10px;
254 } 278 }
255 279
256 .invalid-reson { 280 .invalid-body {
281 line-height: 40px;
257 margin-bottom: 10px; 282 margin-bottom: 10px;
258 } 283 }
284 }
285
286 .invalid-reson {
287 margin-bottom: 10px;
288 }
259 289
260 .dialog-footer { 290 .dialog-footer {
261 margin-top: 10px; 291 margin-top: 10px;
262 display: flex; 292 display: flex;
263 justify-content: flex-end; 293 justify-content: flex-end;
264 } 294 }
265 } 295 }
266 296
267 /deep/.el-card__header { 297 /deep/.el-card__header {
268 background-color: rgb(198, 67, 83); 298 background-color: rgb(198, 67, 83);
269 } 299 }
270 300
271 /deep/.el-card__body { 301 /deep/.el-card__body {
272 padding: 0px 302 padding: 0px;
273 } 303 }
274 </style> 304 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 </div> 36 </div>
37 <div class="zsyl-right"> 37 <div class="zsyl-right">
38 <div class="zsyl-title">附记</div> 38 <div class="zsyl-title">附记</div>
39 <div class="zsyl-text"></div> 39 <div class="zsyl-text"> {{ bdcqz.fj }}</div>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div> 42 </div>
...@@ -94,17 +94,7 @@ export default { ...@@ -94,17 +94,7 @@ export default {
94 }, 94 },
95 //获取证书内容 95 //获取证书内容
96 getRowValue(code){ 96 getRowValue(code){
97 var value = this.bdcqz[code] 97 var value = this.bdcqz[code];
98 if(code == 'gyqk'){
99 switch(value){
100 case '1':
101 return '单独所有';
102 case '2':
103 return '共同共有';
104 case '3':
105 return '按份所有';
106 }
107 }
108 return value; 98 return value;
109 }, 99 },
110 //打印证书 100 //打印证书
......
...@@ -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: '序号',
...@@ -33,7 +33,14 @@ class data extends filter { ...@@ -33,7 +33,14 @@ class data extends filter {
33 }, 33 },
34 { 34 {
35 prop: "ywrmc", 35 prop: "ywrmc",
36 label: "义务人" 36 label: "义务人",
37 render: (h, scope) => {
38 if (scope.row.bdcqzh=="") {
39 return <div>{scope.row.ywrmc}</div>
40 } else{
41 return <div>{scope.row.ywrmc}</div>
42 }
43 }
37 }, 44 },
38 { 45 {
39 prop: "mj", 46 prop: "mj",
......
...@@ -318,10 +318,10 @@ export default { ...@@ -318,10 +318,10 @@ export default {
318 }) 318 })
319 break; 319 break;
320 case "B7": 320 case "B7":
321 this.$popup({ 321 this.$popup("证书领取", "workflow/components/zslq",{
322 title: "证书领取", 322 height: "8
323 editItem: "workflow/components/zslq", 323
324 height: "500px", 324 00px",
325 formData: {}, 325 formData: {},
326 btnShow: true, 326 btnShow: true,
327 cancel: () => { 327 cancel: () => {
......