style:证书预览模块功能的完善

renchao@pashanhoo.com
Showing 3 changed files with 65 additions and 25 deletions
src/views/workflow/components/dialog/zsyl.vue
src/views/ywbl/slsqxx/fdcq2/slxx.vue
src/views/ywbl/ywsq/javascript/selectFwsyq.js
--- a/src/views/workflow/components/dialog/zsyl.vue
View file @5f593c4
+++ b/src/views/workflow/components/dialog/zsyl.vue
View file @5f593c4
 <!--
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-21 10:35:58
+ * @LastEditTime: 2023-08-22 16:15:45
 -->
 <template>
  <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
@@ -12,8 +12,10 @@
      </el-tab-pane>
    </el-tabs>
    <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
-    <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
+    <div style="width:1180px;">
-    <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
+      <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
+      <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
+    </div>
  </div>
 </template>
@@ -255,7 +257,6 @@
        }
        image.src = this.imgSrc
      },
-      // 不动产证明
      /**
       * @description: 不动产证明
       * @author: renchao
@@ -266,7 +267,7 @@
        const image = new Image();
        image.onload = () => {
          context.drawImage(image, 0, 0);
-          context.font = '18px 楷体';
+          context.font = '16px 楷体';
          context.fillStyle = '#000000';
          // ysxlh
          context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
@@ -287,12 +288,36 @@
          context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
          context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
          // bdcdyh
-          context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 775, 373);
+          this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
+            this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
+          context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
          // qlqtzk
-          const maxWidth = 280; // 最大宽度限制
+          const maxWidth = 295; // 最大宽度限制
          let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
-          lines.forEach((line, index) => {
+          if (lines[0]) {
-            const y = 415 + (index * 37); // 每行文本的垂直位置
+            lines[0].split(' ').forEach((line, index) => {
+              const y = 415 + (index * 60); // 每行文本的垂直位置
+              let currentLine = '';
+              let arr = [];
+              for (let word of line) {
+                const testLine = currentLine + word;
+                const lineWidth = context.measureText(testLine).width;
+                if (lineWidth <= maxWidth) {
+                  currentLine = testLine;
+                } else {
+                  arr.push(currentLine);
+                  currentLine = word;
+                }
+              }
+              arr.push(currentLine);
+              arr.forEach((line, index) => {
+                context.fillText(line, 775, y + (index * 23)); // 调整行高
+              });
+            });
+          }
+          lines.slice(1).forEach((line, index) => {
+            const y = ((parseInt(lines[0].length) / 19) * 22) + 415 + (index * 30); // 每行文本的垂直位置
            let currentLine = '';
            let arr = [];
            for (let word of line) {
@@ -307,12 +332,32 @@
            }
            arr.push(currentLine);
            arr.forEach((line, index) => {
-              context.fillText(line, 775, y + (index * 20)); // 调整行高
+              context.fillText(line, 775, y + (index * 16)); // 调整行高
-            });
+            })
-          });
+          })
          // fj
-          context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600);
+          let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : [];
-        };
+          lines1.forEach((line, index) => {
+            const y = 590 + (index * 27); // 每行文本的垂直位置
+            let currentLine = '';
+            let arr = [];
+            for (let word of line) {
+              const testLine = currentLine + word;
+              const lineWidth = context.measureText(testLine).width;
+              if (lineWidth <= maxWidth) {
+                currentLine = testLine;
+              } else {
+                arr.push(currentLine);
+                currentLine = word;
+              }
+            }
+            arr.push(currentLine);
+            arr.forEach((line, index) => {
+              context.fillText(line, 775, y + (index * 20)); // 调整行高
+            })
+          })
+        }
        image.src = this.bdczmSrc;
      }
--- a/src/views/ywbl/slsqxx/fdcq2/slxx.vue
View file @5f593c4
+++ b/src/views/ywbl/slsqxx/fdcq2/slxx.vue
View file @5f593c4
 <!--
 * @Description: 受理信息
 * @Autor: renchao
- * @LastEditTime: 2023-08-17 13:34:51
+ * @LastEditTime: 2023-08-22 14:25:14
 -->
 <template>
  <div class="slxx">
@@ -185,14 +185,13 @@
          </el-col>
          <el-col :span="8">
            <el-form-item label="竣工时间：">
-              <!-- <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> -->
              <el-date-picker
                v-model="ruleForm.fdcq2.jgsj"
                class="width100"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd"
-                :disabled="!viewEdit || ableEdit || isJfOperation"></el-date-picker>
+                :disabled="!viewEdit"></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
@@ -461,10 +460,8 @@
       * @author: renchao
       */
      upDateTdytxxList (val) {
-        this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
+        this.ruleForm.tdytqxList = _.cloneDeep(val)
-        this.key++;
      },
      /**
       * @description: 更新权利人信息
       * @param {*} val
--- a/src/views/ywbl/ywsq/javascript/selectFwsyq.js
View file @5f593c4
+++ b/src/views/ywbl/ywsq/javascript/selectFwsyq.js
View file @5f593c4
 /*
 * @Description:
 * @Autor: renchao
- * @LastEditTime: 2023-08-22 09:24:28
+ * @LastEditTime: 2023-08-22 09:28:16
 */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -97,16 +97,14 @@ class data extends filter {
        render: (h, scope) => {
          return (
            <div>
-              <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表1</el-button>
+              <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
            </div>
          )
        }
-      },
+      }
    ]
  }
 }
 let datas = new data()
 export {