打印申请书

蔡俊立
Showing 4 changed files with 128 additions and 34 deletions
src/api/fqsq.js
src/views/workflow/components/printApplication.vue
src/views/workflow/components/szxx.vue
src/views/workflow/mixin/index.js
--- a/src/api/fqsq.js
View file @7c91f8d
+++ b/src/api/fqsq.js
View file @7c91f8d
@@ -164,3 +164,12 @@ export function judgeUserTaskPermission (params) {
        params
    })
 }
+// 获取申请书数据
+export function getPrintApplicationInfo (data) {
+    return request({
+        url: SERVER.SERVERAPI + '/rest/business/workFlow/getPrintApplicationInfo',
+        method: 'post',
+        data
+    })
+}
--- a/src/views/workflow/components/printApplication.vue
View file @7c91f8d
+++ b/src/views/workflow/components/printApplication.vue
View file @7c91f8d
@@ -14,13 +14,13 @@
            <tr>
              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
-              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
+              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">0000001</td>
              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
-              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>            
+              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">超级管理员</td>            
            </tr>
            <tr>
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
-              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
+              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">2022/12/8</td>
            </tr>
          </table>
        </div>
@@ -66,81 +66,153 @@
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
-          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
+          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
+              {{item.sqrmc}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
+              {{item.zjh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
-          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
+          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].txdz}}
+            </span>
+          </td>
          <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
-          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
+          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].yb}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].frmc}}
+            </span>
+          </td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].frdh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].dlrmc}}
+            </span>
+          </td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].dlrdh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
-          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
+          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.qlrList.length > 0">
+              {{printData.qlrList[0].dlrjg}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
-          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
+          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
+              {{item.sqrmc}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
+              {{item.zjh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
-          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
+          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].txdz}}
+            </span>
+          </td>
          <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
-          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
+          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].yb}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].frmc}}
+            </span>
+          </td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].frdh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].dlrmc}}
+            </span>
+          </td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
-          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
+          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].dlrdh}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
-          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
+          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
+            <span v-if="printData.ywrList.length > 0">
+              {{printData.ywrList[0].dljg}}
+            </span>
+          </td>
        </tr>
        <tr>
          <td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
-          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
+          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.zl}}</td>
        </tr>
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.bdcdyh}}</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
        </tr>
@@ -165,9 +237,9 @@
        <tr>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
-          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
+          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.zgzqqdss}}</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
-          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
+          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.dyqx}}</td>
        </tr>
      </table>
    </div>
@@ -179,15 +251,13 @@
 import { mapGetters } from 'vuex';
 import { getLodop } from "@/utils/LodopFuncs";
+import { getPrintApplicationInfo } from "@/api/fqsq.js";
 export default {
  components: {},
  computed: {
    ...mapGetters(['dictData'])
  },
-  mounted() {
+  props: ["formData"],
-    console.log(this.dictData['A8']);
-  },
  data () {
    return {
      ywlxList: [
@@ -200,12 +270,21 @@ export default {
        {name: '变更登记',value: '300',checked:false},
        {name: '注销登记',value: '400',checked:false},
        {name: '更正登记',value: '901',checked:false},
-        {name: '异议登记',value: 'B',checked:false},
+        {name: '异议登记',value: 'B38',checked:false},
        {name: '预告登记',value: '902',checked:false},
        {name: '查封登记',value: 'B39',checked:false},
        {name: '其他___________',value: '99',checked:false},
-      ]
+      ],
+      printData: {
+        qlrList: {},
+        ywrList: {},
+        bdcdyInfo: {},
+        dyaqQlxx: {}
      }
+    }
+  },
+  mounted() {
+    this.queryData();
  },
  methods: {
    printView(){
@@ -215,6 +294,13 @@ export default {
      lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
      lodop.PREVIEW();
    },
+    queryData(){
+      getPrintApplicationInfo(this.formData).then(res => {
+        if(res.code == 200){
+          this.printData = res.result 
+        }
+      })
+    }
  }
 }
 </script>
--- a/src/views/workflow/components/szxx.vue
View file @7c91f8d
+++ b/src/views/workflow/components/szxx.vue
View file @7c91f8d
@@ -179,8 +179,6 @@ export default {
    //再次打印
    openInvalidDiglog(item) {
      this.bsmSz = item.bsmSz;
-      console.log(item);
      this.invalidDiglog = true;
    },
    closeInvalidDiglog() {
--- a/src/views/workflow/mixin/index.js
View file @7c91f8d
+++ b/src/views/workflow/mixin/index.js
View file @7c91f8d
@@ -132,7 +132,8 @@ export default {
          }, '1070px')
          break;
        case "B6":
-          popupDialog("打印申请书", "workflow/components/printApplication", {}, '1070px')
+          popupDialog("打印申请书", "workflow/components/printApplication",  this.currentSelectProps
+          , '1070px')
          break;  
        case "B7":
          this.$popup("证书领取", "workflow/components/zslq", {