智慧农业大数据平台
guanqb
2022-08-15 83b1f5ccd0c425dc0dfff922347e9ec136bac430
src/views/farm/index.vue
@@ -130,7 +130,11 @@
            </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}}
@@ -144,10 +148,10 @@
            <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">
@@ -163,35 +167,35 @@
                    <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>
@@ -240,7 +244,7 @@
                </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>
@@ -248,16 +252,20 @@
                        <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>
@@ -300,7 +308,10 @@
            </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>
@@ -311,7 +322,10 @@
                    </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>
@@ -363,8 +377,11 @@
            </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">
@@ -392,8 +409,11 @@
                    </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">
@@ -402,18 +422,18 @@
                        </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">
@@ -421,8 +441,11 @@
                    </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">
@@ -431,18 +454,18 @@
                        </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">
@@ -450,8 +473,11 @@
                    </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">
@@ -460,18 +486,18 @@
                        </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">
@@ -496,7 +522,7 @@
            </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>