Skip to content

Chatopera OpenSource / ferry_web

Go to a project
Commit f16aa7be by lanyulei Committed by GitHub
Options

Merge pull request #69 from lanyulei/dev 

fix: 调整工单申请页面样式。
parents 21daca93 0f2c94f8
Inline Side-by-side
Showing with 24 additions and 18 deletions
src/views/process/list/apply-process-list.vue
...@@ -23,32 +23,37 @@ ...@@ -23,32 +23,37 @@
{{ 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>
<el-button <div
class="workflow-classify-button" class="workflow-classify-div"
plain :style="(buttonIndex + 1) % 5 === 0 ? {'padding-right': 0} : {'padding-right': '12px'}"
@click="submitWorkOrder(buttonItem.id)"
> >
<div class="process-button-div"> <el-button
<div class="process-div-icon"> style="width: 100%"
<e-icon class="process-div-el-icon" :icon-name="buttonItem.icon" /> plain
</div> @click="submitWorkOrder(buttonItem.id)"
<div class="process-div-body"> >
<div class="process-div-title ellipsis"> <div class="process-button-div">
{{ buttonItem.name }} <div class="process-div-icon">
<e-icon class="process-div-el-icon" :icon-name="buttonItem.icon" />
</div> </div>
<div class="process-div-remarks ellipsis"> <div class="process-div-body">
{{ buttonItem.remarks }} <div class="process-div-title ellipsis">
{{ buttonItem.name }}
</div>
<div class="process-div-remarks ellipsis">
{{ buttonItem.remarks }}
</div>
</div> </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