Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f054066c by 蔡俊立
Options

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

2 parents a946bce1 173c6cda
Inline Side-by-side
Showing 9 changed files with 221 additions and 131 deletions
...@@ -9,49 +9,48 @@ ...@@ -9,49 +9,48 @@
9 </div> 9 </div>
10 <div class="szxx_body card_padding"> 10 <div class="szxx_body card_padding">
11 <div class="text color_iray"> 11 <div class="text color_iray">
12 <span>{{ item.qllxmc }}</span> 12 <span>{{ item.qllx }}</span>
13 </div> 13 </div>
14 <div class="text color_red"> 14 <div class="text color_red">
15 <span>{{ item.qlr }}</span> 15 <span>{{ item.qlr }}</span>
16 </div> 16 </div>
17 <div class="text color_iray"> 17 <div class="text color_iray">
18 <span>{{ 18 <span>{{ item.gyqk }}</span>
19 item.gyqk
20 }}</span>
21 </div> 19 </div>
22 <div class="text color_red"> 20 <div class="text color_red">
23 <span>{{ item.bdcdyh }}</span> 21 <span>{{ item.bdcdyh }}</span>
24 </div> 22 </div>
25 <div class="text color_iray"> 23 <div class="text color_iray">
26 <span>{{ item.yt }}</span> 24 <span>{{ item.zl }}</span>
27 </div> 25 </div>
28 <div class="text color_red"> 26 <div class="text color_red">
29 <span>{{ item.mj }}</span> 27 <span>{{ item.yt }}</span>
30 </div> 28 </div>
31 <div class="text color_iray"> 29 <div class="text color_iray">
30 <span>{{ item.mj }}</span>
31 </div>
32 <div class="text color_red">
32 <span>{{ item.syqx }}</span> 33 <span>{{ item.syqx }}</span>
33 </div> 34 </div>
34 <div v-if="item.ysxlh">
35 <div class="top_line middle_margin"></div> 35 <div class="top_line middle_margin"></div>
36 <div class="text color_iray"> 36 <div class="text color_iray">
37 <span>印刷序列号：{{ item.ysxlh }}</span> 37 <span>印刷序列号：{{ item.ysxlh }}</span>
38 </div> 38 </div>
39 </div> 39 </div>
40 </div>
41 <div class="card_padding"> 40 <div class="card_padding">
42 <div class="top_line middle_margin"></div> 41 <div class="top_line middle_margin"></div>
43 <div class="text" v-if="item.ysxlh"> 42 <div class="text" v-if="item.ysxlh">
44 <el-button 43 <el-button
45 class="operation_button" 44 class="operation_button"
46 type="text" 45 type="text"
47 @click="openZsylDialog(item, 1)" 46 @click="openInvalidDiglog(item)"
48 >证书预览</el-button 47 >再次打印（{{ item.szcs }})</el-button
49 > 48 >
50 <el-button 49 <el-button
51 class="operation_button" 50 class="operation_button"
52 type="text" 51 type="text"
53 @click="openInvalidDiglog(item)" 52 @click="openZsylDialog(item, 1)"
54 >再次打印（{{ item.szcs }})</el-button 53 >缮证记录</el-button
55 > 54 >
56 </div> 55 </div>
57 <div class="text" v-else> 56 <div class="text" v-else>
...@@ -87,10 +86,9 @@ ...@@ -87,10 +86,9 @@
87 <el-button @click="closeInvalidDiglog()">取 消</el-button> 86 <el-button @click="closeInvalidDiglog()">取 消</el-button>
88 <el-button type="primary" @click="confirmInvalid()">确 定</el-button> 87 <el-button type="primary" @click="confirmInvalid()">确 定</el-button>
89 </div> 88 </div>
90
91 <bdcqzPrint v-model="bdcqz" />
92 </div> 89 </div>
93 </el-dialog> 90 </el-dialog>
91 <bdcqzPrint v-model="dialog" :bdcqz="bdcqz" />
94 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> 92 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
95 </div> 93 </div>
96 </template> 94 </template>
...@@ -98,10 +96,11 @@ ...@@ -98,10 +96,11 @@
98 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; 96 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
99 import bdcqzPrint from "./zsdy.vue"; 97 import bdcqzPrint from "./zsdy.vue";
100 export default { 98 export default {
101 components: {}, 99 components: { bdcqzPrint },
102 props: {}, 100 props: {},
103 data() { 101 data() {
104 return { 102 return {
103 dialog: false,
105 tableData: [], 104 tableData: [],
106 bdcqzlx: 1, 105 bdcqzlx: 1,
107 bdcqz: {}, 106 bdcqz: {},
...@@ -146,6 +145,8 @@ export default { ...@@ -146,6 +145,8 @@ export default {
146 }, 145 },
147 }); 146 });
148 } else { 147 } else {
148 this.dialog = true;
149 this.bdcqz = item;
149 //证书打印 150 //证书打印
150 // this.$popup("证书打印", "workflow/components/zsdy", { 151 // this.$popup("证书打印", "workflow/components/zsdy", {
151 // height: "700px", 152 // height: "700px",
......
1 <template> 1 <template>
2 <div class="from-clues"> 2 <dialogBox
3 title="不动产权证书"
4 width="60%"
5 isMain
6 v-model="myValue"
7 @closeDialog="closeDialog"
8 @submitForm="handleSubmit"
9 >
10 <div>
3 <div class="middle_padding"> 11 <div class="middle_padding">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 12 <el-form
13 :model="ruleForm"
14 :rules="rules"
15 ref="ruleForm"
16 label-width="120px"
17 >
5 <el-form-item label="印刷序列号：" prop="ysxlh"> 18 <el-form-item label="印刷序列号：" prop="ysxlh">
6 <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> 19 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
7 <el-option 20 <el-option
8 v-for="item in ysxlh" 21 v-for="item in ysxlh"
9 :key="item.ysxlh" 22 :key="item.ysxlh"
10 :label="item.ysxlh" 23 :label="item.ysxlh"
11 :value="item.ysxlh"> 24 :value="item.ysxlh"
25 >
12 </el-option> 26 </el-option>
13 </el-select> 27 </el-select>
14 </el-form-item> 28 </el-form-item>
15 </el-form> 29 </el-form>
16 </div> 30 </div>
17 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> 31 <div
32 class="aaaa"
33 :style="{
34 backgroundImage: 'url(' + require('@/image/bdcqz/bdcqzs2.jpg') + ')',
35 }"
36 >
37 <div class="bdcqzh">
38 <span>{{ bdcqz.sjjc }}</span> <span>{{ bdcqz.djnd }}</span>
39 <span>{{ bdcqz.sxqc }}</span> <span>{{ bdcqz.sxh }}</span>
40 </div>
18 <div class="zsyl-box"> 41 <div class="zsyl-box">
19 <div class="zsyl-left"> 42 <div class="zsyl-left">
20 <div class="zsyl-title"> 43 <div class="qlr">
21 <span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span> 44 {{ bdcqz.qlr }}
22 <span v-else>____( )________不动产权第 号</span> 45 </div>
23 </div> 46 <div class="gyqk">
24 <table class="table-column"> 47 {{ bdcqz.gyqk }}
25 <tr v-for="(item, colindex) in columns" :key="colindex"> 48 </div>
26 <td> 49 <div class="zl">
27 <span>{{ item.label }}</span> 50 {{ bdcqz.zl }}
28 </td> 51 </div>
29 <td> 52 <div class="bdcdyh">
30 <span> 53 {{ bdcqz.bdcdyh }}
31 {{ getRowValue(item.prop) }} 54 </div>
32 </span> 55 <div class="qllx">
33 </td> 56 {{ bdcqz.qllx }}
34 </tr> 57 </div>
35 </table> 58 <div class="qlxz">
59 {{ bdcqz.qlxz }}
60 </div>
61 <div class="yt">
62 {{ bdcqz.yt }}
63 </div>
64 <div class="mj">
65 {{ bdcqz.mj }}
66 </div>
67 <div class="syqx">
68 {{ bdcqz.syqx }}
69 </div>
70 <div class="qt">
71 {{ bdcqz.qlqtzk }}
72 </div>
36 </div> 73 </div>
37 <div class="zsyl-right"> 74 <div class="zsyl-right">
38 <div class="zsyl-title">附记</div> 75 <div class="fj">{{ bdcqz.fj }}</div>
39 <div class="zsyl-text"> {{ bdcqz.fj }}</div>
40 </div> 76 </div>
41 </div> 77 </div>
42 </div> 78 </div>
79 </div>
80 </dialogBox>
43 </template> 81 </template>
44 82
45 <script> 83 <script>
46 import { datas } from "../javascript/zsyl.js"; 84 import { datas } from "../javascript/zsyl.js";
47 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/bdcqz.js" 85 import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js";
48 export default { 86 export default {
49 components: { 87 components: {},
50 },
51 props: { 88 props: {
52 formData: { 89 value: { type: Boolean, default: false },
53 type: Object, 90 bdcqz: { type: Object, default: {} },
54 default: {}
55 }
56 }, 91 },
57 data () { 92 data() {
58 return { 93 return {
94 myValue: this.value,
59 //印刷序列号集合 95 //印刷序列号集合
60 ysxlh: [], 96 ysxlh: [],
61 //列名称对象 97 //列名称对象
62 columns: [], 98 columns: [],
63 //选择的不动产权证文件 99 //选择的不动产权证文件
64 bdcqz: '', 100 bdcqz: this.bdcqz,
65 ruleForm: { 101 ruleForm: {
66 bsmBdcqz: '', 102 bsmBdcqz: "",
67 szmc: '不动产权证书', 103 szmc: "不动产权证书",
68 bdcqzlx: '', 104 bdcqzlx: "",
69 szzh: '', 105 szzh: "",
70 ysxlh: '', 106 ysxlh: "",
71 }, 107 },
72 rules: { 108 rules: {
73 ysxlh: [ 109 ysxlh: [
74 { required: true, message: '请选择印刷序列号', trigger: 'change' } 110 { required: true, message: "请选择印刷序列号", trigger: "change" },
75 ], 111 ],
76 }, 112 },
77 } 113 };
78 },
79 mounted(){
80 }, 114 },
81 created() { 115 watch: {
116 value(val) {
117 this.myValue = val;
82 this.columns = datas.columns(); 118 this.columns = datas.columns();
83 this.bdcqz = this.formData.bdcqz
84 this.ysxlhList();
85 }, 119 },
120 },
121 created() {},
86 methods: { 122 methods: {
87 //获取印刷序列号列表 123 //获取印刷序列号列表
88 ysxlhList() { 124 ysxlhList() {
89 readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => { 125 readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
90 if (res.code === 200) { 126 if (res.code === 200) {
91 this.ysxlh = res.result 127 this.ysxlh = res.result;
92 } 128 }
93 }) 129 });
130 },
131 closeDialog() {
132 this.$emit("input", false);
133 },
134 handleSubmit() {
135 this.$emit("input", false);
94 }, 136 },
95 //获取证书内容 137 //获取证书内容
96 getRowValue(code){ 138 getRowValue(code) {
97 var value = this.bdcqz[code]; 139 var value = this.bdcqz[code];
98 return value; 140 return value;
99 }, 141 },
100 //打印证书 142 //打印证书
101 childFn() { 143 childFn() {
102 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz 144 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
103 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx 145 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
104 this.ruleForm.szzh = this.bdcqz.bdcqzh 146 this.ruleForm.szzh = this.bdcqz.bdcqzh;
105 certificate(this.ruleForm).then(res => { 147 certificate(this.ruleForm).then((res) => {
106 if (res.code === 200) { 148 if (res.code === 200) {
107 this.$message.success('打印成功'); 149 this.$message.success("打印成功");
108 }else{ 150 } else {
109 this.$message.error(res.message); 151 this.$message.error(res.message);
110 } 152 }
111 }) 153 });
112 }, 154 },
113 } 155 },
114 } 156 };
115 </script> 157 </script>
116 <style scoped lang="scss"> 158 <style scoped lang="scss">
117 @import "~@/styles/mixin.scss"; 159 @import "~@/styles/mixin.scss";
118 .zsyl-box{ 160
161 .aaaa {
162 width: 1024px;
163 height: 739px;
164 font-family: KaiTi;
165 font-weight: 700;
166 }
167 .bdcqzh {
168 height: 70px;
169 left: 0;
170 bottom: 0;
171 font-size: 18px;
172 }
173 .zsyl-box {
119 display: flex; 174 display: flex;
120 justify-content: space-between; 175 justify-content: space-between;
121 padding: 20px; 176 // padding: 20px;
122 background: #FAFBE5; 177 font-size: 16px;
123 .zsyl-left{ 178 height: 100%;
124 width: 330px; 179 $left: 131px;
125 .zsyl-title{ 180
126 font-size: 18px; 181 .zsyl-left {
127 text-align: center; 182 width: 460px;
183 position: relative;
184 .qlr {
185 position: absolute;
186 top: 40px;
187 left: $left;
128 } 188 }
189 .gyqk {
190 position: absolute;
191 top: 80px;
192 left: $left;
129 } 193 }
130 .zsyl-right{ 194 .zl {
131 width: 330px; 195 position: absolute;
132 .zsyl-title{ 196 top: 120px;
133 letter-spacing: 50px; 197 left: $left;
134 text-align: center; 198 }
135 text-indent: 50px; 199 .bdcdyh {
200 position: absolute;
201 top: 160px;
202 left: $left;
203 }
204 .qllx {
205 position: absolute;
206 top: 205px;
207 left: $left;
208 }
209 .qlxz {
210 position: absolute;
211 top: 250px;
212 left: $left;
136 } 213 }
137 .zsyl-text{ 214 .yt {
138 border: 1px solid #ccc; 215 position: absolute;
139 height: 90%; 216 top: 290px;
217 left: $left;
140 } 218 }
219 .mj {
220 position: absolute;
221 top: 330px;
222 left: $left;
141 } 223 }
142 .zsyl-title{ 224 .syqx {
225 position: absolute;
226 top: 370px;
227 left: $left;
228 }
229 .qt {
230 position: absolute;
231 top: 420px;
232 left: $left;
233 }
234 }
235 .zsyl-right {
236 flex: 1;
237 text-align: left;
238 position: relative;
239 .fj {
240 position: absolute;
241 left: 115px;
242 top: 5px;
243 }
244 }
245 .zsyl-title {
143 margin-bottom: 12px; 246 margin-bottom: 12px;
144 } 247 }
145 /deep/.el-table__row{ 248 /deep/.el-table__row {
146 background: #FAFBE5!important; 249 background: #fafbe5 !important;
147 } 250 }
148 } 251 }
149 .middle_padding { 252 .middle_padding {
150 padding-bottom: 10px; 253 padding-bottom: 10px;
151 } 254 }
152 .zsyl-button{ 255 .zsyl-button {
153 text-align: center; 256 text-align: center;
154 margin-top: 20px; 257 margin-top: 20px;
155 .operation_button{ 258 .operation_button {
156 width: 100px; 259 width: 100px;
157 border: 1px solid rgb(0,121,254); 260 border: 1px solid rgb(0, 121, 254);
158 } 261 }
159 .dy-button { 262 .dy-button {
160 color: white; 263 color: white;
161 background-color: rgb(0,121,254); 264 background-color: rgb(0, 121, 254);
162 } 265 }
163 } 266 }
164 .table-column {
165 border-spacing: 1px;
166 width: 100%;
167 tr td {
168 border: 1px solid #ccc;
169 text-align: center;
170 height: 40px;
171 padding: 4px;
172 font-size: 13px;
173 background: rgb(251,249,229);
174 }
175 }
176 .aaaa{
177 background: #FAFBE5;
178 text-align: center;
179 padding-top: 10px;
180 font-size: 20px;
181 }
182 </style> 267 </style>
......
1 //流程环节操作按钮 1 //流程环节操作按钮
2 export function getForm(tabName, djywbm) { 2 export function getForm(tabName, djywbm) {
3 console.log("88888888"+tabName); 3 console.log("88888888" + tabName);
4 let form; 4 let form;
5 switch (tabName) { 5 switch (tabName) {
6 case "jsydsyqslxx100": 6 case "jsydsyqslxx100":
...@@ -42,6 +42,10 @@ export function getForm(tabName, djywbm) { ...@@ -42,6 +42,10 @@ export function getForm(tabName, djywbm) {
42 case "diyaqSlxx200": 42 case "diyaqSlxx200":
43 form = require("@/views/ywbl/diyaq/slxx200.vue"); 43 form = require("@/views/ywbl/diyaq/slxx200.vue");
44 break; 44 break;
45 case "diyaqSlxx300":
46 form = require("@/views/ywbl/diyaq/slxx200.vue");
47 break;
48
45 case "clxx": 49 case "clxx":
46 form = require("@/views/workflow/components/clxx.vue"); 50 form = require("@/views/workflow/components/clxx.vue");
47 break; 51 break;
...@@ -52,10 +56,10 @@ export function getForm(tabName, djywbm) { ...@@ -52,10 +56,10 @@ export function getForm(tabName, djywbm) {
52 form = require("@/views/registerBook/zdjbxx.vue"); 56 form = require("@/views/registerBook/zdjbxx.vue");
53 break; 57 break;
54 case "ygmm100": 58 case "ygmm100":
55 form=require("@/views/ywbl/ygdj/slxx.vue"); 59 form = require("@/views/ywbl/ygdj/slxx.vue");
56 break; 60 break;
57 case "ygmm300": 61 case "ygmm300":
58 form=require("@/views/ywbl/ygdj/slxx300.vue"); 62 form = require("@/views/ywbl/ygdj/slxx300.vue");
59 break; 63 break;
60 case "cfdjxx": 64 case "cfdjxx":
61 form = require("@/views/registerBook/cfdj.vue"); 65 form = require("@/views/registerBook/cfdj.vue");
......
...@@ -20,13 +20,13 @@ class data extends filter { ...@@ -20,13 +20,13 @@ class data extends filter {
20 { 20 {
21 prop: "bdcqzlx", 21 prop: "bdcqzlx",
22 label: "不动产权证类型", 22 label: "不动产权证类型",
23 render: (h, scope) => { 23 // render: (h, scope) => {
24 if (scope.row.bdcqzlx == "1") { 24 // if (scope.row.bdcqzlx == "1") {
25 return (<div>不动产权证书</div>) 25 // return (<div>不动产权证书</div>)
26 } else { 26 // } else {
27 return (<div>不动产登记证明</div>) 27 // return (<div>不动产登记证明</div>)
28 } 28 // }
29 } 29 // }
30 }, 30 },
31 { 31 {
32 prop: "qllxmc", 32 prop: "qllxmc",
...@@ -82,13 +82,13 @@ class data extends filter { ...@@ -82,13 +82,13 @@ class data extends filter {
82 prop: "bdcqzlx", 82 prop: "bdcqzlx",
83 label: "不动产权证类型", 83 label: "不动产权证类型",
84 width: '120', 84 width: '120',
85 render: (h, scope) => { 85 // render: (h, scope) => {
86 if (scope.row.bdcqzlx == "1") { 86 // if (scope.row.bdcqzlx == "1") {
87 return (<div>不动产权证书</div>) 87 // return (<div>不动产权证书</div>)
88 } else { 88 // } else {
89 return (<div>不动产登记证明</div>) 89 // return (<div>不动产登记证明</div>)
90 } 90 // }
91 } 91 // }
92 }, 92 },
93 { 93 {
94 prop: "qllx", 94 prop: "qllx",
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 > 11 >
12 <div class="slxx_con"> 12 <div class="slxx_con">
13 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
14 受理信息200 14 受理信息
15 <div class="triangle"></div> 15 <div class="triangle"></div>
16 </div> 16 </div>
17 <el-row :gutter="10"> 17 <el-row :gutter="10">
......