Commit 78b7ffe8 authored by xioln's avatar xioln

器材代用架次名称和副标题

parent ea00703e
export default {
props: {},
layoutConfigData: [
{
title: '高级组件配置',
data: [
{
key: 'linkageAttr',
title: '联动属性',
component: {
defaultValue: 'airModel',
name: 'el-input'
}
}
]
}
],
data() {
return {
}
},
created() {
},
computed: {
},
methods: {
}
}
/**
* @Description: 架次名称选择
* @author xioln
* @date 2023-10-08
*/
<template>
<div class="getSorties-select">
<el-select v-model="selVal" placeholder="请选择" size="mini" :disabled="disabledVal" @change="changeVal">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
</template>
<script>
import config from './config'
import _get from 'lodash.get'
export default {
componentName: '架次名称',
name: 'GetSortiesSelect', // name写在组件的最前方,自定义组件为必填
components: {},
mixins: [config],
props: {
itemObj: {
type: Object,
default: null
},
form: {
type: Object,
default: () => {}
},
middleForm: {
type: Object,
default: () => {}
},
value: {
type: [Number, String, Object],
default: () => ''
}
},
data() {
return {
options: [],
selVal: '',
disabledVal: false,
linkageValue: ''
}
},
computed: {},
watch: {
form: {
immediate: true,
deep: true,
handler(val) {
if (val) {
if (!this.itemObj.linkageAttr) {
return
}
const _val = _get(this.form, this.itemObj.linkageAttr)
if (_val !== this.linkageValue) {
this.linkageValue = _val
this.getData(_val)
}
}
}
},
itemObj: {
immediate: true,
deep: true,
handler(v) {
if (v.component.hasOwnProperty('disabled')) {
this.disabledVal = v.component.disabled
}
}
},
value: {
immediate: true,
deep: true,
handler(v) {
if (v) {
this.selVal = this.value
}
}
}
},
created() {
// 初始化数据
},
methods: {
getData(val) {
if (val) {
const params = {
searchItems: {
items: [{ 'fieldName': 'aircraftType.defName', operator: 'EQ', value: val }],
operator: 'AND'
}
}
this.$api.searchApi('AircraftSorties', params).then(res => {
this.options = res.items.content.map(row => {
return {
value: row.defName,
label: row.defName
}
})
})
}
},
changeVal() {
this.$emit('input', this.selVal)
}
}
}
</script>
<style lang='scss'>
</style>
export default {
props: {},
layoutConfigData: [
{
title: '高级组件配置',
data: [
{
key: 'imgUrl',
title: '图标地址',
component: {
defaultValue: '/icons/c-add.png',
name: 'el-input'
}
},
{
key: 'subTitle',
title: '副标题',
component: {
defaultValue: '标题',
name: 'el-input'
}
}
]
}
],
data() {
return {
}
},
created() {
},
computed: {
},
methods: {
}
}
/**
* @Description: 副标题
* @author xioln
* @date 2023-10-07
*/
<template>
<div class="sub-title-page">
<span> <img v-if="imgUrl" :src="imgUrl" alt="">{{ title }}</span>
</div>
</template>
<script>
import config from './config'// 默认值为extWorkCenteName不是extWorkCenterName
export default {
componentName: '副标题',
name: 'SubTitle',
components: {},
mixins: [config],
props: {
itemObj: {
type: Object,
default: null
}
},
data() {
return {
title: '',
imgUrl: ''
}
},
computed: {},
watch: {
itemObj: {
handler(val, oldVal) {
this.title = val.subTitle
this.imgUrl = val.imgUrl
},
deep: true,
immediate: true
}
},
created() {
// 初始化数据
this.title = this.itemObj.subTitle
this.imgUrl = this.itemObj.imgUrl
},
methods: {
}
}
</script>
<style lang='scss'>
.sub-title-page {
span {
padding-left: 10px !important;
font-weight: 500;
font-size: 14px;
color: #606266;
img {
width: 16px;
height: 16px;
vertical-align: sub;
margin-right: 5px;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment