|
@@ -2,7 +2,7 @@
|
|
|
<el-dialog
|
|
|
:title="title"
|
|
|
:visible.sync="open"
|
|
|
- width="70%"
|
|
|
+ width="95%"
|
|
|
append-to-body
|
|
|
:close-on-click-modal="false"
|
|
|
@close="cancel"
|
|
@@ -21,10 +21,12 @@
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="模板配置:" name="first"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <div style="display: flex;">
|
|
|
- <div></div>
|
|
|
- <div>
|
|
|
- <el-form :model="form" ref="form" :rules="rules" label-width="120px">
|
|
|
+ <div style="display: flex;width: 100%;">
|
|
|
+ <div style="width: calc( 100% - 600px );padding-right: 10px;box-sizing: border-box;">
|
|
|
+ <asEditor />
|
|
|
+ </div>
|
|
|
+ <div style="width: 600px;flex-shrink: 0;border-left: 1px solid #ccc;padding-left: 10px;box-sizing: border-box;">
|
|
|
+ <el-form :model="form" ref="form" :rules="rules" label-width="150px">
|
|
|
<div>
|
|
|
<el-form-item label="模板名称:" prop="activityName">
|
|
|
<el-input style="width: 350px;" v-model="form.activityName" placeholder="请输入模板名称" maxlength="50" show-word-limit />
|
|
@@ -32,7 +34,7 @@
|
|
|
<el-form-item label="页面路径:" prop="activityName">
|
|
|
<el-input style="width: 350px;" v-model="form.activityName" placeholder="请输入页面路径" maxlength="50" show-word-limit />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="背景图1" prop="image">
|
|
|
+ <el-form-item label="背景图1:" prop="image">
|
|
|
<div style="display: flex;">
|
|
|
<div
|
|
|
v-for="(item,index) in form.image"
|
|
@@ -75,7 +77,7 @@
|
|
|
</div>
|
|
|
<span>建议尺寸375px X 392px,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="背景图1" prop="image">
|
|
|
+ <el-form-item label="背景图2:" prop="image">
|
|
|
<div style="display: flex;">
|
|
|
<div
|
|
|
v-for="(item,index) in form.image"
|
|
@@ -152,11 +154,11 @@ import {
|
|
|
addTableApi,
|
|
|
listTableApi,
|
|
|
} from '@/api/CURD'
|
|
|
-import selectCouponManagement from '../model/selectCouponManagement.vue'
|
|
|
import selectTicketOrders from "../model/selectTicketOrders.vue"
|
|
|
+import asEditor from "@/myComponents/asEditor"
|
|
|
export default {
|
|
|
name: "addAndEdit",
|
|
|
- components: {selectCouponManagement,selectTicketOrders},
|
|
|
+ components: {selectTicketOrders,asEditor},
|
|
|
dicts: ['tourism_couponManagement_type','tourism_couponManagement_useUserType','tourism_couponManagement_receiveType','tourism_couponManagement_useConfig','goods_type'],
|
|
|
data() {
|
|
|
return {
|
|
@@ -224,8 +226,6 @@ export default {
|
|
|
await this.getTableDeatilsFun(row)
|
|
|
}
|
|
|
this.loading = false
|
|
|
- this.radioInputs(this.form.useType)
|
|
|
- this.radioInput(this.form.receiveType)
|
|
|
this.$nextTick(()=>{
|
|
|
if(this.$refs["form"]) {
|
|
|
this.$refs["form"].clearValidate();
|