From 32ee59f763692d9de237207aed9b976cde8a4815 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期日, 27 三月 2022 21:13:43 +0800 Subject: [PATCH] 优化控制台出现的ElOnlyChild错误 --- src/views/system/user/index.vue | 88 ++++++++++++++++++++------------------------ 1 files changed, 40 insertions(+), 48 deletions(-) diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue index 282a322..ce053c0 100644 --- a/src/views/system/user/index.vue +++ b/src/views/system/user/index.vue @@ -8,7 +8,6 @@ v-model="deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable - size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" /> @@ -33,7 +32,6 @@ v-model="queryParams.userName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" clearable - size="small" style="width: 240px" @keyup.enter="handleQuery" /> @@ -43,7 +41,6 @@ v-model="queryParams.phonenumber" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" clearable - size="small" style="width: 240px" @keyup.enter="handleQuery" /> @@ -53,7 +50,6 @@ v-model="queryParams.status" placeholder="鐢ㄦ埛鐘舵��" clearable - size="small" style="width: 240px" > <el-option @@ -64,11 +60,9 @@ /> </el-select> </el-form-item> - <el-form-item label="鍒涘缓鏃堕棿"> + <el-form-item label="鍒涘缓鏃堕棿" style="width: 308px;"> <el-date-picker v-model="dateRange" - size="small" - style="width: 240px" value-format="YYYY-MM-DD" type="daterange" range-separator="-" @@ -77,8 +71,8 @@ ></el-date-picker> </el-form-item> <el-form-item> - <el-button type="primary" icon="Search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="Refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> + <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button> </el-form-item> </el-form> @@ -88,7 +82,6 @@ type="primary" plain icon="Plus" - size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >鏂板</el-button> @@ -98,7 +91,6 @@ type="success" plain icon="Edit" - size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['system:user:edit']" @@ -109,7 +101,6 @@ type="danger" plain icon="Delete" - size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:user:remove']" @@ -120,7 +111,6 @@ type="info" plain icon="Upload" - size="mini" @click="handleImport" v-hasPermi="['system:user:import']" >瀵煎叆</el-button> @@ -130,7 +120,6 @@ type="warning" plain icon="Download" - size="mini" @click="handleExport" v-hasPermi="['system:user:export']" >瀵煎嚭</el-button> @@ -155,42 +144,45 @@ ></el-switch> </template> </el-table-column> - <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" v-if="columns[6].visible" width="150"> + <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" v-if="columns[6].visible" width="160"> <template #default="scope"> <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="150" class-name="small-padding fixed-width"> <template #default="scope"> - <el-button - size="mini" - v-if="scope.row.userId !== 1" - type="text" - icon="Edit" - @click="handleUpdate(scope.row)" - v-hasPermi="['system:user:edit']" - >淇敼</el-button> - <el-button - size="mini" - v-if="scope.row.userId !== 1" - type="text" - icon="Delete" - @click="handleDelete(scope.row)" - v-hasPermi="['system:user:remove']" - >鍒犻櫎</el-button> - <el-dropdown v-if="scope.row.userId !== 1" @command="(command) => handleCommand(command, scope.row)"> - <span class="el-dropdown-link" v-hasPermi="['system:user:resetPwd', 'system:user:edit']"> - <el-icon><d-arrow-right /></el-icon>鏇村 - </span> - <template #dropdown> - <el-dropdown-menu> - <el-dropdown-item command="handleResetPwd" icon="Key" - v-hasPermi="['system:user:resetPwd']">閲嶇疆瀵嗙爜</el-dropdown-item> - <el-dropdown-item command="handleAuthRole" icon="CircleCheck" - v-hasPermi="['system:user:edit']">鍒嗛厤瑙掕壊</el-dropdown-item> - </el-dropdown-menu> - </template> - </el-dropdown> + <el-tooltip content="淇敼" placement="top" v-if="scope.row.userId !== 1"> + <el-button + type="text" + 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 + type="text" + 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 + type="text" + 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 + type="text" + icon="CircleCheck" + @click="handleAuthRole(scope.row)" + v-hasPermi="['system:user:edit']" + ></el-button> + </el-tooltip> </template> </el-table-column> </el-table> @@ -417,7 +409,7 @@ userName: [{ required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, { min: 2, max: 20, message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿", trigger: "blur" }], nickName: [{ required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" }], password: [{ required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" }, { min: 5, max: 20, message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", trigger: "blur" }], - email: [{ type: "email", message: "'璇疯緭鍏ユ纭殑閭鍦板潃", trigger: ["blur", "change"] }], + email: [{ type: "email", message: "璇疯緭鍏ユ纭殑閭鍦板潃", trigger: ["blur", "change"] }], phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", trigger: "blur" }] } }); @@ -451,7 +443,7 @@ /** 鑺傜偣鍗曞嚮浜嬩欢 */ function handleNodeClick(data) { queryParams.value.deptId = data.id; - getList(); + handleQuery(); }; /** 鎼滅储鎸夐挳鎿嶄綔 */ function handleQuery() { @@ -548,7 +540,7 @@ upload.open = false; upload.isUploading = false; proxy.$refs["uploadRef"].clearFiles(); - proxy.$alert(response.msg, "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true }); + proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true }); getList(); }; /** 鎻愪氦涓婁紶鏂囦欢 */ -- Gitblit v1.9.3