移库功能点逻辑编写

yyb

6 天以前 b8a2d6da97b148e661997a97fa46d75bdea961e5

 pages/wareHouse/nuclearScale/createwriteoffform.vue

@@ -22,13 +22,15 @@
            <u-input v-model="form.value2" type="select" placeholder="请输入车牌号" @click="lpn" />
         </u-form-item>
         <u-form-item label="客户名称" :border-bottom="false" prop="value3">
            <picker class="item-one" style="width: 100%; text-align: right"
            <picker class="item-one item-two" style="width: 100%; text-align: right"
               @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
               range-key="label">
               <view>
                  <text>{{
              locNoNumIndex == null ? "请选择" : locNoList[locNoNumIndex].label
            }}</text>
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text>
               </view>
            </picker>
            <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
@@ -37,25 +39,29 @@
            <u-input v-model="form.value4" placeholder="" disabled />
         </u-form-item>
         <u-form-item label="生产车间" :border-bottom="false" prop="value5">
            <picker class="item-one" style="width: 100%; text-align: right"
            <picker class="item-one item-two" style="width: 100%; text-align: right"
               @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
               range-key="label">
               <view>
                  <text>{{
              locNoNumIndex == null ? "请选择" : locNoList[locNoNumIndex].label
            }}</text>
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text>
               </view>
            </picker>
            <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
         </u-form-item>
         <u-form-item label="司磅员" :border-bottom="false" prop="value6">
            <picker class="item-one" style="width: 100%; text-align: right"
            <picker class="item-one item-two" style="width: 100%; text-align: right"
               @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
               range-key="label">
               <view>
                  <text>{{
              locNoNumIndex == null ? "请选择" : locNoList[locNoNumIndex].label
            }}</text>
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text>
               </view>
            </picker>
            <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
@@ -64,20 +70,20 @@
            <u-input v-model="form.value7" type="select" placeholder="请选择" @click="openForkliftDriverList" />
         </u-form-item>
      </u-form>
      <u-button type="primary" class="bottom-button" @click="submit">创建</u-button>
      <u-button type="primary" class="bottom-button1" @click="submit">创建</u-button>

      <!--车牌号 -->
      <modalBg ref="modalBg" :confirm="confirm">
         <u-field v-model="form.value2" label="车牌号：" placeholder="请输入" :border-bottom="false">
         </u-field>
      </modalBg>
    <!-- 叉车工 -->
      <!-- 叉车工 -->
      <u-modal v-model="showModal" title="" :show-cancel-button="true" :show-confirm-button="true"
         @confirm="confirmSelection" @cancel="cancel">
         <view class="popup-content">
            <view class="popup-header">
               <checkbox-group @change="checkboxChange">
                  <label class="checkbox-item" v-for="(item, index) in options" :key="index">
                  <label class="checkbox-item" v-for="(item, index) in checkboxList" :key="index">
                     <checkbox :value="item.value" :checked="item.checked" />
                     <text class="label">{{ item.label }}</text>
                  </label>
@@ -98,24 +104,29 @@
      data() {
         return {
            checkboxList: [{
                  name: "工人1",
                  value: "1",
                  label: "工人1",
                  value: "a",
                  checked: false,
               },
               {
                  name: "工人2",
                  label: "工人2",
                  value: "2",
                  checked: false,
               },
               {
                  name: "工人3",
                  label: "工人3",
                  value: "3",
                  checked: false,
               },
               {
                  name: "工人4",
                  label: "工人4",
                  value: "4",
                  checked: false,
               },
               {
                  name: "工人5",
                  label: "工人",
                  value: "5",
                  checked: false,
               },
            ],
            background: {
@@ -209,33 +220,6 @@
            ],
            locNoNumIndex: null,
            showModal: false,
            options: [{
                  label: "篮球",
                  value: "basketball",
                  checked: false
               },
               {
                  label: "游泳",
                  value: "swimming",
                  checked: false
               },
               {
                  label: "阅读",
                  value: "reading",
                  checked: false
               },
               {
                  label: "旅行",
                  value: "travel",
                  checked: false
               },
               {
                  label: "音乐",
                  value: "music",
                  checked: false
               },

            ],
            selectedItems: [],
         };
      },
@@ -244,21 +228,20 @@
      },
      onShow() {},
      methods: {

         // 复选框变化事件
         checkboxChange(e) {
            const values = e.detail.value;
            this.options = this.options.map((item) => {
            this.checkboxList = this.checkboxList.map((item) => {
               return {
                  ...item,
                  checked: values.includes(item.value)
                  checked: values.includes(item.value),
               };
            });
         },

         // 确认选择
      confirmSelection() {
            this.form.value7 = this.options
         confirmSelection() {
            this.form.value7 = this.checkboxList
               .filter((item) => item.checked)
               .map((item) => item.label);
         },
@@ -325,16 +308,21 @@
   }

   .confirm-btn {
      color: #007AFF;
      color: #007aff;
      font-size: 28rpx;
   }

   /* 复选框样式 */
   .checkbox-item {
      width: 200px;
      display: flex;
      align-items: center;
      padding: 20rpx 0;
      border-bottom: 1rpx solid #f5f5f5;
      .label{
         position: relative;
         left: 130px;
      }
   }

   .checkbox-item:last-child {
@@ -344,4 +332,16 @@
   .checkbox-item .label {
      margin-left: 20rpx;
   }

   .item-one {
      font-size: 30rpx;
      color: #0c0c0c;
      margin-right: 6rpx;
   }

   .item-two {
      font-size: 30rpx;
      color: #a5abb4;
      margin-right: 6rpx;
   }
</style>