Commit 6e718e20 by Mr. Lan

feat: 优化工单申请页面。

parent 3e1b5e3b
Showing with 31 additions and 22 deletions
......@@ -19,29 +19,38 @@
<div v-for="item in processLists" :key="item.id">
<div v-if="item.process_list.length!==0">
<div class="workflow-classify-title">{{ item.name }}</div>
<div class="workflow-classify-title">
{{ item.name }}
</div>
<div style="margin-bottom: 15px;">
<el-button
v-for="buttonItem in item.process_list"
:key="buttonItem.id"
class="workflow-classify-button"
plain
@click="submitWorkOrder(buttonItem.id)"
>
<div class="process-button-div">
<div class="process-div-icon">
<e-icon class="process-div-el-icon" :icon-name="buttonItem.icon" />
<template v-for="buttonItem in item.process_list">
<el-tooltip :key="buttonItem.id" effect="dark" placement="top">
<div slot="content">
{{ buttonItem.name }}
<br>
{{ buttonItem.remarks }}
</div>
<div class="process-div-body">
<div class="process-div-title ellipsis">
{{ buttonItem.name }}
</div>
<div class="process-div-remarks ellipsis">
{{ buttonItem.remarks }}
<el-button
class="workflow-classify-button"
plain
@click="submitWorkOrder(buttonItem.id)"
>
<div class="process-button-div">
<div class="process-div-icon">
<e-icon class="process-div-el-icon" :icon-name="buttonItem.icon" />
</div>
<div class="process-div-body">
<div class="process-div-title ellipsis">
{{ buttonItem.name }}
</div>
<div class="process-div-remarks ellipsis">
{{ buttonItem.remarks }}
</div>
</div>
</div>
</div>
</div>
</el-button>
</el-button>
</el-tooltip>
</template>
</div>
</div>
</div>
......@@ -81,8 +90,8 @@ export default {
<style scoped>
.workflow-classify-title {
border-bottom: 1px solid #dddddd;
padding-bottom: 5px;
border-left: 3px solid rgb(64, 158, 255);
padding-left: 5px;
}
.workflow-classify-button {
......
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