Skip to content

Chatopera OpenSource / ferry_web

Go to a project
Commit 0f2c94f8 by YuleiLan
Options

fix: 调整工单申请页面样式。

parent 21daca93
Inline Side-by-side
Showing with 10 additions and 4 deletions
src/views/process/list/apply-process-list.vue
...@@ -23,15 +23,19 @@ ...@@ -23,15 +23,19 @@
{{ item.name }} {{ item.name }}
</div> </div>
<div style="margin-bottom: 15px;"> <div style="margin-bottom: 15px;">
<template v-for="buttonItem in item.process_list"> <template v-for="(buttonItem, buttonIndex) in item.process_list">
<el-tooltip :key="buttonItem.id" effect="dark" placement="top"> <el-tooltip :key="buttonItem.id" effect="dark" placement="top">
<div slot="content"> <div slot="content">
{{ buttonItem.name }} {{ buttonItem.name }}
<br> <br>
{{ buttonItem.remarks }} {{ buttonItem.remarks }}
</div> </div>
<div
class="workflow-classify-div"
:style="(buttonIndex + 1) % 5 === 0 ? {'padding-right': 0} : {'padding-right': '12px'}"
>
<el-button <el-button
class="workflow-classify-button" style="width: 100%"
plain plain
@click="submitWorkOrder(buttonItem.id)" @click="submitWorkOrder(buttonItem.id)"
> >
...@@ -49,6 +53,7 @@ ...@@ -49,6 +53,7 @@
</div> </div>
</div> </div>
</el-button> </el-button>
</div>
</el-tooltip> </el-tooltip>
</template> </template>
</div> </div>
...@@ -94,9 +99,10 @@ export default { ...@@ -94,9 +99,10 @@ export default {
padding-left: 5px; padding-left: 5px;
} }
.workflow-classify-button { .workflow-classify-div {
width: 20%;
display: inline-block;
margin-left: 0; margin-left: 0;
margin-right: 12px;
margin-top: 12px; margin-top: 12px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment