|
|
|
|
@ -49,7 +49,8 @@
|
|
|
|
|
<div class="create-flow-card__body-item-right--title">{{ flow.name }}</div>
|
|
|
|
|
|
|
|
|
|
<div class="create-flow-card__body-item-right--value">
|
|
|
|
|
<div class="done" @click.stop="toMy">
|
|
|
|
|
<template v-if="!flow.url">
|
|
|
|
|
<div class="done" @click.stop="toMy">
|
|
|
|
|
<span :style="{ color: flow.my_apply_total===0 ? '#bfc0c1' : 'var(--theme-color)' }">{{ flow.my_apply_total }}</span>
|
|
|
|
|
<span>已申请</span>
|
|
|
|
|
</div>
|
|
|
|
|
@ -57,6 +58,12 @@
|
|
|
|
|
<span :style="{ color: flow.my_wait_total===0 ? '#bfc0c1' : 'var(--theme-color)' }">{{ flow.my_wait_total }}</span>
|
|
|
|
|
<span>待办</span>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<el-button type="primary" size="small" @click="toCreate(flow,cate)">查看</el-button>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -121,20 +128,17 @@ export default {
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.create-flow-container {
|
|
|
|
|
column-count: 2;
|
|
|
|
|
column-gap: 10px;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
gap: 10px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
align-items: start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.create-flow-container .create-flow-card {
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
filter: drop-shadow(0.5px 0.866px 14.5px rgba(59,66,82,0.11));
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
break-inside: avoid;
|
|
|
|
|
grid-row-start: auto;
|
|
|
|
|
}
|
|
|
|
|
.create-flow-card + .create-flow-card {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
.create-flow-card__header {
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -229,7 +233,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.create-flow-card__body {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
grid-gap: 10px;
|
|
|
|
|
padding: 0 16px 20px 16px;
|
|
|
|
|
}
|
|
|
|
|
@ -298,7 +302,7 @@ export default {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.create-flow-card__body {
|
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
}
|
|
|
|
|
.create-flow-card__header--icon {
|
|
|
|
|
width: 40px;
|
|
|
|
|
|