后台管理系统添加职业技能管理

src/router/index.js

@@ -91,7 +91,7 @@ const mainRoutes = {
 		// 2024.11.25 6.2版本 新增
 		{ path: '/roomessage', component: _import('chatRecord/message'), name: 'roomessage', meta: { title: '违规列表',isTab: true} },
 		{ path: '/postPreference', component: _import('recruit/postPreference'), name: 'postPreference', meta: { title: '岗位偏好设置',isTab: true} },
-		
+		{ path: '/postSkill', component: _import('recruit/postSkill'), name: 'postSkill', meta: { title: '岗位技能设置',isTab: true} },
 	],
 	beforeEnter (to, from, next) {
 		let token = Vue.cookie.get('token')

src/views/recruit/postSkill.vue

@@ -0,0 +1,909 @@
+<template>
+	<div>
+		<!-- <el-tabs v-model="activeName" @tab-click="handleClick">
+			<el-tab-pane label="岗位分类" name="first"> -->
+				<div style="width: 100%;text-align: right;">
+					<el-button style="margin-bottom: 20px;" size="mini" type="primary" @click="cancel">刷新
+					</el-button>
+					<el-button style="margin:10px;" size="mini" type="primary" icon="document"
+						:disabled="!isAuth('positionList:add')" @click="classAdd(1)">添加
+					</el-button>
+				</div>
+				<!-- 职业方向-->
+				<el-table v-loading="tableDataLoading" :data="tableData.records">
+					<el-table-column prop="postSkillId" label="编号" width="120">
+					</el-table-column>
+					<el-table-column prop="postSkillName" label="职业方向">
+					</el-table-column>
+					<el-table-column prop="sort" label="排序">
+					</el-table-column>
+					<el-table-column prop="isEnable" label="状态">
+						<template slot-scope="scope">
+							<el-switch v-model="scope.row.isEnable" @change="change(scope.row.postSkillId,scope.row.isEnable,scope.row)"
+								:disabled="!isAuth('positionList:update')" :active-value="openValue2"
+								:inactive-value="closeValue2" active-color="#13ce66" inactive-color="#ff4949">
+							</el-switch>
+						</template>
+					</el-table-column>
+					<el-table-column prop="ruleClassifyId" label="岗位ID" width="160">
+					</el-table-column>
+					<el-table-column prop="updateTime" label="更新时间" width="160">
+					</el-table-column>
+					<el-table-column label="操作" prop="id" width="150" fixed='right' align="center">
+						<template slot-scope="scope">
+							<el-button size="mini" type="primary" style="margin: 5px;"
+								@click="classList(scope.row,2)">职业技能列表
+							</el-button>
+							<el-button size="mini" type="primary" :disabled="!isAuth('positionList:update')" style="margin: 5px;"
+								@click="classAdd(0,scope.row)">修改
+							</el-button>
+							<el-button size="mini" type="danger" :disabled="!isAuth('positionList:delete')" style="margin: 5px;"
+								@click="classdelete(scope.row)">删除
+							</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				<div style="text-align: center;margin-top: 10px;">
+					<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.total">
+					</el-pagination>
+				</div>
+			<!-- </el-tab-pane> -->
+			<!--    图片展示-->
+			<el-dialog title="二级岗位列表" :visible.sync="dialogVisible" width="70%" center>
+				<div style="margin:2% 0;display: inline-block;">
+					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="classAdd(2)">
+						添加
+					</el-button>
+				</div>
+				<el-table v-loading="tableDataLoading4" :data="stationList.records">
+					<el-table-column prop="ruleClassifyId" label="编号" width="80">
+					</el-table-column>
+					<el-table-column prop="title" label="二级岗位名称" width="150">
+					</el-table-column>
+					<el-table-column prop="sort" label="排序">
+					</el-table-column>
+					<el-table-column prop="status" label="状态">
+						<template slot-scope="scope">
+							<el-switch v-model="scope.row.status" @change="change(scope.row.ruleClassifyId,scope.row.status,scope.row)"
+								:disabled="!isAuth('positionList:update')" :active-value="openValue2"
+								:inactive-value="closeValue2" active-color="#13ce66" inactive-color="#ff4949">
+							</el-switch>
+						</template>
+					</el-table-column>
+					<el-table-column label="操作" fixed='right' width="180">
+						<template slot-scope="scope">
+							<!-- <el-button size="mini" type="primary" style="margin: 5px;"
+								@click="classList(scope.row,3)">三级岗位列表
+							</el-button> -->
+							<el-button size="mini" type="primary" :disabled="!isAuth('positionList:update')"
+								@click="classAdd(0,scope.row,2)">修改
+							</el-button>
+							<el-button size="mini" type="danger" :disabled="!isAuth('positionList:delete')"
+								@click="stationDelete(scope.row)">删除
+							</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				<div style="text-align: center;margin-top: 10px;">
+					<el-pagination @size-change="handleSizeChangeGw" @current-change="handleCurrentChangeGw"
+						:page-sizes="[5, 10, 15, 20]" :page-size="size1" :current-page="page1"
+						layout="total,sizes, prev, pager, next,jumper" :total="stationList.total">
+					</el-pagination>
+				</div>
+			</el-dialog>
+			   <!-- 三级岗位列表
+			<el-dialog title="三级岗位列表" :visible.sync="dialogVisibleS" width="70%" center>
+				<el-table v-loading="tableDataLoading4" :data="stationListS">
+					<el-table-column prop="ruleClassifyId" label="编号" width="80">
+					</el-table-column>
+					<el-table-column prop="ruleClassifyName" label="三级岗位名称" width="150">
+					</el-table-column>
+					<el-table-column prop="price" label="价格">
+					</el-table-column>
+					<el-table-column prop="memberPrice" label="会员价格">
+					</el-table-column>
+					<el-table-column prop="sort" label="排序">
+					</el-table-column>
+					<el-table-column prop="status" label="状态">
+						<template slot-scope="scope">
+							<el-switch v-model="scope.row.status" @change="change(scope.row.ruleClassifyId,scope.row.status,scope.row)"
+								:disabled="!isAuth('positionList:update')" :active-value="openValue2"
+								:inactive-value="closeValue2" active-color="#13ce66" inactive-color="#ff4949">
+							</el-switch>
+						</template>
+					</el-table-column>
+					<el-table-column label="操作" width="180">
+						<template slot-scope="scope">
+							<el-button size="mini" type="primary" :disabled="!isAuth('positionList:update')"
+								@click="classAdd(0,scope.row,3)">修改
+							</el-button>
+							<el-button size="mini" type="danger" :disabled="!isAuth('positionList:delete')"
+								@click="stationDelete(scope.row)">删除
+							</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+			</el-dialog> -->
+			<!-- 添加、修改岗位岗位 -->
+			<el-dialog :title="titles" :visible.sync="dialogFormVisible9" center>
+				<!-- <div style="margin-bottom: 10px;" v-if="parentId!=0&&titles=='添加岗位'">
+					<span style="width: 200px;display: inline-block;text-align: right;">岗位类型：</span>
+					<el-radio-group v-model="gwType" >
+						<el-radio :label="1">二级岗位</el-radio>
+						<el-radio :label="2">三级岗位</el-radio>
+					</el-radio-group>
+				</div> -->
+				<!-- <div style="margin-bottom: 10px;" v-if="parentId!=0&&gwType==1">
+					<span style="width: 200px;display: inline-block;text-align: right;">分类标题：</span>
+					<el-input style="width:50%;" v-model="titleGw" type="text" disabled placeholder="请输入分类标题"></el-input>
+				</div> -->
+				<!-- <div style="margin-bottom: 10px;" v-if="parentId!=0&&gwType==2&&titles=='添加岗位'">
+					<span style="width: 200px;display: inline-block;text-align: right;">分类标题：</span>
+					<el-select v-model="parentIdEr" style="width:50%;" @change="select()">
+						<el-option v-for="item in ejgwList" :key="item.ruleClassifyId" :label="item.title" :value="item.ruleClassifyId">
+						</el-option>
+					</el-select>&nbsp;&nbsp;
+				</div> -->
+				<div style="margin-bottom: 10px;">
+					<span style="width: 200px;display: inline-block;text-align: right;">行业ID：</span>
+					<el-input style="width:50%;" v-model="ruleClassifyId" type="text" placeholder="请输入岗位名称"></el-input>
+				</div>
+				<div style="margin-bottom: 10px;" v-if="parentId==0">
+					<span style="width: 200px;display: inline-block;text-align: right;">职业方向名称：</span>
+					<el-input style="width:50%;" v-model="postSkillName" type="text" placeholder="请输入职业方向名称"></el-input>
+				</div>
+				<div style="margin-bottom: 10px;" v-if="parentId!=0">
+					<span style="width: 200px;display: inline-block;text-align: right;">职业技能名称：</span>
+					<el-input style="width:50%;" v-model="postSkillName" type="text" placeholder="请输入职业技能名称"></el-input>
+				</div>
+				<!-- <div style="margin-bottom: 10px;display:flex;" v-if="gwType==2">
+					<span style="width: 200px;display: inline-block;text-align: right;">价格：</span>
+					<el-input style="width:50%;" v-model="price" type="text" placeholder="请输入价格"></el-input>
+				</div>
+				<div style="margin-bottom: 10px;display:flex;" v-if="gwType==2">
+					<span style="width: 200px;display: inline-block;text-align: right;">会员价格：</span>
+					<el-input style="width:50%;" v-model="memberPrice" type="text" placeholder="请输入会员价格"></el-input>
+				</div> -->
+
+
+				<div style="margin-bottom: 10px;display:flex;">
+					<span style="width: 200px;display: inline-block;text-align: right;">排序：</span>
+					<el-input-number size="medium" v-model="sort"></el-input-number>
+				</div>
+				<div style="margin-bottom: 10px;display:flex;">
+					<span style="width: 200px;display: inline-block;text-align: right;">状态：</span>
+					<el-radio-group v-model="gameStatus">
+						<el-radio :label="1">上架</el-radio>
+						<el-radio :label="0">下架</el-radio>
+					</el-radio-group>
+				</div>
+				<div slot="footer" class="dialog-footer">
+					<el-button @click="dialogFormVisible9 = false">取 消</el-button>
+					<el-button type="primary" @click="refuseto1()">确 定</el-button>
+				</div>
+			</el-dialog>
+			<!-- 添加、修改专业 -->
+			<el-dialog :title="titles" :visible.sync="dialogVisibleGw" center>
+				<div style="margin-bottom: 10px;">
+					<span style="width: 200px;display: inline-block;text-align: right;">专业名称：</span>
+					<el-input style="width:50%;" v-model="rulePostName" type="text" placeholder="请输入专业名称"></el-input>
+				</div>
+
+				<div slot="footer" class="dialog-footer">
+					<el-button @click="dialogVisibleGw = false">取 消</el-button>
+					<el-button type="primary" @click="refusetoList()">确 定</el-button>
+				</div>
+			</el-dialog>
+
+		<!-- </el-tabs> -->
+	</div>
+</template>
+
+<script>
+	export default {
+
+		data() {
+			return {
+				size: 10,
+				page: 1,
+				size1: 10,
+				page1: 1,
+				limit: 10,
+				openValue2: 1,
+				closeValue2: 0,
+				title: '',
+				type: '',
+				name: '',
+				activeName: 'first',
+				tableDataLoading: true,
+				tableDataLoading4: false,
+				dialogFormVisible9: false,
+				status: '', //状态0待审核  1上架  2下架 3驳回 (修改添加不传)
+				dialogVisible: false,
+				// dialogVisibleS:false,
+				dialogVisibleGw: false,
+				tableData: {},
+				titles: '添加服务分类',
+				renwuTitles: '添加服务',
+				// ruleClassifyName:'',
+				ruleClassifyId: '',
+				sort:1,
+				gameStatus: 1,
+				stationList:{},
+				stationListS:[],
+				rulePostId:'',//岗位id
+				rulePostName:'',//岗位名称
+				// price:'',//价格
+				// memberPrice:'',//会员价格
+				// accurateMemberPrice:'',//精准服务定制化价格
+				// customizationPrice:'',//定制化价格
+				// customizationMemberPrice:'',//定制化会员价格
+				// offlinePrice:'',
+				// offlineMemberPrice:'',
+				rulePostNameT:'',
+				postSkillId:'',
+				postSkillName:'',
+				classifyBy:1,
+				flname:'',
+				parentId:0,
+				// titleGw:'',
+				// gwType:0,
+				ejgwList:[],
+				parentIdEr:'',
+				postSkillIdT: '',
+			}
+		},
+		methods: {
+			handleSizeChange(val) {
+				this.limit = val
+				this.classSelect()
+			},
+			handleCurrentChange(val) {
+				this.page = val
+				this.classSelect()
+			},
+			handleSizeChangeGw(val) {
+				this.size1 = val
+				this.stationClass()
+			},
+			handleCurrentChangeGw(val) {
+				this.page1 = val
+				this.stationClass()
+			},
+			handleClick(tab, event) {
+
+				this.page = 1
+				if (tab._props.label == '岗位分类') {
+
+					this.classSelect()
+				}
+			},
+			// 取消
+			cancel() {
+				this.page = 1
+				this.classSelect()
+			},
+			// 获取服务分类数据
+			classSelect() {
+        this.tableDataLoading = true
+				this.$http({
+					url: this.$http.adornUrl('postSkill/selectPostSkillList'),
+					method: 'get',
+					params: this.$http.adornParams({
+						'page': this.page,
+						'limit': this.limit,
+					})
+				}).then(({
+					data
+				}) => {
+					if (data.code == 0) {
+						this.tableDataLoading = false
+						let returnData = data.data
+						this.tableData = returnData
+					} else {
+						this.$notify({
+							title: '提示',
+							duration: 1800,
+							message: data.msg,
+							type: 'warning'
+						});
+					}
+
+
+				})
+			},
+
+			// 添加服务分类
+			classAdd(index,row,jibie) {  // index 1添加职业方向 2添加职业技能, 0修改   // jibie 1职业方向 2职业技能
+				console.log(index,'row', row)
+
+				if (index==0) {
+					this.titles = '修改职业方向'
+					this.postSkillName = row.postSkillName
+					this.postSkillId = row.postSkillId
+					this.sort = row.sort
+					// this.isEnable = row.isEnable
+					this.parentId = row.parentId;
+					this.gameStatus = row.isEnable
+					this.ruleClassifyId = row.ruleClassifyId
+					// this.ruleClassifyName = row.ruleClassifyName
+					// this.ruleClassifyId = row.ruleClassifyId
+					// this.price = row.price
+					// this.memberPrice = row.memberPrice
+					// this.accurateMemberPrice = row.accurateMemberPrice
+					// this.customizationPrice = row.customizationPrice
+					// this.customizationMemberPrice = row.customizationMemberPrice
+					// this.offlinePrice = row.offlinePrice
+					// this.offlineMemberPrice = row.offlineMemberPrice
+					
+					// this.parentId = row.parentId
+					// if(row.title){
+					// 	this.titleGw = row.title
+					// 	this.titles = '修改职业技能'
+					// }
+					if(jibie==2){
+						// this.gwType=1
+						// this.ruleClassifyName = row.title
+						this.titles = '修改职业技能'	
+					}
+					// if(jibie==3){
+					// 	this.gwType=2
+					// }
+
+				} else {
+					this.titles = '添加职业方向'
+					if(jibie==2){
+						this.titles = '添加职业技能'		
+					}
+					if(index==1){
+						this.parentId = 0		
+					}else if(index==2){
+						this.parentId = this.postSkillIdT
+					}
+					this.postSkillId=''
+					this.ruleClassifyId = ''
+					this.postSkillName = ''
+					this.sort = 1
+					this.gameStatus = 1
+					// this.ruleClassifyName = ''
+					// this.price = ''
+					// this.memberPrice = ''
+					// this.accurateMemberPrice = ''
+					// this.customizationPrice = ''
+					// this.customizationMemberPrice = ''
+					// this.offlinePrice = ''
+					// this.offlineMemberPrice = ''
+					// this.gwType=0
+				}
+				this.dialogFormVisible9 = true
+
+			},
+			// 启用与否
+			change(id, isEnable,row) {
+				this.$http({
+					url: this.$http.adornUrl('postSkill/updatePostSkill'),
+					method: 'post',
+					// data: this.$http.adornData({
+					params: this.$http.adornParams({
+						'isEnable': isEnable,
+						'sort':row.sort,
+						'postSkillId': row.postSkillId,
+						'postSkillName': row.postSkillName,
+						'ruleClassifyId': row.ruleClassifyId,
+						'parentId': row.parentId
+
+					})
+				}).then(({
+					data
+				}) => {
+					if(data.code==0){
+						this.$message({
+							message: '操作成功',
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								if(row.parentId==0){
+									this.classSelect()
+								}else{
+									this.stationClass()
+									this.stationClass2()
+								}
+								// this.dialogVisibleS = false
+							}
+						})
+					}else{
+							this.$message({
+								message: data.msg,
+								type: 'warning',
+								duration: 1500,
+								onClose: () => {
+									if(row.parentId==0){
+										this.classSelect()
+									}else{
+										this.stationClass()
+										this.stationClass2()
+									}
+								}
+							})
+						}
+
+				})
+			},
+			// 提交修改、添加服务分类
+			refuseto1() {
+				// if (this.parentId!=0) {
+				// 	if (this.gwType == 0) {
+				// 		this.$notify({
+				// 			title: '提示',
+				// 			duration: 1800,
+				// 			message: '请选择岗位类型',
+				// 			type: 'warning'
+				// 		})
+				// 		return
+				// 	}
+				// }
+				if (this.ruleClassifyId == '') {
+					this.$notify({
+						title: '提示',
+						duration: 1800,
+						message: '请输入岗位名称',
+						type: 'warning'
+					})
+					return
+				}
+				if (this.postSkillName == '' && this.parentId==0) {
+					this.$notify({
+						title: '提示',
+						duration: 1800,
+						message: '请输入职业方向名称',
+						type: 'warning'
+					})
+					return
+				}
+				if (this.postSkillName == '' && this.parentId!=0) {
+					this.$notify({
+						title: '提示',
+						duration: 1800,
+						message: '请输入职业技能名称',
+						type: 'warning'
+					})
+					return
+				}
+				// if(this.parentId!=0&&this.gwType==2){
+				// 	if (this.price === '') {
+				// 		this.$notify({
+				// 			title: '提示',
+				// 			duration: 1800,
+				// 			message: '请输入价格',
+				// 			type: 'warning'
+				// 		})
+				// 		return
+				// 	}
+				// 	if (this.memberPrice === '') {
+				// 		this.$notify({
+				// 			title: '提示',
+				// 			duration: 1800,
+				// 			message: '请输入会员价格',
+				// 			type: 'warning'
+				// 		})
+				// 		return
+				// 	}
+				// }
+
+				if (this.sort === '') {
+					this.$notify({
+						title: '提示',
+						duration: 1800,
+						message: '请选择排序',
+						type: 'warning'
+					})
+					return
+				}
+				// if(this.gwType==1&&this.parentId!==0){
+				// 	this.titleGw = this.ruleClassifyName
+				// 	this.ruleClassifyName = ''
+				// 	console.log('···········1')
+				// }else{
+				// 	this.titleGw = ''
+				// }
+				// if(this.gwType==2&&this.titles == '添加岗位'){
+				// 	var parentId = this.parentIdEr
+				// }else{
+				// 	var parentId = this.parentId
+				// }
+
+					if (this.titles == '添加职业方向' || this.titles == '添加职业技能') {
+						var urls = 'postSkill/addPostSkill'
+					} else {
+						var urls = 'postSkill/updatePostSkill'
+					}
+					this.$http({
+						url: this.$http.adornUrl(urls),
+						method: 'post',
+						// data: this.$http.adornData({
+						params: this.$http.adornParams({
+							// 'title':this.titleGw,
+							// 'ruleClassifyName': this.ruleClassifyName,
+							'isEnable': this.gameStatus,
+							'sort': this.sort,
+							'ruleClassifyId': this.ruleClassifyId,
+							// 'price': this.price,
+							// 'memberPrice': this.memberPrice,
+							'parentId':this.parentId,
+							'postSkillName': this.postSkillName,
+							'postSkillId': this.postSkillId
+						})
+					}).then(({
+						data
+					}) => {
+						if(data.code==0){
+							this.dialogFormVisible9 = false
+							this.$message({
+								message: '操作成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+									if(this.parentId==0){
+										this.classSelect()
+									}else{
+										this.stationClass()
+										this.stationClass2()
+									}
+									// this.dialogVisibleS = false
+								}
+							})
+						}else{
+							this.$message({
+								message: data.msg,
+								type: 'warning',
+								duration: 1500,
+								onClose: () => {
+								}
+							})
+						}
+
+					})
+			},
+			// 删除分类
+			classdelete(row) {
+				this.$confirm(`确定删除此条信息?`, '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					this.$http({
+						url: this.$http.adornUrl('postSkill/deletePostSkill'),
+						method: 'get',
+						params: this.$http.adornParams({
+							'postSkillId': row.postSkillId
+						})
+					}).then(({
+						data
+					}) => {
+						if(data.code==0){
+							this.$message({
+								message: '删除成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+										this.classSelect()
+									// this.dialogVisibleS = false
+								}
+							})
+						}else{
+							this.$message({
+								message: data.msg,
+								type: 'warning',
+								duration: 1500,
+								onClose: () => {
+								}
+							})
+						}
+
+					})
+				}).catch(() => {})
+			},
+			// 岗位列表
+			classList(row,index){
+
+				if(index==2){
+					// this.titleGw = row.ruleClassifyName
+					this.postSkillIdT = row.postSkillId
+					this.stationClass()
+					// this.stationClass2()
+					this.dialogVisible = true
+				}
+				// else{
+				// 	this.stationListS = row.childrens
+				// 	// this.dialogVisibleS = true
+				// }
+
+			},
+			stationlick(){
+				this.page1 = 1
+				this.stationClass()
+			},
+			// 获取岗位列表
+			stationClass() {
+        	this.tableDataLoading4 = true
+				this.$http({
+					url: this.$http.adornUrl('admin/rule/adminGetParentId'),
+					method: 'get',
+					params: this.$http.adornParams({
+						'page': this.page1,
+						'limit': this.size1,
+						'parentId': this.postSkillIdT
+					})
+				}).then(({
+					data
+				}) => {
+					this.tableDataLoading4 = false
+					for(var i in data.data.records){
+						data.data.records[i].flname = ''
+
+					}
+					let returnData = data.data
+					this.stationList = returnData
+				})
+			},
+			// 获取岗位列表2
+			stationClass2() {
+				this.$http({
+					url: this.$http.adornUrl('admin/rule/adminGetParentId'),
+					method: 'get',
+					params: this.$http.adornParams({
+						'page': 1,
+						'limit': 50,
+						'parentId': this.postSkillIdT
+					})
+				}).then(({
+					data
+				}) => {
+					let returnData = data.data
+					this.ejgwList = returnData.records
+				})
+			},
+			// 添加/修改岗位
+			stationAdd(row){
+				if (row) {
+					this.titles = '修改专业'
+					this.rulePostId = row.rulePostId
+					this.rulePostName = row.rulePostName
+
+
+				} else {
+					this.titles = '添加专业'
+					this.rulePostId = ''
+					this.rulePostName = ''
+
+				}
+				this.dialogVisibleGw = true
+			},
+			// 提交添加/修改岗位
+			refusetoList(){
+				if (this.rulePostName == '') {
+					this.$notify({
+						title: '提示',
+						duration: 1800,
+						message: '请输入岗位名称',
+						type: 'warning'
+					})
+					return
+				}
+
+					if (this.titles == '添加专业') {
+						var urls = 'rule/insertRulePost'
+					} else {
+						var urls = 'rule/updateRulePost'
+					}
+					this.$http({
+						url: this.$http.adornUrl(urls),
+						method: 'post',
+						data: this.$http.adornData({
+							'rulePostId': this.rulePostId,
+							'rulePostName': this.rulePostName,
+							'ruleClassifyId': this.ruleClassifyId,
+						})
+					}).then(({
+						data
+					}) => {
+						if(data.code==0){
+							this.dialogVisibleGw = false
+							this.$message({
+								message: '操作成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+									this.stationClass()
+								}
+							})
+						}else{
+							this.$message({
+								message: data.msg,
+								type: 'warning',
+								duration: 1500,
+								onClose: () => {
+								}
+							})
+						}
+
+					})
+			},
+			// 删除岗位
+			stationDelete(row){
+				this.$confirm(`确定删除此条信息?`, '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					this.$http({
+						url: this.$http.adornUrl('admin/rule/deleteClassify'),
+						method: 'get',
+						params: this.$http.adornParams({
+							'intentionId': row.ruleClassifyId
+						})
+					}).then(({
+						data
+					}) => {
+						if(data.code==0){
+							this.$message({
+								message: '删除成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+										this.stationClass()
+										this.stationClass2()
+									// this.dialogVisibleS = false
+								}
+							})
+						}else{
+							this.$message({
+								message: data.msg,
+								type: 'warning',
+								duration: 1500,
+								onClose: () => {
+								}
+							})
+						}
+
+					})
+				}).catch(() => {})
+			},
+
+		},
+		mounted() {
+			this.classSelect()
+		}
+	}
+</script>
+
+<style>
+	.customWidth {
+		width: 80% !important;
+	}
+
+	.adver_main.box {
+		display: block;
+		max-width: 100%;
+		text-align: center;
+		border: 1px dotted rgba(67, 79, 103, .4);
+	}
+
+	.cards {
+		padding: 0 8px;
+		margin-bottom: 15px;
+	}
+
+	.adver_main.box a {
+		display: flex;
+		justify-content: center;
+		height: 150px;
+		line-height: 150px;
+		text-decoration: none
+	}
+
+	.bannerManin {
+		border: 1px solid #e8e8e8;
+		font-size: 14px;
+		padding: 0 24px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 113px;
+		color: rgba(0, 0, 0, .65);
+	}
+
+	.bannerManin span {
+		display: inline-block;
+		margin-left: 5px;
+	}
+
+	.bannerManin img {
+		width: 48px;
+		height: 48px;
+		border-radius: 50%;
+	}
+
+	.bannerbtn {
+		display: flex;
+		border-top: none !important;
+		border: 1px solid #e8e8e8;
+		padding: 11px;
+		font-size: 14px;
+		color: #3E8EF7;
+	}
+
+	.bannerbtn a {
+		flex: 1;
+		text-align: center;
+		color: #3E8EF7 !important;
+		text-decoration: none;
+	}
+
+	.imgs {
+		position: relative;
+		border-radius: 6px;
+		width: 148px;
+		height: 148px;
+		margin-right: 10px;
+		display: inline-block;
+	}
+
+	.dels {
+		position: absolute;
+		top: 0;
+		left: 0;
+		display: none;
+	}
+
+	.dels .el-icon-delete {
+		line-height: 148px;
+		padding-left: 58px;
+		font-size: 25px;
+		color: #fff;
+	}
+
+	.imgs:hover .dels {
+		width: 100%;
+		height: 100%;
+		background: #000;
+		display: block;
+		opacity: 0.5;
+	}
+
+	.bqList {
+		padding: 4px 14px;
+		margin: 4px;
+		border: 1px solid #efefef;
+		font-size: 12px;
+		color: #999;
+		border-radius: 4px;
+		margin-right: 15px;
+	}
+
+	.delss {
+		display: none;
+		position: relative;
+	}
+
+	.delss .el-icon-delete {
+		position: absolute;
+		top: 0;
+	}
+
+	.bqList:hover .delss {
+		display: initial;
+		opacity: 0.5;
+
+	}
+
+	.tj {
+		padding: 6px !important;
+		margin: 4px;
+		font-size: 12px;
+		border: 1px solid #ccc;
+		border-radius: 4px;
+	}
+</style>