Skip to content

bdc / bdcdj-web

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

证书预览

1 parent cd41322a
Inline Side-by-side
Showing 3 changed files with 218 additions and 56 deletions
...@@ -38,10 +38,10 @@ ...@@ -38,10 +38,10 @@
38 <div class="top_line middle_margin"></div> 38 <div class="top_line middle_margin"></div>
39 <div class="text" v-if="item.bsmSz"> 39 <div class="text" v-if="item.bsmSz">
40 <el-button class="operation_button" type="text" @click="openZsylDialog(item,1)">证书预览</el-button> 40 <el-button class="operation_button" type="text" @click="openZsylDialog(item,1)">证书预览</el-button>
41 <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（1）</el-button> 41 <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（{{item.szcs}})</el-button>
42 </div> 42 </div>
43 <div class="text" v-else> 43 <div class="text" v-else>
44 <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（0）</el-button> 44 <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（{{item.szcs}}）</el-button>
45 </div> 45 </div>
46 </div> 46 </div>
47 </el-card> 47 </el-card>
...@@ -97,32 +97,46 @@ export default { ...@@ -97,32 +97,46 @@ export default {
97 }, 97 },
98 //打开证书预览弹窗 98 //打开证书预览弹窗
99 openZsylDialog (item, type) { 99 openZsylDialog (item, type) {
100 var heightSet = "650px";
101 var showButton = false;
102 if(type == 2){
103 heightSet = "700px";
104 showButton = true;
105 }
106 let that = this; 100 let that = this;
101 if(type == 1){
102 //证书预览
107 this.$popup({ 103 this.$popup({
108 title: "证书预览", 104 title: "证书预览",
109 editItem: "workflow/components/zsyl", 105 editItem: "workflow/components/zsyl",
110 height: heightSet, 106 height: '650px',
107 width: "800px",
108 formData: {
109 bdcqz: item
110 },
111 btnShow: false,
112 cancel: () => {
113 console.log("取消回调");
114 },
115 confirm: () => {
116 console.log("取消回调");
117 },
118 })
119 }else{
120 //证书打印
121 this.$popup({
122 title: "证书打印",
123 editItem: "workflow/components/zsdy",
124 height: '700px',
111 width: "800px", 125 width: "800px",
112 formData: { 126 formData: {
113 bsmSlsq: this.bsmSlsq, 127 bsmSlsq: this.bsmSlsq,
114 entryType: type,
115 bdcqz: item 128 bdcqz: item
116 }, 129 },
117 btnShow: showButton, 130 btnShow: true,
118 confirmText: '打印证书', 131 confirmText: '打印证书',
119 cancel: () => { 132 cancel: () => {
120 console.log("取消回调"); 133 console.log("取消回调");
121 }, 134 },
122 confirm: () => { 135 confirm: () => {
123 this.list(); 136 that.list();
124 }, 137 },
125 }) 138 })
139 }
126 }, 140 },
127 //再次打印 141 //再次打印
128 openInvalidDiglog (item) { 142 openInvalidDiglog (item) {
......
1 <template>
2 <div class="from-clues">
3 <div class="middle_padding">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-form-item label="印刷序列号：" prop="ysxlh">
6 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
7 <el-option
8 v-for="item in ysxlh"
9 :key="item.ysxlh"
10 :label="item.ysxlh"
11 :value="item.ysxlh">
12 </el-option>
13 </el-select>
14 </el-form-item>
15 </el-form>
16 </div>
17 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
18 <div class="zsyl-box">
19 <div class="zsyl-left">
20 <div class="zsyl-title">
21 <span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span>
22 <span v-else>____( )________不动产权第 号</span>
23 </div>
24 <table class="table-column">
25 <tr v-for="(item, colindex) in columns" :key="colindex">
26 <td>
27 <span>{{ item.label }}</span>
28 </td>
29 <td>
30 <span>
31 {{ getRowValue(item.prop) }}
32 </span>
33 </td>
34 </tr>
35 </table>
36 </div>
37 <div class="zsyl-right">
38 <div class="zsyl-title">附记</div>
39 <div class="zsyl-text"></div>
40 </div>
41 </div>
42 </div>
43 </template>
44
45 <script>
46 import { datas } from "../javascript/zsyl.js";
47 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/fqsq.js"
48 export default {
49 components: {
50 },
51 props: {
52 formData: {
53 type: Object,
54 default: {}
55 }
56 },
57 data () {
58 return {
59 //印刷序列号集合
60 ysxlh: [],
61 //列名称对象
62 columns: [],
63 //选择的不动产权证文件
64 bdcqz: '',
65 ruleForm: {
66 bsmBdcqz: '',
67 szmc: '不动产权证书',
68 bdcqzlx: '',
69 szzh: '',
70 ysxlh: '',
71 },
72 rules: {
73 ysxlh: [
74 { required: true, message: '请选择印刷序列号', trigger: 'change' }
75 ],
76 },
77 }
78 },
79 mounted(){
80 },
81 created() {
82 this.columns = datas.columns();
83 this.bdcqz = this.formData.bdcqz
84 this.ysxlhList();
85 },
86 methods: {
87 //获取印刷序列号列表
88 ysxlhList() {
89 readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => {
90 if (res.code === 200) {
91 this.ysxlh = res.result
92 }
93 })
94 },
95 //获取证书内容
96 getRowValue(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;
109 },
110 //打印证书
111 childFn() {
112 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz
113 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx
114 this.ruleForm.szzh = this.bdcqz.bdcqzh
115 certificate(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success('打印成功');
118 }else{
119 this.$message.error(res.message);
120 }
121 })
122 },
123 }
124 }
125 </script>
126 <style scoped lang="scss">
127 @import "~@/styles/mixin.scss";
128 .zsyl-box{
129 display: flex;
130 justify-content: space-between;
131 padding: 20px;
132 background: #FAFBE5;
133 .zsyl-left{
134 width: 330px;
135 .zsyl-title{
136 font-size: 18px;
137 text-align: center;
138 }
139 }
140 .zsyl-right{
141 width: 330px;
142 .zsyl-title{
143 letter-spacing: 50px;
144 text-align: center;
145 text-indent: 50px;
146 }
147 .zsyl-text{
148 border: 1px solid #ccc;
149 height: 90%;
150 }
151 }
152 .zsyl-title{
153 margin-bottom: 12px;
154 }
155 /deep/.el-table__row{
156 background: #FAFBE5!important;
157 }
158 }
159 .middle_padding {
160 padding-bottom: 10px;
161 }
162 .zsyl-button{
163 text-align: center;
164 margin-top: 20px;
165 .operation_button{
166 width: 100px;
167 border: 1px solid rgb(0,121,254);
168 }
169 .dy-button {
170 color: white;
171 background-color: rgb(0,121,254);
172 }
173 }
174 .table-column {
175 border-spacing: 1px;
176 width: 100%;
177 tr td {
178 border: 1px solid #ccc;
179 text-align: center;
180 height: 40px;
181 padding: 4px;
182 font-size: 13px;
183 background: rgb(251,249,229);
184 }
185 }
186 .aaaa{
187 background: #FAFBE5;
188 text-align: center;
189 padding-top: 10px;
190 font-size: 20px;
191 }
192 </style>
...@@ -4,20 +4,6 @@ ...@@ -4,20 +4,6 @@
4 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> 4 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> 5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <div class="middle_padding" v-if="isToPrint">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
9 <el-form-item label="印刷序列号：" prop="ysxlh">
10 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
11 <el-option
12 v-for="item in ysxlh"
13 :key="item.ysxlh"
14 :label="item.ysxlh"
15 :value="item.ysxlh">
16 </el-option>
17 </el-select>
18 </el-form-item>
19 </el-form>
20 </div>
21 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> 7 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
22 <div class="zsyl-box"> 8 <div class="zsyl-box">
23 <div class="zsyl-left"> 9 <div class="zsyl-left">
...@@ -79,11 +65,6 @@ export default { ...@@ -79,11 +65,6 @@ export default {
79 szzh: '', 65 szzh: '',
80 ysxlh: '', 66 ysxlh: '',
81 }, 67 },
82 rules: {
83 ysxlh: [
84 { required: true, message: '请选择印刷序列号', trigger: 'change' }
85 ],
86 },
87 } 68 }
88 }, 69 },
89 mounted(){ 70 mounted(){
...@@ -93,24 +74,12 @@ export default { ...@@ -93,24 +74,12 @@ export default {
93 if(this.formData.bdcqz){ 74 if(this.formData.bdcqz){
94 //从缮证进入 75 //从缮证进入
95 this.bdcqz = this.formData.bdcqz 76 this.bdcqz = this.formData.bdcqz
96 if(this.formData.entryType == 2){
97 this.ysxlhList();
98 }
99 }else{ 77 }else{
100 //从按钮进入 78 //从按钮进入
101 this.getHeadTabBdcqz(); 79 this.getHeadTabBdcqz();
102 } 80 }
103 }, 81 },
104 methods: { 82 methods: {
105 //获取印刷序列号列表
106 ysxlhList() {
107 this.isToPrint = true;
108 readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => {
109 if (res.code === 200) {
110 this.ysxlh = res.result
111 }
112 })
113 },
114 //获取证书内容 83 //获取证书内容
115 getRowValue(code){ 84 getRowValue(code){
116 var value = this.bdcqz[code] 85 var value = this.bdcqz[code]
...@@ -143,20 +112,7 @@ export default { ...@@ -143,20 +112,7 @@ export default {
143 handleClick(e){ 112 handleClick(e){
144 this.bdcqz = this.headTabBdcqz[e.index - 0] 113 this.bdcqz = this.headTabBdcqz[e.index - 0]
145 this.activeName = this.headTabBdcqz.bsmBdcqz 114 this.activeName = this.headTabBdcqz.bsmBdcqz
146 },
147 //打印证书
148 printCertificate() {
149 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz
150 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx
151 this.ruleForm.szzh = this.bdcqz.bdcqzh
152 certificate(this.ruleForm).then(res => {
153 if (res.code === 200) {
154 this.$message.success('打印成功');
155 }else{
156 this.$message.error(res.message);
157 } 115 }
158 })
159 },
160 } 116 }
161 } 117 }
162 </script> 118 </script>
......