周宾
6 天以前 8845ac3d32217b6cf765934dc29dffe0065232d8
src/pages/productionManagement/operationScheduling/components/formDia.vue
@@ -26,22 +26,38 @@
                <up-input v-model="row.type" placeholder="请输入" />
              </up-form-item>
              <up-form-item label="排产数量" label-width="80">
                <up-input v-model.number="row.schedulingNum" type="number" placeholder="请输入" />
            <uni-number-box v-model="row.schedulingNum" :min="0" :step="0.1" style="width: 100%;" background="#2979FF" color="#fff" />
              </up-form-item>
              <up-form-item label="工时定额" label-width="80">
                <up-input v-model.number="row.workHours" type="number" placeholder="请输入" />
            <uni-number-box v-model="row.workHours" :min="0" :step="0.1" style="width: 100%;" background="#2979FF" color="#fff" />
              </up-form-item>
              <up-form-item label="排产日期" label-width="80" @click="openDatePicker(index)">
                <up-input v-model="row.schedulingDate" placeholder="选择日期" readonly @click="openDatePicker(index)" />
              <up-form-item label="排产日期" label-width="80">
            <view class="select-box" @click.stop="openDatePicker(index)">
               <view class="label" :class="[row.schedulingDate?'':'un-value']">
                  {{row.schedulingDate||'选择日期'}}
               </view>
               <view class="value">
                  <up-icon name="calendar"></up-icon>
               </view>
            </view>
             <!--   <up-input v-model="row.schedulingDate" placeholder="选择日期" :border="false" readonly @click="openDatePicker(index)" />
                <template #right>
                  <up-icon name="calendar" @click="openDatePicker(index)"></up-icon>
                </template>
                </template> -->
              </up-form-item>
              <up-form-item label="排产人" label-width="80" @click="openUserPicker(index)">
                <up-input v-model="row.schedulingUserName" placeholder="选择人员" readonly @click="openUserPicker(index)" />
              <up-form-item label="排产人" label-width="80">
            <view class="select-box" @click.stop="openUserPicker(index)">
               <view class="label" :class="[row.schedulingUserName?'':'un-value']">
                  {{row.schedulingUserName||'选择人员'}}
               </view>
               <view class="value">
                  <up-icon name="arrow-right"></up-icon>
               </view>
            </view>
              <!--  <up-input v-model="row.schedulingUserName" placeholder="选择人员" readonly @click="openUserPicker(index)" />
                <template #right>
                  <up-icon name="arrow-right" @click="openUserPicker(index)"></up-icon>
                </template>
                </template> -->
              </up-form-item>
              <up-form-item label="备注" label-width="80">
                <up-input v-model="row.remark" placeholder="请输入备注" />
@@ -252,10 +268,13 @@
  min-height: 0;
}
.row-card { 
  background: #fff;
  background: #f5f5f5;
  border-radius: 10px; 
  padding: 8px;
  padding: 20rpx;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); 
  box-sizing: border-box;
  // border: 1px solid #f5f5f5;
  margin-bottom: 20rpx;
}
.row-header { 
  display: flex; 
@@ -279,4 +298,26 @@
  justify-content: flex-end; 
  padding-top: 8px; 
}
.select-box{
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   flex: 1;
   border-radius: 4px;
   box-sizing: border-box;
   padding: 6px 9px;
   border-width: 0.5px !important;
   border-color: #dadbde !important;
   border-style: solid;
   height: 100%;
   .label{
      min-height: 1.4em;
      color: rgb(48, 49, 51);
      font-size: 15px;
   }
   .un-value{
      color: #999;
   }
}
</style>