refactor(inspectiontask/index.vue): 修改：勤策移动端_售点稽查_终端信息的样式布局位置

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/index.vue

@@ -6,27 +6,32 @@
       @click-left="router.back()">
     </van-nav-bar>
     <div class="content">
-      <p class="title">稽查任务:</p>
+      <!-- <p class="title">稽查任务:</p> -->
       <!-- 终端名称 -->
       <div class="terminal-wrap">
-        <div>
-          <van-image fit="scale-down"
-            width="2.25rem"
-            height="3.5rem"
-            :src="form.storePicture"
-            @click="previewStoreImage"></van-image>
+        <div class="terminal-name">
+          <span>终端名称：</span>
+          <van-field v-model="form.storeName"
+            placeholder="请输入终端名"
+            @change="handleStoreNameChange"
+            class="store-name-input" />
         </div>
-        <div class="terminal-info">
-          <div class="terminal-name">
-            <span>终端名称：</span>
-            <van-field v-model="form.storeName"
-              placeholder="请输入终端名"
-              @change="handleStoreNameChange" />
+        <div class="img-info">
+          <div>
+            <van-image fit="scale-down"
+              width="2.25rem"
+              height="3.5rem"
+              :src="form.storePicture"
+              @click="previewStoreImage"></van-image>
+          </div>
+          <div class="terminal-info">
+
+            <p>终端编码：P0500052306</p>
+            <p>经销商：秦皇岛红朗森商贸有限公司</p>
+            <p>地址：河北省秦皇岛市海港区北环路街道秦皇岛冻结附录</p>
           </div>
-          <p>终端编码：P0500052306</p>
-          <p>经销商：秦皇岛红朗森商贸有限公司</p>
-          <p>地址：河北省秦皇岛市海港区北环路街道秦皇岛冻结附录</p>
         </div>
+
       </div>
       <!-- 地址 -->
       <div class="location-wrap">
@@ -472,39 +477,54 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
         border-radius: 10px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         display: flex;
+        flex-direction: column;
         gap: 20px;
 
-        .terminal-info {
-          flex: 1;
+        .terminal-name {
+          color: black;
+          font-size: 15px;
+          font-weight: bold;
           display: flex;
-          flex-direction: column;
-          justify-content: space-between;
+          align-items: center;
 
-          .terminal-name {
-            color: black;
-            font-size: 15px;
-            font-weight: bold;
-            display: flex;
-            align-items: center;
+          span {
+            display: inline-block;
+            width: 120px;
+          }
 
-            span {
-              display: inline-block;
-              width: 120px;
-            }
+          .van-cell {
+            padding: 0;
+          }
 
-            .van-cell {
-              padding: 0;
+          .store-name-input {
+            ::v-deep(input) {
+              border-bottom: 1px solid gray;
             }
           }
+        }
+
+        .img-info {
+          display: flex;
+          gap: 20px;
+
+          .terminal-info {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+
+            p {
+              font-size: 14px;
+              margin: 5px;
+              color: #a1a1a1;
 
-          p {
-            font-size: 14px;
-            margin: 0;
-            color: #a1a1a1;
+              &:first-child {
+                margin-top: 0;
+              }
+            }
           }
         }
 
-
       }