页面处理

wjt

2024-06-24 69a9c21a3c4559e5ce9ec88c30955b38118e0693

 src/views/system/user/index.vue

@@ -86,23 +86,23 @@
              <span>{{ parseTime(scope.row.createTime) }}</span>

            </template>

          </el-table-column>

          <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">

          <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width">

            <template #default="scope">

              <el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']"></el-button>

              </el-tooltip>

              <el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']"></el-button>

              </el-tooltip>

              <el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="primary" icon="Key" @click="handleResetPwd(scope.row)" v-hasPermi="['system:user:resetPwd']"></el-button>

              </el-tooltip>

              <el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)" v-hasPermi="['system:user:edit']"></el-button>

              </el-tooltip>

              <el-tooltip content="重置支付密码" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="primary" icon="Key" @click="handlePayPwd(scope.row)" v-hasPermi="['system:user:resetPwd']"></el-button>

              </el-tooltip>

              <!-- <el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1"> -->

                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>

              <!-- </el-tooltip> -->

              <!-- <el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1"> -->

                <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>

              <!-- </el-tooltip> -->

              <!-- <el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="error" icon="Key" @click="handleResetPwd(scope.row)" v-hasPermi="['system:user:resetPwd']"></el-button>

              </el-tooltip> -->

              <!-- <el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1"> -->

                <el-button link type="success" icon="CircleCheck" @click="handleAuthRole(scope.row)" v-hasPermi="['system:user:edit']">分配角色</el-button>

              <!-- </el-tooltip> -->

              <!-- <el-tooltip content="重置支付密码" placement="top" v-if="scope.row.userId !== 1">

                <el-button link type="danger" icon="Key" @click="handlePayPwd(scope.row)" v-hasPermi="['system:user:resetPwd']"></el-button>

              </el-tooltip> -->

            </template>

          </el-table-column>

        </el-table>

@@ -115,7 +115,7 @@
      <el-form :model="form" :rules="rules" ref="userRef" label-width="80px">

        <el-row>

          <el-col :span="12">

            <el-form-item label="用户昵称" prop="nickName">

            <el-form-item label="姓名" prop="nickName">

              <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />

            </el-form-item>

          </el-col>

@@ -145,11 +145,11 @@
          </el-col>

        </el-row>

        <el-row>

          <el-col :span="12">

          <!-- <el-col :span="12">

            <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">

              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />

            </el-form-item>

          </el-col>

          </el-col> -->

          <el-col :span="12">

            <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">

              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />

@@ -173,13 +173,13 @@
          </el-col>

        </el-row>

        <el-row>

          <el-col :span="12">

          <!-- <el-col :span="12">

            <el-form-item label="岗位">

              <el-select v-model="form.postIds" multiple placeholder="请选择">

                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId" :disabled="item.status == 1"></el-option>

              </el-select>

            </el-form-item>

          </el-col>

          </el-col> -->

          <el-col :span="12">

            <el-form-item label="角色">

              <el-select v-model="form.roleIds" multiple placeholder="请选择">

@@ -240,7 +240,7 @@


<script setup name="User">

import { getToken } from "@/utils/auth";

import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect, resetPayPwd } from "@/api/system/user";

import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect, resetPayPwd,updateUserProfile } from "@/api/system/user";



const router = useRouter();

const { proxy } = getCurrentInstance();

@@ -338,6 +338,8 @@
function getDeptTree() {

  deptTreeSelect().then((response) => {

    deptOptions.value = response.data;

    queryParams.value.deptId = response.data[0].id;

    getList()

  });

}

/** 查询用户列表 */

@@ -548,8 +550,9 @@
function submitForm() {

  proxy.$refs["userRef"].validate((valid) => {

    if (valid) {

      form.value.userName = form.value.phonenumber

      if (form.value.userId != undefined) {

        updateUser(form.value).then((response) => {

        updateUserProfile(form.value).then((response) => {

          proxy.$modal.msgSuccess("修改成功");

          open.value = false;

          getList();

@@ -566,5 +569,5 @@
}



getDeptTree();

getList();

// getList();

</script>