| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function getParentElement(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/getParentElement', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function elementManagementList(data) { |
| | | return request({ |
| | | headers:{ |
| | |
| | | <span v-if="scope.row.type == 1">B级要素</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="父要素" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.parentId == 0">法律法规和标准</span> |
| | | <span v-if="scope.row.parentId == 1">机构和职责</span> |
| | | </template> |
| | | <el-table-column label="父要素" prop="parentName" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" align="center"> |
| | | </el-table-column> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="级别" prop="type"> |
| | | <el-form-item label="级别" prop="type"> |
| | | <el-select |
| | | v-model="form.type" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | :disabled="title=='编辑'?true:false" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-row v-if="form.type==0?false:true"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="父要素" prop="parentId"> |
| | | <el-form-item label="父要素" prop="parentId"> |
| | | <el-select |
| | | v-model="form.parentId" |
| | | placeholder="请选择" |
| | |
| | | <el-option |
| | | v-for="item in parent" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | |
| | | elementManagementAdd, |
| | | elementManagementMod, |
| | | elementManagementDel, |
| | | getParentElement |
| | | } from "@/api/elementManagement.js"; |
| | | export default { |
| | | data() { |
| | |
| | | label: "B级要素", |
| | | }, |
| | | ], |
| | | parent: [ |
| | | { |
| | | value: 0, |
| | | label: "法律法规和标准", |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "机构和职责", |
| | | }, |
| | | ], |
| | | parent: [], |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: "预案名称不能为空", trigger: "change" }, |
| | | { required: true, message: "要素名称不能为空", trigger: "change" }, |
| | | ], |
| | | type: [ |
| | | { required: true, message: "预案名称不能为空", trigger: "change" }, |
| | | { required: true, message: "级别不能为空", trigger: "change" }, |
| | | ], |
| | | parentId: [ |
| | | { required: true, message: "预案名称不能为空", trigger: "change" }, |
| | | ], |
| | | remark: [ |
| | | { required: true, message: "责任人不能为空", trigger: "blur" }, |
| | | { required: true, message: "父要素不能为空", trigger: "change" }, |
| | | ], |
| | | }, |
| | | }; |
| | |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | getParentElement().then(res=>{ |
| | | // console.log('父类:',res) |
| | | this.parent=res.data.result |
| | | }) |
| | | if (type == "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.title == "新增") { |
| | | if(this.form.type==0){ |
| | | this.form.parentId='' |
| | | elementManagementAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | |
| | | }); |
| | | } |
| | | }); |
| | | }else{ |
| | | elementManagementAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } else { |
| | | elementManagementMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |