核磅录入/库存件盘点样式修改

yyb

3 天以前 b32694dc943c4aac1ed14dddbc22292a50428d08

核磅录入/库存件盘点样式修改

 pages/wareHouse/InventoryCountStockItems/index.vue

@@ -63,12 +63,12 @@
                <u-button class="btn" type="primary" @click="goSubmit">提交</u-button>
        </view>
        <view class="wrap">
            <scroll-view class="packing-registration-scroll-list" scroll-y="true">
                <u-cell-group class="packing-registration-scroll-list-group" :border="false">
                    <!-- <div class="tip" style="text-align: center;" v-if="hasScanSnList.length==0">-请扫码-</div> -->
                    <view class="textST">
                        <text >{{`本次盘点记录(共${registerInfo.num}条)：`}}</text>
                    </view>
            <scroll-view class="packing-registration-scroll-list" scroll-y="true">
                <u-cell-group class="packing-registration-scroll-list-group" :border="false">
                    <!-- <div class="tip" style="text-align: center;" v-if="hasScanSnList.length==0">-请扫码-</div> -->
                    <view class="content" v-for="(item, index) in hasScanSnList" :key="index" :index="index">
                        <view class="content-header">
                            <view class="content-header-title">{{ index + 1 }}</view>
@@ -386,6 +386,7 @@
.textST {
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 15px;
}
.packing-registration-bg {
    background-color: #F6F9FF;
@@ -471,7 +472,7 @@
}

.wrap .packing-registration-scroll-list {
    height: calc(100vh - var(--window-top) - var(--window-bottom) - 780rpx);
    height: calc(100vh - var(--window-top) - var(--window-bottom) - 805rpx);
    width: 100%;
}


 pages/wareHouse/nuclearScale/createwriteoffform.vue

@@ -2,9 +2,22 @@
    <!-- 核磅录入 -->
    <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>
@@ -19,65 +32,137 @@
                </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" 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>{{
              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-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" 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>{{
              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-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"
                    @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>{{
              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-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-button" @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 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>
@@ -97,25 +182,31 @@
        },
        data() {
            return {
                checkboxList: [{
                        name: "工人1",
                        value: "1",
      checkboxList: [
        {
          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: "工人5",
                        value: "5",
          checked: false,
                    },
                ],
                background: {
@@ -138,21 +229,27 @@
                    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,
@@ -160,29 +257,38 @@
                    //     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",
                    },
@@ -209,33 +315,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 +323,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
      this.form.value7 = this.checkboxList
                    .filter((item) => item.checked)
                    .map((item) => item.label);
            },
@@ -325,7 +403,7 @@
    }

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

@@ -344,4 +422,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>