<script setup>
|
import {onMounted, ref} from "vue"
|
import {useI18n} from "vue-i18n"
|
const { t } = useI18n()
|
|
const props = defineProps({
|
basicData:{
|
hollowThickness:[],
|
hollowGasType:null,
|
gasType:null,
|
}
|
})
|
let interlayerBasic = ref({
|
thickness:"",
|
color:"",
|
types:"",
|
price:null,
|
type:'interlayer'
|
})
|
|
const emit = defineEmits(['getChild'])
|
|
const save = ()=>{
|
emit('getChild',interlayerBasic.value)
|
}
|
|
</script>
|
|
<template>
|
<el-row :gutter="8">
|
<el-col :span="12">
|
<el-select
|
v-model.trim="interlayerBasic.thickness"
|
size="small"
|
clearable :placeholder="$t('product.msg.interlayerThickness')" >
|
<el-option v-for="item in props.basicData.InterlayerThickness"
|
:key="item.id"
|
:label="item.basicName"
|
:value="item.basicName"
|
/>
|
</el-select>
|
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="8">
|
<el-col :span="12">
|
<el-select
|
v-model.trim="interlayerBasic.types"
|
size="small"
|
clearable :placeholder="$t('product.msg.interlayerType')" >
|
<el-option v-for="item in props.basicData.InterlayerType"
|
:key="item.id"
|
:label="item.basicName+'('+item.nickname+')'"
|
:value="'('+item.nickname+')'"
|
/>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="8">
|
<el-col :span="12">
|
<el-select
|
v-model.trim="interlayerBasic.color"
|
size="small"
|
clearable :placeholder="$t('product.msg.interlayerColor')">
|
<el-option v-for="item in props.basicData.InterlayerColor"
|
:key="item.id"
|
:label="item.basicName"
|
:value="item.basicName"
|
/>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="8">
|
<el-col :span="3">
|
<el-input-number
|
v-model="interlayerBasic.price"
|
controls-position="right"
|
:step="0.01"
|
:max="99999.99"
|
:placeholder="$t('glassPrice.unit')"
|
class="delInput"/>
|
</el-col>
|
</el-row>
|
<el-row :gutter="8">
|
<el-col :span="3">
|
<el-button @click="save" type="primary" >{{$t('basicData.save')}}</el-button>
|
</el-col>
|
</el-row>
|
|
|
|
|
</template>
|
|
<style scoped>
|
.el-row{
|
margin-bottom: 5px;
|
}
|
.el-input-number{
|
width: 182px;
|
}
|
|
|
</style>
|
