<script setup>
|
import {ref} from "vue"
|
import {useI18n} from "vue-i18n"
|
const { t } = useI18n()
|
|
const props = defineProps({
|
basicData:{
|
stuffColor:null,
|
stuffThickness:null,
|
process:[]
|
}
|
})
|
console.log(props.basicData)
|
let stuff = ref({
|
thickness:'',
|
color:'',
|
process:'',
|
price:null,
|
type:'process'
|
})
|
const emit = defineEmits(['getChild'])
|
|
const save = ()=>{
|
emit('getChild',stuff.value)
|
}
|
|
</script>
|
|
<template>
|
<el-row :gutter="8">
|
<el-col :span="12">
|
<el-select v-model.trim="stuff.thickness" size="small" clearable :placeholder="$t('product.msg.thickness')" >
|
<el-option v-for="item in props.basicData.stuffThickness"
|
: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="stuff.color" size="small" clearable :placeholder="$t('product.msg.color')" filterable>
|
<el-option v-for="item in props.basicData.stuffColor"
|
: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="stuff.process" size="small" clearable placeholder="原片工艺" filterable>
|
<el-option v-for="item in props.basicData.process"
|
: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
|
v-model="stuff.price"
|
type="number"
|
placeholder="元/m²"
|
class="delInput"/>
|
</el-col>
|
</el-row>
|
<el-row :gutter="8">
|
<el-col :span="3">
|
<el-button @click="save" type="primary" >保存</el-button>
|
</el-col>
|
</el-row>
|
|
|
|
|
</template>
|
|
<style scoped>
|
.el-row{
|
margin-bottom: 5px;
|
}
|
.el-input{
|
width: 182px;
|
}
|
/deep/.delInput input::-webkit-outer-spin-button,
|
/deep/.delInput input::-webkit-inner-spin-button {
|
-webkit-appearance: none!important;
|
}
|
/deep/.delInput input[type="number"]{
|
-moz-appearance: textfield;
|
}
|
|
|
</style>
|
