|
|
@ -32,7 +32,11 @@
|
|
|
|
<picker-view :value="[nSel]" class="pickerView" :mask-style="'background-color:' + bgColor" :indicator-style="selStyle" @change="selChange">
|
|
|
|
<picker-view :value="[nSel]" class="pickerView" :mask-style="'background-color:' + bgColor" :indicator-style="selStyle" @change="selChange">
|
|
|
|
<picker-view-column>
|
|
|
|
<picker-view-column>
|
|
|
|
<view class="opItem" v-for="(item, index) in listData" :key="index">
|
|
|
|
<view class="opItem" v-for="(item, index) in listData" :key="index">
|
|
|
|
<view style="color:#9b1f1f;text-align:left" v-if="showCode">{{ delzero(item[valKey])|| item}}</view>
|
|
|
|
<view style="color: #9b1f1f; text-align: left">
|
|
|
|
|
|
|
|
<span v-if="showCode">物料:{{ delzero(item[valKey]) || item }}</span>
|
|
|
|
|
|
|
|
<span v-if="duoyukey"><span> </span>采购单:{{ item[duoyukey] }}</span>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<view>{{ item[showKey] || item }}</view>
|
|
|
|
<view>{{ item[showKey] || item }}</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</picker-view-column>
|
|
|
|
</picker-view-column>
|
|
|
@ -47,12 +51,13 @@
|
|
|
|
* 选择组件
|
|
|
|
* 选择组件
|
|
|
|
* @property {Array} options 选择数组
|
|
|
|
* @property {Array} options 选择数组
|
|
|
|
* @property {String} showKey 显示的对象键名
|
|
|
|
* @property {String} showKey 显示的对象键名
|
|
|
|
|
|
|
|
* @property {String} duoyukey 取值的对象键名
|
|
|
|
* @property {String} val 默认选中下标
|
|
|
|
* @property {String} val 默认选中下标
|
|
|
|
* @property {String} valKey 取值的对象键名
|
|
|
|
* @property {String} valKey 取值的对象键名
|
|
|
|
* @property {Boolean} disabled 是否只读
|
|
|
|
* @property {Boolean} disabled 是否只读
|
|
|
|
* * @property {String} moren 是否只读
|
|
|
|
* * @property {String} moren 是否只读
|
|
|
|
* @property {Boolean} showCode 是否在选项中增加code显示,且是处理后的,去掉物料编码中前面的几个零
|
|
|
|
* @property {Boolean} showCode 是否在选项中增加code显示,且是处理后的,去掉物料编码中前面的几个零
|
|
|
|
*
|
|
|
|
*
|
|
|
|
* @event {Function} position 搜索框位置
|
|
|
|
* @event {Function} position 搜索框位置
|
|
|
|
* @event {Function} sure 确认事件
|
|
|
|
* @event {Function} sure 确认事件
|
|
|
|
* @example <jPicker :disabled="false" class="cont" @sure="bindPickerChange($event,'TYPE')" showKey="Name" valKey="Value" :val="CurrentType" :options="FilterArray" />
|
|
|
|
* @example <jPicker :disabled="false" class="cont" @sure="bindPickerChange($event,'TYPE')" showKey="Name" valKey="Value" :val="CurrentType" :options="FilterArray" />
|
|
|
@ -73,7 +78,7 @@ export default {
|
|
|
|
keyWord: '',
|
|
|
|
keyWord: '',
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
props: ['options', 'moren', 'showKey', 'valKey', 'val', 'position', 'disabled', 'bgColor', 'sureColor', 'focus', 'showCode'],
|
|
|
|
props: ['options', 'moren', 'showKey', 'duoyukey', 'valKey', 'val', 'position', 'disabled', 'bgColor', 'sureColor', 'focus', 'showCode'],
|
|
|
|
//选项数组,列表显示的对象键名,取值的对象键名,默认选中值,搜索框位置,是否禁用,整体背景色,确认键颜色
|
|
|
|
//选项数组,列表显示的对象键名,取值的对象键名,默认选中值,搜索框位置,是否禁用,整体背景色,确认键颜色
|
|
|
|
watch: {
|
|
|
|
watch: {
|
|
|
|
options(n) {
|
|
|
|
options(n) {
|
|
|
@ -105,7 +110,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
delzero(item){
|
|
|
|
delzero(item) {
|
|
|
|
return item.slice(item.search(/[1-9]/));
|
|
|
|
return item.slice(item.search(/[1-9]/));
|
|
|
|
},
|
|
|
|
},
|
|
|
|
showPicker() {
|
|
|
|
showPicker() {
|
|
|
@ -360,7 +365,7 @@ export default {
|
|
|
|
color: #000000;
|
|
|
|
color: #000000;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content:space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|