|
@@ -41,7 +41,7 @@
|
|
|
|
|
|
<Page uri="/app/banner/list" :request-params="queryParams" ref="pagination">
|
|
<Page uri="/app/banner/list" :request-params="queryParams" ref="pagination">
|
|
<el-table-column label="ID" align="center" prop="id" />
|
|
<el-table-column label="ID" align="center" prop="id" />
|
|
- <el-table-column label="图片" align="center" prop="imgUrl" width="100">
|
|
|
|
|
|
+ <el-table-column label="图片" align="center" prop="imgUrl" width="110">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-image style="width: 80px; height: 80px" :src="scope.row.imgUrl" :preview-src-list="[scope.row.imgUrl]"> </el-image>
|
|
<el-image style="width: 80px; height: 80px" :src="scope.row.imgUrl" :preview-src-list="[scope.row.imgUrl]"> </el-image>
|
|
</template>
|
|
</template>
|
|
@@ -72,7 +72,8 @@
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
|
<el-table-column label="修改人" align="center" prop="updateBy" />
|
|
<el-table-column label="修改人" align="center" prop="updateBy" />
|
|
<el-table-column label="修改时间" align="center" prop="createTime" width="180" />
|
|
<el-table-column label="修改时间" align="center" prop="createTime" width="180" />
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
|
|
+ <el-table-column label="排序" align="center" prop="sort" width="100" />
|
|
|
|
+ <el-table-column label="操作" align="center" width="120" class-name="small-padding fixed-width" fixed="right">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="[bannerType == 0 ? 'app:banner:edit' : 'app:launchAdver:edit']">修改</el-button>
|
|
<el-button type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="[bannerType == 0 ? 'app:banner:edit' : 'app:launchAdver:edit']">修改</el-button>
|
|
<el-button type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="[bannerType == 0 ? 'app:banner:remove' : 'app:launchAdver:remove']">删除</el-button>
|
|
<el-button type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="[bannerType == 0 ? 'app:banner:remove' : 'app:launchAdver:remove']">删除</el-button>
|
|
@@ -123,7 +124,10 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" v-if="form.clickType == '3'">
|
|
<el-col :span="24" v-if="form.clickType == '3'">
|
|
<el-form-item label="跳转内容" prop="redirectContent">
|
|
<el-form-item label="跳转内容" prop="redirectContent">
|
|
- <el-input v-model="form.redirectContent" placeholder="请输入内部页面路径" />
|
|
|
|
|
|
+ <!-- <el-input v-model="form.redirectContent" placeholder="请输入内部页面路径" /> -->
|
|
|
|
+ <el-select v-model="form.redirectContent" placeholder="请选择内部页面路径">
|
|
|
|
+ <el-option v-for="item in tabList" :key="item.url" :label="item.name" :value="item.url" />
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" v-if="bannerType == 3">
|
|
<el-col :span="24" v-if="bannerType == 3">
|
|
@@ -140,6 +144,11 @@
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ <el-col :span="24" v-if="bannerType == 3">
|
|
|
|
+ <el-form-item label="排序">
|
|
|
|
+ <el-input-number v-model="form.sort" :min="1" step="1" :max="10000"></el-input-number>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
</el-form>
|
|
</el-form>
|
|
</el-row>
|
|
</el-row>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -152,6 +161,9 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { listBanner, getBanner, delBanner, addBanner, updateBanner } from '@/api/app/banner'
|
|
import { listBanner, getBanner, delBanner, addBanner, updateBanner } from '@/api/app/banner'
|
|
|
|
+import {
|
|
|
|
+ groupDataListApi
|
|
|
|
+} from "@/api/system/group";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: 'Banner',
|
|
name: 'Banner',
|
|
@@ -229,7 +241,8 @@ export default {
|
|
}
|
|
}
|
|
]
|
|
]
|
|
},
|
|
},
|
|
- bannerType: ''
|
|
|
|
|
|
+ bannerType: '',
|
|
|
|
+ tabList: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -237,6 +250,16 @@ export default {
|
|
this.queryParams.bannerType = this.bannerType
|
|
this.queryParams.bannerType = this.bannerType
|
|
this.form.bannerType = this.bannerType
|
|
this.form.bannerType = this.bannerType
|
|
this.getList()
|
|
this.getList()
|
|
|
|
+
|
|
|
|
+ groupDataListApi({
|
|
|
|
+ page: 1,
|
|
|
|
+ limit: 100,
|
|
|
|
+ gid: 5
|
|
|
|
+ }).then(async (res) => {
|
|
|
|
+ this.tabList = res.rows;
|
|
|
|
+ }).catch((res) => {
|
|
|
|
+ this.$message.error(res.msg);
|
|
|
|
+ });
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
onClickTypeChange() {
|
|
onClickTypeChange() {
|
|
@@ -296,7 +319,8 @@ export default {
|
|
imgUrl: null,
|
|
imgUrl: null,
|
|
clickType: null,
|
|
clickType: null,
|
|
redirectContent: null,
|
|
redirectContent: null,
|
|
- status: '0'
|
|
|
|
|
|
+ status: '0',
|
|
|
|
+ sort: 0
|
|
}
|
|
}
|
|
this.resetForm('form')
|
|
this.resetForm('form')
|
|
},
|
|
},
|