#

whycq

2024-02-07 b776bb6af55b95924b612c8296cd514bf1826dee

#

 Monitor-APP/pages/home/home.vue

@@ -243,11 +243,15 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <view style="width: 20%;">目标站：{{infoText.staNo}}</view>
                                    <view style="width: 30%;">商品编号</view>
                                    <view style="width: 20%;">商品名称</view>
                                    <view style="width: 20%;">规格</view>
                                    <view style="width: 10%;">序号</view>
                                    <view style="width: 12%;">订单号</view>
                                    <view style="width: 12%;">工作号</view>
                                    <view style="width: 12%;">箱码</view>
                                    <view style="width: 12%;">商品编号</view>
                                    <view style="width: 12%;">商品名称</view>
                                    <view style="width: 10%;">规格</view>
                                    <view style="width: 10%;">数量</view>
                                    <view style="width: 10%;">结余</view>
                                </view>
                                <!-- body -->
                                <view class="swiper-body">
@@ -258,12 +262,16 @@
                                    <swiper class="swiper-body-main" vertical="true" 
                                    display-multiple-items="8"
                                    circular="true" :autoplay="true" :interval="3000" :duration="1000">
                                        <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
                                            <view style="width: 20%;">No:{{i+1}}</view>
                                            <view style="width: 30%;">{{item.matNo}}</view>
                                            <view style="width: 20%;">{{item.maknx}}</view>
                                            <view style="width: 20%;">{{item.specs}}</view>
                                            <view style="width: 10%;">{{item.count}}</view>
                                        <swiper-item class="swiper-item" v-for="(item,i) in locs" :key="i">
                                            <view style="width: 10%;">No:{{i+1}}</view>
                                            <view style="width: 12%;">{{item.orderNo ? item.orderNo : '--'}}</view>
                                            <view style="width: 12%;">{{item.wrkNo ? item.wrkNo : '--'}}</view>
                                            <view style="width: 12%;">{{item.suppCode ? item.suppCode : '--'}}</view>
                                            <view style="width: 12%;">{{item.matnr}}</view>
                                            <view style="width: 12%;">{{item.maktx}}</view>
                                            <view style="width: 10%;">{{item.specs ? item.specs : '--'}}</view>
                                            <view style="width: 10%;">{{item.anfme ? item.anfme : '--'}}</view>
                                            <view style="width: 10%;">{{item.volume ? item.volume : '--'}}</view>
                                        </swiper-item>
                                    </swiper>
                                </view>
@@ -333,6 +341,12 @@
                            <input type="text" v-model="baseUrl">
                        </view>
                    </view>
                    <view class="item">
                        <view class="desc">站点：</view>
                        <view class="input">
                            <input type="text" v-model="devNo">
                        </view>
                    </view>
                </view>
                <!-- button -->
                <view class="eject-button">
@@ -351,8 +365,8 @@
        data() {
            return {
                series: [],
                homeViewShow: true,
                infoViewShow: false    ,
                homeViewShow: false,
                infoViewShow: true    ,
                errorInfoViewShow: false,
                homeMode: [],
                infoMode: [],
@@ -406,7 +420,7 @@
                infoType: 0,
                text: '',
                infoText: {
                    title: '',
                    title: 'AGV拣选信息',
                    staNo: "",
                    matnr: "",
                    maknx: "",
@@ -414,7 +428,9 @@
                    count: "",
                    error: ""
                },
                swiperList: []
                swiperList: [],
                devNo: 'CS-313',
                locs: []
            }
        },
        onShow() {
@@ -430,34 +446,55 @@
            const BasePort = uni.getStorageSync('BasePort');
            const BaseCrnId = uni.getStorageSync('BaseCrnId');
            const PROJ = uni.getStorageSync('UPROJ');
            const DEVNO = uni.getStorageSync('devNo');
            that.baseUrl = PROJ
            that.baseIP = BaseIP
            that.baseLedId = BaseLedId
            that.basePort = BasePort
            that.baseCrnId = BaseCrnId
            that.devNo = DEVNO
            // this.getUrl()
        },
        onLoad() {
            setInterval(()=>{
                this.getServerData()
                this.initlineChart()
                this.initPieChart()
                this.getOther()
                this.getDate()
                this.getInfo()
                this.getError()
                // this.getInfo2()
                // this.getError2()
            setTimeout(()=> {
                this.getUrl()
                this.controller()
            },1000)
            setInterval(()=>{
                // 测试用
                
                this.getVisualized()
            },1000)
        },
        methods: {
            getUrl() {
                this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + "/" +this.baseUrl
            },
            getVisualized() {
                let that = this
                console.log(this.devNo);
                let param = {devNo: `${that.devNo}`}
                uni.request({
                    url: `${that.commonUrl}/rpc/info`,
                    header: {
                        'Access-Control-Allow-Origin': '*',
                        'Access-Control-Allow-Methods': 'GET,POST,OPTIONS',
                        'Access-Control-Allow-Headers': 'X-Request-with,Content-Type',
                        },
                    sslVerify: false,
                    withCredentials: true,
                    method: 'POST',
                    data: JSON.stringify(param),
                    success(res) {
                        res = res.data
                        console.log(res);
                        that.result = res
                        if (res.code === 200 && res.data) {
                            that.locs = res.data
                        }
                    }
                })
            },
			
            getServerData() {
                this.chartsDataLine1=JSON.parse(JSON.stringify(this.chartsData.Line))
                this.chartsDataPie2=JSON.parse(JSON.stringify(this.chartsData.Pie))
@@ -689,6 +726,7 @@
                uni.setStorageSync('BasePort',this.basePort);
                uni.setStorageSync('BaseCrnId',this.baseCrnId);
                uni.setStorageSync('UPROJ',this.baseUrl);
                uni.setStorageSync('devNo',this.devNo);
                this.getUrl()
                this.ejectShow = false
            },
@@ -1015,7 +1053,7 @@
    .eject{
        position: relative;
        width: 40vw;
        height: 40vh;
        height: 50vh;
        background-color: #fff;
        border-radius: 2rem;
    }