feature_20250805_拜访页面优化

src/views/deviceOutside/suishenbangOutstoreVisit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="suishenbangOutstoreVisit">
     <!--        顶部条-->
     <div class="navBarTOP">
       <van-nav-bar class="navBar" title="拜访" left-arrow @click-left="onClickLeft" />
@@ -16,7 +16,18 @@
           {{ storeName }}(<span style="color: #0057ba">{{ urlParameter.storeCode }}</span
           >)
         </div>
-        <div class="info1" v-if="addressLine != null">类型：{{ storeCategory }}</div>
+        <div class="info1 storeCategory" v-if="addressLine != null">
+          <div class="storeType">类型：{{ storeCategory }}</div>
+          <van-button
+            type="info"
+            style="background: #ed5565; border-color: #ed5565; color: #fff; border-radius: 5px"
+            size="small"
+            plain
+            class="centerBtn"
+            @click="onstopVisit">
+            取消拜访
+          </van-button>
+        </div>
         <div class="info1" v-if="addressLine != 'null'">地址：{{ addressLine }}</div>
         <div class="info1" v-if="notes != null">上次拜访备注：{{ notes }}</div>
         <div class="info1">拜访时长：{{ showTime }}</div>
@@ -27,50 +38,36 @@
             ><van-icon name="browsing-history-o" />查看最近三次</span
           >
         </div>
-        <van-button
+        <div class="btnBox">
+          <!-- <van-button
           type="info"
           style="background: rgb(0, 87, 186); color: #fff; margin: 10px 0; border-radius: 5px"
           size="small"
           plain
           class="centerBtn"
-          @click="visitFn(urlParameter.storeCode)"
-          >经营情况</van-button
-        >
-        <van-button
+          @click="visitFn(urlParameter.storeCode)">
+          经营情况
+        </van-button> -->
+          <van-button
+            type="info"
+            style="background: rgb(0, 87, 186); color: #fff; margin: 10px; border-radius: 5px"
+            size="small"
+            plain
+            v-if="showOrderButton"
+            class="centerBtn"
+            @click="overbookingFn(urlParameter)">
+            去下单
+          </van-button>
+          <!-- <van-button
           type="info"
           style="background: rgb(0, 87, 186); color: #fff; margin: 10px; border-radius: 5px"
           size="small"
           plain
-          v-if="showOrderButton"
-          class="centerBtn"
-          @click="overbookingFn(urlParameter)"
-          >去下单</van-button
-        >
-        <van-button
-          type="info"
-          style="background: rgb(0, 87, 186); color: #fff; margin: 10px; border-radius: 5px"
-          size="small"
-          plain
-          class="centerBtn"
-          @click="wuliaoLog(urlParameter)"
-          >物料历史</van-button
-        >
-        <van-button
-          type="info"
-          style="
-            float: right;
-            background: #ed5565;
-            border-color: #ed5565;
-            color: #fff;
-            margin: 10px 0;
-            border-radius: 5px;
-          "
-          size="small"
-          plain
           class="centerBtn"
-          @click="onstopVisit"
-          >取消拜访</van-button
-        >
+          @click="wuliaoLog(urlParameter)">
+          物料历史
+        </van-button> -->
+        </div>
       </div>
       <div
         v-if="addShow1"
@@ -785,6 +782,7 @@ export default {
     line-height: 18px;
     padding: 4px 0;
     position: relative;
+    line-height: 24px;
     .arrow {
       float: right;
       display: inline-block;
@@ -903,6 +901,19 @@ export default {
 .card .f-blue {
   color: #0057ba;
 }
+.suishenbangOutstoreVisit {
+  .storeCategory {
+    position: relative;
+    display: flex;
+    text-align: center;
+    justify-content: space-between;
+    .storeType {
+    }
+  }
+  .btnBox {
+    text-align: right;
+  }
+}
 </style>
 <style lang="scss">
 .navBarOverlay .van-nav-bar__left .van-icon {