| | |
| | | <template> |
| | | <el-form-item :label="placeholder"> |
| | | <el-form-item :label="placeholder" :prop="prop"> |
| | | <el-cascader |
| | | v-model="selectedOptions" |
| | | :options="locations" |
| | |
| | | checkStrictly: { |
| | | type: Boolean, |
| | | default: true |
| | | } |
| | | }, |
| | | prop: String |
| | | }, |
| | | emits: ['update:value'], |
| | | data() { |
| | |
| | | return |
| | | } |
| | | if (nVal != oVal) { |
| | | if (nVal || nVal.length > 0) { |
| | | this.selectedOptions = this.optionFormatReverse(nVal); |
| | | } |
| | | this.selectedOptions = this.optionFormatReverse(nVal) |
| | | } |
| | | }, |
| | | deep: true, |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | methods: { |
| | | /** |
| | |
| | | }, |
| | | optionFormatReverse(val) { |
| | | const res = [] |
| | | if (val.pCode) { |
| | | res.push([val.pCode, val.pName]) |
| | | } |
| | | if (val.cCode) { |
| | | res.push([val.cCode, val.cName]) |
| | | } |
| | | if (val.dCode) { |
| | | res.push([val.dCode, val.dName]) |
| | | } |
| | | if (val.tCode) { |
| | | res.push([val.tCode, val.tName]) |
| | | if (val) { |
| | | if (val.pCode) { |
| | | res.push([val.pCode, val.pName]) |
| | | } |
| | | if (val.cCode) { |
| | | res.push([val.cCode, val.cName]) |
| | | } |
| | | if (val.dCode) { |
| | | res.push([val.dCode, val.dName]) |
| | | } |
| | | if (val.tCode) { |
| | | res.push([val.tCode, val.tName]) |
| | | } |
| | | } |
| | | return res |
| | | } |