From ffb1bd190e9d4263c8c7d6c0096e0ec844cb3b52 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期四, 19 六月 2025 17:30:55 +0800 Subject: [PATCH] 1.系统管理样式修改 --- src/views/system/dict/index.vue | 119 ++++++++++++++++++++++++++++++----------------------------- 1 files changed, 60 insertions(+), 59 deletions(-) diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue index 3671b74..1764af8 100644 --- a/src/views/system/dict/index.vue +++ b/src/views/system/dict/index.vue @@ -1,144 +1,145 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px"> + <div style="background: #ffffff;padding: 20px 16px"> + <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="瀛楀吀鍚嶇О" prop="dictName"> - <el-input + <el-input v-model="queryParams.dictName" placeholder="璇疯緭鍏ュ瓧鍏稿悕绉�" clearable style="width: 240px" @keyup.enter="handleQuery" - /> + /> </el-form-item> <el-form-item label="瀛楀吀绫诲瀷" prop="dictType"> - <el-input + <el-input v-model="queryParams.dictType" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" clearable style="width: 240px" @keyup.enter="handleQuery" - /> + /> </el-form-item> <el-form-item label="鐘舵��" prop="status"> - <el-select + <el-select v-model="queryParams.status" placeholder="瀛楀吀鐘舵��" clearable style="width: 240px" - > - <el-option - v-for="dict in sys_normal_disable" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> - </el-select> + > + <el-option + v-for="dict in sys_normal_disable" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> </el-form-item> <el-form-item label="鍒涘缓鏃堕棿" style="width: 308px"> - <el-date-picker + <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" - ></el-date-picker> + ></el-date-picker> </el-form-item> <el-form-item> - <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> - <el-button icon="Refresh" @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> - - <el-row :gutter="10" class="mb8"> + </el-form> + + <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button + <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:dict:add']" - >鏂板</el-button> + >鏂板</el-button> </el-col> <el-col :span="1.5"> - <el-button + <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" v-hasPermi="['system:dict:edit']" - >淇敼</el-button> + >淇敼</el-button> </el-col> <el-col :span="1.5"> - <el-button + <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:dict:remove']" - >鍒犻櫎</el-button> + >鍒犻櫎</el-button> </el-col> <el-col :span="1.5"> - <el-button + <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['system:dict:export']" - >瀵煎嚭</el-button> + >瀵煎嚭</el-button> </el-col> <el-col :span="1.5"> - <el-button + <el-button type="danger" plain icon="Refresh" @click="handleRefreshCache" v-hasPermi="['system:dict:remove']" - >鍒锋柊缂撳瓨</el-button> + >鍒锋柊缂撳瓨</el-button> </el-col> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange"> + </el-row> + + <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="瀛楀吀缂栧彿" align="center" prop="dictId" /> <el-table-column label="瀛楀吀鍚嶇О" align="center" prop="dictName" :show-overflow-tooltip="true"/> <el-table-column label="瀛楀吀绫诲瀷" align="center" :show-overflow-tooltip="true"> - <template #default="scope"> - <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type"> - <span>{{ scope.row.dictType }}</span> - </router-link> - </template> + <template #default="scope"> + <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type"> + <span>{{ scope.row.dictType }}</span> + </router-link> + </template> </el-table-column> <el-table-column label="鐘舵��" align="center" prop="status"> - <template #default="scope"> - <dict-tag :options="sys_normal_disable" :value="scope.row.status" /> - </template> + <template #default="scope"> + <dict-tag :options="sys_normal_disable" :value="scope.row.status" /> + </template> </el-table-column> <el-table-column label="澶囨敞" align="center" prop="remark" :show-overflow-tooltip="true" /> <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180"> - <template #default="scope"> - <span>{{ parseTime(scope.row.createTime) }}</span> - </template> + <template #default="scope"> + <span>{{ parseTime(scope.row.createTime) }}</span> + </template> </el-table-column> <el-table-column label="鎿嶄綔" align="center" width="160" class-name="small-padding fixed-width"> - <template #default="scope"> - <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">淇敼</el-button> - <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">鍒犻櫎</el-button> - </template> + <template #default="scope"> + <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">淇敼</el-button> + <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">鍒犻櫎</el-button> + </template> </el-table-column> - </el-table> - - <pagination - v-show="total > 0" - :total="total" - v-model:page="queryParams.pageNum" - v-model:limit="queryParams.pageSize" - @pagination="getList" - /> - + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </div> <!-- 娣诲姞鎴栦慨鏀瑰弬鏁伴厤缃璇濇 --> <el-dialog :title="title" v-model="open" width="500px" append-to-body> <el-form ref="dictRef" :model="form" :rules="rules" label-width="80px"> -- Gitblit v1.9.3