我的签名处理

web_client/src/components/Route.vue

@@ -112,14 +112,24 @@
               {{ versions }}{{ userInfo.versions || "---" }}
             </div>
           </div>
-          <div class="div-hospital-li">
+          <div
+            class="div-hospital-li"
+            style="display: flex; align-items: center"
+          >
             <div class="hospital-li-title">我的签名</div>
             <div
               class="hospital-li-value"
-              style="color: #1890ff"
+              style="color: #1890ff; display: flex; align-items: center"
-              @click="open = true"
+              @click="open1 = true"
             >
-              查看
+              <img
+                v-if="historySign"
+                style="border: 1px solid #e1e1e1; margin-right: 10px"
+                width="130px"
+                :src="apiUrl + historySign"
+                alt=""
+              />
+              修改
             </div>
           </div>
         </div>
@@ -182,7 +192,7 @@ export default {
   data() {
     return {
       apiUrl: apiUrl,
-      historySign: [],
+      historySign: "",
       open1: false,
       open: false,
       versions,
@@ -352,7 +362,7 @@ export default {
       const res = await querySign();
       const { code, msg, data } = res;
       if (code === 200) {
-        this.historySign = data;
+        this.historySign = data.length ? data[0].signUrl : "";
         console.log("data: ", data);
       } else {
         this.$message.error(msg);
@@ -586,7 +596,18 @@ export default {
 <style scoped>
 >>> .div-history {
   display: none;
+  align-items: center;
+  margin-bottom: 10px;
 }
+/* >>> .div-history p {
+  margin: 0;
+}
+>>> .div-history .div-ul .div-li {
+  margin: 0;
+} */
+/* >>> .div-history {
+  display: none;
+} */
 .div-header-title {
   display: -webkit-box;
   text-overflow: ellipsis;