cosmoim-852 fix 所有页面选择框优化

master
hou 3 years ago
parent 34090c262d
commit 4a412f04e1

@ -21,8 +21,9 @@
</u-form-item>
<!-- 成品编码 -->
<u-form-item :required="true" :label="$t('message.product_FGCode')">
<u-input v-model="form.rowItem" type="select" @click="materialCodeSelect = true" :placeholder="$t('message.po_PleaseInput')" />
<u-select :confirm-text="$t('message.product_Confirm')" :cancel-text="$t('message.product_Cancel')" v-model="materialCodeSelect" :list="model.materielList" @confirm="materialConfirm"></u-select>
<!-- <u-input v-model="form.rowItem" type="select" @click="materialCodeSelect = true" :placeholder="$t('message.po_PleaseInput')" />
<u-select :confirm-text="$t('message.product_Confirm')" :cancel-text="$t('message.product_Cancel')" v-model="materialCodeSelect" :list="model.materielList" @confirm="materialConfirm"></u-select> -->
<jPicker sureColor="#ff0000" style="width: 230rpx" @bindpicker="materialConfirm" showKey="value" valKey="value" :val="form.rowItem" class="search" :options="model.materielList" />
</u-form-item>
<!-- 成品描述 -->
<u-form-item :label="$t('message.product_FGDes')">
@ -83,7 +84,12 @@ import { VForm, VFormRules } from 'vue/types/form';
import model from './model';
import { session } from '@/store/modules/session';
import { headers } from './config';
@Component
import jPicker from '@/components/J-Picker/jPicker.vue';
@Component({
components: {
jPicker,
},
})
export default class stoOutboundDom extends BasePage {
@Ref('form') readonly $form!: VForm;
@Ref('table') readonly $table: any;
@ -103,6 +109,7 @@ export default class stoOutboundDom extends BasePage {
row: '',
barCode: '',
};
wl: any = '';
rowItemIndex: any = null;
materialList: any = []; //
//
@ -127,11 +134,9 @@ export default class stoOutboundDom extends BasePage {
async onReady() {
this.$form.setRules(this.rules);
await model.queryReturningTypeList();
this.form.orderNo = JSON.parse(uni.getStorageSync('SweepCode'));
uni.removeStorageSync('SweepCode');
if (this.form.orderNo == null) {
return;
} else {
if (uni.getStorageSync('SweepCode')) {
this.form.orderNo = JSON.parse(uni.getStorageSync('SweepCode'));
uni.removeStorageSync('SweepCode');
this.query();
}
}
@ -210,10 +215,8 @@ export default class stoOutboundDom extends BasePage {
}
//
materialConfirm(v: any) {
console.log('v[0].value', v);
this.model.materielList.forEach((item: any) => {
if (v[0].value == item.materialCode) {
console.log('item', item);
if (v.pickerName.materialCode == item.materialCode) {
this.form.productCode = item.materialCode;
this.form.productDescZh = item.materialDesc;
this.form.rowItem = item.materialCode;

@ -17,8 +17,7 @@
</u-form-item>
<!-- 物料号选择 -->
<u-form-item :required="true" :label="$t('message.CommissionedMaterielNo')">
<u-input v-model="orderlist.productCode" type="select" @click="materialCodeSelect = true" :placeholder="$t('message.Warehouse_Tip6')" />
<u-select :confirm-text="$t('message.product_Confirm')" :cancel-text="$t('message.product_Cancel')" v-model="materialCodeSelect" :list="model.materielList" @confirm="materialConfirm"></u-select>
<jPicker sureColor="#ff0000" style="width: 230rpx" @bindpicker="materialConfirm" showKey="value" valKey="value" :val="orderlist.productCode" class="search" :options="model.materielList" />
</u-form-item>
<!-- 物料描述 -->
<u-form-item :label="$t('message.po_MaterielDes')">
@ -60,7 +59,12 @@ import { Component } from 'vue-property-decorator';
import { BasePage } from '@/components/base/page';
import model from './model';
import { session } from '@/store/modules/session';
@Component
import jPicker from '@/components/J-Picker/jPicker.vue';
@Component({
components: {
jPicker,
},
})
export default class KanDanHandOver extends BasePage {
order3 = '';
NEWqty = '';
@ -91,7 +95,7 @@ export default class KanDanHandOver extends BasePage {
}
//
materialConfirm(v: any) {
this.orderlist.productCode = v[0].label;
this.orderlist.productCode = v.pickerName.productCode;
model.materielList.forEach((item: any) => {
if (this.orderlist.productCode == item.productCode) {
this.orderlist = item;

@ -65,9 +65,10 @@ export class rowTransfer extends VuexModule {
const orderInInfoList = records.data.records;
const materielList = orderInInfoList.map((item: any) => ({
label: item.productCode,
value: item.stoItem,
value: item.productCode,
...item,
}));
console.log('materielList', materielList);
return { orderInInfoList, materielList, code };
} catch {
//uni.showToast({ icon: 'none', title: vm.$t('message.Warehouse_Tip11') as any });

Loading…
Cancel
Save