init
This commit is contained in:
90
src/views/art/components/process-node-panel.vue
Normal file
90
src/views/art/components/process-node-panel.vue
Normal file
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<div :class="$style.container">
|
||||
<div :class="$style.content">
|
||||
<el-divider>
|
||||
<span>设备信息</span>
|
||||
</el-divider>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="$style.content">
|
||||
<el-divider><span>配方清单</span></el-divider>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="$style.content">
|
||||
<el-divider><span>物料清单</span></el-divider>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>设备名称:</span>
|
||||
<span>设备A</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'Demo',
|
||||
components: {
|
||||
},
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" module>
|
||||
.container {
|
||||
margin: 0px 16px;
|
||||
.content {
|
||||
padding:0 16px;
|
||||
font-size: 14px;
|
||||
div{
|
||||
margin-bottom: 8px;
|
||||
span:nth-of-type(odd){
|
||||
color:#999;
|
||||
}
|
||||
span:nth-of-type(even){
|
||||
color:#666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user