样式bug修改

src/views/administrative/appointment.vue

@@ -35,29 +35,41 @@
                         required
                         :rules="[{ validator, message: '请输入正确内容' }]"
                 />
-                <van-field
+                <div class="fold-div">
-                        v-model="submitData.checkTime"
+                  <van-field
-                        required
+                          v-model="submitData.checkTime"
-                        readonly
+                          required
-                        label="检查时间"
+                          is-link
-                        :rules="[{ required: true, message: '必填项' }]"
+                          label="检查时间"
-                        @click="data.showTimePicker = true"
+                          placeholder="日期"
-                >
+                          :rules="[{ required: true, message: '必填项' }]"
-                <template #div>
+                          @click="data.showTimePicker = true"
+                  />
+                  <van-field
+                      v-model="submitData.checkTime"
+                      required
+                      is-link
+                      label=""
+                      placeholder="时段"
+                      :rules="[{ required: true, message: '必填项' }]"
+                      @click="data.showTimePicker = true"
+                  />
+                </div>
+
+<!--                <template #div>
                   <div class="plan-attach">
                         <div class="plan-time">
                             <van-field
                                     v-model="data.fieldValue"
                                     is-link
-                                    readonly
                                     placeholder="选择时段"
                                     @click="data.dateShowPicker = true"
                             />
                         </div>
                     </div>
                 
-              </template>
+              </template>-->
-              </van-field>
+
 
                 <van-field
                         v-model="submitData.checkItemText"
@@ -822,4 +834,37 @@
       width: 2.25rem;
     }
 
+    .fold-div {
+      position: relative;
+      display: flex;
+      margin: 0 0.43rem;
+      border-bottom: 0.02667rem solid #f5f6f7;
+      color: #323233;
+      font-size: 0.38rem;
+    }
+
+    .fold-div::after {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+      height: 1px;
+      border-bottom: 0.02667rem solid #fff;
+      content: "";
+    }
+
+    .fold-div .van-field {
+      float: right;
+      margin-bottom: -1px;
+      padding-right: 0;
+      width: 40%;
+      border-bottom: 0.02667rem solid #f5f6f7;
+    }
+
+    .fold-div .van-field:first-child {
+      float: left;
+      padding-left: 0;
+      width: 60%;
+    }
+
+
 </style>

src/views/enterprise/compaint/compaintDetailIndex.vue

@@ -23,13 +23,15 @@
 
       <van-tabs v-model:active="active" sticky @click-tab="onClickTab">
           <van-tab v-for="(item, index) in data.list" :title="item.title">
-              <div v-if="data.TabId == 0" style="height: calc(100vh - 1.5rem);">
-                  <complaintDetailView isReg="0" :id="data.id" />
-              </div>
               <!-- 处置流程页面 -->
               <div v-if="data.TabId == 1" style="height: calc(100vh - 1.5rem);">
-                  <compaintFlowView isReg="1" :id="data.id" />
+                <compaintFlowView isReg="1" :id="data.id" />
+              </div>
+              <!-- 处置详情页面 -->
+              <div v-if="data.TabId == 0" style="height: calc(100vh - 1.5rem);">
+                  <complaintDetailView isReg="0" :id="data.id" />
               </div>
+
           </van-tab>
       </van-tabs>
       <!-- <van-tabs v-model:active="active" @click-tab="onClickTab">
@@ -40,8 +42,8 @@
 </template>
 
 <script setup name="complaintBase">
-    import complaintDetailView from '@/views/enterprise/complaintDetailView.vue';
     import compaintFlowView from '@/views/enterprise/compaint/compaintFlowView.vue';
+    import complaintDetailView from '@/views/enterprise/complaintDetailView.vue';
     
 
     const {useCommon} = $globalStore;
@@ -54,13 +56,14 @@
         TabId: 0,
         list: [
             {
-                title: '诉求详情',
+              title: '处置进度',
-                value: '0'
+              value: '0'
             },
             {
-                title: '处置进度',
+                title: '诉求详情',
                 value: '1'
             },
+
         ],
     });
 

src/views/enterprise/complaintDetailView.vue

@@ -15,27 +15,21 @@
                       <van-field
                               v-model="submitData.bureauDeptName"
                               label="执法部门"
-                              placeholder="请选择"
                               readonly
-                              clickable
                       />
                   </view>
                   <view v-if="data.isNoScan==false">
                       <van-field
                               v-model="submitData.lawEnforcementIncidentText"
                               label="处理状态"
-                              placeholder="请选择"
                               readonly
-                              clickable
                       />
                   </view>
                   <view v-if="data.isNoScan==false">
                       <van-field
                               v-model="submitData.lawEnforcementIncidentText"
                               label="处理时间"
-                              placeholder="请选择"
                               readonly
-                              clickable
                       />
                   </view>
                   <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/>