<template>
|
<!--
|
作者：yj
|
-->
|
<el-dialog title="详情" :visible.sync="dialogVisible" @close='dialogFormVisible' :close-on-click-modal="false"
|
:close-on-press-escape="false" width="600px">
|
<el-form size="small" :model="form" ref="form">
|
<el-form-item label="标题:" :label-width="formLabelWidth">
|
{{form.name}}
|
</el-form-item>
|
<el-form-item label="分类:" :label-width="formLabelWidth">
|
{{form.category.name}}
|
</el-form-item>
|
<el-form-item label="价格:" :label-width="formLabelWidth">
|
￥{{form.price}}
|
</el-form-item>
|
<el-form-item label="详细描述:" :label-width="formLabelWidth" >
|
{{form.content}}
|
</el-form-item>
|
<el-form-item label="图片:" :label-width="formLabelWidth">
|
<div v-if="form.image_list" v-for="(item,index) in form.image_list">
|
<a target="_blank" :href="item.file_path"><img style="max-width: 50px; height: 50px;" v-img-url="item.file_path" />
|
</a>
|
</div>
|
</el-form-item>
|
<el-form-item label="交付时间:" :label-width="formLabelWidth" >
|
{{form.finish_time}}
|
</el-form-item>
|
<el-form-item label="服务地点:" :label-width="formLabelWidth">
|
{{form.detail}}
|
</el-form-item>
|
<el-form-item label="标签:" :label-width="formLabelWidth">
|
<span v-if="form.tag_list" v-for="(item,index) in form.tag_list">{{item.name}};</span>
|
</el-form-item>
|
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogFormVisible">返回</el-button>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
/*左边长度*/
|
formLabelWidth: '120px',
|
/*是否显示*/
|
dialogVisible: false,
|
};
|
},
|
props: ['open_edit', 'form'],
|
created() {
|
this.dialogVisible = this.open_edit;
|
},
|
methods: {
|
/*关闭弹窗*/
|
dialogFormVisible(e) {
|
if (e) {
|
this.$emit('closeDialog', {
|
type: 'success',
|
openDialog: false
|
})
|
} else {
|
this.$emit('closeDialog', {
|
type: 'error',
|
openDialog: false
|
})
|
}
|
}
|
|
}
|
};
|
</script>
|
|
<style></style>
|
