编辑用户修改、编辑用户等级页面修改

yangfeng

2024-01-08 8b9777c61dad679ea40d06a25f0e4e90da5f53cf

 src/views/unifiedManage/userManage/components/EditUserInfo.vue

@@ -9,49 +9,35 @@
      custom-class="iframe-dialog"
    >
      <div class="drawerContent" style="overflow: auto">
        <el-form ref="form" :rules="rules" :model="form" label-position="right" label-width="100px">
        <el-form ref="form" :rules="rules" :model="editConfig.form" label-position="right" label-width="100px">
          <el-form-item label="用户名:" prop="username">
            <el-input v-model="form.username" placeholder="请输入" disabled></el-input>
            <el-input v-model="editConfig.form.username" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="密码:" prop="password">
            <el-input v-model="form.password" placeholder="请输入" disabled></el-input>
            <el-input v-model="editConfig.form.password" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="手机号:" prop="phone">
            <el-input-number
              v-model="form.phone"
              placeholder=""
              :min="0"
              :controls="false"
              disabled
              style="width: 100%"
            ></el-input-number>
            <el-input v-model="editConfig.form.phone" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="公司名称:" prop="company">
            <el-input v-model="form.company" placeholder="请输入" disabled></el-input>
          <el-form-item label="公司名称:" prop="companyName">
            <el-input v-model="editConfig.form.company" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="联系人名称:" prop="contact">
            <el-input v-model="form.contact" placeholder="请输入" disabled></el-input>
          <el-form-item label="联系人名称:" prop="nickName">
            <el-input v-model="editConfig.form.contact" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="邮箱:" prop="email">
            <el-input v-model="form.email" placeholder="请输入" disabled></el-input>
          <el-form-item label="邮箱:" prop="companyEmail">
            <el-input v-model="editConfig.form.email" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="行业:" prop="industry">
            <el-input v-model="form.industry" placeholder="请输入" disabled></el-input>
            <el-input v-model="editConfig.form.industry" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="地区:" prop="region">
            <el-input v-model="form.region" placeholder="请输入" disabled></el-input>
            <el-input v-model="editConfig.form.region" placeholder="--" disabled></el-input>
          </el-form-item>
          <el-form-item label="用户等级:" prop="level">
            <el-radio-group v-model="form.level" :disabled="editConfig.title == '查看' ? true : false">
              <div style="margin-top: 10px">
                <el-radio :label="1">三合一经典会员</el-radio>
                <el-radio :label="2">APS+WMS普通会员</el-radio>
              </div>
              <div style="margin-top: 10px">
                <el-radio :label="3">四合一超级会员</el-radio>
                <el-radio :label="4">APS普通会员</el-radio>
              </div>
            </el-radio-group>
          <el-form-item label="用户等级:" prop="roleIDs">
            <el-checkbox-group v-model="editConfig.form.roleIDs" :disabled="editConfig.title == '查看' ? true : false">
              <el-checkbox v-for="role in roleList" :label="role.id" :key="role.id">{{ role.name }}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </el-form>
      </div>
@@ -66,6 +52,7 @@
</template>

<script>
import { getRoleIDs, setUser } from "@/api/unifiedManage/userManage"
export default {
  name: "EditUserInfo",
  props: {
@@ -75,7 +62,9 @@
        return {
          visible: false,
          title: "新建",
          infomation: {}
          form: {
            roleIDs: []
          }
        }
      }
    }
@@ -86,26 +75,29 @@
    return {
      dialogWidth: "30%",
      editConfig: this.editCommonConfig,
      form: {},
      // form: {},
      rules: {
        username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
        // password: [{ required: true, message: "请输入密码", trigger: "blur" }],
        phone: [{ required: true, message: "请输入手机号", trigger: "blur" }],
        company: [{ required: true, message: "请输入公司名称", trigger: "blur" }],
        contact: [{ required: true, message: "请输入联系人名称", trigger: "blur" }],
        level: [{ required: true, message: "请选择用户等级", trigger: "change" }]
      }
        // companyName: [{ required: true, message: "请输入公司名称", trigger: "blur" }],
        nickName: [{ required: true, message: "请输入联系人名称", trigger: "blur" }],
        roleIDs: [{ required: true, message: "请选择用户等级", trigger: "change" }]
      },
      roleList: [] // 用户等级
    }
  },
  watch: {
    "editCommonConfig.visible"(val) {
      console.log("sssssssssss")
      if (val) {
        this.$refs.form.resetFields()
        // this.getDataInfo()
        // this.formInfo()
        console.log(val)
      }
    },
    "editCommonConfig.infomation"(val) {
      if (this.isopen) {
    "editCommonConfig.form.username"(val) {
      console.log(val)
      if (this.editConfig.visible) {
        this.$refs.form.resetFields()
        if (val.id) {
          // this.getDataInfo(val)
@@ -114,11 +106,44 @@
    }
  },
  created() {
    // this.getDataInfo()
    this.getDataInfo()
  },
  methods: {
    handleClose() {
      this.editConfig.visible = false
    },
    // 获取等级信息
    async getDataInfo() {
      const rsp = await getRoleIDs({ useType: 1 })
      if (rsp.code == 200) {
        this.roleList = rsp.data ? rsp.data : []
      }
    },
    // 确定
    onSubmit(formName) {
      this.$refs[formName].validate((valid) => {
        console.log(valid)
        if (valid) {
          let param = this.saveParams()
          setUser(param).then((reply) => {
            if (reply && reply.code === 200) {
              this.$message.success("保存成功")
              this.handleClose()
              this.$parent.getData()
            }
          })
        }
      })
    },
    saveParams() {
      let params = {
        dutyIDs: this.editConfig.form.dutyIDs,
        id: this.editConfig.form.id,
        nickName: this.editConfig.form.nickName,
        phone: this.editConfig.form.phone,
        roleIDs: this.editConfig.form.roleIDs
      }
      return params
    }
  }
}
@@ -146,5 +171,8 @@
    text-align: right;
    padding-right: 20px;
  }
  .el-input__inner {
    text-align: left;
  }
}
</style>