sccg_ui.git - Gitblit

			@@ -2,48 +2,42 @@
			<div class="createUser">
			<main>
			<div class="mainContent">
			<el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
			<el-form ref="user" :rules="createThings" label-width="140px" autoComplete="on" :model="things" label-position="right">
			<!-- 违规事项编号 -->
			<el-form-item class="optionItem" label="违规事项编号:" prop="number">
			<!-- <el-form-item class="optionItem" label="违规事项编号:" prop="number">
			<el-input v-model="things.number" placeholder="请填写违规事项编号"></el-input>
			</el-form-item> -->
			<!-- 新增的类型或大类或小类 -->
			<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"
			:value="item.id">
			<!-- 请选择级别 -->
			<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>
			<!-- 所属大类 -->
			<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="typeFirst">
			<el-select v-model="things.typeFirst" placeholder="请选择所属类型" disabled>
			<el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
			<!-- 父级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="type">
			<el-input type="textarea" autosize v-model="things.type" placeholder="请输入案由描述内容"
			:disabled="!updateFlag" disabled></el-input>
			<el-input type="textarea" autosize v-model="things.type" placeholder="请输入案由描述内容"></el-input>
			</el-form-item>
			<el-form-item v-if="updateFlag">
			<el-form-item>
			<div class="optionBtn">
			<el-button type="primary" class="btn submit" @click.native.prevent="handleUser">确认
			<el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">确认
			</el-button>
			</div>
			</el-form-item>
			</el-form>

			</div>
			</main>
			</div>
			@@ -51,49 +45,74 @@
			<script>
			export default {
			data() {
			const checkName = (rule,value,callback)=>{
			if(value){
			callback();
			}else{
			callback(new Error('新增违规类型不能为空'));
			}
			}
			const checkLevel = (rule,value,callback)=>{
			if(value){
			callback();
			}else{
			callback(new Error('新增违规等级不能为空'));
			}
			}
			// const checkId = (rule,value,callback)=>{
			// if(value){
			// callback();
			// }else{
			// callback(new Error('新增违规等级不能为空'));
			// }
			// }
			return {
			things: {
			number: 0,
			type: '',
			typeFirst: '',
			typeSecond: '',
			typeThird: '',
			name:'',
			parentId:'',
			level:'',
			},
			roleList: [],
			typeThirdList:[],
			typeSecondList:[],
			typeFirstList:[],
			createThings:{
			name:[
			{
			required:true,trigger:'blur',validator:checkName
			}
			],
			level:[
			{
			required:true,trigger:'change',validator:checkLevel
			}
			],
			// parentId:[
			// {
			// required:true,trigger:'change',validator:checkId
			// }
			// ]
			},
			levelList:[
			{
			label:"违规中类型",
			value:1,
			},
			{
			label:"大类",
			value:2,
			},
			{
			label:"小类",
			value:3,
			},
			{
			label:"案由",
			value:4,
			},
			],
			parentList:[],
			}
			},
			created() {
			console.log(this.userInfo);
			this.things = JSON.parse(JSON.stringify(this.userInfo));
			// 获取所属类型列表
			this.getTypeThird();
			this.getTypeSecond();
			this.getTypeFirst();
			},
			methods: {
			// handleUser() {
			// this.$refs.user.validate((valid) => {
			// if (valid) {
			// const { role } = this;
			// console.log(role);
			// this.$axios.post('/sccg/role/update/' + role.id, {
			// id: role.id,
			// status: role.status,
			// description: role.description,
			// name: role.name,
			// sort: 0
			// }).then(res => {
			// this.$emit('changeDialog', { dialogUpdate: false });
			// this.getUserList();
			// })
			// } else {
			// return false;
			// }
			// })
			// },
			// 查询所属类型
			getTypeThird() {
			this.$axios({
			@@ -101,7 +120,7 @@
			url: "sccg/violations/query/type_first",
			})
			.then(res => {
			this.typeThirdList = res.data;
			this.parentList = res.data;
			})
			},
			// 查询所属大类
			@@ -111,7 +130,7 @@
			url: "sccg/violations/query/type_second",
			})
			.then(res => {
			this.typeSecondList = res.data;
			this.parentList = res.data;
			})
			},
			// 查询所属小类
			@@ -121,11 +140,74 @@
			url: "sccg/violations/query/type_third",
			})
			.then(res => {
			this.typeFirstList = res.data;
			this.parentList = res.data;
			})
			},
			// 查询所属案由
			getEventLevel() {
			this.$axios({
			method: 'get',
			url: 'sccg/violations/query/type_four'
			})
			.then(res => {
			console.log(res);
			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>
			@@ -181,6 +263,7 @@
			&::v-deep .el-textarea__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			font-size: 10px;
			}

			::v-deep .el-form-item__label {
			@@ -190,6 +273,7 @@
			::v-deep .el-input__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			font-size: 10px;
			}
			}
			</style>