证书预览

@@ -38,10 +38,10 @@
             <div class="top_line middle_margin"></div>
             <div class="text" v-if="item.bsmSz">
                <el-button class="operation_button" type="text" @click="openZsylDialog(item,1)">证书预览</el-button>
-               <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（1）</el-button>
+               <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（{{item.szcs}})</el-button>
             </div>
             <div class="text" v-else>
-               <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（0）</el-button>
+               <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（{{item.szcs}}）</el-button>
             </div>
          </div>
       </el-card>
@@ -97,32 +97,46 @@ export default {
       },
       //打开证书预览弹窗
       openZsylDialog (item, type) {
-         var heightSet = "650px";
-         var showButton = false;
-         if(type == 2){
-            heightSet = "700px";
-            showButton = true;
-         }
          let that = this;
+         if(type == 1){
+            //证书预览
             this.$popup({
                title: "证书预览",
                editItem: "workflow/components/zsyl",
-            height: heightSet,
+               height: '650px',
+               width: "800px",
+               formData: {
+                  bdcqz: item
+               },
+               btnShow: false,
+               cancel: () => {
+                  console.log("取消回调");
+               },
+               confirm: () => {
+                  console.log("取消回调");
+               },
+            })
+         }else{
+            //证书打印
+            this.$popup({
+               title: "证书打印",
+               editItem: "workflow/components/zsdy",
+               height: '700px',
                width: "800px",
                formData: {
                   bsmSlsq: this.bsmSlsq,
-              entryType: type,
                   bdcqz: item
                },
-            btnShow: showButton,
+               btnShow: true,
                confirmText: '打印证书',
                cancel: () => {
                   console.log("取消回调");
                },
                confirm: () => {
-              this.list();
+                  that.list();
                },
             })
+         }
       },
       //再次打印
       openInvalidDiglog (item) {

+<template>
+  <div class="from-clues">
+      <div class="middle_padding">
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
+          <el-form-item label="印刷序列号：" prop="ysxlh">
+            <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
+              <el-option
+              v-for="item in ysxlh"
+              :key="item.ysxlh"
+              :label="item.ysxlh"
+              :value="item.ysxlh">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
+      <div class="zsyl-box">
+        <div class="zsyl-left">
+          <div class="zsyl-title">
+              <span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span>
+              <span v-else>____(  )________不动产权第      号</span>
+          </div>
+          <table class="table-column">
+            <tr v-for="(item, colindex) in columns" :key="colindex">
+              <td>
+                <span>{{ item.label }}</span>
+              </td>
+              <td>
+                <span>
+                  {{ getRowValue(item.prop) }}
+                </span>
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="zsyl-right">
+        <div class="zsyl-title">附记</div>
+        <div class="zsyl-text"></div>
+        </div>
+      </div>
+    </div>
+</template>
+
+<script>
+import { datas } from "../javascript/zsyl.js";
+import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/fqsq.js"
+export default {
+  components: {
+  },
+  props: {
+    formData: {
+      type: Object,
+      default: {}
+    }
+  },
+  data () {
+    return {
+      //印刷序列号集合
+      ysxlh: [],
+      //列名称对象
+      columns: [],
+      //选择的不动产权证文件
+      bdcqz: '',
+      ruleForm: {
+        bsmBdcqz: '',
+        szmc: '不动产权证书',
+        bdcqzlx: '',
+        szzh: '',
+        ysxlh: '',
+      },
+      rules: {
+        ysxlh: [
+          { required: true, message: '请选择印刷序列号', trigger: 'change' }
+        ],
+      },
+    }
+  },
+  mounted(){
+  },
+  created() {
+    this.columns = datas.columns();
+    this.bdcqz = this.formData.bdcqz
+    this.ysxlhList();
+  },
+  methods: {
+    //获取印刷序列号列表
+    ysxlhList() {
+       readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => {
+            if (res.code === 200) {
+               this.ysxlh = res.result 
+            }
+         })
+    },
+    //获取证书内容
+    getRowValue(code){
+      var value = this.bdcqz[code]
+      if(code == 'gyqk'){
+        switch(value){
+          case '1':
+            return '单独所有';
+          case '2':
+            return '共同共有';
+          case '3':
+            return '按份所有';    
+        }
+      }
+      return value;
+    },
+    //打印证书
+    childFn() {
+      this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz
+      this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx
+      this.ruleForm.szzh = this.bdcqz.bdcqzh
+      certificate(this.ruleForm).then(res => {
+          if (res.code === 200) {
+            this.$message.success('打印成功');
+          }else{
+            this.$message.error(res.message);
+          }
+      })
+    }, 
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+.zsyl-box{
+  display: flex;
+  justify-content: space-between;
+  padding: 20px;
+  background: #FAFBE5;
+  .zsyl-left{
+    width: 330px;
+    .zsyl-title{
+      font-size: 18px;
+      text-align: center;
+    }
+  }
+  .zsyl-right{
+    width: 330px;
+    .zsyl-title{
+      letter-spacing: 50px;
+      text-align: center;
+      text-indent: 50px;
+    }
+    .zsyl-text{
+      border: 1px solid #ccc;
+      height: 90%;
+    }
+  }
+  .zsyl-title{
+    margin-bottom: 12px;
+  }
+  /deep/.el-table__row{
+    background: #FAFBE5!important;
+  }
+}
+.middle_padding {
+  padding-bottom: 10px;
+}
+.zsyl-button{
+  text-align: center;
+  margin-top: 20px;
+  .operation_button{
+    width: 100px;
+    border: 1px solid rgb(0,121,254);
+  }
+  .dy-button {
+    color: white;
+    background-color: rgb(0,121,254);
+  }
+}
+.table-column {
+  border-spacing: 1px;
+  width: 100%;
+  tr td {
+      border: 1px solid #ccc;
+      text-align: center;
+      height: 40px;
+      padding: 4px;
+      font-size: 13px;
+      background: rgb(251,249,229);
+  } 
+}
+.aaaa{
+  background: #FAFBE5;
+  text-align: center;
+  padding-top: 10px;
+  font-size: 20px;
+}
+</style>

@@ -4,20 +4,6 @@
       <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
         <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
       </el-tabs>
-      <div class="middle_padding" v-if="isToPrint">
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
-          <el-form-item label="印刷序列号：" prop="ysxlh">
-            <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
-              <el-option
-              v-for="item in ysxlh"
-              :key="item.ysxlh"
-              :label="item.ysxlh"
-              :value="item.ysxlh">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
       <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
       <div class="zsyl-box">
         <div class="zsyl-left">
@@ -79,11 +65,6 @@ export default {
         szzh: '',
         ysxlh: '',
       },
-      rules: {
-        ysxlh: [
-          { required: true, message: '请选择印刷序列号', trigger: 'change' }
-        ],
-      },
     }
   },
   mounted(){
@@ -93,24 +74,12 @@ export default {
     if(this.formData.bdcqz){
        //从缮证进入
       this.bdcqz = this.formData.bdcqz
-      if(this.formData.entryType == 2){
-         this.ysxlhList();
-      }
     }else{
       //从按钮进入
       this.getHeadTabBdcqz();
     }
   },
   methods: {
-    //获取印刷序列号列表
-    ysxlhList() {
-       this.isToPrint = true;
-       readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => {
-            if (res.code === 200) {
-               this.ysxlh = res.result 
-            }
-         })
-    },
     //获取证书内容
     getRowValue(code){
       var value = this.bdcqz[code]
@@ -143,20 +112,7 @@ export default {
     handleClick(e){
       this.bdcqz = this.headTabBdcqz[e.index - 0]
       this.activeName = this.headTabBdcqz.bsmBdcqz
-    },
-    //打印证书
-    printCertificate() {
-      this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz
-      this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx
-      this.ruleForm.szzh = this.bdcqz.bdcqzh
-      certificate(this.ruleForm).then(res => {
-          if (res.code === 200) {
-            this.$message.success('打印成功');
-          }else{
-            this.$message.error(res.message);
     }
-      })
-    }, 
   }
 }
 </script>