电签配置

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

@@ -109,38 +109,62 @@
       </el-row>
     </div>
     <div style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;" class="martop20 marbottom10">
-      <table @click
-             class="table martop20 copyTable"
-             width='100%'
-             border='1px '
-             bordercolor="#E5E5E5"
-             cellpadding='2px'
-      >
-        <thead cellpadding='2px' height='40px'>
-        <tr>
-          <th width='30%'>元素位置</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'>
-        <tr v-for="(item,key) in setsignaTable" :key="key" v-on:click="">
-          <td>{{ item.colName }}</td>
-          <td>{{ item.sigRoleName }}</td>
-          <td>{{ item.timeName }}</td>
-          <td>{{ item.pyzbx }}</td>
-          <td>{{ item.pyzby }}</td>
-          <td align="center">
-            <span style="color:#409EFF;;cursor: pointer;margin-right: 5px;" @click="editClick(item)" v-if="item.show===false">编辑</span>
-            <span style="color:green;;cursor: pointer;margin-right: 5px;" @click="saveClick(item)" v-else v-loading="isEditLoaing">保存</span>
-            <span style="color:red;cursor: pointer;" v-on:click="deleteTableSig(key,item.id,item)">删除</span>
-          </td>
-        </tr>
-        </tbody>
-      </table>
+      <el-tabs v-model="activeName" @tab-click="handleActiveClick">
+        <el-tab-pane label="电签配置" name="tab1">
+          <table @click class="table martop20 copyTable" width='100%' border='1px ' bordercolor="#E5E5E5" cellpadding='2px'>
+            <thead cellpadding='2px' height='40px'>
+            <tr>
+              <th width='30%'>元素位置</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'>
+            <tr v-for="(item,key) in setsignaTable" :key="key" v-on:click="">
+              <td>{{ item.colName }}</td>
+              <td>{{ item.sigRoleName }}</td>
+              <td>{{ item.timeName }}</td>
+              <td>{{ item.pyzbx }}</td>
+              <td>{{ item.pyzby }}</td>
+              <td align="center">
+                <span style="color:#409EFF;;cursor: pointer;margin-right: 5px;" @click="editClick(item)" v-if="item.show===false">编辑</span>
+                <span style="color:green;;cursor: pointer;margin-right: 5px;" @click="saveClick(item)" v-else v-loading="isEditLoaing">保存</span>
+                <span style="color:red;cursor: pointer;" v-on:click="deleteTableSig(key,item.id,item)">删除</span>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        </el-tab-pane>
+        <el-tab-pane label="系统识别" name="tab2">
+          <table @click class="table martop20 copyTable" width='100%' border='1px ' bordercolor="#E5E5E5" cellpadding='2px'>
+            <thead cellpadding='2px' height='40px'>
+            <tr>
+              <th width='30%'>元素位置</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'>
+            <tr v-for="(item,key) in setsignaTable2" :key="key" v-on:click="">
+              <td>{{ item.colName }}</td>
+              <td>{{ item.sigRoleName }}</td>
+              <td>{{ item.timeName }}</td>
+              <td>{{ item.pyzbx }}</td>
+              <td>{{ item.pyzby }}</td>
+              <td align="center">
+                <span style="color:red;cursor: pointer;" v-on:click="deleteTableSig2(key,item.id,item)">删除</span>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        </el-tab-pane>
+      </el-tabs>
       <el-button type="primary" size="small" class="martop25" style="float:right;" icon="el-icon-circle-plus-outline" :loading="saveLoaing" @click="saveSingInfo()">保存入库</el-button> &nbsp;&nbsp;
     </div>
   </div>
@@ -195,8 +219,9 @@ export default {
       parentRoleId: '',
       isEditLoaing: false,
       sigRoleName: '',
-      saveLoaing: false
-
+      saveLoaing: false,
+      activeName: 'tab1',
+      setsignaTable2: [],
     }
   },
   watch: {
@@ -606,6 +631,19 @@ export default {
       this.isTimeElement = false
       this.$emit('timeFocus', false)
     },
+    //电签配置和系统识别
+    handleActiveClick(tab) {
+      if (tab === 'tab1') {
+        //电签配置
+      } else if (tab === 'tab2') {
+        //系统识别
+
+      }
+    },
+    //删除系统识别
+    async deleteTableSig2(key,id, item) {
+
+    },
   },
   created() {
     this.getRoleType();  //获取文本类型接口