样式调整，移库增加二维码扫描功能，报工二维码扫描回显

yyb

4 天以前 4d98f85da66a261583894af65ad9f53d8017bbf6

 pages/wareHouse/nuclearScale/createwriteoffform.vue

@@ -2,22 +2,9 @@
  <!-- 核磅录入 -->
  <div class="page">
    <view class="packing-registration-bg" />
    <u-navbar
      title="核磅录入"
      :background="background"
      :border-bottom="false"
      :title-bold="true"
      title-color="#000"
      back-icon-color="#000"
    />
    <u-form
      :model="form"
      ref="uForm"
      :label-width="200"
      :rules="rules"
      :error-type="['toast']"
      class="uForm"
    >
      <u-navbar title="核磅录入" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
         back-icon-color="#000" />
      <u-form :model="form" ref="uForm" :label-width="200" :rules="rules" :error-type="['toast']" class="uForm">
      <u-form-item label="产品类型" :border-bottom="false" prop="value0">
        <u-radio-group v-model="form.value0">
          <u-radio name="导体">导体</u-radio>
@@ -32,137 +19,71 @@
        </u-radio-group>
      </u-form-item>
      <u-form-item label="车牌号" :border-bottom="false" prop="value2">
        <u-input
          v-model="form.value2"
          type="select"
          placeholder="请输入车牌号"
          @click="lpn"
        />
            <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 item-two"
          style="width: 100%; text-align: right"
          @change="locNoNumBindChange($event, locNoList)"
          :value="locNoNumIndex"
          :range="locNoList"
          range-key="label"
        >
            <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
              :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }"
              >{{
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text
            >
              }}</text>
          </view>
        </picker>
        <u-icon
          v-if="locNoNumIndex == null"
          name="arrow-right"
          color="#687792"
          size="28"
        ></u-icon>
            <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="value4">
        <u-input v-model="form.value4" placeholder="" disabled />
      </u-form-item>
      <u-form-item label="生产车间" :border-bottom="false" prop="value5">
        <picker
          class="item-one item-two"
          style="width: 100%; text-align: right"
          @change="locNoNumBindChange($event, locNoList)"
          :value="locNoNumIndex"
          :range="locNoList"
          range-key="label"
        >
            <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
              :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }"
              >{{
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text
            >
              }}</text>
          </view>
        </picker>
        <u-icon
          v-if="locNoNumIndex == null"
          name="arrow-right"
          color="#687792"
          size="28"
        ></u-icon>
            <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 item-two"
          style="width: 100%; text-align: right"
          @change="locNoNumBindChange($event, locNoList)"
          :value="locNoNumIndex"
          :range="locNoList"
          range-key="label"
        >
            <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
              :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }"
              >{{
                  <text :style="{ color: locNoNumIndex == null ? '#a5abb4' : '#0c0c0c' }">{{
                locNoNumIndex == null
                  ? "请选择"
                  : locNoList[locNoNumIndex].label
              }}</text
            >
              }}</text>
          </view>
        </picker>
        <u-icon
          v-if="locNoNumIndex == null"
          name="arrow-right"
          color="#687792"
          size="28"
        ></u-icon>
            <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="value7">
        <u-input
          v-model="form.value7"
          type="select"
          placeholder="请选择"
          @click="openForkliftDriverList"
        />
            <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 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"
    >
      <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 checkboxList"
              :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>
@@ -182,8 +103,7 @@
  },
  data() {
    return {
      checkboxList: [
        {
            checkboxList: [{
          label: "工人1",
          value: "a",
          checked: false,
@@ -204,7 +124,7 @@
          checked: false,
        },
        {
          label: "工人5",
                  label: "工人",
          value: "5",
          checked: false,
        },
@@ -229,27 +149,21 @@
        value8: "",
      },
      rules: {
        value0: [
          {
               value0: [{
            required: true,
            message: "请选择产品类型",
            trigger: ["change"],
          },
        ],
        value1: [
          {
               }, ],
               value1: [{
            required: true,
            message: "请选择是否替换二维码",
            trigger: ["change", "blur"],
          },
        ],
        value2: [
          {
               }, ],
               value2: [{
            required: true,
            message: "请输入车牌号",
            trigger: ["change", "blur"],
          },
        ],
               }, ],
        // value3: [
        //   {
        //     required: true,
@@ -257,38 +171,29 @@
        //     trigger: ["change", "blur"],
        //   },
        // ],
        value4: [
          {
               value4: [{
            required: true,
            message: "请输入发货通知单号",
            trigger: ["change"],
          },
        ],
        value5: [
          {
               }, ],
               value5: [{
            required: true,
            message: "请选择生产车间",
            trigger: ["change"],
          },
        ],
        value6: [
          {
               }, ],
               value6: [{
            required: true,
            message: "请选择司磅员",
            trigger: ["change"],
          },
        ],
        value7: [
          {
               }, ],
               value7: [{
            type: "array",
            required: true,
            message: "请至少选择一个叉车工",
            trigger: ["change"],
               }, ],
          },
        ],
      },
      locNoList: [
        {
            locNoList: [{
          value: "0",
          label: "公司1",
        },
@@ -409,10 +314,15 @@

/* 复选框样式 */
.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 {