mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lb #30

Merged
g7hoo merged 23 commits from lb into test 2023-09-22 09:57:16 +08:00
Conversation 0 Commits 23 Files Changed 41 +65 -20
1 changed files with 65 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8ad84a4d61 - Show all commits

85
src/views/equipment/timing-diagram/output/index.vue
View File

@ -6,25 +6,49 @@
--> -->
<template> <template>
<div class="app-container"> <div
<h1>设备产量时序图</h1> class="production-timegraph-container"
<!-- 搜索工作栏 --> style="background: #f2f4f9; flex: 1">
<SearchBar <el-row
:formConfigs="searchBarFormConfig" class=""
ref="search-bar" style="
@headBtnClick="handleSearchBarBtnClick" /> margin-bottom: 12px;
background: #fff;
padding: 16px 16px 0;
border-radius: 8px;
">
<div class="blue-title">生产节拍时序图</div>
<!-- <h1>设备状态时序图</h1> -->
<!-- 搜索工作栏 -->
<SearchBar
:formConfigs="searchBarFormConfig"
ref="search-bar"
:remove-blue="true"
@headBtnClick="handleSearchBarBtnClick" />
</el-row>
<div class="main-area"> <el-row
<div class="graphs" v-if="graphList.length"> class=""
<div class="graph" v-for="(eq, index) in graphList" :key="eq.key"> style="
<h2 class="graph-title">{{ eq.key }}</h2> margin-bottom: 12px;
<LineChart background: #fff;
:key="eq.key + '__linechart'" padding: 16px 16px 32px;
:config="getRealConfig(index)" /> border-radius: 8px;
">
<div class="blue-title">设备产量时序图</div>
<div class="main-area">
<div class="graphs" v-if="graphList.length">
<div class="graph" v-for="(eq, index) in graphList" :key="eq.key">
<h2 class="graph-title">{{ eq.key }}</h2>
<LineChart
:key="eq.key + '__linechart'"
:config="getRealConfig(index)" />
</div>
</div> </div>
<h2 v-else>请添加设备</h2>
</div> </div>
<h2 v-else>请添加设备</h2> </el-row>
</div>
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<base-dialog <base-dialog
@ -99,9 +123,9 @@ export default {
}, },
{ {
type: 'button', type: 'button',
btnName: '设备对比', btnName: '添加对比',
name: 'compare', name: 'compare',
color: 'warning', color: 'primary',
plain: true, plain: true,
}, },
], ],
@ -322,9 +346,30 @@ export default {
this.graphList.push(newEqlist[0]); this.graphList.push(newEqlist[0]);
} }
this.open = false; this.open = false;
} },
}, },
}; };
</script> </script>
<style scoped lang="scss"></style> <style scoped lang="scss">
.blue-title {
position: relative;
padding: 4px 0;
padding-left: 12px;
font-size: 14px;
color: #606266;
font-weight: 700;
margin-bottom: 12px;
&::before {
content: '';
position: absolute;
left: 0;
top: 6px;
height: 16px;
width: 4px;
border-radius: 1px;
background: #0b58ff;
}
}
</style>