fix: 审批管理 样式优化

src/views/flow/group/components/listGroup.vue

@@ -305,7 +305,7 @@ defineExpose({
 		}
 		.group_item {
 			justify-content: flex-start;
-			padding: 16px;
+			padding: 12px;
 			&:not(.group_item-disabled):hover {
 				background-color: var(--el-fill-color-lighter);
 			}

src/views/flow/group/index.vue

@@ -1,24 +1,20 @@
 <template>
-	<el-container class="flex flex-v flex-align-center group-container">
+	<el-container class="flex-column-page-wrap group-container">
 		<div class="ApprovalList">
-			<el-header class="flex flex-align-center" style="width: 100%; padding: 0px">
-				<div style="width: 100%">
-					<el-row style="width: 100%" justify="space-between">
-						<el-col :span="4"><el-input v-model="keyword" placeholder="搜索" clearable @blur="searchProcess" /></el-col>
-						<el-col :span="8">
-							<template v-if="!sortFlag">
-								<el-space wrap><el-button @click="addNewGroupEv">新建分组</el-button></el-space>
-								<el-space wrap><el-button @click="changeComponent">分组排序</el-button></el-space>
-							</template>
-							<template v-else>
-								<el-space wrap><el-button type="primary" plain :icon="CircleCheck" @click="changeComponent('sort')">完 成</el-button></el-space>
-								<el-space wrap><el-button type="info" plain @click="changeComponent">取 消</el-button></el-space>
-							</template>
-							<el-space wrap>
-								<el-button :type="sortFlag ? 'info' : 'primary'" :icon="Plus" :disabled="sortFlag" @click="createProcessEv">创建审批</el-button>
-							</el-space>
-						</el-col>
-					</el-row>
+			<el-header class="flex flex-align-center" style="padding: 0">
+				<el-input v-model="keyword" style="width: 200px" placeholder="搜索" clearable @blur="searchProcess" />
+				<div style="margin-left: auto; flex-shrink: 0">
+					<template v-if="!sortFlag">
+						<el-space wrap><el-button @click="addNewGroupEv">新建分组</el-button></el-space>
+						<el-space wrap><el-button @click="changeComponent">分组排序</el-button></el-space>
+					</template>
+					<template v-else>
+						<el-space wrap><el-button type="primary" plain :icon="CircleCheck" @click="changeComponent('sort')">完 成</el-button></el-space>
+						<el-space wrap><el-button type="info" plain @click="changeComponent">取 消</el-button></el-space>
+					</template>
+					<el-space wrap>
+						<el-button :type="sortFlag ? 'info' : 'primary'" :icon="Plus" :disabled="sortFlag" @click="createProcessEv">创建审批</el-button>
+					</el-space>
 				</div>
 			</el-header>
 			<div>
@@ -85,7 +81,8 @@ const createProcessEv = () => {
 	padding-bottom: 15px;
 }
 .ApprovalList {
-	width: 98%;
-	max-width: 1000px;
+	padding: 0 10px;
+	//width: 98%;
+	//min-width: 900px;
 }
 </style>