| | |
| | | </div> |
| | | |
| | | <div v-show="zydksb == 'dk'" class="lists-box dk"> |
| | | <div v-for="(item, index) in plotLists" :key="'plotLists'+index" @click="setCenter(item)"> |
| | | <div |
| | | v-for="(item, index) in plotLists" |
| | | :key="'plotLists'+index" |
| | | @click="setCenter(item)" |
| | | > |
| | | <div class="title"> |
| | | <img :src="item.url" alt /> |
| | | {{item.landName}} |
| | |
| | | |
| | | <div v-show="zydksb =='sb'" class="lists-box sb"> |
| | | <div |
| | | v-for="(item, index) in equipmentList" |
| | | :key="'equipmentList' + index" |
| | | class="lists-item" |
| | | @click="item.dictTypeNum == 0?goToJkDetail(item |
| | | v-for="(item, index) in equipmentList" |
| | | :key="'equipmentList' + index" |
| | | class="lists-item" |
| | | @click="item.dictTypeNum == 0?goToJkDetail(item |
| | | ):goToDetail(item)" |
| | | > |
| | | <div class="title"> |
| | |
| | | <div class="type off" v-else>离线</div> |
| | | </div> |
| | | <!-- 视频监控数据 --> |
| | | <!-- <div v-for="(item, index) in equipmentList.vidList"--> |
| | | <!-- :key="'vidList'+index"--> |
| | | <!-- class="lists-item"--> |
| | | <!-- @click="goToJkDetail(item)">--> |
| | | <!-- <div class="title">--> |
| | | <!-- <img src="/img/icon/jk.png" alt />--> |
| | | <!-- {{item.name}}--> |
| | | <!-- </div>--> |
| | | <!-- <div class="type on" v-if="item.onLine == 0">在线</div>--> |
| | | <!-- <div class="type off" v-else>离线</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div v-for="(item, index) in equipmentList.vidList"--> |
| | | <!-- :key="'vidList'+index"--> |
| | | <!-- class="lists-item"--> |
| | | <!-- @click="goToJkDetail(item)">--> |
| | | <!-- <div class="title">--> |
| | | <!-- <img src="/img/icon/jk.png" alt />--> |
| | | <!-- {{item.name}}--> |
| | | <!-- </div>--> |
| | | <!-- <div class="type on" v-if="item.onLine == 0">在线</div>--> |
| | | <!-- <div class="type off" v-else>离线</div>--> |
| | | <!-- </div>--> |
| | | <!-- 监测设备数据 --> |
| | | <!-- <div--> |
| | | <!-- v-for="(item, index) in equipmentList.staList"--> |
| | | <!-- :key="'staList' + index"--> |
| | | <!-- class="lists-item"--> |
| | | <!-- @click="goToDetail(item)"--> |
| | | <!-- >--> |
| | | <!-- <div class="title">--> |
| | | <!-- <img v-if="item.dictTypeNum == 1" src="/img/icon/qx.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 2" src="/img/icon/qx.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 3" src="/img/icon/sz.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 4" src="/img/icon/tr.png" alt />--> |
| | | <!-- <img v-else src="/img/icon/qx.png" alt />--> |
| | | <!-- {{item.name}}--> |
| | | <!-- </div>--> |
| | | <!-- <div class="type on" v-if="item.onLine == 0">在线</div>--> |
| | | <!-- <div class="type off" v-else>离线</div>--> |
| | | <!-- </div>--> |
| | | <!-- <div--> |
| | | <!-- v-for="(item, index) in equipmentList.staList"--> |
| | | <!-- :key="'staList' + index"--> |
| | | <!-- class="lists-item"--> |
| | | <!-- @click="goToDetail(item)"--> |
| | | <!-- >--> |
| | | <!-- <div class="title">--> |
| | | <!-- <img v-if="item.dictTypeNum == 1" src="/img/icon/qx.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 2" src="/img/icon/qx.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 3" src="/img/icon/sz.png" alt />--> |
| | | <!-- <img v-else-if="item.dictTypeNum == 4" src="/img/icon/tr.png" alt />--> |
| | | <!-- <img v-else src="/img/icon/qx.png" alt />--> |
| | | <!-- {{item.name}}--> |
| | | <!-- </div>--> |
| | | <!-- <div class="type on" v-if="item.onLine == 0">在线</div>--> |
| | | <!-- <div class="type off" v-else>离线</div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | <div class="table-list"> |
| | | <div class="t-header"> |
| | | <!-- <div class="sym-style">溯源码样式</div>--> |
| | | <!-- <div class="sym-style">溯源码样式</div>--> |
| | | <div>产品名称</div> |
| | | <div>溯源码编号</div> |
| | | <div>已绑定溯源/总数</div> |
| | |
| | | <div>操作</div> |
| | | </div> |
| | | <div class="t-body"> |
| | | <div class="table-list" v-for="(item, index) in sourceList" :key="'sourceList'+index"> |
| | | <!-- <div class="sym-style">--> |
| | | <!-- <div class="l">--> |
| | | <!-- <img src="/img/icon/sym.png" alt />--> |
| | | <!-- </div>--> |
| | | <!-- <div class="r">--> |
| | | <!-- <div class="title">常规-样式1</div>--> |
| | | <!-- <div class="unit">5cm*3cm</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div |
| | | class="table-list" |
| | | v-for="(item, index) in sourceList" |
| | | :key="'sourceList'+index" |
| | | > |
| | | <!-- <div class="sym-style">--> |
| | | <!-- <div class="l">--> |
| | | <!-- <img src="/img/icon/sym.png" alt />--> |
| | | <!-- </div>--> |
| | | <!-- <div class="r">--> |
| | | <!-- <div class="title">常规-样式1</div>--> |
| | | <!-- <div class="unit">5cm*3cm</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div>{{item.productName}}</div> |
| | | <div>{{item.code}}</div> |
| | | <div>{{item.bind == 0 ? 1 : 0}}/1</div> |
| | |
| | | </template> |
| | | <template slot="public-box-content"> |
| | | <div v-show="plotDetailsNape == 'zypz'" class="box zypz-box"> |
| | | <div v-for="(item, index) in plotDetailsPlantList" :key="'plotDetailsPlantList'+index"> |
| | | <div |
| | | v-for="(item, index) in plotDetailsPlantList" |
| | | :key="'plotDetailsPlantList'+index" |
| | | > |
| | | <img class="logo" :src="item.url" alt /> |
| | | <div class="titles-box"> |
| | | <div class="title">{{item.strainName}}</div> |
| | |
| | | </div> |
| | | </div> |
| | | <div v-show="plotDetailsNape == 'nscz'" class="box nscz-box"> |
| | | <div v-for="(item, index) in plotDetailsRecordList" :key="'plotDetailsRecordList'+index"> |
| | | <div |
| | | v-for="(item, index) in plotDetailsRecordList" |
| | | :key="'plotDetailsRecordList'+index" |
| | | > |
| | | <div class="t-border"></div> |
| | | <div class="t-item"> |
| | | <div class="type">{{item.typeName}}</div> |
| | |
| | | </template> |
| | | <template slot="public-box-content"> |
| | | <!-- 气象监测 --> |
| | | <div class="item" v-for="(item, staListIndex) in stationData.weatherList" |
| | | :key="'weatherList' + staListIndex"> |
| | | <div |
| | | class="item" |
| | | v-for="(item, staListIndex) in stationData.weatherList" |
| | | :key="'weatherList' + staListIndex" |
| | | > |
| | | <div class="itemTitle"> |
| | | <img src="../../../public/img/icon/icon_3788.png" alt /> |
| | | <div class="type"> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 土壤监测 --> |
| | | <div class="item" v-for="(item, staListIndex) in stationData.soliList" |
| | | :key="'soliList' + staListIndex"> |
| | | <div |
| | | class="item" |
| | | v-for="(item, staListIndex) in stationData.soliList" |
| | | :key="'soliList' + staListIndex" |
| | | > |
| | | <div class="itemTitle"> |
| | | <img src="../../../public/img/icon/icon_3788.png" alt /> |
| | | <div class="type"> |
| | |
| | | </div> |
| | | <div class="data">{{item.valueDataList[item.valueDataList.length-1].value}}</div> |
| | | <img |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | /> |
| | | <img |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | /> |
| | | </div> |
| | | <div class="echart" v-show="echartIsShow && jcIndex == staListIndex"> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 空气监测 --> |
| | | <div class="item" v-for="(item, staListIndex) in stationData.airList" |
| | | :key="'airList' + staListIndex"> |
| | | <div |
| | | class="item" |
| | | v-for="(item, staListIndex) in stationData.airList" |
| | | :key="'airList' + staListIndex" |
| | | > |
| | | <div class="itemTitle"> |
| | | <img src="../../../public/img/icon/icon_3788.png" alt /> |
| | | <div class="type"> |
| | |
| | | </div> |
| | | <div class="data">{{item.valueDataList[item.valueDataList.length-1].value}}</div> |
| | | <img |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | /> |
| | | <img |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | /> |
| | | </div> |
| | | <div class="echart" v-show="echartIsShow && jcIndex == staListIndex"> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 水质监测 --> |
| | | <div class="item" v-for="(item, staListIndex) in stationData.waterList" |
| | | :key="'waterList' + staListIndex"> |
| | | <div |
| | | class="item" |
| | | v-for="(item, staListIndex) in stationData.waterList" |
| | | :key="'waterList' + staListIndex" |
| | | > |
| | | <div class="itemTitle"> |
| | | <img src="../../../public/img/icon/icon_3788.png" alt /> |
| | | <div class="type"> |
| | |
| | | </div> |
| | | <div class="data">{{item.valueDataList[item.valueDataList.length-1].value}}</div> |
| | | <img |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | src="../../../public/img/icon/up_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,null)" |
| | | v-if="echartIsShow && jcIndex == staListIndex" |
| | | alt |
| | | /> |
| | | <img |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | src="../../../public/img/icon/down_menu.png" |
| | | class="openMenuIcon" |
| | | @click="showEchart(staListIndex,item)" |
| | | v-else |
| | | alt |
| | | /> |
| | | </div> |
| | | <div class="echart" v-show="echartIsShow && jcIndex == staListIndex"> |
| | |
| | | </template> |
| | | <template slot="public-box-content"> |
| | | <div class="video"> |
| | | <video id="videoElement" autoplay muted width="100%" height="100%"></video> |
| | | <video id="videoElement" autoplay muted controls width="100%" height="100%"></video> |
| | | </div> |
| | | </template> |
| | | </public-box> |