|
@@ -5,50 +5,76 @@
|
|
|
*/
|
|
|
<template>
|
|
|
<div class='view'>
|
|
|
- <el-table
|
|
|
- v-loading='loading'
|
|
|
- ref='dataTable'
|
|
|
- :data='viewTable'
|
|
|
- tooltip-effect='dark'
|
|
|
- style='width:100%;'
|
|
|
- @selection-change='handleSelectionChange'
|
|
|
- :header-cell-style='{background:"rgba(2,91,170,0.1)",fontFamily:"PingFangSC-Medium,PingFang SC;",color:"rgba(0,0,0,0.85);",fontSize:"12px"}'
|
|
|
- >
|
|
|
- <el-table-column type='selection' width='45'></el-table-column>
|
|
|
- <el-table-column prop='Name' :show-overflow-tooltip='true' label='项目' width='100'>
|
|
|
- <template slot-scope='{row}'>{{row.Name||'--'}}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop='Num' label='数量'>
|
|
|
- <template slot-scope='{row}'>
|
|
|
- <span v-if='row.Num || row.Num==0'>{{row.Num}}</span>
|
|
|
- <span v-else>--</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop='Unit' label='单位' width='70'>
|
|
|
- <template slot-scope='{row}'>{{row.Unit||'--'}}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop='Url' label='图例'>
|
|
|
- <template slot-scope='{row}'>
|
|
|
- <div v-if='row.Url' class='Url-img'>
|
|
|
- <img :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
|
|
|
- </div>
|
|
|
- <div v-else>{{'--'}}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div class='swich'>
|
|
|
- <el-switch v-model='swich' @change='handleSwich(swich)'></el-switch>
|
|
|
- <span>隐藏数量为0的项目</span>
|
|
|
+ <div v-if='systemName=="土建系统"'>
|
|
|
+ <el-table
|
|
|
+ v-loading='loading'
|
|
|
+ ref='dataTable'
|
|
|
+ :data='viewTable'
|
|
|
+ tooltip-effect='dark'
|
|
|
+ style='width:100%;'
|
|
|
+ :header-cell-style='{background:"rgba(2,91,170,0.1)",fontFamily:"PingFangSC-Medium,PingFang SC;",color:"rgba(0,0,0,0.85);",fontSize:"12px"}'
|
|
|
+ >
|
|
|
+ <el-table-column prop label='说明'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span>{{'--'}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop label='图例' width='60'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <div v-if='row.Url' class='Url-img'>
|
|
|
+ <img :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
|
|
|
+ </div>
|
|
|
+ <div v-else>{{'--'}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
- <div class='remark' v-if='remarksText'>
|
|
|
- <span class='remark-title'>注:</span>
|
|
|
- <div v-html='remarksText' class='remark-text'></div>
|
|
|
+ <div v-else>
|
|
|
+ <el-table
|
|
|
+ v-loading='loading'
|
|
|
+ ref='dataTable'
|
|
|
+ :data='viewTable'
|
|
|
+ tooltip-effect='dark'
|
|
|
+ style='width:100%;'
|
|
|
+ @selection-change='handleSelectionChange'
|
|
|
+ :header-cell-style='{background:"rgba(2,91,170,0.1)",fontFamily:"PingFangSC-Medium,PingFang SC;",color:"rgba(0,0,0,0.85);",fontSize:"12px"}'
|
|
|
+ >
|
|
|
+ <el-table-column type='selection' width='45'></el-table-column>
|
|
|
+ <el-table-column prop='Name' :show-overflow-tooltip='true' label='项目' width='100'>
|
|
|
+ <template slot-scope='{row}'>{{row.Name||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop='Num' label='数量'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <span v-if='row.Num || row.Num==0'>{{row.Num}}</span>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop='Unit' label='单位' width='70'>
|
|
|
+ <template slot-scope='{row}'>{{row.Unit||'--'}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop='Url' label='图例'>
|
|
|
+ <template slot-scope='{row}'>
|
|
|
+ <div v-if='row.Url' class='Url-img'>
|
|
|
+ <img :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
|
|
|
+ </div>
|
|
|
+ <div v-else>{{'--'}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class='swich'>
|
|
|
+ <el-switch v-model='swich' @change='handleSwich(swich)'></el-switch>
|
|
|
+ <span>隐藏数量为0的项目</span>
|
|
|
+ </div>
|
|
|
+ <div class='remark' v-if='remarksText'>
|
|
|
+ <span class='remark-title'>注:</span>
|
|
|
+ <div v-html='remarksText' class='remark-text'></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
|
- props: ['viewTable', 'loading', 'remarksText'],
|
|
|
+ props: ['viewTable', 'loading', 'remarksText', 'systemName'],
|
|
|
data() {
|
|
|
return {
|
|
|
swich: true,
|