From 410d691fd75a9170dc55a079d8eb92cd0ac49fae Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Sat, 17 May 2025 10:53:19 +0800
Subject: [PATCH] dev

---
 src/views/social/directory.vue | 111 ++++++++++++++++++++-------------
 1 file changed, 66 insertions(+), 45 deletions(-)

diff --git a/src/views/social/directory.vue b/src/views/social/directory.vue
index f7d2402..fcebca3 100644
--- a/src/views/social/directory.vue
+++ b/src/views/social/directory.vue
@@ -63,7 +63,7 @@
         </div>
       </div>
     </Mask>
-    <Mask :is-show="false" :width="540" :height="347" title="有效期更新" @close="close">
+    <Mask :is-show="isUpdate1312" :width="540" :height="347" title="有效期更新" @close="close">
       <div class="content-new">
         <div class="update_box">
           <el-date-picker
@@ -73,8 +73,8 @@
               size="default"
               style="flex: 1;height: 100%"
           />
-          <div class="default-btn" @click="update1312(1)"
-               :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}" style="margin-left: 24px">
+          <div class="default-btn startBtn" @click="update1312(1)"
+               :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}">
             开始更新
           </div>
         </div>
@@ -92,52 +92,57 @@
       </div>
     </Mask>
     <Mask :is-show="isUpdate1318" :width="540" :height="347" title="限价信息更新" @close="close">
-      <div class="update_box">
-        <el-date-picker
-            v-model="updt_time"
-            type="date"
-            placeholder="选择一个起始日期"
-            size="default"
-            style="flex: 1;height: 42px"
-        />
-        <div class="default-btn" @click="update1318()"
-             :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}" style="margin-left: 24px">
-          开始更新
-        </div>
-      </div>
-      <div class="tip-body">
-        <div class="tip">
-          <div class="tip-title">
-            {{ tip }}
+      <div class="content-new">
+        <div class="update_box">
+          <el-date-picker
+              v-model="updt_time"
+              type="date"
+              placeholder="选择一个起始日期"
+              size="default"
+              style="flex: 1;height: 42px"
+          />
+          <div class="default-btn startBtn" @click="update1318()"
+               :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}"
+               style="margin-left: 24px">
+            开始更新
           </div>
-          <div class="demo-progress">
-            <el-progress v-if="tip" :text-inside="true" :stroke-width="30" :percentage="0"/>
+        </div>
+        <div class="tip-body">
+          <div class="tip">
+            <div class="tip-title">
+              {{ tip }}
+            </div>
+            <div class="demo-progress">
+              <el-progress v-if="tip" :text-inside="true" :stroke-width="30" :percentage="0"/>
+            </div>
           </div>
         </div>
       </div>
     </Mask>
     <Mask :is-show="isUpdate1319" :width="540" :height="347" title="自付比例更新" @close="close">
-      <div class="update_box">
-        <el-date-picker
-            v-model="updt_time"
-            type="date"
-            placeholder="选择一个起始日期"
-            size="default"
-            style="flex: 1;height: 42px"
-        />
-        <div class="default-btn" @click="update1319()"
-             :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}"
-             style="margin-left: 24px;height: 42px">
-          开始更新
-        </div>
-      </div>
-      <div class="tip-body">
-        <div class="tip">
-          <div class="tip-title">
-            {{ tip }}
+      <div class="content-new">
+        <div class="update_box">
+          <el-date-picker
+              v-model="updt_time"
+              type="date"
+              placeholder="选择一个起始日期"
+              size="default"
+              style="flex: 1;height: 42px"
+          />
+          <div class="default-btn startBtn" @click="update1319()"
+               :style="{background: showBtn ? '#EDEFF6' : '', color: showBtn ? '#333333' : ''}"
+               style="margin-left: 24px;height: 42px">
+            开始更新
           </div>
-          <div class="demo-progress">
-            <el-progress v-if="tip" :text-inside="true" :stroke-width="30" :percentage="percent"/>
+        </div>
+        <div class="tip-body">
+          <div class="tip">
+            <div class="tip-title">
+              {{ tip }}
+            </div>
+            <div class="demo-progress">
+              <el-progress v-if="tip" :text-inside="true" :stroke-width="30" :percentage="percent"/>
+            </div>
           </div>
         </div>
       </div>
@@ -403,24 +408,36 @@ const update1319 = () => {
 
 }
 
-.content-new{
+.content-new {
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .update_box {
     width: 100%;
     height: 90px;
-    padding: 24px 24px 0;
+    padding: 24px;
     display: flex;
+    justify-content: space-between;
+
+    .startBtn {
+      height: 100%;
+      margin-left: 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
   }
+
   .tip-body {
     flex: 1;
     padding: 0 24px 24px;
     min-height: 0;
+
     .tip {
       width: 100%;
       height: 100%;
-      background: #1458df;
+      background: #F9FAFC;
       border-radius: 8px;
       font-weight: 500;
       font-size: 16px;
@@ -429,6 +446,7 @@ const update1319 = () => {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
+      padding: 24px;
     }
   }
 }
@@ -442,6 +460,9 @@ const update1319 = () => {
   font-size: 16px;
   color: #999999;
   font-style: normal;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 
   &-message {
     margin-bottom: 24px;