缮证页面

@@ -122,3 +122,19 @@ export function record (data) {
         data
     })
 }
+// 获取不动产权证列表
+export function getBdcqzList (params) {
+    return request({
+        url: '/business/workFlow/getBdcqzList',
+        method: 'get',
+        params: params
+    })
+}
+// 获取印刷序列号
+export function readYsxlh (params) {
+    return request({
+        url: '/business/workFlow/readYsxlh',
+        method: 'get',
+        params: params
+    })
+}

+<template>
+  <div class="szxx">
+    <el-card class="box-card" v-for="(item,index) in tableData" :key="index">
+       <div slot="header" class="szxx_header">
+            <span class="header_type">{{item.bdcqzlx == 1 ? '不动产权证书' : '不动产登记证明'}}</span>
+            <div class="header_text">{{item.bdcqzh}}</div>
+        </div>
+        <div class="szxx_body card_padding">
+           <div class="text color_iray">
+               <span>{{item.qllxmc}}</span>
+               </div>
+            <div class="text color_red">
+               <span>{{item.qlr}}</span>
+            </div>
+            <div class="text color_iray">
+               <span>{{item.gyfs == 1 ? '单独所有' : item.gyfs == 2 ? '共同共有' : '按份所有'}}</span>
+            </div>
+            <div class="text color_red">
+               <span>{{item.bdcdyh}}</span>
+            </div>
+            <div class="text color_iray">
+               <span>{{item.yt}}</span>
+            </div>
+            <div class="text color_red">
+               <span>{{item.mj}}</span>
+            </div>
+            <div class="text color_iray">
+               <span>{{item.syqx}}</span>
+            </div>
+            <div v-if="item.ysxlh">
+                <div class="top_line middle_margin"></div>
+               <div class="text color_iray">
+                  <span>印刷序列号：{{item.ysxlh}}</span>
+               </div>
+            </div>
+        </div>
+        <div class="card_padding">
+            <div class="top_line middle_margin"></div>
+            <div class="text">
+               <el-button class="operation_button" type="text" @click="openZsylDialog(item)">证书预览</el-button>
+               <el-button class="operation_button" type="text">证书打印（1）</el-button>
+            </div>
+        </div>
+    </el-card>
+     <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag'/>
+  </div>
+</template>
+<script>
+import zsylDialog from "./zsyl";
+import { getBdcqzList  } from "@/api/fqsq.js";
+
+export default {
+  components: { zsylDialog },
+  props: {
+    
+  },
+
+  data() {
+    return {
+      tableData: [],
+      zsylFlag: false,
+      bdcqzlx: 1,
+      bdcqz: {}
+    };
+  },
+  async created() {
+   var bsmSldy = this.$parent._data.unitData[0].bsmSldy;
+   this.list(bsmSldy);
+  },
+  methods: {
+      list(bsmSldy){
+         getBdcqzList({bsmSldy:bsmSldy}).then(res => {
+            if (res.code === 200) {
+               this.tableData = res.result 
+            }
+         })
+      },
+      openZsylDialog(item){
+         this.zsylFlag = true;
+         this.bdcqz = item;
+         this.$nextTick(() => {
+            this.$refs.zsylDialog.ysxlhList();
+          });
+      }
+  },
+};
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/public.scss";
+.szxx {
+  box-sizing: border-box;
+  padding-right: 15px;
+  width: 100%;
+  height: 600px;
+  overflow-y: scroll;
+  .box-card {
+     float: left;
+     width: 330px;
+     margin-top: 20px;
+     margin-right: 20px;
+     height: 440px;
+     .szxx_body {
+        height: 240px;
+     }
+  }
+}
+
+.szxx_header {
+   color:white;
+   font-weight:bolder;
+   font-size: 18px;
+   .header_type{
+      display: flex;
+      justify-content: center;
+      align-content: center;
+   }
+   .header_text{
+      text-align: center;
+      margin-top:10px;
+      height: 50px;
+      line-height: 30px;
+   }
+}
+.top_line {
+   border-top: 2px solid rgb(222,222,222);
+}
+.text {
+   margin-bottom: 10px;
+   text-align: center;
+}
+.color_iray {
+   color: rgb(153,153,153);
+}
+.color_red {
+   color: rgb(255,89,24);
+}
+.middle_margin {
+   margin-bottom: 10px;
+}
+.operation_button {
+   border: 1px solid rgb(0,121,254);
+   padding: 15px 10px;
+   text-align: center;
+   width: 100px;
+}
+.card_padding {
+   padding-top:20px
+}
+
+/deep/.el-card__header{
+   background-color: rgb(198,67,83);
+}
+/deep/.el-card__body{
+   padding: 0px
+}
+</style>
\ No newline at end of file

@@ -3,6 +3,17 @@
      @closeDialog="closeDialog" v-model="value">
     <div class="from-clues">
       <!-- 表单部分 -->
+      <div class="middle_padding" v-if="zslx">
+        <span>印刷序列号：</span>
+        <el-select v-model="selectYsxlh" placeholder="请选择">
+          <el-option
+          v-for="item in ysxlh"
+          :key="item.bsmZswj"
+          :label="item.ysxlh"
+          :value="item.bsmZswj">
+        </el-option>
+      </el-select>
+      </div>
       <div class="zsyl-box">
              <div class="zsyl-left">
                   <div class="zsyl-title">
@@ -22,19 +33,21 @@
               <div class="zsyl-text"></div>
              </div>
       </div>
+      <div class="zsyl-button" v-if="zslx">
+         <el-button class="operation_button dy-button" type="text">打印证书</el-button>
+         <el-button class="operation_button gb-button" type="text" @click="closeDialog()">关闭</el-button>
+      </div>
     </div>
   </dialogBox>
 </template>
 
 <script>
-   import { getTaskBackNode,sendBackTask } from "@/api/fqsq.js"
+   import { readYsxlh } from "@/api/fqsq.js"
 export default {
   components: {
   },
   props: {
     value: { type: Boolean, default: false },
-    queryForm:{type:Object},
-    bsmBusiness:{type:String}
   },
   data () {
     const columns=[
@@ -58,6 +71,9 @@ export default {
      
     ];
     return {
+      ysxlh: [],
+      selectYsxlh: '',
+      zslx: '',
       columns,
       tableData:[{
         activityName:'权利人',
@@ -93,21 +109,17 @@ export default {
     }
   },
   mounted(){
-    // if(this.$route.query.bsmSlsq){
-    //     this.list.bsmSlsq = this.$route.query.bsmSlsq
-    // }
   },
   methods: {
-  
-    tablelistFn(){
-      // getTaskBackNode({taskId:this.taskId}).then(res => {
-      //   if (res.code === 200) {
-      //       this.tableData = res.result 
-      //   }
-      // })
+    ysxlhList() {
+       this.zslx = this.$parent.bdcqzlx
+       readYsxlh({zslx:this.$parent.bdcqzlx}).then(res => {
+            if (res.code === 200) {
+               this.ysxlh = res.result 
+            }
+         })
+      
     },
-   
-   
     closeDialog () {
       this.$emit("input", false);
     },
@@ -150,4 +162,19 @@ export default {
     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);
+  }
+}
 </style>