| | |
| | | </title> |
| | | <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> |
| | | <style> |
| | | html { |
| | | font-size: 14px |
| | | } |
| | | html |
| | | body, |
| | | #app { |
| | | height: 100%; |
| | |
| | | // axios中请求配置有baseURL选项,表示请求URL公共部分 |
| | | baseURL: process.env.VUE_APP_BASE_API, |
| | | // 超时 |
| | | //默认10秒 修改为20秒 |
| | | timeout: 20000 |
| | | //默认10秒 修改为25秒 |
| | | timeout: 25000 |
| | | }) |
| | | |
| | | // request拦截器 |
| | |
| | | /> |
| | | <ul> |
| | | <li v-for="(item, index) in facilityData.video" :key="index"> |
| | | <div class="value"> |
| | | <div style="font-size: 14px" class="value"> |
| | | <animate-number from="0" :to="item.value" :key="item.value"></animate-number> |
| | | </div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | <ul> |
| | | <li v-for="(item, index) in facilityData.car" :key="index"> |
| | | <!-- <div class="value">{{ item.value ? item.value : "-" }}</div>--> |
| | | <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | :key="index" |
| | | > |
| | | <!-- <div class="value">{{ item.value ? item.value : "-" }}</div>--> |
| | | <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | { |
| | | label: '最近监测在线状态', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'onlineStr', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日监测次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'checkCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | | label: '当日离线次数', |
| | | align: 'center', |
| | | prop: 'online', |
| | | prop: 'offLineCount', |
| | | width: 200, |
| | | }, |
| | | { |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="result.img" |
| | | :preview-src-list="[result.img]" |
| | | fit="fill"> |
| | | </el-image> |
| | | </div> |