You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.4 KiB
63 lines
1.4 KiB
<template>
|
|
<view class="jnpf-relation jnpf-relation-right">
|
|
<u-input input-align='right' disabled :placeholder="placeholder" v-model="value"></u-input>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'jnpf-relation-attr',
|
|
model: {
|
|
prop: 'value',
|
|
event: 'input'
|
|
},
|
|
props: ["showField", "relationField", 'type', 'isStorage'],
|
|
data() {
|
|
return {
|
|
value: ''
|
|
}
|
|
},
|
|
computed: {
|
|
relationData() {
|
|
return this.$store.getters.relationData
|
|
},
|
|
placeholder() {
|
|
const typeMap = {
|
|
relationFormAttr: {
|
|
0: '用于展示关联表单的属性，且数据不会保存',
|
|
1: '用于展示关联表单的属性，且数据同时会保存入库'
|
|
},
|
|
popupAttr: {
|
|
0: '用于展示弹窗选择的属性，且数据不会保存',
|
|
1: '用于展示关联弹窗的属性，且数据同时会保存入库'
|
|
}
|
|
};
|
|
if (this.type && this.isStorage !== undefined) {
|
|
return typeMap[this.type][this.isStorage] || '';
|
|
}
|
|
}
|
|
},
|
|
watch: {
|
|
relationData: {
|
|
handler(val) {
|
|
if (!this.showField || !this.relationField) return
|
|
let obj = val[this.relationField] || {}
|
|
this.value = obj[this.showField] ? obj[this.showField] : ''
|
|
this.$emit('input', this.value)
|
|
this.$emit('change', this.value)
|
|
},
|
|
deep: true
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.jnpf-relation {
|
|
width: 100%;
|
|
|
|
&.jnpf-relation-right {
|
|
text-align: right;
|
|
}
|
|
}
|
|
</style> |