|
|
@@ -2,12 +2,7 @@
|
|
|
<div class="app-list-content">
|
|
|
<x-crud class="liu-crud-wrap" @load="onLoad">
|
|
|
<template #slot-tabs="{ scope }">
|
|
|
- <el-tabs
|
|
|
- class="liu-tabs"
|
|
|
- type="border-card"
|
|
|
- v-model="tabIndex"
|
|
|
- @tab-click="handleClick"
|
|
|
- >
|
|
|
+ <el-tabs class="liu-tabs" type="border-card" v-model="tabIndex" @tab-click="handleClick">
|
|
|
<el-tab-pane
|
|
|
v-for="(item, index) in tabsData"
|
|
|
:key="index"
|
|
|
@@ -34,8 +29,8 @@
|
|
|
<div v-else>-</div>
|
|
|
</template>
|
|
|
|
|
|
- <template #table-column-status="{scope}"
|
|
|
- ><el-switch
|
|
|
+ <template #table-column-status="{scope}">
|
|
|
+ <el-switch
|
|
|
v-model="scope.row.status"
|
|
|
active-value="1"
|
|
|
inactive-value="0"
|
|
|
@@ -73,11 +68,7 @@
|
|
|
class="demo-form"
|
|
|
>
|
|
|
<el-form-item label="广告图名称" prop="adName">
|
|
|
- <el-input
|
|
|
- v-model="adForm.adName"
|
|
|
- placeholder="请输入名称"
|
|
|
- size="small"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="adForm.adName" placeholder="请输入名称" size="small"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="请选择时间">
|
|
|
<el-col :span="11">
|
|
|
@@ -105,18 +96,14 @@
|
|
|
</el-col>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-checkbox v-model="isLong"></el-checkbox>
|
|
|
- 永久有效</el-form-item
|
|
|
- >
|
|
|
+ <el-checkbox v-model="isLong"></el-checkbox>永久有效
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="广告图片" prop="adImg">
|
|
|
<cl-upload v-model="adForm.adImg" :success="uploadSuccess"></cl-upload>
|
|
|
+ <p style="font-size:14px;color:#cccccc;">建议上传图片比例 750X420</p>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="启用状态" prop="status">
|
|
|
- <el-switch
|
|
|
- v-model="adForm.status"
|
|
|
- active-value="1"
|
|
|
- inactive-value="0"
|
|
|
- ></el-switch>
|
|
|
+ <el-switch v-model="adForm.status" active-value="1" inactive-value="0"></el-switch>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="链接方式" prop="style">
|
|
|
<el-radio-group v-model="adForm.style">
|
|
|
@@ -126,11 +113,7 @@
|
|
|
<template v-if="adForm.style == 0">
|
|
|
<div>
|
|
|
<el-form-item prop="url">
|
|
|
- <el-input
|
|
|
- v-model="adForm.url"
|
|
|
- placeholder="请填写链接,留空点图片不跳转"
|
|
|
- size="small"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="adForm.url" placeholder="请填写链接(选填)" size="small"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -139,11 +122,7 @@
|
|
|
<div class="goods-list-wrap" v-if="!$util.isEmpty(goodsData)">
|
|
|
<div class="goods-list">
|
|
|
<div class="list-img">
|
|
|
- <img
|
|
|
- :src="goodsData.imgUrl"
|
|
|
- alt="商品图片"
|
|
|
- mode="center"
|
|
|
- />
|
|
|
+ <img :src="goodsData.imgUrl" alt="商品图片" mode="center" />
|
|
|
</div>
|
|
|
<div class="list-right">
|
|
|
<div>{{ goodsData.goodsName }}</div>
|
|
|
@@ -152,9 +131,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-button type="primary" size="small" @click="selGoods"
|
|
|
- >选择商品</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" size="small" @click="selGoods">选择商品</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -250,10 +227,9 @@ export default {
|
|
|
style: {
|
|
|
validator: (rule, value, callback) => {
|
|
|
const { url, style } = this.adForm;
|
|
|
-
|
|
|
if (style == '0') {
|
|
|
if (!url) {
|
|
|
- return callback(new Error('链接不能为空'));
|
|
|
+ //return callback(new Error('链接不能为空'));
|
|
|
}
|
|
|
} else {
|
|
|
if (!this.goodsData.id) {
|