| | |
| | | <!-- 核磅录入 --> |
| | | <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="235" labelAlign="left" :rules="rules" :error-type="['toast']" |
| | | class="uForm"> |
| | | <u-form-item label="产品类型:" :border-bottom="false" prop="productType" style="font-size: 16px; height: 40px"> |
| | | <u-radio-group v-model="form.productType" @change="handleProductTypeChange" class="radio-group-large"> |
| | | <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="235" |
| | | labelAlign="left" |
| | | :rules="rules" |
| | | :error-type="['toast']" |
| | | class="uForm" |
| | | > |
| | | <u-form-item |
| | | label="产品类型:" |
| | | :border-bottom="false" |
| | | prop="productType" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <u-radio-group |
| | | v-model="form.productType" |
| | | @change="handleProductTypeChange" |
| | | class="radio-group-large" |
| | | > |
| | | <u-radio name="DT01" class="radio-large">导体</u-radio> |
| | | <u-radio name="TG01" class="radio-large">铜杆</u-radio> |
| | | <u-radio name="DT02" class="radio-large">导体2.6</u-radio> |
| | | <!-- <u-radio name="ZF01" class="radio-large">直发</u-radio> --> |
| | | </u-radio-group> |
| | | </u-form-item> |
| | | <!-- <u-form-item |
| | |
| | | <u-radio name="0">否</u-radio> |
| | | </u-radio-group> |
| | | </u-form-item> --> |
| | | <u-form-item label="车牌号:" :border-bottom="false" prop="licensePlate" style="font-size: 16px; height: 40px"> |
| | | <u-input v-model="form.licensePlate" type="select" placeholder="请输入车牌号" @click="lpn" :custom-style="{ |
| | | <u-form-item |
| | | label="车牌号:" |
| | | :border-bottom="false" |
| | | prop="licensePlate" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <u-input |
| | | v-model="form.licensePlate" |
| | | type="select" |
| | | placeholder="请输入车牌号" |
| | | @click="lpn" |
| | | :custom-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" :input-style="{ |
| | | }" |
| | | :input-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" /> |
| | | }" |
| | | /> |
| | | </u-form-item> |
| | | <u-form-item label="客户名称1:" :border-bottom="false" prop="customerName1" |
| | | style="font-size: 16px; height: 40px"> |
| | | <picker class="item-one item-two" style="width: 100%; font-size: 16px; text-align: right" |
| | | @change="selClientChange($event, selClientList, 'customerName1')" :value="selClientIndex1" |
| | | :range="selClientList" range-key="label"> |
| | | <u-form-item |
| | | label="客户名称1:" |
| | | :border-bottom="false" |
| | | prop="customerName1" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <picker |
| | | class="item-one item-two" |
| | | style="width: 100%; font-size: 16px; text-align: right" |
| | | @change="selClientChange($event, selClientList, 'customerName1')" |
| | | :value="selClientIndex1" |
| | | :range="selClientList" |
| | | range-key="label" |
| | | > |
| | | <view> |
| | | <text :style="{ |
| | | <text |
| | | :style="{ |
| | | color: selClientIndex1 == null ? '#a5abb4' : '#0c0c0c', |
| | | }">{{ |
| | | }" |
| | | >{{ |
| | | selClientIndex1 == null |
| | | ? "请选择" |
| | | : selClientList[selClientIndex1].label |
| | | }}</text> |
| | | }}</text |
| | | > |
| | | </view> |
| | | </picker> |
| | | <u-icon v-if="selClientIndex1 == null" name="arrow-right" color="#687792" size="28"></u-icon> |
| | | <u-icon |
| | | v-if="selClientIndex1 == null" |
| | | name="arrow-right" |
| | | color="#687792" |
| | | size="28" |
| | | ></u-icon> |
| | | </u-form-item> |
| | | <u-form-item label="发货通知单号:" :border-bottom="false" prop="shippingNoticeNo1" |
| | | style="font-size: 16px; height: 40px" :label-width="300"> |
| | | <u-input v-model="form.shippingNoticeNo1" placeholder="" disabled :custom-style="{ |
| | | <u-form-item |
| | | label="发货通知单号:" |
| | | :border-bottom="false" |
| | | prop="shippingNoticeNo1" |
| | | style="font-size: 16px; height: 40px" |
| | | :label-width="300" |
| | | > |
| | | <u-input |
| | | v-model="form.shippingNoticeNo1" |
| | | placeholder="" |
| | | disabled |
| | | :custom-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" :input-style="{ |
| | | }" |
| | | :input-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" /> |
| | | }" |
| | | /> |
| | | </u-form-item> |
| | | <u-form-item label="客户名称2:" :border-bottom="false" prop="customerName2" |
| | | style="font-size: 16px; height: 40px"> |
| | | <picker class="item-one item-two" style="width: 100%; font-size: 16px; text-align: right" |
| | | @change="selClientChange($event, selClientList, 'customerName2')" :value="selClientIndex2" |
| | | :range="selClientList" range-key="label"> |
| | | <u-form-item |
| | | label="客户名称2:" |
| | | :border-bottom="false" |
| | | prop="customerName2" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <picker |
| | | class="item-one item-two" |
| | | style="width: 100%; font-size: 16px; text-align: right" |
| | | @change="selClientChange($event, selClientList, 'customerName2')" |
| | | :value="selClientIndex2" |
| | | :range="selClientList" |
| | | range-key="label" |
| | | > |
| | | <view> |
| | | <text :style="{ |
| | | <text |
| | | :style="{ |
| | | color: selClientIndex2 == null ? '#a5abb4' : '#0c0c0c', |
| | | }">{{ |
| | | }" |
| | | >{{ |
| | | selClientIndex2 == null |
| | | ? "请选择" |
| | | : selClientList[selClientIndex2].label |
| | | }}</text> |
| | | }}</text |
| | | > |
| | | </view> |
| | | </picker> |
| | | <u-icon v-if="selClientIndex2 == null" name="arrow-right" color="#687792" size="28"></u-icon> |
| | | <u-icon |
| | | v-if="selClientIndex2 == null" |
| | | name="arrow-right" |
| | | color="#687792" |
| | | size="28" |
| | | ></u-icon> |
| | | </u-form-item> |
| | | <u-form-item label="发货通知单号:" :border-bottom="false" prop="shippingNoticeNo2" |
| | | style="font-size: 16px; height: 40px" :label-width="300"> |
| | | <u-input v-model="form.shippingNoticeNo2" placeholder="" disabled :custom-style="{ |
| | | <u-form-item |
| | | label="发货通知单号:" |
| | | :border-bottom="false" |
| | | prop="shippingNoticeNo2" |
| | | style="font-size: 16px; height: 40px" |
| | | :label-width="300" |
| | | > |
| | | <u-input |
| | | v-model="form.shippingNoticeNo2" |
| | | placeholder="" |
| | | disabled |
| | | :custom-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" :input-style="{ |
| | | }" |
| | | :input-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" /> |
| | | }" |
| | | /> |
| | | </u-form-item> |
| | | <u-form-item label="生产车间:" :border-bottom="false" prop="workshop" style="font-size: 16px; height: 40px"> |
| | | <picker class="item-one item-two" style="width: 100%; text-align: right; font-size: 16px" |
| | | @change="workshopChange($event, workshopList)" :value="workshopIndex" :range="workshopList" |
| | | range-key="label" :disabled="!form.productType"> |
| | | <u-form-item |
| | | label="生产车间:" |
| | | :border-bottom="false" |
| | | prop="workshop" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <picker |
| | | class="item-one item-two" |
| | | style="width: 100%; text-align: right; font-size: 16px" |
| | | @change="workshopChange($event, workshopList)" |
| | | :value="workshopIndex" |
| | | :range="workshopList" |
| | | range-key="label" |
| | | :disabled="!form.productType" |
| | | > |
| | | <view> |
| | | <text :style="{ color: workshopIndex == null ? '#a5abb4' : '#0c0c0c' }">{{ |
| | | <text |
| | | :style="{ color: workshopIndex == null ? '#a5abb4' : '#0c0c0c' }" |
| | | >{{ |
| | | workshopIndex == null |
| | | ? "请选择" |
| | | : workshopList[workshopIndex].label |
| | | }}</text> |
| | | }}</text |
| | | > |
| | | </view> |
| | | </picker> |
| | | <u-icon v-if="workshopIndex == null" name="arrow-right" color="#687792" size="28"></u-icon> |
| | | <u-icon |
| | | v-if="workshopIndex == null" |
| | | name="arrow-right" |
| | | color="#687792" |
| | | size="28" |
| | | ></u-icon> |
| | | </u-form-item> |
| | | <u-form-item label="司磅员:" :border-bottom="false" prop="weighingOperator" |
| | | style="font-size: 16px; height: 40px"> |
| | | <picker class="item-one item-two" style="width: 100%; text-align: right; font-size: 16px" |
| | | @change="weighmanChange($event, weighmanList)" :value="weighmanIndex" :range="weighmanList" |
| | | range-key="label"> |
| | | <u-form-item |
| | | label="司磅员:" |
| | | :border-bottom="false" |
| | | prop="weighingOperator" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <picker |
| | | class="item-one item-two" |
| | | style="width: 100%; text-align: right; font-size: 16px" |
| | | @change="weighmanChange($event, weighmanList)" |
| | | :value="weighmanIndex" |
| | | :range="weighmanList" |
| | | range-key="label" |
| | | > |
| | | <view> |
| | | <text :style="{ color: weighmanIndex == null ? '#a5abb4' : '#0c0c0c' }">{{ |
| | | <text |
| | | :style="{ color: weighmanIndex == null ? '#a5abb4' : '#0c0c0c' }" |
| | | >{{ |
| | | weighmanIndex == null |
| | | ? "请选择" |
| | | : weighmanList[weighmanIndex].label |
| | | }}</text> |
| | | }}</text |
| | | > |
| | | </view> |
| | | </picker> |
| | | <u-icon v-if="weighmanIndex == null" name="arrow-right" color="#687792" size="28"></u-icon> |
| | | <u-icon |
| | | v-if="weighmanIndex == null" |
| | | name="arrow-right" |
| | | color="#687792" |
| | | size="28" |
| | | ></u-icon> |
| | | </u-form-item> |
| | | <u-form-item label="叉车工:" :border-bottom="false" prop="forkliftOperator" |
| | | style="font-size: 16px; height: 40px"> |
| | | <u-input v-model="form.forkliftOperator" type="select" placeholder="请选择" :custom-style="{ |
| | | <u-form-item |
| | | label="叉车工:" |
| | | :border-bottom="false" |
| | | prop="forkliftOperator" |
| | | style="font-size: 16px; height: 40px" |
| | | > |
| | | <u-input |
| | | v-model="form.forkliftOperator" |
| | | type="select" |
| | | placeholder="请选择" |
| | | :custom-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" :input-style="{ |
| | | }" |
| | | :input-style="{ |
| | | fontSize: '16px', |
| | | height: '40px', |
| | | lineHeight: '40px', |
| | | }" @click="openForkliftDriverList" /> |
| | | }" |
| | | @click="openForkliftDriverList" |
| | | /> |
| | | </u-form-item> |
| | | </u-form> |
| | | <u-button type="primary" class="bottom-button1" @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.licensePlate" label="车牌号:" placeholder="请输入" :border-bottom="false"> |
| | | <u-field |
| | | v-model="form.licensePlate" |
| | | 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" style="padding: 20rpx"> |
| | | <scroll-view scroll-y="true" style="height: 400rpx; transform: translateZ(0)"> |
| | | <scroll-view |
| | | scroll-y="true" |
| | | style="height: 400rpx; transform: translateZ(0)" |
| | | > |
| | | <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> |
| | |
| | | forkliftOperator: "", |
| | | }, |
| | | rules: { |
| | | productType: [{ |
| | | productType: [ |
| | | { |
| | | required: true, |
| | | message: "请选择产品类型", |
| | | trigger: ["change"], |
| | | }, ], |
| | | }, |
| | | ], |
| | | // replace: [ |
| | | // { |
| | | // required: true, |
| | |
| | | // trigger: ["change", "blur"], |
| | | // }, |
| | | // ], |
| | | licensePlate: [{ |
| | | licensePlate: [ |
| | | { |
| | | required: true, |
| | | message: "请输入车牌号", |
| | | trigger: ["change", "blur"], |
| | | }, ], |
| | | workshop: [{ |
| | | }, |
| | | ], |
| | | workshop: [ |
| | | { |
| | | required: true, |
| | | message: "请选择生产车间", |
| | | trigger: ["change"], |
| | | }, ], |
| | | weighingOperator: [{ |
| | | }, |
| | | ], |
| | | weighingOperator: [ |
| | | { |
| | | required: true, |
| | | message: "请选择司磅员", |
| | | trigger: ["change"], |
| | | }, ], |
| | | forkliftOperator: [{ |
| | | }, |
| | | ], |
| | | forkliftOperator: [ |
| | | { |
| | | type: "string", |
| | | required: true, |
| | | message: "请至少选择一个叉车工", |
| | | trigger: ["change"], |
| | | }, ], |
| | | }, |
| | | ], |
| | | }, |
| | | // 客户名称 |
| | | selClientList: [], |
| | |
| | | return; |
| | | } |
| | | } |
| | | |
| | | if (selectedWorkshop.label.includes("直发") && productType !== "DT02") { |
| | | uni.showModal({ |
| | | title: "提示", |
| | | content: "直发产品只能选择导体2.6车间", |
| | | showCancel: false, |
| | | }); |
| | | return; |
| | | } |
| | | this.workshopIndex = e.target.value; |
| | | this.form.workshop = selectedWorkshop.value; |
| | | }, |