证书预览

@@ -64,7 +64,7 @@ export default {
   methods: {
       // 列表渲染接口
     fetchData () {
-      this.ruleForm.bsmSldy = this.$parent._data.unitData[0].bsmSldy
+      this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
       getCertificateList(this.ruleForm).then(res => {
         if (res.code === 200) {
           this.tableData.data = res.result

@@ -37,11 +37,11 @@
         <div class="card_padding">
             <div class="top_line middle_margin"></div>
             <div class="text" v-if="item.bsmSz">
-               <el-button class="operation_button" type="text" @click="openZsylDialog(item)">证书预览</el-button>
+               <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>
             </div>
             <div class="text" v-else>
-               <el-button class="operation_button" type="text" @click="openZsylDialog(item)">证书打印（0）</el-button>
+               <el-button class="operation_button" type="text" @click="openZsylDialog(item,2)">证书打印（0）</el-button>
             </div>
         </div>
     </el-card>
@@ -88,8 +88,8 @@ export default {
   },
   methods: {
      //初始化列表
-      list(){
-         var bsmSldy = this.$parent._data.unitData[0].bsmSldy
+      list(){  
+         var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
          getBdcqzList({bsmSldy:bsmSldy}).then(res => {
             if (res.code === 200) {
                this.tableData = res.result
@@ -100,12 +100,15 @@ export default {
          })
       },
       //打开证书预览弹窗
-      openZsylDialog(item){
+      openZsylDialog(item,type){
          this.zsylFlag = true;
          this.bdcqz = item;
-         this.$nextTick(() => {
-            this.$refs.zsylDialog.ysxlhList();
-          });
+         this.$refs.zsylDialog.bdcqz = item;
+         if(type == 2){
+            this.$nextTick(() => {
+               this.$refs.zsylDialog.ysxlhList();
+            });
+         }
       },
       //再次打印
      openInvalidDiglog(item){

+import filter from '@/utils/filter.js'
+
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        prop: "qlr",
+        label: "权利人",
+      },
+      {
+        prop: "gyqk",
+        label: "共有情况",
+      },
+      {
+        prop: "zl",
+        label: "坐落",
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号",
+      },
+      {
+        prop: "qllx",
+        label: "权利类型",
+      },
+      {
+        prop: "qlxz",
+        label: "权利性质",
+      },
+      {
+        prop: "yt",
+        label: "用途",
+      },
+      {
+        prop: "mj",
+        label: "面积",
+      },
+      {
+        prop: "syqx",
+        label: "使用期限",
+      },
+      {
+        prop: "qlqtzk",
+        label: "权利其他状况",
+      },
+    ]
+  }
+}
+
+let datas = new data()
+
+export {
+  datas
+}
\ No newline at end of file

 <template>
-  <dialogBox title="证书预览" :isReset='false' :isSave='false'   width="865px" 
+  <dialogBox title="证书预览" :isReset='false' :isSave='false' width="865px" 
      @closeDialog="closeDialog" v-model="value">
     <div class="from-clues">
       <!-- 表单部分 -->
-      <div class="middle_padding" v-if="zslx">
+      <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="请选择">
@@ -18,25 +18,29 @@
         </el-form>
       </div>
       <div class="zsyl-box">
-             <div class="zsyl-left">
-                  <div class="zsyl-title">
-                    <span>____</span>
-                    <span>(</span>
-                    <span>)</span>
-                    <span>____________</span>
-                    <span>不动产权第</span>
-                    <span>号</span>
-                  </div>
-                  <lb-table  :show-header="false"  :column="columns" border  :heightNum="390"  :pagination="false" heightNumSetting
-                  :data="tableData">
-                </lb-table>
-             </div>
-             <div class="zsyl-right">
-              <div class="zsyl-title">附记</div>
-              <div class="zsyl-text"></div>
-             </div>
+        <div class="zsyl-left">
+          <div class="zsyl-title">
+              <span>{{bdcqz.bdcqzh}}</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 class="zsyl-button" v-if="zslx">
+      <div class="zsyl-button" v-if="isToPrint">
          <el-button class="operation_button dy-button" type="text" @click="printCertificate()">打印证书</el-button>
          <el-button class="operation_button gb-button" type="text" @click="closeDialog()">关闭</el-button>
       </div>
@@ -45,6 +49,7 @@
 </template>
 
 <script>
+import { datas } from "./zsyl.js";
 import { readYsxlh,certificate } from "@/api/fqsq.js"
 export default {
   components: {
@@ -53,30 +58,17 @@ export default {
     value: { type: Boolean, default: false },
   },
   data () {
-    const columns=[
-      // {
-      //   label: '',
-      //   align: 'center',
-      //   render: (h, scope) => {
-      //     return   <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio>
-      //   }
-      // },
-      {
-        prop: "activityName",
-        label: "",
-        width:'120px'
-      },
-      {
-        prop: "assignee",
-        label: "",
-        align:'left'
-      },
-     
-    ];
     return {
+      //印刷序列号集合
       ysxlh: [],
+      //证书类型
       zslx: '',
-      columns,
+      //列名称对象
+      columns: [],
+      //选择的不动产权证文件
+      bdcqz: '',
+      //证书打开类型 是否需要展示打印按钮
+      isToPrint: false,
       ruleForm: {
         bsmBdcqz: '',
         szmc: '不动产权证书',
@@ -89,55 +81,42 @@ export default {
           { required: true, message: '请选择印刷序列号', trigger: 'change' }
         ],
       },
-      tableData:[{
-        activityName:'权利人',
-        assignee:'张三'
-      },{
-        activityName:'共有情况',
-        assignee:'一人持有'
-      },{
-        activityName:'坐落',
-        assignee:'陕西省西安市莲湖区'
-      },{
-        activityName:'不动产单元号',
-        assignee:'3-1-3003'
-      },{
-        activityName:'权利类型',
-        assignee:'非常大'
-      },{
-        activityName:'权利性质',
-        assignee:'非常大'
-      },{
-        activityName:'用途',
-        assignee:'非常大'
-      },{
-        activityName:'面积',
-        assignee:'124平方米'
-      },{
-        activityName:'使用期限',
-        assignee:'99年'
-      },{
-        activityName:'权利其他状况',
-        assignee:'良好'
-      }],
     }
   },
   mounted(){
   },
+  created() {
+    this.columns = datas.columns();
+  },
   methods: {
     //获取印刷序列号列表
     ysxlhList() {
        this.zslx = this.$parent.bdcqzlx
+       this.isToPrint = true;
        readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => {
             if (res.code === 200) {
                this.ysxlh = res.result 
             }
          })
-      
     },
     closeDialog () {
       this.$emit("input", false);
     },
+    //获取证书内容
+    getRowValue(code){
+      var value = this.bdcqz[code]
+      if(code == 'gyqk'){
+        switch(value){
+          case '1':
+            return '单独所有';
+          case '2':
+            return '共同共有';
+          case '3':
+            return '按份所有';    
+        }
+      }
+      return value;
+    },
     //打印证书
     printCertificate() {
       this.ruleForm.bsmBdcqz = this.$parent.bdcqz.bsmBdcqz
@@ -152,8 +131,7 @@ export default {
             this.$message.error(res.message);
           }
       })
-    }
-  
+    }, 
   }
 }
 </script>
@@ -166,22 +144,20 @@ export default {
   background: #FAFBE5;
   .zsyl-left{
     width: 330px;
-    .zsyl-title span:nth-child(3){
-      margin-left: 75px;
-    }
-    .zsyl-title span:nth-child(6){
-      float: right;
+    .zsyl-title{
+      font-size: 18px;
+      text-align: center;
     }
   }
   .zsyl-right{
     width: 330px;
     .zsyl-title{
       letter-spacing: 50px;
-    text-align: center;
-    text-indent: 50px;
+      text-align: center;
+      text-indent: 50px;
     }
     .zsyl-text{
-      border: 1px solid #E4EBF4;
+      border: 1px solid #ccc;
       height: 90%;
     }
   }
@@ -207,4 +183,16 @@ export default {
     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);
+  } 
+}
 </style>

@@ -29,7 +29,7 @@
             </el-col>
           </el-row>
             <div>
-              <el-table :data="tableForm" border style="width: 100%" :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
+              <el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
                   <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
                   <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
                   <el-table-column prop="bs" label="本数">
@@ -39,13 +39,13 @@
                   </el-table-column>
                   <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
                       <template slot-scope="scope">
-                        <span v-if="scope.row.jsysxlh == ''" style="color:red">系统计算</span>
+                        <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
                         <span v-else>{{scope.row.jsysxlh}}</span>
                     </template>
                   </el-table-column>
               </el-table>
             </div>
-             <el-form-item label="备注" style="margin-top:20px">
+             <el-form-item label="备注" class="middle-margin-bottom">
                 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
              </el-form-item>
         </el-form>
@@ -210,4 +210,10 @@ export default {
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
+.font-red{
+  color: red
+}
+.middle-margin-bottom{
+  margin-top:20px
+}
 </style>

@@ -45,14 +45,14 @@
                   </el-table-column>
                   <el-table-column prop="bs" label="本数">
                     <template slot-scope="scope">
-                      <span v-if="scope.row.bs == 0" style="color:red">系统计算</span>
-                      <span v-else-if="scope.row.bs < 0" style="color:red">印刷序列号有误</span>
+                      <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
+                      <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
                       <span v-else>{{scope.row.bs}}</span>
                     </template>
                   </el-table-column>
               </el-table>
             </div>
-             <el-form-item label="备注" style="margin-top:20px">
+             <el-form-item label="备注" class="middle-margin-bottom">
                 <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
              </el-form-item>
         </el-form>
@@ -220,5 +220,10 @@ export default {
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
-
+.font-red{
+  color: red
+}
+.middle-margin-bottom{
+  margin-top:20px
+}
 </style>