Просмотр исходного кода

统一调整搜索栏内容居中显示

zuohuaijun 3 лет назад
Родитель
Сommit
cb3867faec

+ 4 - 13
vue-next-admin/src/views/system/menu/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="sys-menu-container">
-    <el-card shadow="hover">
+    <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
       <el-form :model="queryParams" ref="queryForm" :inline="true">
         <el-form-item label="菜单名称" prop="title">
           <el-input placeholder="菜单名称" clearable @keyup.enter="handleQuery" v-model="queryParams.title" />
@@ -11,22 +11,13 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button @click="resetQuery">
-            <el-icon>
-              <ele-Refresh />
-            </el-icon>
+          <el-button icon="ele-Refresh" @click="resetQuery">
             重置
           </el-button>
-          <el-button type="primary" @click="handleQuery">
-            <el-icon>
-              <ele-Search />
-            </el-icon>
+          <el-button type="primary" icon="ele-Search" @click="handleQuery">
             查询
           </el-button>
-          <el-button @click="openAddMenu">
-            <el-icon>
-              <ele-Plus />
-            </el-icon>
+          <el-button icon="ele-Plus" @click="openAddMenu">
             新增
           </el-button>
         </el-form-item>

+ 4 - 13
vue-next-admin/src/views/system/org/index.vue

@@ -6,7 +6,7 @@
 			</el-col>
 
 			<el-col :span="20" :xs="24">
-				<el-card shadow="hover">
+				<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
 					<el-form :model="queryParams" ref="queryForm" :inline="true">
 						<el-form-item label="机构名称" prop="name">
 							<el-input placeholder="机构名称" clearable @keyup.enter="handleQuery"
@@ -17,22 +17,13 @@
 								v-model="queryParams.code" />
 						</el-form-item>
 						<el-form-item>
-							<el-button @click="resetQuery">
-								<el-icon>
-									<ele-Refresh />
-								</el-icon>
+							<el-button icon="ele-Refresh" @click="resetQuery">
 								重置
 							</el-button>
-							<el-button type="primary" @click="handleQuery">
-								<el-icon>
-									<ele-Search />
-								</el-icon>
+							<el-button type="primary" icon="ele-Search" @click="handleQuery">
 								查询
 							</el-button>
-							<el-button @click="openAddOrg">
-								<el-icon>
-									<ele-Plus />
-								</el-icon>
+							<el-button icon="ele-Plus" @click="openAddOrg">
 								新增
 							</el-button>
 						</el-form-item>

+ 2 - 1
vue-next-admin/src/views/system/password/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<div class="sys-password-container">
-		<NoticeBar text="账号密码修改,请慎重操作!" background="var(--el-color-primary-light-9)" color="var(--el-color-primary)" />
+		<NoticeBar text="账号密码修改,请慎重操作!" leftIcon="iconfont icon-tongzhi2" background="var(--el-color-primary-light-9)"
+			color="var(--el-color-primary)" />
 		<el-card shadow="hover" header="修改当前账号密码" class="mt15">
 			<el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="ruleRules" label-width="80px">
 				<el-form-item label="当前密码" prop="passwordOld">

+ 4 - 13
vue-next-admin/src/views/system/pos/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="sys-pos-container">
-		<el-card shadow="hover">
+		<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
 			<el-form :model="queryParams" ref="queryForm" :inline="true">
 				<el-form-item label="职位名称" prop="name">
 					<el-input placeholder="职位名称" clearable @keyup.enter="handleQuery" v-model="queryParams.name" />
@@ -9,22 +9,13 @@
 					<el-input placeholder="职位编码" clearable @keyup.enter="handleQuery" v-model="queryParams.code" />
 				</el-form-item>
 				<el-form-item>
-					<el-button @click="resetQuery">
-						<el-icon>
-							<ele-Refresh />
-						</el-icon>
+					<el-button icon="ele-Refresh" @click="resetQuery">
 						重置
 					</el-button>
-					<el-button type="primary" @click="handleQuery">
-						<el-icon>
-							<ele-Search />
-						</el-icon>
+					<el-button type="primary" icon="ele-Search" @click="handleQuery">
 						查询
 					</el-button>
-					<el-button @click="openAddPos">
-						<el-icon>
-							<ele-Plus />
-						</el-icon>
+					<el-button icon="ele-Plus" @click="openAddPos">
 						新增
 					</el-button>
 				</el-form-item>

+ 4 - 13
vue-next-admin/src/views/system/role/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="sys-role-container">
-		<el-card shadow="hover">
+		<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
 			<el-form :model="queryParams" ref="queryForm" :inline="true">
 				<el-form-item label="角色名称" prop="name">
 					<el-input placeholder="角色名称" clearable @keyup.enter="handleQuery" v-model="queryParams.name" />
@@ -9,22 +9,13 @@
 					<el-input placeholder="角色编码" clearable @keyup.enter="handleQuery" v-model="queryParams.code" />
 				</el-form-item>
 				<el-form-item>
-					<el-button @click="resetQuery">
-						<el-icon>
-							<ele-Refresh />
-						</el-icon>
+					<el-button icon="ele-Refresh" @click="resetQuery">
 						重置
 					</el-button>
-					<el-button type="primary" @click="handleQuery">
-						<el-icon>
-							<ele-Search />
-						</el-icon>
+					<el-button type="primary" icon="ele-Search" @click="handleQuery">
 						查询
 					</el-button>
-					<el-button @click="openAddRole">
-						<el-icon>
-							<ele-Plus />
-						</el-icon>
+					<el-button icon="ele-Plus" @click="openAddRole">
 						新增
 					</el-button>
 				</el-form-item>

+ 4 - 13
vue-next-admin/src/views/system/user/index.vue

@@ -6,7 +6,7 @@
 			</el-col>
 
 			<el-col :span="20" :xs="24">
-				<el-card shadow="hover">
+				<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
 					<el-form :model="queryParams" ref="queryForm" :inline="true">
 						<el-form-item label="账号名称" prop="name">
 							<el-input placeholder="账号名称" clearable @keyup.enter="handleQuery"
@@ -17,22 +17,13 @@
 								v-model="queryParams.phone" />
 						</el-form-item>
 						<el-form-item>
-							<el-button @click="resetQuery">
-								<el-icon>
-									<ele-Refresh />
-								</el-icon>
+							<el-button icon="ele-Refresh" @click="resetQuery">
 								重置
 							</el-button>
-							<el-button type="primary" @click="handleQuery">
-								<el-icon>
-									<ele-Search />
-								</el-icon>
+							<el-button type="primary" icon="ele-Search" @click="handleQuery">
 								查询
 							</el-button>
-							<el-button @click="openAddUser">
-								<el-icon>
-									<ele-Plus />
-								</el-icon>
+							<el-button icon="ele-Plus" @click="openAddUser">
 								新增
 							</el-button>
 						</el-form-item>