|
|
@ -1,6 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div class="d-flex flex-wrap pb-3"> |
|
|
|
<!-- 编辑 --> |
|
|
|
|
|
|
|
<a-modal |
|
|
|
:mask-closable="false" |
|
|
|
@cancel="$emit('closeModal')" |
|
|
@ -10,6 +11,7 @@ |
|
|
|
v-model="editVisible" |
|
|
|
width="700px" |
|
|
|
> |
|
|
|
<!-- <div>{{ editData }}</div> --> |
|
|
|
<a-form :form="form" @submit="handleSubmit"> |
|
|
|
<!-- 服务名称 --> |
|
|
|
<a-form-item |
|
|
@ -17,7 +19,7 @@ |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="服务名称" |
|
|
|
> |
|
|
|
<a-input class="ml-3" placeholder="服务名称" v-model="serviceName" /> |
|
|
|
<a-input class="ml-3" placeholder="服务名称" v-model="editData.name" /> |
|
|
|
</a-form-item> |
|
|
|
<!-- 服务简介 --> |
|
|
|
<a-form-item |
|
|
@ -25,7 +27,7 @@ |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="服务简介" |
|
|
|
> |
|
|
|
<a-textarea class="ml-3" placeholder="服务简介" v-model="intro" /> |
|
|
|
<a-textarea class="ml-3" placeholder="服务简介" v-model="editData.intro" /> |
|
|
|
</a-form-item> |
|
|
|
<!-- 服务内容 --> |
|
|
|
<a-form-item |
|
|
@ -41,14 +43,21 @@ |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="服务排序" |
|
|
|
> |
|
|
|
<a-input-number class="ml-3" v-model="orders" /> |
|
|
|
<a-input-number class="ml-3" v-model="editData.orders" /> |
|
|
|
</a-form-item> |
|
|
|
<!-- 图片 --> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="图片" |
|
|
|
> |
|
|
|
> |
|
|
|
<div v-if="editData.picUrl" class="d-flex align-end"> |
|
|
|
<img :src="editData.picUrl" style="height:100px;" alt=""> |
|
|
|
<div> |
|
|
|
<a-icon @click="deleteFileList" class="ml-5" type="close-circle" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<a-upload |
|
|
|
:action="upload" |
|
|
|
:before-upload="beforeUpload" |
|
|
@ -136,9 +145,24 @@ export default { |
|
|
|
watch: { |
|
|
|
editData(val) { |
|
|
|
console.log(val); |
|
|
|
this.serviceName = val.name |
|
|
|
this.intro = val.intro |
|
|
|
this.orders = val.orders |
|
|
|
this.fileList.push(val.picUrl) |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
// 删除fileList |
|
|
|
deleteFileList(){ |
|
|
|
console.log("进入事件") |
|
|
|
|
|
|
|
this.fileList = [] |
|
|
|
this.editData.picUrl = '' |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 上传图片事件 |
|
|
|
handleChange(info) { |
|
|
|
// this.fileList = fileList; |
|
|
|