<template>
	<el-tabs v-model = "activeName" @tab-click = "handleClick">
		<el-tab-pane label = "轮播图" name = "first">
			<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)" :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]"
							   :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 = "second">
			<div style = "float: right;margin-right:2%;">
			  	<el-button style = "margin: 10px 0;" :disabled = "!isAuth('bannerList:add')" size = "mini" type = "primary" icon = "document" @click = "addNotice2">添加任务分类</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 = "url" label = "链接" width = "180">
			</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)" :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]"
							 :page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
							 :total = "tableData.totalCount">
			  </el-pagination>
			</div>
			<!-- 添加弹框 -->
			<el-dialog title = "添加" :visible.sync = "dialogFormVisible2" center>
				<div style = "margin-bottom: 10px;display: flex;">
					<span style = "width: 200px;display: inline-block;text-align: right;">图片：</span>
					<div
						style = " width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
						<el-upload class = "avatar-uploader" v-model = "imageUrl"
								   :action="$http.adornUrlUp('alioss/upload')"  :show-file-list = "false"
								   :on-success = "handleAvatarSuccess">
							<img v-if = "imageUrl" :src = "imageUrl" class = "avatar"
								 style = "border-radius: 6px;width: 148px;height: 148px;"/>
							<i v-else class = "el-icon-plus avatar-uploader-icon"></i>
						</el-upload>
					</div>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">链接：</span>
					<el-input style = "width:50%;" v-model = "url" placeholder = "请输入链接"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">名称：</span>
					<el-input style = "width:50%;" v-model = "name" placeholder = "请输入名称"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">备注：</span>
					<el-input style = "width:50%;" v-model = "describes" placeholder = "请输入描述"></el-input>
				</div>
			  <div slot = "footer" class = "dialog-footer">
			    <el-button @click = "dialogFormVisible2 = false">取 消</el-button>
			    <el-button type = "primary" @click = "addNoticeTo2()">确 定</el-button>
			  </div>
			</el-dialog>
		</el-tab-pane>
		<el-tab-pane label = "我的推广" name = "third">
			<div style = "float: right;margin-right:2%;">
			  <el-button style = "margin: 10px 0;" :disabled = "!isAuth('bannerList:add')" size = "mini" type = "primary" icon = "document"
						 @click = "addNotice3">添加活动</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 = "url" label = "链接" width = "180">
			</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)" :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]"
							 :page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
							 :total = "tableData.totalCount">
			  </el-pagination>
			</div>
			 <!-- 添加弹框 -->
			<el-dialog title = "添加" :visible.sync = "dialogFormVisible3" center>
				<div style = "margin-bottom: 10px;display: flex;">
					<span style = "width: 200px;display: inline-block;text-align: right;">图片：</span>
					<div
						style = " width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
						<el-upload class = "avatar-uploader" v-model = "imageUrl"
								   :action="$http.adornUrlUp('alioss/upload')"  :show-file-list = "false"
								   :on-success = "handleAvatarSuccess">
							<img v-if = "imageUrl" :src = "imageUrl" class = "avatar"
								 style = "border-radius: 6px;width: 148px;height: 148px;"/>
							<i v-else class = "el-icon-plus avatar-uploader-icon"></i>
						</el-upload>
					</div>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">链接：</span>
					<el-input style = "width:50%;" v-model = "url" placeholder = "请输入链接"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">名称：</span>
					<el-input style = "width:50%;" v-model = "name" placeholder = "请输入名称"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">备注：</span>
					<el-input style = "width:50%;" v-model = "describes" placeholder = "请输入描述"></el-input>
				</div>
			  <div slot = "footer" class = "dialog-footer">
			    <el-button @click = "dialogFormVisible3 = false">取 消</el-button>
			    <el-button type = "primary" @click = "addNoticeTo3()">确 定</el-button>
			  </div>
			</el-dialog>
		</el-tab-pane>
		
		<el-tab-pane label = "邀请背景图" name = "fourthly">
			<!-- <div style = "float: right;margin-right:2%;">
			  <el-button style = "margin: 10px 0;" :disabled = "!isAuth('bannerList:add')" size = "mini" type = "primary" icon = "document"
						 @click = "addNotice5">添加背景图</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 = "describes" label = "活动描述">
			</el-table-column>
			<el-table-column prop = "url" label = "链接" width = "180">
			</el-table-column>
			<el-table-column prop = "createTime" label = "创建时间" width = "160">
			</el-table-column>
			  <el-table-column label = "操作" width = "120">
				<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]"
							 :page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
							 :total = "tableData.totalCount">
			  </el-pagination>
			</div>
			 <!-- 添加弹框 -->
			<el-dialog title = "添加" :visible.sync = "dialogFormVisible5" center>
				<div style = "margin-bottom: 10px;display: flex;">
					<span style = "width: 200px;display: inline-block;text-align: right;">图片：</span>
					<div
						style = " width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
						<el-upload class = "avatar-uploader" v-model = "imageUrl"
								   :action="$http.adornUrlUp('alioss/upload')"  :show-file-list = "false"
								   :on-success = "handleAvatarSuccess">
							<img v-if = "imageUrl" :src = "imageUrl" class = "avatar"
								 style = "border-radius: 6px;width: 148px;height: 148px;"/>
							<i v-else class = "el-icon-plus avatar-uploader-icon"></i>
						</el-upload>
					</div>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">链接：</span>
					<el-input style = "width:50%;" v-model = "url" placeholder = "请输入链接"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">名称：</span>
					<el-input style = "width:50%;" v-model = "name" placeholder = "请输入名称"></el-input>
				</div>
				<div style = "margin-bottom: 10px;">
					<span style = "width: 200px;display: inline-block;text-align: right;">备注：</span>
					<el-input style = "width:50%;" v-model = "describes" placeholder = "请输入描述"></el-input>
				</div>
			  <div slot = "footer" class = "dialog-footer">
			    <el-button @click = "dialogFormVisible5 = false">取 消</el-button>
			    <el-button type = "primary" @click = "addNoticeTo5()">确 定</el-button>
			  </div>
			</el-dialog>
		</el-tab-pane>
		<el-tab-pane label = "剧情壁纸" name = "juqing">
			<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)" :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]"
							   :page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
							   :total = "tableData.totalCount">
			  	</el-pagination>
			</div>
			
		</el-tab-pane>
		<!-- 添加弹框 -->
		<el-dialog title = "添加" :visible.sync = "dialogFormVisible" center>
			<div style = "margin-bottom: 10px;display: flex;">
				<span style = "width: 200px;display: inline-block;text-align: right;">图片：</span>
				<div
					style = " width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
					<el-upload class = "avatar-uploader" v-model = "imageUrl"
							   :action="$http.adornUrlUp('alioss/upload')"  :show-file-list = "false"
							   :on-success = "handleAvatarSuccess">
						<img v-if = "imageUrl" :src = "imageUrl" class = "avatar"
							 style = "border-radius: 6px;width: 148px;height: 148px;"/>
						<i v-else class = "el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</div>
			</div>
			<div style = "margin-bottom: 10px;">
				<span style = "width: 200px;display: inline-block;text-align: right;">链接：</span>
				<el-input style = "width:50%;" v-model = "url" placeholder = "请输入链接"></el-input>
			</div>
			<div style = "margin-bottom: 10px;">
				<span style = "width: 200px;display: inline-block;text-align: right;">名称：</span>
				<el-input style = "width:50%;" v-model = "name" placeholder = "请输入名称"></el-input>
			</div>
			<div style = "margin-bottom: 10px;">
				<span style = "width: 200px;display: inline-block;text-align: right;">备注：</span>
				<el-input style = "width:50%;" v-model = "describes" placeholder = "请输入描述"></el-input>
			</div>
		  <div slot = "footer" class = "dialog-footer">
		    <el-button @click = "dialogFormVisible = false">取 消</el-button>
		    <el-button type = "primary" @click = "addNoticeTo()">确 定</el-button>
		  </div>
		</el-dialog>
		<!-- 修改弹框 -->
		<el-dialog title = "修改" :visible.sync = "dialogFormVisible1" center>
			<el-form :model = "form">
			  	<el-form-item label = "图片：" :label-width = "formLabelWidth">
			   		<div style = " width:148px;height:148px;border: 1px dashed #c0ccda;border-radius: 6px;text-align: center;line-height: 148px;">
						<el-upload class = "avatar-uploader" v-model = "imageUrl":action="$http.adornUrlUp('alioss/upload')" 
								   :show-file-list = "false" :on-success = "handleAvatarSuccess2">
							<img v-if = "form.imageUrl" :src = "form.imageUrl" class = "avatar"
								 style = "border-radius: 6px;width: 148px;height: 148px;"/>
							<i v-else class = "el-icon-plus avatar-uploader-icon"></i>
						</el-upload>
			   		</div>
			  	</el-form-item>
			  	<el-form-item label = "链接：" :label-width = "formLabelWidth">
			    	<el-input v-model = "form.url" style = "width:65%;"></el-input>
			  	</el-form-item>
			  	<el-form-item label = "名称：" :label-width = "formLabelWidth">
			    	<el-input v-model = "form.name" style = "width:65%;"></el-input>
			  	</el-form-item>
			  	<el-form-item label = "备注：" :label-width = "formLabelWidth">
			    	<el-input v-model = "form.describes" style = "width:65%;"></el-input>
			  	</el-form-item>
			</el-form>
		  	<div slot = "footer" class = "dialog-footer">
		    	<el-button @click = "dialogFormVisible1 = false">取 消</el-button>
		    	<el-button type = "primary" @click = "amendNoticeTo()">确 定</el-button>
		  	</div>
		</el-dialog>
	</el-tabs>
</template>

<script>
    export default {
		data () {
			return {
				page: 1,
				limit: 10,
				classify: 1,
				openValue: 1,
				closeValue: 2,
				name: '',
				imageUrl: '',
				url: '',
				state: -1,
				describes: '',
				activeName: 'first',
				dialogFormVisible: false,
				dialogFormVisible1: false,
				dialogFormVisible2: false,
				dialogFormVisible3: false,
				dialogFormVisible4: false,
				dialogFormVisible5: false,
				dialogFormVisible6: false,
				tableDataLoading: true,
				formLabelWidth: '200px',
				tableData: [],
				choicenData2: [],
				checkBoxData: [],//多选框选择的值
				keyword: '',
				info: {
					stockDate: this.getNowTime(),  //日期
				},
				states: [
					{
						label: '显示',
						value: 1
					},
					{
						label: '隐藏',
						value: 2
					}
				],
				form: {
					id: '',
					name: '',
					imageUrl: '',
					url: '',
					classify: '',
					createTime: '',
					sort: '',
					state: '',
					describes: ''

				}
			}
		},
		methods: {

			//处理默认选中当前日期
			getNowTime () {
				var now = new Date()
				var year = now.getFullYear() //得到年份
				var month = now.getMonth() //得到月份
				var date = now.getDate() //得到日期
				var hh = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()
				var mm = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()
				var ss = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds()
				month = month + 1
				month = month.toString().padStart(2, '0')
				date = date.toString().padStart(2, '0')
				var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`
				return defaultDate
				this.$set(this.info, 'stockDate', defaultDate)
			},
			// tabs切换
			handleClick (tab, event) {
				if (tab._props.label == '轮播图') {
					this.page = 1
					this.limit = 10
					this.classify = 1
					this.dataSelect()
				}
				if (tab._props.label == '首页分类') {
					this.page = 1
					this.limit = 10
					this.classify = 2
					this.dataSelect()
				}
				if (tab._props.label == '我的推广') {
					this.page = 1
					this.limit = 10
					this.classify = 3
					this.dataSelect()
				}
				
				if (tab._props.label == '邀请背景图') {
					this.page = 1
					this.limit = 10
					this.classify = 5
					this.dataSelect()
				}
				
				if (tab._props.label == '剧情壁纸') {
					this.page = 1
					this.limit = 10
					this.classify = 10
					this.dataSelect()
				}
			},
			//上传成功
			handleAvatarSuccess (file) {
				this.imageUrl = file.data
			},
			handleAvatarSuccess2 (file2) {
				this.form.imageUrl = file2.data
			},
			handleSizeChange (val) {
				this.limit = val
				this.dataSelect()
			},
			handleCurrentChange (val) {
				this.page = val
				this.dataSelect()
			},

			// 是否启用
			change (val, row) {
				this.$http({
					url: this.$http.adornUrl(`banner/updateBannerStateById`),
					method: 'get',
					params: this.$http.adornParams({
						'id':row.id
					})
				}).then(({data}) => {
					if(data.code==0){
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dataSelect()
							}
						})
					}else{
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {
							}
						})
					}
					
				})
			},
			//添加banner图
			addNotice () {
				this.dialogFormVisible = true
			},
			// 添加banner图
			addNoticeTo () {
				if (this.imageUrl == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请上传图片',
						type: 'warning'
					})
					return
				}
				if (this.name == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入名称',
						type: 'warning'
					})
					return
				}
				this.$http({
					url: this.$http.adornUrl('banner/insertBanner'),
					method: 'post',
					data: this.$http.adornData({
						'classify': this.classify,
						'imageUrl': this.imageUrl,
						'state': this.state,
						'url': this.url,
						'name': this.name,
						'describes': this.describes
					})
				}).then(({data}) => {
					if(data.code==0){
						this.dialogFormVisible = false
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.imageUrl = ''
								this.state = ''
								this.url = ''
								this.name = ''
								this.describes = ''
								this.dataSelect()
							}
						})
					}else{
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {
							}
						})
					}
					
				})
			},
			// 修改
			amendBanner (index, rows) {
				this.dialogFormVisible1 = true
				this.form.id = rows.id
				this.form.imageUrl = rows.imageUrl
				this.form.url = rows.url
				this.form.sort = rows.sort
				this.form.state = rows.state
				this.form.name = rows.name
				this.form.describes = rows.describes
			},
			// 修改
			amendNoticeTo () {
				this.$http({
					url: this.$http.adornUrl(`banner/updateBannerById`),
					method: 'post',
					data: this.$http.adornData({
						'id':this.form.id,
						'createTime':this.info.stockDate,
						'imageUrl':this.form.imageUrl,
						'url':this.form.url,
						'state':this.form.state,
						'sort':this.form.sort,
						'name':this.form.name,
						'describes':this.form.describes
					})
				}).then(({data}) => {
					if(data.code==0){
						this.dialogFormVisible1 = false
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dataSelect()
							}
						})
					}else{
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {
							}
						})
					}
					
				})
			},
			//添加任务分类
			addNotice2 () {
				this.dialogFormVisible2 = true
			},
			// 添加添加任务分类
			addNoticeTo2 () {
				if (this.imageUrl == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请上传图片',
						type: 'warning'
					})
					return
				}
				if (this.name == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入名称',
						type: 'warning'
					})
					return
				}
				this.classify = 2
				this.$http({
					url: this.$http.adornUrl('banner/insertBanner'),
					method: 'post',
					data: this.$http.adornData({
						'classify': this.classify,
						'imageUrl': this.imageUrl,
						'state': this.state,
						'url': this.url,
						'name': this.name,
						'describes': this.describes
					})
				}).then(({data}) => {
					if(data.code==0){
						this.dialogFormVisible2 = false
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.imageUrl = ''
								this.state = ''
								this.url = ''
								this.name = ''
								this.describes = ''
								this.dataSelect()
							}
						})
					}else{
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {
							}
						})
					}
					
				})
			},
			//添加活动
			addNotice3 () {
				this.dialogFormVisible3 = true
			},
			// 添加添加活动
			addNoticeTo3 () {
				if (this.imageUrl == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请上传图片',
						type: 'warning'
					})
					return
				}
				if (this.name == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入名称',
						type: 'warning'
					})
					return
				}
				this.classify = 3
				this.$http({
					url: this.$http.adornUrl('banner/insertBanner'),
					method: 'post',
					data: this.$http.adornData({
						'classify': this.classify,
						'imageUrl': this.imageUrl,
						'state': this.state,
						'url': this.url,
						'name': this.name,
						'describes': this.describes
					})
				}).then(({data}) => {
					if(data.code==0){
						this.dialogFormVisible3 = false
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.imageUrl = ''
								this.state = ''
								this.url = ''
								this.name = ''
								this.describes = ''
								this.dataSelect()
							}
						})
					}else{
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {
							}
						})
					}
					
				})
			},
			
			//添加活动背景图
			addNotice5 () {
				if (this.tableData.length == 1) {
					this.$message({
						title: '提示',
						duration: 1800,
						message: '活动背景图只能添加一张',
						type: 'warning'
					})
				} else {
					this.dialogFormVisible5 = true
				}
			},
			// 添加背景图
			addNoticeTo5 () {
				if (this.imageUrl == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						// type: 'success',
						message: '请上传图片',
						type: 'warning'
					})
					return
				}
				if (this.name == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入名称',
						type: 'warning'
					})
					return
				}
				this.classify = 5
				this.$http({
					url: this.$http.adornUrl('banner/insertBanner'),
					method: 'post',
					data: this.$http.adornData({
						'classify': this.classify,
						'imageUrl': this.imageUrl,
						'state': this.state,
						'url': this.url,
						'name': this.name,
						'describes': this.describes
					})
				}).then(({data}) => {
					this.dialogFormVisible5 = false
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.imageUrl = ''
							this.state = ''
							this.url = ''
							this.name = ''
							this.describes = ''
							this.dataSelect()
						}
					})
				})
			},
			// 删除banner图
			deletes (row) {
				let delid = row.id
				this.$confirm(`确定删除此条信息?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl(`banner/deleteBannerById?ids=${delid}`),
						method: 'get',
						data: this.$http.adornData({})
					}).then(({data}) => {
						this.$message({
							message: '删除成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dataSelect()
							}
						})
					})
				}).catch(() => {
				})

			},
			// 获取数据列表
			dataSelect () {
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('banner/selectBannerPage'),
					method: 'get',
					params: this.$http.adornParams({
						'page':this.page,
						'limit':this.limit,
						'state': this.state,
						'classify': this.classify,
					})
				}).then(({data}) => {
					if (data && data.code === 0) {
						this.tableDataLoading = false
						let returnData = data.data
						this.tableData = returnData
					}
				})
			},
		},
		mounted () {
			this.dataSelect()
		}
	}
</script>

<style>
	.customWidth {
		width: 80% !important;
	}
</style>
