137 lines
3.8 KiB
Vue
137 lines
3.8 KiB
Vue
|
|
<template>
|
|
<el-card style="margin-top: 16px">
|
|
<el-form
|
|
ref="elForm"
|
|
:disabled="true"
|
|
:model="formData"
|
|
size="mini"
|
|
label-width="180px"
|
|
>
|
|
<div class="tit">
|
|
婚宴
|
|
<span class="time">更新于:{{ update_time }}</span>
|
|
</div>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="时间" prop="start_date">
|
|
<el-input
|
|
v-model="datas.start_date"
|
|
clearable
|
|
type="textarea"
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="地点" prop="address">
|
|
<el-input
|
|
v-model="datas.address"
|
|
clearable
|
|
type="textarea"
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="人数" prop="people_count">
|
|
<el-input
|
|
v-model="datas.people_count"
|
|
clearable
|
|
type="textarea"
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="请包办" prop="serve">
|
|
<el-radio-group v-model="datas.serve" size="medium">
|
|
<el-radio label="2">酒店</el-radio>
|
|
<el-radio label="1">一条龙</el-radio>
|
|
<el-radio label="0">只请厨师</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无歌舞表演" prop="perform">
|
|
<el-radio-group v-model="datas.perform" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无主持仪式" prop="host">
|
|
<el-radio-group v-model="datas.host" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无交通工具" prop="vehicle">
|
|
<el-radio-group v-model="datas.vehicle" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无住宿" prop="in_hotel">
|
|
<el-radio-group v-model="datas.in_hotel" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script setup lang='ts'>
|
|
const props = defineProps({
|
|
datas: {
|
|
type: Object,
|
|
defualt: function () {
|
|
return {
|
|
start_date: "", //时间\日期
|
|
address: "", //地点
|
|
people_count: "", //人数
|
|
serve: "", // 包办服务
|
|
perform: "", //演出
|
|
host: "", //主持
|
|
vehicle: "", //交通工具
|
|
in_hotel: "", //住宿
|
|
};
|
|
},
|
|
},
|
|
update_time: {
|
|
type: String,
|
|
defualt: "",
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang='scss'>
|
|
.tit {
|
|
font-size: 1.2rem;
|
|
translate: 1vw -1vw;
|
|
background-color: white;
|
|
margin: 2vh 0 0 0;
|
|
.time {
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
margin-left: 1vw;
|
|
color: #999;
|
|
}
|
|
}
|
|
</style>
|
|
|