小程序

Mr.Shi

2023-08-30 177a9f745a73a1be9b068d5028edc4367d0470b0

 minipro_standard/pages/allocation/allocation.vue

@@ -7,21 +7,21 @@
               <text>计划生产数量：</text>
            </view>
            <view class="fp_list_item_right">
               <input type="number" v-model="form.num" placeholder="请输入" />
               <u--input placeholder="请输入" :customStyle="{width: '180rpx'}" inputAlign="right" type="number" border="surround" v-model="form.num"></u--input>
            </view>
         </view>
         <view class="fp_list_item" @click="timeShow = true">
         <view class="fp_list_item">
            <view class="fp_list_item_left">
               <text style="color: #f00;">*</text>
               <text>计划开工日期：</text>
            </view>
            <view class="fp_list_item_right">
            <view class="fp_list_item_right" @click="timeShow = true">
               <text class="black" v-if="form.startTime">{{form.startTime}}</text>
               <text v-else>年 / 月 / 日</text>
               <u-icon name="arrow-right" color="#999999"></u-icon>
            </view>
         </view>
         <view class="fp_list_item" @click="openSB">
         <view class="fp_list_item" @click="show = true">
            <view class="fp_list_item_left">
               <text>生产设备</text>
            </view>
@@ -36,8 +36,8 @@
               <text>生产人员</text>
            </view>
            <view class="fp_list_item_right">
               <u-checkbox-group v-model="form.personnelId" direction="horizontal" v-show="personnelData.length > 0">
                  <u-checkbox :name="item.id" v-for="(item, index) in personnelData" :key="index" checked-color="#4275FC">{{item.text}}</u-checkbox>
               <u-checkbox-group v-model="form.personnelId" v-show="personnelData.length > 0">
                  <u-checkbox :name="item.id" v-for="(item, index) in personnelData" :key="index" activeColor="#4275FC">{{item.text}}</u-checkbox>
               </u-checkbox-group>
               <view class="wu" v-show="personnelData.length === 0">
                  <text>暂无数据</text>
@@ -50,7 +50,9 @@
         <button class="fp_footer_submit" @click="submit">确认</button>
      </view>
      <!-- 选择日期 -->
      <u-calendar :show="timeShow" mode="range" @confirm="timeConfirm"></u-calendar>
      <u-calendar :show="timeShow" @close="timeShow = false" @confirm="timeConfirm"></u-calendar>
      <!-- 选择设备 -->
      <u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show = false" keyName="label"></u-picker>
   </view>
</template>

@@ -59,22 +61,33 @@
   export default {
      data() {
         return {
            show: false,
            columns: [[{ label: '设备一' }]],
            form: {
               num: $route.query.num,        // 生产数量
               num: '',        // 生产数量
               startTime: gsdate(new Date()),      // 开始时间
               equipmentId: '',    // 设备id
               equipmentName: '',    // 设备名称 
               personnelId: []    // 人员id
            },
            personnelData: [],    // 人员数据
            timeShow: false
         };
      },
      onLoad(option) {
         this.form.num = option.num
      },
      methods: {
         go() {
            uni.navigateBack({ delta: 1 });
         },
         confirm(val) {
            this.form.equipmentName = val.value[0].label
            this.form.equipmentId = 1
            this.show = false
         },
         timeConfirm(val) {
            console.log(val)
            this.form.startTime = val[0]
            this.timeShow = false
         }
      }
@@ -109,7 +122,7 @@
               font-weight: 400;
                }
            }
            .fp_list_item_right v-deep {
            .fp_list_item_right {
                display: flex;
                align-items: center;
                .wu {
@@ -146,7 +159,7 @@
                    width: 180rpx;
                    height: 60rpx;
                    border-radius: 8rpx;
                    border: 1rpx solid #E5E5E5;
                    border: 2rpx solid #E5E5E5;
                    padding: 0 30rpx;
                    text-align: right;
                    font-size: 25rpx;