feature_20260203_完美门店

src/views/historicalVisit/PerfectStore.vue

@@ -119,16 +119,18 @@
       <!-- 特殊任务展示 -->
       <!-- 店招 -->
       <div class="shopSign specialTask" v-if="shopSignDetail">
-        <div class="SignText">店招</div>
-        <div class="signContent">
-          <div class="icon">
-            <van-icon name="checked" color="#07c160" v-if="shopSignDetail.status == '1'" />
-            <van-icon name="warning" color="#ee0a24" v-else />
-          </div>
-          <div
-            class="content"
-            :style="{ color: shopSignDetail.status == '1' ? '#07c160' : '#ee0a24' }">
-            {{ shopSignDetail.status == '1' ? '已通过' : '未通过' }}
+        <div class="specialTaskLeft">
+          <div class="SignText">{{ shopSignDetail.taskName }}:</div>
+          <div class="signContent">
+            <div class="icon">
+              <van-icon name="checked" color="#07c160" v-if="shopSignDetail.status == '1'" />
+              <van-icon name="warning" color="#ee0a24" v-else />
+            </div>
+            <div
+              class="content"
+              :style="{ color: shopSignDetail.status == '1' ? '#07c160' : '#ee0a24' }">
+              {{ shopSignDetail.status == '1' ? '已通过' : '未通过' }}
+            </div>
           </div>
         </div>
         <div class="shopSignImg">
@@ -137,16 +139,18 @@
       </div>
       <!-- 调色机 -->
       <div class="TSJBox specialTask" v-if="tiaoSJDetail">
-        <div class="SignText">调色机</div>
-        <div class="signContent">
-          <div class="icon">
-            <van-icon name="checked" color="#07c160" v-if="tiaoSJDetail.status == '1'" />
-            <van-icon name="warning" color="#ee0a24" v-else />
-          </div>
-          <div
-            class="content"
-            :style="{ color: tiaoSJDetail.status == '1' ? '#07c160' : '#ee0a24' }">
-            {{ tiaoSJDetail.status == '1' ? '已通过' : '未通过' }}
+        <div class="specialTaskLeft">
+          <div class="SignText">{{ tiaoSJDetail.taskName }}:</div>
+          <div class="signContent">
+            <div class="icon">
+              <van-icon name="checked" color="#07c160" v-if="tiaoSJDetail.status == '1'" />
+              <van-icon name="warning" color="#ee0a24" v-else />
+            </div>
+            <div
+              class="content"
+              :style="{ color: tiaoSJDetail.status == '1' ? '#07c160' : '#ee0a24' }">
+              {{ tiaoSJDetail.status == '1' ? '已通过' : '未通过' }}
+            </div>
           </div>
         </div>
         <div class="shopSignImg">
@@ -548,6 +552,30 @@ export default {
     flex-direction: row;
     margin: 5px 10px;
     border-radius: 10px;
+    height: 90px;
+    padding: 10px 20px;
+    font-size: 16px;
+    justify-content: space-between;
+    .specialTaskLeft {
+      display: flex;
+      flex-direction: row;
+    }
+    .SignText {
+      margin-right: 10px;
+      color: rgb(25, 137, 250);
+    }
+    .signContent {
+      display: flex;
+      flex-direction: row;
+      .icon {
+        padding-top: 2px;
+        margin-right: 5px;
+      }
+    }
+    .shopSignImg {
+      height: 100%;
+      width: 70px;
+    }
   }
   .shopSign {
     background: #e5faff;