瀏覽代碼

添加APP引导图tab

cornyuan 7 月之前
父節點
當前提交
2920642b46
共有 1 個文件被更改,包括 52 次插入1 次删除
  1. 52 1
      src/views/banner/bannerList.vue

+ 52 - 1
src/views/banner/bannerList.vue

@@ -465,6 +465,52 @@
 				</el-pagination>
 			</div>
 			
+		</el-tab-pane>
+		<el-tab-pane label="APP引导图" name="seventh">
+			<div style="float: right;margin-right:2%;">
+				<el-button style="margin: 10px 0;" :disabled="!isAuth('bannerList:add')" size="mini" type="primary"
+					icon="document" @click="addNotice">添加轮播图</el-button>
+			</div>
+			<el-table v-loading="tableDataLoading" :data="tableData.list">
+				<el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
+				<el-table-column prop="imageUrl" label="头像">
+					<template slot-scope="scope">
+						<img :src="scope.row.imageUrl" width="60" height="60" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="name" label="轮播图名称"></el-table-column>
+				<el-table-column prop="state" label="状态">
+					<template slot-scope="scope">
+						<span v-if="scope.row.state == 1">显示</span>
+						<span v-if="scope.row.state == 2" style="color: #f56c6c;">隐藏</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="state" label="是否启用">
+					<template slot-scope="scope">
+						<el-switch v-model="scope.row.state" @change="change(scope.row.state,scope.row)" :disabled="!isAuth('bannerList:update')"
+							:active-value="openValue" :inactive-value="closeValue" active-color="#13ce66"
+							inactive-color="#ff4949">
+						</el-switch>
+					</template>
+				</el-table-column>
+				<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
+				<el-table-column label="操作" width="180">
+					<template slot-scope="scope">
+						<el-button size="mini" type="primary" :disabled="!isAuth('bannerList:update')"
+							@click="amendBanner(scope.$index, scope.row)">修改
+						</el-button>
+						<el-button size="mini" type="danger" :disabled="!isAuth('bannerList:delete')"
+							@click="deletes(scope.row)">删除</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+			<div style="text-align: center;margin-top: 10px;float:right">
+				<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+					:page-sizes="[10,20,30,40,50]" :page-size="limit" :current-page="page"
+					layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
+				</el-pagination>
+			</div>
+			
 		</el-tab-pane>
 		<!-- <el-tab-pane label="公告中心" name="gonggap">
 			<div style="float: right;margin-right:2%;">
@@ -929,7 +975,12 @@
 					this.classify = 6
 					this.dataSelect()
 				}
-				
+				if (tab._props.label == 'APP引导图') {
+					this.page = 1
+					this.limit = 10
+					this.classify = 7
+					this.dataSelect()
+				}
 				if (tab._props.label == '精选商品') {
 					this.page = 1
 					this.limit = 10