91 lines
1.7 KiB
Vue
91 lines
1.7 KiB
Vue
<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>
|