<template>
|
<GlobalWindow
|
:title="title"
|
:visible.sync="visible"
|
width="100%">
|
<div class="main">
|
<div class="title">账单信息</div>
|
<div class="list">
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${费用名称}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${计费周期}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单价}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单位}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${应收日期}</el-tag>
|
</div>
|
<div class="title">合同信息</div>
|
<div class="list">
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${费用名称}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${计费周期}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单价}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单位}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${应收日期}</el-tag>
|
</div>
|
<div class="title">其他信息</div>
|
<div class="list">
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${费用名称}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${计费周期}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单价}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${单位}</el-tag>
|
<el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${应收日期}</el-tag>
|
</div>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import BaseOpera from '@/components/base/BaseOpera'
|
export default {
|
name: "templateKeywords",
|
components: { GlobalWindow },
|
extends: BaseOpera,
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import '@/assets/style/variables.scss';
|
.main {
|
padding-top: 20px;
|
box-sizing: border-box;
|
.title {
|
font-weight: 500;
|
font-size: 18px;
|
color: $primary-color;
|
margin-bottom: 15px;
|
}
|
|
.list {
|
display: flex;
|
flex-wrap: wrap;
|
border-radius: 2px;
|
margin-bottom: 30px;
|
}
|
}
|
</style>
|
