zhanghua
2023-03-23 394e444b3d6f20da250f89a5bc72c8ce782d5528
src/views/systemSetting/baseSetting/user/components/createUser/index.vue
@@ -29,7 +29,7 @@
            <div class="item-right"></div>
          </div>
          <!-- 用户密码 -->
          <div class="user-item">
                    <div v-if="!user.id" class="user-item">
            <div class="item-left">
              <el-form-item
                class="optionItems"
@@ -66,7 +66,11 @@
          <!-- 性别 -->
          <div class="user-item">
            <div class="item-left">
              <el-form-item class="optionItem" label="性别:" prop="sex">
                            <el-form-item
                                class="optionItem"
                                label="性别:"
                                prop="sex"
                            >
                <el-radio-group v-model="user.sex">
                  <el-radio :label="1">男</el-radio>
                  <el-radio :label="0">女</el-radio>
@@ -78,7 +82,11 @@
          <!-- 是否党员 -->
          <div class="user-item">
            <div class="item-left">
              <el-form-item class="optionItem" label="是否党员:" prop="isDy">
                            <el-form-item
                                class="optionItem"
                                label="是否党员:"
                                prop="isDy"
                            >
                <el-radio-group v-model="user.isDy">
                  <el-radio :label="1">是</el-radio>
                  <el-radio :label="0">否</el-radio>
@@ -107,7 +115,11 @@
          <!-- 邮箱地址 -->
          <div class="user-item">
            <div class="item-left">
              <el-form-item class="optionItem" label="邮箱地址:" prop="email">
                            <el-form-item
                                class="optionItem"
                                label="邮箱地址:"
                                prop="email"
                            >
                <el-input
                  v-model="user.email"
                  placeholder="请填写邮箱地址"
@@ -119,7 +131,11 @@
          <!-- 选择角色 -->
          <div class="user-item">
            <div class="item-left">
              <el-form-item class="optionItem" label="选择角色:" prop="role">
                            <el-form-item
                                class="optionItem"
                                label="选择角色:"
                                prop="role"
                            >
                <el-select
                  v-model="user.role"
                  placeholder="请选择所属角色"
@@ -146,7 +162,10 @@
                label="用户类型:"
                prop="userType"
              >
                <el-select v-model="user.userType" placeholder="请选择用户类型">
                                <el-select
                                    v-model="user.userType"
                                    placeholder="请选择用户类型"
                                >
                  <el-option
                    v-for="item in typeList"
                    :key="item.id"
@@ -163,15 +182,24 @@
          <div class="user-item sp-item">
            <div class="item-left">
              <el-form-item label="座机/分机:" prop="zjarea">
                <el-input v-model="user.zjarea" placeholder="电话区号">
                                <el-input
                                    v-model="user.zjarea"
                                    placeholder="电话区号"
                                >
                </el-input>
              </el-form-item>
              <el-form-item prop="zjnumber" class="left-px">
                <el-input v-model="user.zjnumber" placeholder="电话号码">
                                <el-input
                                    v-model="user.zjnumber"
                                    placeholder="电话号码"
                                >
                </el-input>
              </el-form-item>
              <el-form-item prop="zjother" class="left-px">
                <el-input v-model="user.zjother" placeholder="分机号码">
                                <el-input
                                    v-model="user.zjother"
                                    placeholder="分机号码"
                                >
                </el-input>
              </el-form-item>
            </div>
@@ -241,6 +269,55 @@
            </div>
            <div class="item-right"></div>
          </div>
                    <div class="user-item sp-item">
                        <div class="item-left">
                            <el-form-item
                                class="optionItem"
                                label="账号有效期:"
                                prop="days"
                            >
                                <el-input
                                    v-model="user.days"
                                    placeholder="请填写账号有效期天数"
                                ></el-input>
                            </el-form-item>
                            <el-form-item class="left-px">
                                <span
                                    style="
                                        margin: 0 20px 0 10px;
                                        font-size: 18px;
                                    "
                                    >天</span
                                >
                            </el-form-item>
                            <el-form-item class="left-px">
                                <el-checkbox
                                    label="长期"
                                    v-model="user.dayCheck"
                                    @change="dayaCheck"
                                ></el-checkbox>
                            </el-form-item>
                        </div>
                        <!-- <div class="item-left">
                            <el-form-item label="座机/分机:" prop="zjarea">
                                <el-input
                                    v-model="user.zjarea"
                                    placeholder="电话区号"
                                >
                                </el-input>
                            </el-form-item>
                            <el-form-item prop="zjother" class="left-px">
                                <el-input
                                    v-model="user.zjother"
                                    placeholder="分机号码"
                                >
                                </el-input>
                            </el-form-item>
                        </div> -->
                        <div class="item-right"></div>
                    </div>
          <el-form-item>
            <div class="optionBtn">
              <el-button
@@ -249,7 +326,9 @@
                @click.native.prevent="handleUser"
                >提交
              </el-button>
              <el-button class="btn reset" @click.native.prevent="resetForm"
                            <el-button
                                class="btn reset"
                                @click.native.prevent="resetForm"
                >重置</el-button
              >
            </div>
@@ -444,17 +523,30 @@
    this.getRoleList();
    // 获取用户类型
    this.getUserTypeList();
        if (this.userInfo) {
            this.user = this.userInfo
            this.user.role = this.userInfo.roles.map(o => o.id)
            if (this.userInfo.depart && this.userInfo.depart.length > 0) {
                this.userDepart = this.userInfo.depart[this.userInfo.depart.length - 1]
                this.user.departmentId = this.userInfo.depart[this.userInfo.depart.length - 1].id
            }
            if (!this.userInfo.expirationDate || this.userInfo.expirationDate == '2199-12-31') {
                this.userInfo.dayCheck = true
            }
        }
  },
  methods: {
    // 提交注册
    handleUser() {
      this.$refs["user"].validate((valid) => {
        console.log(valid);
        if (valid) {
          const { user } = this;
          console.log(user);
          this.$axios
            .post("sccg/admin/register", {
                            id: user.id,
              departmentId: user.departmentId,
              email: user.email,
              icon: "",
@@ -470,6 +562,7 @@
              username: user.username,
              zj: user.zjarea + `${user.zjnumber}` + user.zjother,
              nickName: user.nickName,
                            days: user.days
              // departName:user.departName,
            })
            .then((res) => {
@@ -506,6 +599,12 @@
        this.roleList = res.data;
      });
    },
        dayaCheck(e) {
            if (e) {
                this.user.days = null
            }
            this.user.dayCheck = e
        },
    // 重置表单
    resetForm() {
      this.$refs["user"].resetFields();
@@ -529,7 +628,7 @@
      }
    },
  },
  props: ["sendDialog"],
    props: ["sendDialog", "userInfo"],
};
</script>
<style lang="scss" scoped>