| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :withFooter="false" |
| | | :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> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px; cursor: pointer;" @click="copy(item.title)" v-for="(item, index) in billTempList" :key="index">{{item.title}}</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> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px; cursor: pointer;" @click="copy(item.title)" v-for="(item, index) in contractTempList" :key="index">{{item.title}}</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> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px; cursor: pointer;" @click="copy(item.title)" v-for="(item, index) in otherTempList" :key="index">{{item.title}}</el-tag> |
| | | </div> |
| | | </div> |
| | | </GlobalWindow> |
| | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import { getCallTemp } from '@/api/ywTempConfig' |
| | | export default { |
| | | name: "templateKeywords", |
| | | components: { GlobalWindow }, |
| | | extends: BaseOpera, |
| | | data() { |
| | | return { |
| | | |
| | | billTempList: [], |
| | | contractTempList: [], |
| | | otherTempList: [] |
| | | } |
| | | }, |
| | | created () { |
| | | this.getCallTempVal() |
| | | }, |
| | | methods: { |
| | | |
| | | open (title) { |
| | | this.title = title |
| | | this.visible = true |
| | | }, |
| | | getCallTempVal() { |
| | | getCallTemp({}) |
| | | .then(res => { |
| | | this.billTempList = res.billTempList |
| | | this.contractTempList = res.contractTempList |
| | | this.otherTempList = res.otherTempList |
| | | }) |
| | | }, |
| | | copy(val) { |
| | | this.$copyText(val).then( |
| | | (e) => { |
| | | this.$message.success('复制成功!') |
| | | }, |
| | | (err) => { |
| | | this.$message.error('复制成功!') |
| | | } |
| | | ); |
| | | } |
| | | } |
| | | } |
| | | </script> |