企业微信

Houjie

2025-07-07 0a48655d2162b709ecb80d249a4085971add6140

 pages/ToDoList/ToDoListDeils/ToDoListDeils.vue

@@ -9,10 +9,14 @@

         <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>
               <uni-forms-item name="num" label="工单号:">
                  <uni-easyinput v-model="formData.equipmentCode" :disabled="true" />
               </uni-forms-item>
               <uni-forms-item name="inspectionStatus_dictText" label="工单状态:">
                  <uni-easyinput v-model="formData.inspectionStatus_dictText" :disabled="true" />
               </uni-forms-item>
					
               <uni-forms-item required name="num" label="设备编码:">
                  <uni-easyinput v-model="formData.equipmentCode" :disabled="true" />
               </uni-forms-item>
@@ -47,7 +51,7 @@
                  </view>

               </uni-forms-item>
               <view class="text-gray margin-bottom-lg">—————————— 班组长确认 ——————————</view>
               <view class="divider"><text>班组长确认</text></view>
               <uni-forms-item name="outNum" required label="确认类型:">
                  <uni-data-select :localdata="formData.msListCategory" popup-title="请选择" @change="changeType"
                     :clear="false">
@@ -59,7 +63,8 @@

            </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">


@@ -330,6 +335,30 @@
</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;