style: 发起审批 样式

src/views/approve/launch/index.vue

@@ -62,8 +62,13 @@
 			<el-card class="box-card" shadow="never">
 				<el-collapse v-model="activeNames" @change="handleChange">
 					<el-collapse-item v-for="item in startList" :key="item.categoryId" :title="item.categoryName" :name="item.categoryName">
+						<template #title>
+							<div class="common_title">
+								{{ item.categoryName }}
+							</div>
+						</template>
 						<div class="task-item">
-							<div v-for="process in item.processList" :key="process.processId" style="padding: 5px 8px">
+							<div v-for="process in item.processList" :key="process.processId" style="padding: 4px">
 								<div class="card-in" @click="testEv(process)">
 									<LeIcon class="flow-icon" :icon-class="`${flowIconPrefix}${process.processIcon}`" />
 									<!--									<div class="flow-icon">
@@ -71,14 +76,14 @@
 									</div>-->
 									<div class="space space-vertical">
 										<div class="space-item">
-											<div class="first-edit" :alt="process.processName">
-												<strong>{{ process.processName }}</strong>
+											<div class="first-edit" :title="process.processName">
+												<span>{{ process.processName }}</span>
 											</div>
 										</div>
-										<div class="space-item">
+										<!--										<div class="space-item">
 											<div>{{ process.createTime }}</div>
-										</div>
-										<div class="space-item" :alt="process.processKey">
+										</div>-->
+										<div class="space-item" :title="process.processKey">
 											<div>{{ process.processKey }}</div>
 										</div>
 									</div>
@@ -158,9 +163,10 @@ onMounted(() => {
 .card-in {
 	//height: 100px;
 	border-radius: 8px;
-	padding: 12px;
+	padding: 8px;
 	display: flex;
 	flex-direction: row;
+	align-items: center;
 	width: 100%;
 	border: 1px solid #d9d9d9;
 	background: var(--component-background);
@@ -176,6 +182,7 @@ onMounted(() => {
 		line-height: 1.4;
 		.first-edit {
 			font-size: 14px;
+			font-weight: 500;
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
@@ -192,7 +199,7 @@ onMounted(() => {
 		}
 	}
 	.flow-icon {
-		font-size: 52px;
+		font-size: 36px;
 		flex-shrink: 0;
 	}
 	.space {