|
|
@@ -64,34 +64,29 @@
|
|
|
<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">
|
|
|
- <el-row>
|
|
|
- <el-col
|
|
|
- v-for="process in item.processList"
|
|
|
- :key="process.processId"
|
|
|
- :span="6"
|
|
|
- style="padding-left: 8px; padding-right: 8px; margin-bottom: 12px; cursor: pointer"
|
|
|
- >
|
|
|
- <div class="card-in" @click="testEv(process)">
|
|
|
+ <div class="task-item">
|
|
|
+ <div v-for="process in item.processList" :key="process.processId" style="padding: 5px 8px;">
|
|
|
+ <div class="card-in" @click="testEv(process)" >
|
|
|
<LeIcon class="flow-icon" :icon-class="`${flowIconPrefix}${process.processIcon}`" />
|
|
|
<!-- <div class="flow-icon">
|
|
|
<img :src="getAssetsFile(process.processIcon + '.svg')" />
|
|
|
</div>-->
|
|
|
<div class="space space-vertical">
|
|
|
<div class="space-item">
|
|
|
- <div class="first-edit">
|
|
|
+ <div class="first-edit" :alt="process.processName">
|
|
|
<strong>{{ process.processName }}</strong>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="space-item">
|
|
|
<div>{{ process.createTime }}</div>
|
|
|
</div>
|
|
|
- <div class="space-item">
|
|
|
+ <div class="space-item" :alt="process.processKey">
|
|
|
<div>{{ process.processKey }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-collapse-item>
|
|
|
</el-collapse>
|
|
|
</el-card>
|
|
|
@@ -163,7 +158,7 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
.card-in {
|
|
|
- height: 100px;
|
|
|
+ //height: 100px;
|
|
|
border-radius: 8px;
|
|
|
padding: 16px;
|
|
|
display: flex;
|
|
|
@@ -255,4 +250,9 @@ onMounted(() => {
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.task-item {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
|
+}
|
|
|
</style>
|
luoyali