Houjie
2025-05-15 1833dd6d7cac01c35840af52fadc1199821e5805
pages/ToDoList/ToDoListDeils/ToDoListDeils.vue
@@ -2,14 +2,14 @@
   <view class="container">
      <cu-custom :bgColor="NavBarColor" :isBack="true" backRouterName="productionTask">
         <block slot="backText">返回</block>
         <block slot="content">待办详情</block>
         <block slot="content">详情</block>
      </cu-custom>
      <view class="container">
         <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>
@@ -47,7 +47,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 +59,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">
@@ -72,6 +73,12 @@
               <view class="flex-sub text-light bg-white padding-xs margin-xs radius">保养项:</view>
               <view class="flex-sub bg-white padding-xs margin-xs text-bold radius text-right">
                  {{item.title}}
               </view>
            </view>
            <view class="flex">
               <view class="flex-sub text-light bg-white  padding-xs margin-xs radius">是否报修:</view>
               <view class="flex-sub bg-white padding-xs     text-right margin-xs radius">
                  <uni-data-select :localdata="item.type"/>
               </view>
            </view>
            <view class="flex">
@@ -100,7 +107,7 @@
            <view class="flex">
               <view class="flex-sub text-light bg-white  padding-xs margin-xs radius">保养结果:</view>
               <view class="flex-sub bg-white padding-xs     text-right margin-xs radius">
                  <uni-data-select :localdata="item.restle" :clear="true" />
                  <uni-data-select :localdata="item.restle" />
               </view>
            </view>
@@ -112,13 +119,7 @@
               </view>
            </view>
            <view class="flex">
               <view class="flex-sub text-light bg-white  padding-xs margin-xs radius">是否报修:</view>
               <view class="flex-sub bg-white padding-xs     text-right margin-xs radius">
                  <uni-data-select :localdata="item.type" />
               </view>
            </view>
         </uni-card>
@@ -148,6 +149,15 @@
                  },
                  {
                     text: "异常",
                     value: 1
                  }
               ],
               type: [{
                     text: "是",
                     value: 0
                  },
                  {
                     text: "否",
                     value: 1
                  }
               ]
@@ -275,7 +285,6 @@
         /* 检索 */
         getSera(res) {
            this.msgList = [];
            if (keyword == 0) {
               this.$http.get(this.url.stallList, {
                  params: {
@@ -322,6 +331,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;