电子签名

src/pages/my/index.vue

@@ -32,6 +32,15 @@
         </div>
         <van-icon class="arrow" name="arrow" />
       </div>
+      <router-link to="/ElectronicSignature">
+        <div class="myInfo1">
+          <div class="myInfoLeft">
+            <img src="../../assets/images/myIcon1.png" alt />
+            <p>电子签名</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </router-link>
     </div>
     <div class="myBox">
       <router-link to="/organizationInfo">
@@ -111,10 +120,10 @@
       </router-link>
     </div>
     <div class="myBox">
-      <div class="myBoxOne">
+      <div class="myBoxOne" @click="LoginOut">
         <div class="myInfoLeft">
           <img src="../../assets/images/myIcon8.png" alt />
-          <div @click="LoginOut">
+          <div>
             <p>退出登录</p>
           </div>
         </div>
@@ -140,9 +149,7 @@ export default {
       getMyInformation().then(response => {
         if (response.data.state === 1) {
           var sinature = response.data.data.electronic_signature;
-          console.log("sinature", sinature);
           var roleInfo = response.data.data.roleInfo;
-          console.log("roleInfo", roleInfo);
           this.admin_user_id = roleInfo.admin_user_id;
           this.roleInfo = roleInfo;
         }
@@ -169,7 +176,7 @@ export default {
   background: #fafafa;
   .myTop {
     position: relative;
-    height: 16.875rem;
+    height: 20rem;
     img {
       width: 100%;
       height: 11.25rem;
@@ -229,6 +236,32 @@ export default {
       margin-top: 2.25rem;
       padding: 0 0.875rem;
       background: #fff;
+      border-bottom: 1px solid #e5e5e5;
+      .myInfoLeft {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        img {
+          width: 1.125rem;
+          height: 1.125rem;
+          margin-right: 0.5rem;
+        }
+        p {
+          margin-top: 0.125rem;
+        }
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+    }
+    .myInfo1 {
+      width: 100%;
+      height: 3.125rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 0.875rem;
+      background: #fff;
       .myInfoLeft {
         display: flex;
         align-items: center;

src/pages/personal/ElectronicSignature.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="mainBox">
     <div class="mainContent">
-      <h1 class="title">
+      <!-- <h1 class="title">
         <div class="GoBack" @click="$router.go(-1)">
           <span class="iconfont">&#xe720;</span>返回
         </div>
         <span class="name">电子签名</span>
         <div class="GoBack"></div>
-      </h1>
+      </h1> -->
+      <div class="electronicTitle">
+        <i class="iconfont icon-zuojiantou jiantou" @click="$router.go(-1)"></i>
+        <span class="titleName">电子签名</span>
+      </div>
       <div class="information newStyle">
         <div class="blueBorder"></div>
         <div
@@ -45,7 +49,7 @@
         </div>
       </div>
     </div>
-    <side-bar :active_index="3"></side-bar>
+    <!-- <side-bar :active_index="3"></side-bar> -->
     <el-dialog
       title="提示"
       :visible.sync="centerDialogVisible"
@@ -78,6 +82,7 @@ import {
 } from "@/api/admin_user";
 import VueCropper from "vue-cropperjs";
 import { Toast } from "vant";
+import { setRem } from "@/libs/functionRem";
 
 export default {
   name: "ElectronicSignature",
@@ -138,6 +143,7 @@ export default {
     };
   },
   created() {
+    setRem();
     this.getToken();
     this.GetElectronicSignature();
     // document.body.addEventListener(
@@ -395,6 +401,30 @@ export default {
   text-align: center;
 }
 .mainContent {
+  .electronicTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
   .title {
     font-size: 0.45rem;
     padding: 0.3rem 0.37rem;