|
@@ -14,36 +14,52 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="panel-item-gf-right">
|
|
|
- <div class="panel-item-gf-up">{{ panelData.first.text }}</div>
|
|
|
- <div class="panel-item-gf-down">{{ sourceMap[panelData.first.key] || "---" }}</div>
|
|
|
+ <div class="panel-item-gf-up">{{ panelData.first.text }}</div>
|
|
|
+ <div class="panel-item-gf-down">
|
|
|
+ {{ sourceMap[panelData.first.key] || "---" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="header-info">
|
|
|
- <div class="panel-item" v-for="(data, index) of panelData.datas" :key="index" :class="data.color">
|
|
|
+ <div
|
|
|
+ class="panel-item"
|
|
|
+ v-for="(data, index) of panelData.datas"
|
|
|
+ :key="index"
|
|
|
+ :class="data.color"
|
|
|
+ >
|
|
|
<div class="panel-item-left">
|
|
|
<div class="panel-item-li">
|
|
|
<span>{{ data.name }}</span>
|
|
|
</div>
|
|
|
<div class="panel-item-li">
|
|
|
- <span v-if="data.calcStr && sourceMap">{{ calcGfStr(data.calcStr) || "---" }}</span>
|
|
|
+ <span v-if="data.calcStr && sourceMap">{{
|
|
|
+ calcGfStr(data.calcStr) || "---"
|
|
|
+ }}</span>
|
|
|
<span v-else>{{ sourceMap[data.key] || "---" }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel-item-right">
|
|
|
<div class="panel-item-ri">
|
|
|
<span>
|
|
|
- <i class="svg-icon svg-icon-sm" :class="'svg-icon-' + data.color">
|
|
|
+ <i
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="'svg-icon-' + data.color"
|
|
|
+ >
|
|
|
<SvgIcon :svgid="data.nameIcon"></SvgIcon>
|
|
|
</i>
|
|
|
- {{ data.text1 }}</span>
|
|
|
+ {{ data.text1 }}</span
|
|
|
+ >
|
|
|
<span>{{ sourceMap[data.key1] || "---" }}</span>
|
|
|
</div>
|
|
|
<div class="panel-item-ri">
|
|
|
<span>
|
|
|
- <i class="svg-icon svg-icon-sm" :class="'svg-icon-' + data.color">
|
|
|
+ <i
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="'svg-icon-' + data.color"
|
|
|
+ >
|
|
|
<SvgIcon :svgid="data.numIcon"></SvgIcon>
|
|
|
</i>
|
|
|
- {{ data.text2 }}
|
|
|
+ {{ data.text2 }}
|
|
|
</span>
|
|
|
<span>{{ sourceMap[data.key2] || "---" }}</span>
|
|
|
</div>
|
|
@@ -61,43 +77,84 @@
|
|
|
<SvgIcon :svgid="'svg-wind-site'"></SvgIcon>
|
|
|
</i>
|
|
|
<span>{{ sourceMap.fczbmap[pItem[pIndex].wpId].name }}</span>
|
|
|
- <div class="sub-title-item" v-for="(data, index) of tables[0].subTitleDatas" :key="index">
|
|
|
+ <div
|
|
|
+ class="sub-title-item"
|
|
|
+ v-for="(data, index) of tables[0].subTitleDatas"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<span class="sub-title">{{ data.text }}</span>
|
|
|
- <span class="sub-count" :class="data.color">{{ sourceMap.fczbmap[pItem[pIndex].wpId][data.key] }}</span>
|
|
|
+ <span class="sub-count" :class="data.color">{{
|
|
|
+ sourceMap.fczbmap[pItem[pIndex].wpId][data.key]
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel-body">
|
|
|
- <div class="card" v-for="(cItem, cIndex) in pItem" :key="cIndex" :class="cItem.color" @click="goDetails(cItem)">
|
|
|
+ <div
|
|
|
+ class="card"
|
|
|
+ v-for="(cItem, cIndex) in pItem"
|
|
|
+ :key="cIndex"
|
|
|
+ :class="cItem.color"
|
|
|
+ @click="goDetails(cItem)"
|
|
|
+ >
|
|
|
<div class="card-panel">
|
|
|
<div class="card-left">
|
|
|
<div class="tag">{{ cItem.wtnum }}</div>
|
|
|
<div class="icon">
|
|
|
- <span class="svg-icon svg-icon-sm" :class="cItem.color == 'black' ? 'svg-icon-black' : cItem.color == 'gray' ? 'svg-icon-gray' : 'svg-icon-write'">
|
|
|
+ <span
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="
|
|
|
+ cItem.color == 'black'
|
|
|
+ ? 'svg-icon-black'
|
|
|
+ : cItem.color == 'gray'
|
|
|
+ ? 'svg-icon-gray'
|
|
|
+ : 'svg-icon-write'
|
|
|
+ "
|
|
|
+ >
|
|
|
<SvgIcon :svgid="mapping[cItem.color]"></SvgIcon>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card-right">
|
|
|
<div class="num">
|
|
|
- <i class="svg-icon svg-icon-sm" :class="cItem.color != 'red' ? 'svg-icon-' + cItem.color : 'svg-icon-white'">
|
|
|
+ <i
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="
|
|
|
+ cItem.color != 'red'
|
|
|
+ ? 'svg-icon-' + cItem.color
|
|
|
+ : 'svg-icon-white'
|
|
|
+ "
|
|
|
+ >
|
|
|
<SvgIcon svgid="svg-P"></SvgIcon>
|
|
|
</i>
|
|
|
<span>{{ cItem.fs }}</span>
|
|
|
</div>
|
|
|
<div class="num">
|
|
|
- <i class="svg-icon svg-icon-sm" :class="cItem.color != 'red' ? 'svg-icon-' + cItem.color : 'svg-icon-white'">
|
|
|
+ <i
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="
|
|
|
+ cItem.color != 'red'
|
|
|
+ ? 'svg-icon-' + cItem.color
|
|
|
+ : 'svg-icon-white'
|
|
|
+ "
|
|
|
+ >
|
|
|
<SvgIcon svgid="svg-W"></SvgIcon>
|
|
|
</i>
|
|
|
<span>{{ cItem.gl }}</span>
|
|
|
</div>
|
|
|
<div class="num">
|
|
|
- <i class="svg-icon svg-icon-sm" :class="cItem.color != 'red' ? 'svg-icon-' + cItem.color : 'svg-icon-white'">
|
|
|
+ <i
|
|
|
+ class="svg-icon svg-icon-sm"
|
|
|
+ :class="
|
|
|
+ cItem.color != 'red'
|
|
|
+ ? 'svg-icon-' + cItem.color
|
|
|
+ : 'svg-icon-white'
|
|
|
+ "
|
|
|
+ >
|
|
|
<SvgIcon svgid="svg-R"></SvgIcon>
|
|
|
</i>
|
|
|
<span>{{ cItem.fdjzs.toFixed(2) }}</span>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -353,7 +410,11 @@ export default {
|
|
|
},
|
|
|
|
|
|
calcGfStr(calcStr) {
|
|
|
- return parseInt(this.sourceMap[calcStr[0]]) + parseInt(this.sourceMap[calcStr[1]]) + "";
|
|
|
+ return (
|
|
|
+ parseInt(this.sourceMap[calcStr[0]]) +
|
|
|
+ parseInt(this.sourceMap[calcStr[1]]) +
|
|
|
+ ""
|
|
|
+ );
|
|
|
},
|
|
|
|
|
|
// 请求服务
|