Houjie
2025-05-15 1833dd6d7cac01c35840af52fadc1199821e5805
pages/TaskManager/TaskManagerDeils/TaskManagerDeils.vue
@@ -9,7 +9,9 @@
         <uni-forms ref="form" :modelValue="formData" validate-trigger="bind" err-show-type="undertext">
            <uni-group top="1">
               <view class="text-gray margin-bottom-lg">—————————— 基本信息 ——————————</view>
               <view class="divider"><text>基本信息</text></view>
               <!-- <view class="text-gray margin-bottom-lg">—————————— 基本信息 ——————————</view> -->
               <uni-forms-item name="num" label="工单号:">
                  <uni-easyinput v-model="formData.orderNum" :disabled="true" />
               </uni-forms-item>
@@ -41,7 +43,8 @@
               </uni-forms-item>
            </uni-group>
         </uni-forms>
         <view class="text-gray margin-bottom-lg">—————————— 保养项信息 ——————————</view>
         <view class="divider"><text>保养项信息</text></view>
         <!-- <view class="text-gray margin-bottom-lg">—————————— 保养项信息 ——————————</view> -->
         <uni-card margin="10px" spacing="1px" v-for="(item,index) in partTakeAdviceDetailList" :key="index">
@@ -95,7 +98,8 @@
         <uni-forms v-if="isDisplayConfirm == 'WAIT_CONFIRM' || isDisplayConfirm == 'COMPLETE'" ref="form"
            :modelValue="ScanData" validate-trigger="bind" err-show-type="undertext">
            <uni-group top="1">
               <view class="text-gray margin-bottom-lg">—————————— 班组长确认 ——————————</view>
               <view class="divider"><text>班组长确认</text></view>
               <!-- <view class="text-gray margin-bottom-lg">—————————— 班组长确认 ——————————</view> -->
               <uni-forms-item required name="typeName" label="处理类型:">
                  <uni-data-select v-model="ScanData.typeName" :localdata="ScanData.handlingType"
                     @change="changehandlingType" placeholder="请选择" :disabled="true" />
@@ -528,6 +532,31 @@
</script>
<style>
   .divider {
      display: flex;
      align-items: center;
      text-align: center;
      color: gray;
      /* 文字颜色 */
      margin: 20px 0;
      /* 上下间距 */
   }
   .divider::before,
   .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid gray;
      /* 横线颜色 */
      margin: 0 16px;
      /* 横线与文字之间的间距 */
   }
   .divider text {
      white-space: nowrap;
      /* 防止文字换行 */
   }
   .is-hover {
      color: rgba(255, 255, 255, 0.6);
      background-color: #55aaff;