Skip to content

bdc / bdcdj-web

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

证书预览

1 parent ac8cde68
Inline Side-by-side
Showing 6 changed files with 143 additions and 84 deletions
...@@ -64,7 +64,7 @@ export default { ...@@ -64,7 +64,7 @@ export default {
64 methods: { 64 methods: {
65 // 列表渲染接口 65 // 列表渲染接口
66 fetchData () { 66 fetchData () {
67 this.ruleForm.bsmSldy = this.$parent._data.unitData[0].bsmSldy 67 this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
68 getCertificateList(this.ruleForm).then(res => { 68 getCertificateList(this.ruleForm).then(res => {
69 if (res.code === 200) { 69 if (res.code === 200) {
70 this.tableData.data = res.result 70 this.tableData.data = res.result
......
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
37 <div class="card_padding"> 37 <div class="card_padding">
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)">证书预览</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)">再次打印（1）</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)">证书打印（0）</el-button> 44 <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（0）</el-button>
45 </div> 45 </div>
46 </div> 46 </div>
47 </el-card> 47 </el-card>
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
89 methods: { 89 methods: {
90 //初始化列表 90 //初始化列表
91 list(){ 91 list(){
92 var bsmSldy = this.$parent._data.unitData[0].bsmSldy 92 var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
93 getBdcqzList({bsmSldy:bsmSldy}).then(res => { 93 getBdcqzList({bsmSldy:bsmSldy}).then(res => {
94 if (res.code === 200) { 94 if (res.code === 200) {
95 this.tableData = res.result 95 this.tableData = res.result
...@@ -100,12 +100,15 @@ export default { ...@@ -100,12 +100,15 @@ export default {
100 }) 100 })
101 }, 101 },
102 //打开证书预览弹窗 102 //打开证书预览弹窗
103 openZsylDialog(item){ 103 openZsylDialog(item,type){
104 this.zsylFlag = true; 104 this.zsylFlag = true;
105 this.bdcqz = item; 105 this.bdcqz = item;
106 this.$refs.zsylDialog.bdcqz = item;
107 if(type == 2){
106 this.$nextTick(() => { 108 this.$nextTick(() => {
107 this.$refs.zsylDialog.ysxlhList(); 109 this.$refs.zsylDialog.ysxlhList();
108 }); 110 });
111 }
109 }, 112 },
110 //再次打印 113 //再次打印
111 openInvalidDiglog(item){ 114 openInvalidDiglog(item){
......
1 import filter from '@/utils/filter.js'
2
3 class data extends filter {
4 constructor() {
5 super()
6 }
7 columns () {
8 return [
9 {
10 prop: "qlr",
11 label: "权利人",
12 },
13 {
14 prop: "gyqk",
15 label: "共有情况",
16 },
17 {
18 prop: "zl",
19 label: "坐落",
20 },
21 {
22 prop: "bdcdyh",
23 label: "不动产单元号",
24 },
25 {
26 prop: "qllx",
27 label: "权利类型",
28 },
29 {
30 prop: "qlxz",
31 label: "权利性质",
32 },
33 {
34 prop: "yt",
35 label: "用途",
36 },
37 {
38 prop: "mj",
39 label: "面积",
40 },
41 {
42 prop: "syqx",
43 label: "使用期限",
44 },
45 {
46 prop: "qlqtzk",
47 label: "权利其他状况",
48 },
49 ]
50 }
51 }
52
53 let datas = new data()
54
55 export {
56 datas
57 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 @closeDialog="closeDialog" v-model="value"> 3 @closeDialog="closeDialog" v-model="value">
4 <div class="from-clues"> 4 <div class="from-clues">
5 <!-- 表单部分 --> 5 <!-- 表单部分 -->
6 <div class="middle_padding" v-if="zslx"> 6 <div class="middle_padding" v-if="isToPrint">
7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
8 <el-form-item label="印刷序列号：" prop="ysxlh"> 8 <el-form-item label="印刷序列号：" prop="ysxlh">
9 <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> 9 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
...@@ -20,23 +20,27 @@ ...@@ -20,23 +20,27 @@
20 <div class="zsyl-box"> 20 <div class="zsyl-box">
21 <div class="zsyl-left"> 21 <div class="zsyl-left">
22 <div class="zsyl-title"> 22 <div class="zsyl-title">
23 <span>____</span> 23 <span>{{bdcqz.bdcqzh}}</span>
24 <span>(</span>
25 <span>)</span>
26 <span>____________</span>
27 <span>不动产权第</span>
28 <span>号</span>
29 </div> 24 </div>
30 <lb-table :show-header="false" :column="columns" border :heightNum="390" :pagination="false" heightNumSetting 25 <table class="table-column">
31 :data="tableData"> 26 <tr v-for="(item, colindex) in columns" :key="colindex">
32 </lb-table> 27 <td>
28 <span>{{ item.label }}</span>
29 </td>
30 <td>
31 <span>
32 {{ getRowValue(item.prop) }}
33 </span>
34 </td>
35 </tr>
36 </table>
33 </div> 37 </div>
34 <div class="zsyl-right"> 38 <div class="zsyl-right">
35 <div class="zsyl-title">附记</div> 39 <div class="zsyl-title">附记</div>
36 <div class="zsyl-text"></div> 40 <div class="zsyl-text"></div>
37 </div> 41 </div>
38 </div> 42 </div>
39 <div class="zsyl-button" v-if="zslx"> 43 <div class="zsyl-button" v-if="isToPrint">
40 <el-button class="operation_button dy-button" type="text" @click="printCertificate()">打印证书</el-button> 44 <el-button class="operation_button dy-button" type="text" @click="printCertificate()">打印证书</el-button>
41 <el-button class="operation_button gb-button" type="text" @click="closeDialog()">关闭</el-button> 45 <el-button class="operation_button gb-button" type="text" @click="closeDialog()">关闭</el-button>
42 </div> 46 </div>
...@@ -45,6 +49,7 @@ ...@@ -45,6 +49,7 @@
45 </template> 49 </template>
46 50
47 <script> 51 <script>
52 import { datas } from "./zsyl.js";
48 import { readYsxlh,certificate } from "@/api/fqsq.js" 53 import { readYsxlh,certificate } from "@/api/fqsq.js"
49 export default { 54 export default {
50 components: { 55 components: {
...@@ -53,30 +58,17 @@ export default { ...@@ -53,30 +58,17 @@ export default {
53 value: { type: Boolean, default: false }, 58 value: { type: Boolean, default: false },
54 }, 59 },
55 data () { 60 data () {
56 const columns=[
57 // {
58 // label: '',
59 // align: 'center',
60 // render: (h, scope) => {
61 // return <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio>
62 // }
63 // },
64 {
65 prop: "activityName",
66 label: "",
67 width:'120px'
68 },
69 {
70 prop: "assignee",
71 label: "",
72 align:'left'
73 },
74
75 ];
76 return { 61 return {
62 //印刷序列号集合
77 ysxlh: [], 63 ysxlh: [],
64 //证书类型
78 zslx: '', 65 zslx: '',
79 columns, 66 //列名称对象
67 columns: [],
68 //选择的不动产权证文件
69 bdcqz: '',
70 //证书打开类型 是否需要展示打印按钮
71 isToPrint: false,
80 ruleForm: { 72 ruleForm: {
81 bsmBdcqz: '', 73 bsmBdcqz: '',
82 szmc: '不动产权证书', 74 szmc: '不动产权证书',
...@@ -89,55 +81,42 @@ export default { ...@@ -89,55 +81,42 @@ export default {
89 { required: true, message: '请选择印刷序列号', trigger: 'change' } 81 { required: true, message: '请选择印刷序列号', trigger: 'change' }
90 ], 82 ],
91 }, 83 },
92 tableData:[{
93 activityName:'权利人',
94 assignee:'张三'
95 },{
96 activityName:'共有情况',
97 assignee:'一人持有'
98 },{
99 activityName:'坐落',
100 assignee:'陕西省西安市莲湖区'
101 },{
102 activityName:'不动产单元号',
103 assignee:'3-1-3003'
104 },{
105 activityName:'权利类型',
106 assignee:'非常大'
107 },{
108 activityName:'权利性质',
109 assignee:'非常大'
110 },{
111 activityName:'用途',
112 assignee:'非常大'
113 },{
114 activityName:'面积',
115 assignee:'124平方米'
116 },{
117 activityName:'使用期限',
118 assignee:'99年'
119 },{
120 activityName:'权利其他状况',
121 assignee:'良好'
122 }],
123 } 84 }
124 }, 85 },
125 mounted(){ 86 mounted(){
126 }, 87 },
88 created() {
89 this.columns = datas.columns();
90 },
127 methods: { 91 methods: {
128 //获取印刷序列号列表 92 //获取印刷序列号列表
129 ysxlhList() { 93 ysxlhList() {
130 this.zslx = this.$parent.bdcqzlx 94 this.zslx = this.$parent.bdcqzlx
95 this.isToPrint = true;
131 readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => { 96 readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => {
132 if (res.code === 200) { 97 if (res.code === 200) {
133 this.ysxlh = res.result 98 this.ysxlh = res.result
134 } 99 }
135 }) 100 })
136
137 }, 101 },
138 closeDialog () { 102 closeDialog () {
139 this.$emit("input", false); 103 this.$emit("input", false);
140 }, 104 },
105 //获取证书内容
106 getRowValue(code){
107 var value = this.bdcqz[code]
108 if(code == 'gyqk'){
109 switch(value){
110 case '1':
111 return '单独所有';
112 case '2':
113 return '共同共有';
114 case '3':
115 return '按份所有';
116 }
117 }
118 return value;
119 },
141 //打印证书 120 //打印证书
142 printCertificate() { 121 printCertificate() {
143 this.ruleForm.bsmBdcqz = this.$parent.bdcqz.bsmBdcqz 122 this.ruleForm.bsmBdcqz = this.$parent.bdcqz.bsmBdcqz
...@@ -152,8 +131,7 @@ export default { ...@@ -152,8 +131,7 @@ export default {
152 this.$message.error(res.message); 131 this.$message.error(res.message);
153 } 132 }
154 }) 133 })
155 } 134 },
156
157 } 135 }
158 } 136 }
159 </script> 137 </script>
...@@ -166,11 +144,9 @@ export default { ...@@ -166,11 +144,9 @@ export default {
166 background: #FAFBE5; 144 background: #FAFBE5;
167 .zsyl-left{ 145 .zsyl-left{
168 width: 330px; 146 width: 330px;
169 .zsyl-title span:nth-child(3){ 147 .zsyl-title{
170 margin-left: 75px; 148 font-size: 18px;
171 } 149 text-align: center;
172 .zsyl-title span:nth-child(6){
173 float: right;
174 } 150 }
175 } 151 }
176 .zsyl-right{ 152 .zsyl-right{
...@@ -181,7 +157,7 @@ export default { ...@@ -181,7 +157,7 @@ export default {
181 text-indent: 50px; 157 text-indent: 50px;
182 } 158 }
183 .zsyl-text{ 159 .zsyl-text{
184 border: 1px solid #E4EBF4; 160 border: 1px solid #ccc;
185 height: 90%; 161 height: 90%;
186 } 162 }
187 } 163 }
...@@ -207,4 +183,16 @@ export default { ...@@ -207,4 +183,16 @@ export default {
207 background-color: rgb(0,121,254); 183 background-color: rgb(0,121,254);
208 } 184 }
209 } 185 }
186 .table-column {
187 border-spacing: 1px;
188 width: 100%;
189 tr td {
190 border: 1px solid #ccc;
191 text-align: center;
192 height: 40px;
193 padding: 4px;
194 font-size: 13px;
195 background: rgb(251,249,229);
196 }
197 }
210 </style> 198 </style>
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 </el-col> 29 </el-col>
30 </el-row> 30 </el-row>
31 <div> 31 <div>
32 <el-table :data="tableForm" border style="width: 100%" :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}"> 32 <el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
33 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column> 33 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
34 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column> 34 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
35 <el-table-column prop="bs" label="本数"> 35 <el-table-column prop="bs" label="本数">
...@@ -39,13 +39,13 @@ ...@@ -39,13 +39,13 @@
39 </el-table-column> 39 </el-table-column>
40 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200"> 40 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
41 <template slot-scope="scope"> 41 <template slot-scope="scope">
42 <span v-if="scope.row.jsysxlh == ''" style="color:red">系统计算</span> 42 <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
43 <span v-else>{{scope.row.jsysxlh}}</span> 43 <span v-else>{{scope.row.jsysxlh}}</span>
44 </template> 44 </template>
45 </el-table-column> 45 </el-table-column>
46 </el-table> 46 </el-table>
47 </div> 47 </div>
48 <el-form-item label="备注" style="margin-top:20px"> 48 <el-form-item label="备注" class="middle-margin-bottom">
49 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input> 49 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
50 </el-form-item> 50 </el-form-item>
51 </el-form> 51 </el-form>
...@@ -210,4 +210,10 @@ export default { ...@@ -210,4 +210,10 @@ export default {
210 </script> 210 </script>
211 <style scoped lang="scss"> 211 <style scoped lang="scss">
212 @import "~@/styles/mixin.scss"; 212 @import "~@/styles/mixin.scss";
213 .font-red{
214 color: red
215 }
216 .middle-margin-bottom{
217 margin-top:20px
218 }
213 </style> 219 </style>
......
...@@ -45,14 +45,14 @@ ...@@ -45,14 +45,14 @@
45 </el-table-column> 45 </el-table-column>
46 <el-table-column prop="bs" label="本数"> 46 <el-table-column prop="bs" label="本数">
47 <template slot-scope="scope"> 47 <template slot-scope="scope">
48 <span v-if="scope.row.bs == 0" style="color:red">系统计算</span> 48 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
49 <span v-else-if="scope.row.bs < 0" style="color:red">印刷序列号有误</span> 49 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
50 <span v-else>{{scope.row.bs}}</span> 50 <span v-else>{{scope.row.bs}}</span>
51 </template> 51 </template>
52 </el-table-column> 52 </el-table-column>
53 </el-table> 53 </el-table>
54 </div> 54 </div>
55 <el-form-item label="备注" style="margin-top:20px"> 55 <el-form-item label="备注" class="middle-margin-bottom">
56 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input> 56 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
57 </el-form-item> 57 </el-form-item>
58 </el-form> 58 </el-form>
...@@ -220,5 +220,10 @@ export default { ...@@ -220,5 +220,10 @@ export default {
220 </script> 220 </script>
221 <style scoped lang="scss"> 221 <style scoped lang="scss">
222 @import "~@/styles/mixin.scss"; 222 @import "~@/styles/mixin.scss";
223 223 .font-red{
224 color: red
225 }
226 .middle-margin-bottom{
227 margin-top:20px
228 }
224 </style> 229 </style>
......