zhanghua
2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3
src/views/systemSetting/platform/cockpitManage/updateUser/index.vue
@@ -4,14 +4,14 @@
      <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">
@@ -36,7 +36,7 @@
          <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">
@@ -48,7 +48,7 @@
          <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>
@@ -71,14 +71,26 @@
</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: '部门人数必填' }],
@@ -97,24 +109,39 @@
    }
  },
  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: '请检查必填项' });
        }
@@ -125,18 +152,18 @@
      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;
@@ -177,14 +204,14 @@
  }
}
.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;
@@ -225,7 +252,7 @@
    min-height: 240px;
    max-height: 260px;
    overflow: hidden;
    background-color: #09152f;
    // background-color: #09152f;
    position: relative;
    max-width: 220px;
@@ -259,7 +286,7 @@
      right: 20px;
      width: 20px;
      height: 180px;
      background-color: #09152f;
      // background-color: #09152f;
    }
    .item {
@@ -284,4 +311,4 @@
  justify-content: center;
  padding-right: 20px;
}
</style>
</style>