修改 电签回显

src/views/manager/projectinfo/treeTemplate/dynamicExcel.vue

@@ -36,7 +36,7 @@
             :htmlData="htmlData"
           />
         </span>
-        <span v-else-if="type.prop==='tab2'"> <electronicSignature style=" position: absolute;" :pkeyId1='pkeyId' :htmlData1="htmlData" /> </span>
+        <span v-else-if="type.prop==='tab2'"> <electronicSignature :pkeyId1='pkeyId' :htmlData1="htmlData" /> </span>
         <span v-else-if="type.prop==='tab3'"> <setFormula style=" position: absolute;"/> </span>
         <span v-else-if="type.prop==='tab4'"> <editDefault style=" position: absolute;"/> </span>
         <span v-else-if="type.prop==='tab5'"> <promptSettings style=" position: absolute;"/> </span>
@@ -66,23 +66,22 @@ export default {
       type:{},
       option:{
         column: [{
-          icon:'el-icon-info',
           label: '设置输入框',
           prop: 'tab1',
+          width: 10,
         }, {
-          icon:'el-icon-warning',
+
           label: '电签位置配置',
           prop: 'tab2',
         }, {
-          icon:'el-icon-question',
           label: '设置公式开放条件',
           prop: 'tab3',
         }, {
-          icon:'el-icon-question',
+
           label: '编辑默认信息',
           prop: 'tab4',
         }, {
-          icon:'el-icon-question',
+
           label: '提示设置',
           prop: 'tab5',
         }

src/views/manager/projectinfo/treeTemplate/template/electronicSignature.vue

@@ -1,42 +1,108 @@
 <template>
-  <div class="dianqian martop20">
-    <avue-radio v-model="radio"  :dic="roleType" v-on:click="roleTypeChang()"></avue-radio>
-    <div class="flexBetween martop20">
-      <avue-input v-model="htmlData1.name" placeholder="请点解坐标" :disabled='true' ></avue-input>
-      <el-select v-model="roleInfo" @change="selectChanged" placeholder="请选择签字岗位" style="width: 360px ">
-        <el-option v-for="item in options" :key="item.value" :value="item" :label="item.label"></el-option>
-      </el-select>
-        <el-button size="mini" v-on:click="addRoleInfo()">保存</el-button>
+  <div>
+    <div class="dianqian">
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          元素坐标：
+        </el-col>
+        <el-col :span="18">
+          <avue-input v-model="htmlData1.name" placeholder="请点解坐标" :disabled='true' ></avue-input>
+        </el-col>
+      </el-row>
+
+      <el-row :span="24">
+        <el-col :span="3.3">
+          所属方：
+        </el-col>
+        <el-col :span="18">
+          <avue-radio v-model="radio"  :dic="roleType" v-on:click="roleTypeChang()"></avue-radio>
+        </el-col>
+      </el-row>
+
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          签字角色：
+        </el-col>
+        <el-col :span="18">
+          <el-select v-model="roleInfo" @change="selectChanged" placeholder="请选择签字岗位" >
+            <el-option v-for="item in options" :key="item.value" :value="item" :label="item.label"></el-option>
+          </el-select>
+        </el-col>
+      </el-row>
+
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          偏移位X：
+        </el-col>
+        <el-col :span="18">
+          <avue-input v-model="pyzbx" placeholder="偏移位x"  type="number"></avue-input>
+        </el-col>
+      </el-row>
+
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          偏移位Y：
+        </el-col>
+        <el-col :span="18">
+          <avue-input v-model="pyzby" placeholder="偏移位y"  type="number"></avue-input>
+        </el-col>
+      </el-row>
+
+      <el-row :span="24" style="text-align: center">
+        <el-button type="primary"
+                   size="small"
+                   icon="el-icon-circle-plus-outline"
+                   @click="addRoleInfo()">添加列表</el-button> &nbsp;&nbsp;
+      </el-row>
+
+
     </div>
 
-    <table @click
-      class="table martop20"
-      width='100%'
-      border='1px '
-      bordercolor="#E5E5E5"
-      cellpadding='2px'
+    <div
+      style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;"
+      class="martop20 marbottom10"
     >
-      <thead
-        cellpadding='2px'
-        height='40px'
+      <table @click
+             class="table martop20"
+             width='100%'
+             border='1px '
+             bordercolor="#E5E5E5"
+             cellpadding='2px'
       >
+        <thead
+          cellpadding='2px'
+          height='40px'
+        >
         <tr>
-          <th width='40%'>元素位置</th>
-          <th width='40%'>签字岗位</th>
+          <th width='30%'>元素位置</th>
+          <th width='30%'>签字岗位</th>
+          <th width='10%'>偏移x</th>
+          <th width='10%'>偏移y</th>
           <th width='20%'>操作</th>
         </tr>
-      </thead>
-      <tbody height='36px'>
+        </thead>
+        <tbody height='36px'>
         <tr v-for="(item,key) in setsignaTable"  :key="key" v-on:click="">
-          <td>{{item.zb}}</td>
-          <td>{{item.signName}}</td>
+          <td>{{item.colName}}</td>
+          <td>{{item.sigRoleName}}</td>
+          <td>{{item.pyzbx}}</td>
+          <td>{{item.pyzby}}</td>
           <td align="center"><span style="color:red;cursor: pointer;" v-on:click="deleteTableSig(key)">删除</span></td>
         </tr>
-      </tbody>
-    </table>
-    <el-button class="martop25" style="float:right;" type="info" size="mini" v-on:click="saveSingInfo()">保存设置</el-button>
+        </tbody>
+      </table>
+
+      <el-button type="primary"
+                 size="small"
+                 class="martop25"
+                 style="float:right;"
+                 icon="el-icon-circle-plus-outline"
+                 @click="saveSingInfo()">保存入库</el-button> &nbsp;&nbsp;
+    </div>
   </div>
 </template>
+
+
 <script>
 
 import {getRoleInfoByParentId, getRoleType, getSigList, saveSig} from "../../../../../api/manager/AdjustForm";
@@ -49,6 +115,8 @@ export default {
       roleType:[],
       options: [],
       roleInfo: '',
+      pyzbx: 0.0,
+      pyzby: 0.0 ,
       setsignaTable:[]
     }
   },
@@ -86,16 +154,20 @@ export default {
         });
         return;
       }
+
       var isadd = true;
       // 集合中添加数据
       var data = {};
-      data.trTd=this.htmlData1.tr+"_"+this.htmlData1.td;
+      data.colKey="__"+this.htmlData1.tr+"_"+this.htmlData1.td;
       data.tabId = this.pkeyId1;
-      data.zb= this.htmlData1.name;
+      data.colName= this.htmlData1.name;
       data.sigRoleId = this.roleInfo.value;
-      data.signName = this.roleInfo.label;
+      data.sigRoleName = this.roleInfo.label;
+
+      data.pyzbx = this.pyzbx;
+      data.pyzby = this.pyzby;
       this.setsignaTable.forEach(val => {
-        if(val.zb === this.htmlData1.name && val.sigRoleId === this.roleInfo.value){
+        if(val.colName === this.htmlData1.name && val.sigRoleId === this.roleInfo.value){
           this.$message({
             type: "success",
             message: "数据已添加列表中"
@@ -142,11 +214,15 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.dianqian {
-  table {
-    color: #101010;
-    font-size: 14px;
-  }
+.table {
+  margin-top: 20px;
+  border-radius: 5px;
+  color: #101010;
+  font-size: 14px;
+}
+.dianqian{
+  width: 90%;
+  height: 100%;
 }
 
 </style>