From ccedc2e714c01d51f8eb986c6549ea701811f4bb Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期六, 08 十月 2022 18:07:44 +0800
Subject: [PATCH] 新增运营管理中基础设置的违规违建类型添加,添加一些取消按钮的实现
---
src/views/operate/baseSetting/violation/createUser/index.vue | 167 ++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 108 insertions(+), 59 deletions(-)
diff --git a/src/views/operate/baseSetting/violation/createUser/index.vue b/src/views/operate/baseSetting/violation/createUser/index.vue
index 614d479..fa9d67c 100644
--- a/src/views/operate/baseSetting/violation/createUser/index.vue
+++ b/src/views/operate/baseSetting/violation/createUser/index.vue
@@ -11,38 +11,22 @@
<el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
<el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
</el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird">
- <el-select v-model="things.typeThird" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" >
- <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
+ <!-- 璇烽�夋嫨绾у埆 -->
+ <el-form-item class="optionItem" label="绾у埆:" prop="level">
+ <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
+ <el-option v-for="item in levelList" :key="item.value" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鐖剁骇id -->
+ <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
+ <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" >
+ <el-option v-for="item in parentList" :key="item.id" :label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炲ぇ绫�:" prop="typeSecond">
- <el-select v-model="things.typeSecond" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" >
- <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 璇疯緭鍏ユ柊澧炵瓑绾� -->
- <el-form-item class="optionItem" label="妗堜欢绛夌骇:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" >
- <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲皬绫� -->
- <!-- <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item> -->
<!-- 妗堢敱 -->
<el-form-item class="optionItem" label="妗堢敱:" prop="type">
<el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"></el-input>
@@ -75,14 +59,17 @@
callback(new Error('鏂板杩濊绛夌骇涓嶈兘涓虹┖'));
}
}
+ // const checkId = (rule,value,callback)=>{
+ // if(value){
+ // callback();
+ // }else{
+ // callback(new Error('鏂板杩濊绛夌骇涓嶈兘涓虹┖'));
+ // }
+ // }
return {
things: {
- // number: 0,
- // type: '',
name:'',
- typeFirst: '',
- typeSecond: '',
- typeThird: '',
+ parentId:'',
level:'',
},
createThings:{
@@ -95,21 +82,35 @@
{
required:true,trigger:'change',validator:checkLevel
}
- ]
+ ],
+ // parentId:[
+ // {
+ // required:true,trigger:'change',validator:checkId
+ // }
+ // ]
},
- roleList: [],
- typeThirdList:[],
- typeSecondList:[],
- // typeFirstList:[],
- eventLevelList:[]
+ levelList:[
+ {
+ label:"杩濊涓被鍨�",
+ value:1,
+ },
+ {
+ label:"澶х被",
+ value:2,
+ },
+ {
+ label:"灏忕被",
+ value:3,
+ },
+ {
+ label:"妗堢敱",
+ value:4,
+ },
+ ],
+ parentList:[],
}
},
created() {
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeThird();
- this.getTypeSecond();
- // this.getTypeFirst();
- this.getEventLevel();
},
methods: {
// 鏌ヨ鎵�灞炵被鍨�
@@ -119,7 +120,7 @@
url: "sccg/violations/query/type_first",
})
.then(res => {
- this.typeThirdList = res.data;
+ this.parentList = res.data;
})
},
// 鏌ヨ鎵�灞炲ぇ绫�
@@ -129,36 +130,84 @@
url: "sccg/violations/query/type_second",
})
.then(res => {
- this.typeSecondList = res.data;
+ this.parentList = res.data;
})
},
// 鏌ヨ鎵�灞炲皬绫�
- // getTypeFirst(){
- // this.$axios({
- // method: 'get',
- // url: "sccg/violations/query/type_third",
- // })
- // .then(res => {
- // this.typeFirstList = res.data;
- // })
- // },
- // 鑾峰彇妗堜欢绛夌骇鍒楄〃
+ getTypeFirst(){
+ this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_third",
+ })
+ .then(res => {
+ this.parentList = res.data;
+ })
+ },
+ // 鏌ヨ鎵�灞炴鐢�
getEventLevel() {
this.$axios({
method: 'get',
- url: 'sccg/violations/query/event_type'
+ url: 'sccg/violations/query/type_four'
})
.then(res => {
console.log(res);
- this.eventLevelList = res.data;
+ this.parentList = res.data;
})
},
// 鎻愪氦鏂板杩濊绫诲瀷
handleSubmit(){
console.log(this.things);
+ this.$refs.user.validate((valid)=>{
+ console.log(valid);
+ if(valid){
+ const {things} = this;
+ this.$axios({
+ method:'post',
+ url:'sccg/violations/addition/type',
+ data:{
+ code:'1111',
+ level:things.parentId === '' ? things.level : things.level+1,
+ name:things.name,
+ parentId:things.parentId=== '' ? 0 : things.parentId,
+ typeCode:'01',
+ typeName:'闂绫诲瀷',
+ remark:things.type,
+ }
+ })
+ .then(res=>{
+ console.log(res);
+ if(res.code === 200){
+ this.$message({
+ type:'success',
+ message:'娣诲姞鎴愬姛'
+ })
+ this.$emit('changeDialog',{flag:false});
+ }else{
+ this.$message({
+ type:'error',
+ message:"娣诲姞澶辫触"
+ })
+ }
+ })
+ }else{
+ return false;
+ }
+ })
+ },
+ // 妗堜欢绾у埆鍙樺寲
+ resetParentList(index){
+ if(index === 1){
+ this.getTypeThird();
+ }else if(index === 2){
+ this.getTypeSecond();
+ }else if(index === 3){
+ this.getTypeFirst();
+ }else{
+ this.getEventLevel();
+ }
}
},
- props: ['getUserList']
+ props: ['changeDialog']
}
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0