| | |
| | | <div class="mainContent"> |
| | | <el-form |
| | | ref="user" |
| | | label-width="140px" |
| | | label-width="180px" |
| | | autoComplete="on" |
| | | :model="updateData" |
| | | :rules="rules" |
| | | label-position="right" |
| | | > |
| | | <!-- 部门名称 --> |
| | | <span style="heght:18px;display:block;line-height: 14px;"> |
| | | <span style="font-weight: 700;font-size: 16px"> |
| | | 执法人员结构 |
| | | </span> |
| | | <el-form-item class="optionItem" label="部门名称:" prop="name"> |
| | |
| | | <el-form-item class="optionItem" label="持法律职业资格证书人数:" prop="legalProfessionalQualificationCertificatePeopleNumber"> |
| | | <el-input v-model="updateData.legalProfessionalQualificationCertificatePeopleNumber" placeholder="请输入持法律职业资格证书人数"></el-input> |
| | | </el-form-item> |
| | | <span> |
| | | <span style="font-weight: 700;font-size: 16px"> |
| | | 作风纪律 |
| | | </span> |
| | | <el-form-item class="optionItem" label="通报数量:" prop="reportNumber"> |
| | |
| | | <el-form-item class="optionItem" label="违法犯罪行为数量:" prop="criminalOffenseNumber"> |
| | | <el-input v-model="updateData.criminalOffenseNumber" placeholder="请输入违法犯罪行为数量"></el-input> |
| | | </el-form-item> |
| | | <span>案件办理</span> |
| | | <span style="font-weight: 700;font-size: 16px">案件办理</span> |
| | | <el-form-item class="optionItem" label="每月案件办理量:" prop="monthCaseNumber"> |
| | | <el-input v-model="updateData.monthCaseNumber" placeholder="请输入每月案件办理量"></el-input> |
| | | </el-form-item> |
| | |
| | | </template> |
| | | <script> |
| | | import { deepClone } from "@/utils/helper"; |
| | | import { updateTeamInfo } from "@/api/system/portal/teamConstruction"; |
| | | import { SUCCESS_CODE } from "@/utils"; |
| | | import {addTeam, updateTeamInfo} from "@/api/system/portal/teamConstruction"; |
| | | |
| | | export default { |
| | | data() { |
| | | |
| | | return { |
| | | updateData: null, |
| | | updateData: { |
| | | name:'', |
| | | peopleNumber:'', |
| | | regionIds:'', |
| | | upUndergraduatePeopleNumber:'', |
| | | holderNumber:'', |
| | | underFortyFivePeopleNumber:'', |
| | | legalProfessionalQualificationCertificatePeopleNumber:'', |
| | | reportNumber:'', |
| | | disciplinaryOffenceNumber:'', |
| | | criminalOffenseNumber:'', |
| | | monthCaseNumber:'', |
| | | noTimeoutCaseNumber:'', |
| | | reviewOrLawsuitNumber:'', |
| | | }, |
| | | rules: { |
| | | name: [{ required: true, trigger: "blur", message: '部门名称必填' }], |
| | | peopleNumber: [{ required: true, trigger: "blur", message: '部门人数必填' }], |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.updateData = deepClone(this.updateDepartmentData); |
| | | // this.updateData = deepClone(this.updateDepartmentData); |
| | | }, |
| | | mounted() { |
| | | this.updateData = JSON.parse(JSON.stringify(this.updateDepartmentData)); |
| | | }, |
| | | methods: { |
| | | clearFields(){ |
| | | console.log(']]]]]]') |
| | | this.$refs['user'].resetFields(); |
| | | |
| | | }, |
| | | submitUpdate() { |
| | | this.$refs.user.validate((valid) => { |
| | | if (valid) { |
| | | updateTeamInfo(this.updateData) |
| | | .then(({ code, message }) => { |
| | | if (code === SUCCESS_CODE) { |
| | | this.$emit('closeUpdateDialog'); |
| | | this.$message({ type: 'success', message }); |
| | | } else { |
| | | this.$message({ type: 'error', message }); |
| | | } |
| | | }) |
| | | .catch(err => { |
| | | this.$message({ type: 'error', message: err }); |
| | | }); |
| | | if (this.isUpdate) { |
| | | updateTeamInfo(this.updateData) |
| | | .then(() => { |
| | | this.$emit('closeUpdateDialog'); |
| | | this.$message({ type: 'success', message: '操作成功' }); |
| | | }) |
| | | .catch(err => { |
| | | this.$message({ type: 'error', message: err }); |
| | | }); |
| | | } else { |
| | | addTeam(this.updateData) |
| | | .then(() => { |
| | | this.$message({ type: 'success', message: '操作成功' }); |
| | | this.$emit('closeUpdateDialog'); |
| | | }) |
| | | .catch(err => { |
| | | this.$message({ type: 'error', message: err }); |
| | | }); |
| | | } |
| | | } else { |
| | | this.$message({ type: 'warning', message: '请检查必填项' }); |
| | | } |
| | |
| | | this.$emit('closeUpdateDialog'); |
| | | } |
| | | }, |
| | | props: ['updateDepartmentData'] |
| | | props: ['updateDepartmentData', 'isUpdate'] |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .updateUser { |
| | | border-radius: 1px; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | |
| | | main { |
| | | text-align: left; |
| | | padding: 0 55px; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | |
| | | .mainContent { |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | |
| | | .updateUser::v-deep .el-form-item__label { |
| | | color: #4b9bb7; |
| | | } |
| | | // .updateUser::v-deep .el-form-item__label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | |
| | | .updateUser::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // .updateUser::v-deep .el-input__inner { |
| | | // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | |
| | | .addPerson { |
| | | display: flex; |
| | |
| | | min-height: 240px; |
| | | max-height: 260px; |
| | | overflow: hidden; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | position: relative; |
| | | max-width: 220px; |
| | | |
| | |
| | | right: 20px; |
| | | width: 20px; |
| | | height: 180px; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | } |
| | | |
| | | .item { |
| | |
| | | justify-content: center; |
| | | padding-right: 20px; |
| | | } |
| | | </style> |
| | | </style> |