Skip to content

F
ferry_web
Commit 6e718e20 by Mr. Lan
Options

feat: 优化工单申请页面。

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