缮证代码 证书预览

@@ -33,7 +33,7 @@ export function invalidCertificate (data) {
         data
     })
 }
-// 缮证列表
+//根据受理申请标识码获取所有缮证列表
 export function getCertificateList (data) {
     return request({
         url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList',
@@ -42,6 +42,15 @@ export function getCertificateList (data) {
     })
 }
 
+//获取不动产权证对应缮证列表
+export function getSzRecordList (params) {
+    return request({
+        url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getSzRecordList',
+        method: 'get',
+        params
+    })
+}
+
 //获取未领取的证书信息
 export function getUnclaimedBdcqz (data) {
     return request({

@@ -122,9 +122,23 @@ export default {
           },
         },
         {
-          prop: "ys",
           label: "扫描页数",
-          width: "50"
+          width: "50",
+          render: (h, scope) => {
+            if (scope.row.children && scope.row.children.length > 0) {
+              return (
+                <div>
+                  <span>{scope.row.children.length}</span>
+                </div>
+              );
+            } else {
+              return (
+                <div>
+                  <span>0</span>
+                </div>
+              );
+            }
+          },
         },
         {
           label: "操作",

+<template>
+  <div>
+    <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
+    </lb-table>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+import { getSzRecordList } from "@/api/bdcqz.js";
+import table from "@/utils/mixin/table";
+import { datas } from "../javascript/szxxdata";
+export default {
+  components: {
+    
+  },
+  mixins: [table],
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
+  props: {
+    formData: {
+      type: Object,
+      default: {}
+    },
+  },
+  data () {
+    return {
+      key: 0,
+      dataIndex: 0,
+      dialog: false,
+      details: {},
+      tableData: {
+        total: 0,
+        columns: datas.columns(),
+        data: [],
+      },
+    }
+  },
+  mounted() {
+      this.query()
+  },
+  methods: {
+    query(){
+        getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => {
+            if(res.code == 200){
+                this.tableData.data = res.result;
+            }
+        })
+    }
+  }
+}
+</script>
+<style scoped lang='scss'>
+
+</style>
\ No newline at end of file

@@ -49,7 +49,7 @@
           <el-button
             class="operation_button"
             type="text"
-            @click="openZsylDialog(item, 1)"
+            @click="openRecordPop(item)"
             >缮证记录</el-button
           >
         </div>
@@ -57,14 +57,20 @@
           <el-button
             class="operation_button"
             type="text"
-            @click="openZsylDialog(item, 2)"
+            @click="openZsylDialog(item,2)"
             >证书打印（{{ item.szcs }}）</el-button
           >
+          <el-button
+            class="operation_button"
+            type="text"
+            @click="openRecordPop(item)"
+            >缮证记录</el-button
+          >
         </div>
       </div>
     </el-card>
     <el-dialog
-      title="证书打印"
+      title="证书作废"
       :visible.sync="invalidDiglog"
       width="30%"
       :modal-append-to-body="false"
@@ -93,8 +99,9 @@
   </div>
 </template>
 <script>
-import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
+import { getSlsqBdcqzList, invalidCertificate,getSzRecordList } from "@/api/bdcqz.js";
 import bdcqzPrint from "./zsdy.vue";
+import { popupDialog } from "@/utils/popup.js";
 export default {
   components: { bdcqzPrint },
   props: {},
@@ -172,6 +179,8 @@ export default {
     //再次打印
     openInvalidDiglog(item) {
       this.bsmSz = item.bsmSz;
+      console.log(item);
+      
       this.invalidDiglog = true;
     },
     closeInvalidDiglog() {
@@ -192,6 +201,9 @@ export default {
         }
       });
     },
+    openRecordPop(item) {
+      popupDialog("缮证记录", "workflow/components/szRecord", {bsmBdcqz: item.bsmBdcqz}, '50%')
+    }
   },
 };
 </script>

@@ -2,9 +2,10 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
+      <div class="title">请选择要退回到的环节：</div>
       <el-form ref="queryForm" label-width="90px">
         <ul style="margin-bottom:15px">
-          <li v-for="(item,index) in dataList" class="listDetail" :key="index">
+          <li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)">
             <p class="icon">
               <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio>
             </p>
@@ -12,11 +13,12 @@
             <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
           </li>
         </ul>
-        <el-form-item label="退回意见:">
-          <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
+        <div class="title">退回意见：</div>
+        <el-form-item>
+          <el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button style="float:right">取消</el-button>          
+          <!-- <el-button style="float:right">取消</el-button>           -->
           <el-button type="primary" @click="onSubmit" style="float:right">退回</el-button>
         </el-form-item>
       </el-form>
@@ -61,7 +63,9 @@ export default {
     },
     changeSelectItem(item){      
       this.selectItem = item
+      this.selectActivity = item.activityId
     },
+    //获取可回退环节信息
     getBackNode () {      
       getTaskBackNode(this.formData).then(res => {
         if (res.code == 200) {
@@ -72,7 +76,7 @@ export default {
           }
         }
       })
-    }
+    },
   }
 }
 </script>
@@ -100,6 +104,10 @@ export default {
   }
 }
 
+.title{
+  margin-bottom: 10px;
+}
+
 .textArea {
   /deep/.el-textarea__inner {
     min-height: 90px !important;

@@ -7,7 +7,7 @@
     @submitForm="handleSubmit"
   >
     <div>
-      <div class="middle_padding">
+      <div>
         <el-form
           :model="ruleForm"
           :rules="rules"
@@ -27,7 +27,8 @@
           </el-form-item>
         </el-form>
       </div>
-      <div
+      <img :src="previewImage">   
+      <!-- <div
         class="aaaa"
         v-if="bdcqz.bdcqzlx == 1"
         :style="{
@@ -120,7 +121,7 @@
           </div>
           <div class="fj">{{ bdcqz.fj }}</div>
         </div>
-      </div>
+      </div> -->
     </div>
   </dialogBox>
 </template>
@@ -139,6 +140,8 @@ export default {
       myValue: this.value,
       //印刷序列号集合
       ysxlh: [],
+      //证书预览图片
+      previewImage: '',
       //列名称对象
       columns: [],
       ruleForm: {
@@ -185,7 +188,13 @@ export default {
       return value;
     },
     getBdcqzPreview() {
-      bdcqzPreview(this.bdcqz).then((res) => {});
+      this.$startLoading()
+      bdcqzPreview(this.bdcqz).then(res => {
+        this.$endLoading()
+        let blob = new Blob([res]); 
+        let url = window.URL.createObjectURL(blob); 
+        this.previewImage = url;
+      })
     },
     //保存打印记录
     savePrintRecord() {
@@ -195,6 +204,9 @@ export default {
       certificate(this.ruleForm).then((res) => {
         if (res.code === 200) {
           this.$emit("input", false);
+          this.$message.success("提交成功");
+          //刷新列表
+          this.$parent.list();
         } else {
           this.$message.error(res.message);
         }

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: '序号',
+        type: 'index',
+        render: (h, scope) => {
+          return (
+            <div>
+              {scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "szzh",
+        label: "缮证证号",
+      },
+      {
+        prop: "ysxlh",
+        label: "印刷序列号",
+      },
+      {
+        prop: "szry",
+        label: "缮证人员",
+      },
+      {
+        prop: "szsj",
+        label: "缮证时间",
+      },
+      {
+        label: "是否作废",
+        render: (h, scope) => {
+            if(scope.row.sfzf == '0'){
+              return <div>否</div>
+            }else{
+              return <div>已作废</div>
+            }
+          }
+      },
+      {
+        prop: "bz",
+        label: "备注信息",
+      },
+    ]
+  }
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

@@ -43,6 +43,14 @@
     width: 100%;
   }
   
+  .title-batch {
+    height: 70px;
+
+    .menus {
+      justify-content: center
+    }
+  }
+
   ul {
     position: relative;
     height: calc(100vh - 120px);

@@ -22,7 +22,11 @@
     <div class="containerFrame">
       <!-- 左侧菜单栏 -->
       <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
-        <div class="title" @click="batchUnitClick" v-if="showBatch">{{ batchButtonName }}</div>
+        <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch">
+          <el-menu-item index="-1" key="-1" class="menus">
+            <div>{{ batchButtonName }}</div>
+          </el-menu-item> 
+        </el-menu>
         <div v-if="this.isShowdrawer">
           <div class="title">
             申请单元列表({{ unitData.length }})
@@ -208,11 +212,13 @@ export default {
     unitClick (index) {
       this.currentSelectProps = this.unitData[index];
       this.currentSelectProps.batchOperation = false;
+      this.activeIndex = index.toString();
       this.stepForm(index);
     },
     //批量按钮点击事件
     batchUnitClick(){
       this.currentSelectProps.batchOperation = true;
+      this.activeIndex = "-1";
       this.stepForm();
     }
   }