#

whycq

2022-10-18 d24e3dda64bda6cd77fddcae9aac9976432371d0

#

 Monitor-APP/pages/index/index.vue

@@ -6,7 +6,7 @@
            <view class="head">
                <text @click="port()">自动仓库WCS监控平台</text>
                <view class="time-tools">{{year}}-{{month}}-{{day}}&nbsp{{hours}}:{{minutes}}:{{seconds}}&nbsp{{week}}</view>
                <view class="button-left" @click="url()"></view>
                <view class="button-left" @click="ejected()"></view>
                <view class="button-right" @click="ledId()"></view>
            </view>
            <view class="main">
@@ -74,7 +74,7 @@
            <view class="head">
                <text @click="port()">自动仓库WCS监控平台</text>
                <view class="time-tools">{{year}}-{{month}}-{{day}}&nbsp{{hours}}:{{minutes}}:{{seconds}}&nbsp{{week}}</view>
                <view class="button-left" @click="url()"></view>
                <view class="button-left" @click="ejected()"></view>
                <view class="button-right" @click="ledId()"></view>
            </view>
            <view class="main">
@@ -252,6 +252,46 @@
                    placeholder="示例:1" @confirm="crnConfirm"></uni-popup-dialog>
            </uni-popup>
        </view>
        <!-- 自定义弹出层 -->
        <view class="eject-mask" v-show="ejectShow">
            <view class="eject">
                <!-- 弹出title -->
                <view class="eject-title">修改 / 配置</view>
                <!-- input -->
                <view class="eject-input">
                    <view class="item">
                        <view class="desc">ip：</view>
                        <view class="input">
                            <input type="text" v-model="baseIP">
                        </view>
                    </view>
                    <view class="item">
                        <view class="desc">port：</view>
                        <view class="input">
                            <input type="text" v-model="basePort">
                        </view>
                    </view>
                    <view class="item">
                        <view class="desc">ledId：</view>
                        <view class="input">
                            <input type="text" v-model="baseLedId">
                        </view>
                    </view>
                    <view class="item">
                        <view class="desc">crnId：</view>
                        <view class="input">
                            <input type="text" v-model="crnId">
                        </view>
                    </view>
                </view>
                <!-- button -->
                <view class="eject-button">
                    <view class="button-item" @click="ejectClose">取 消</view>
                    <view class="button-item" @click="ejectConfirm">确 认</view>
                </view>
            </view>
			
        </view>
    </view>
</template>

@@ -330,6 +370,8 @@
                interval:1000, // 调用时长
                duration:8000, // 移动速度
                matList:[], // 订单列表
                ejectShow: false,
				
            }
        },
        mounted() {
@@ -338,16 +380,18 @@
            const BaseLedId = uni.getStorageSync('BaseLedId');
            const BasePort = uni.getStorageSync('BasePort');
            const BaseCrnId = uni.getStorageSync('BaseCrnId');
            if (BaseIP && BaseLedId) {
            // if (BaseIP && BaseLedId) {
                that.baseIP = BaseIP
                that.baseLedId = BaseLedId
                that.basePort = BasePort
                that.baseCrnId = BaseCrnId
            } else {
                that.baseUrl = ''
                that.baseLedId = ''
            }
            this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + this.baseUrl
            // } else {
            //     that.baseUrl = ''
            //     that.baseLedId = ''
            // }
            this.getUrl()
            console.log(this.commonUrl);
            // this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePort + this.baseUr
        },
        onReady() {
            // 获得初始数据
@@ -370,6 +414,10 @@
            },1000)
        },
        methods: {
            // 获取url
            getUrl() {
                this.commonUrl = this.baseHttp + this.baseIP + ':' +this.basePORT + "/" +this.baseUrl
            },
            // 获取错误信息
            getYYY() {
                let that = this
@@ -485,7 +533,7 @@
                    },
                    method:'GET',
                    success(result) {
                        // console.log(result);
                        console.log(result);
                        res = result.data 
                        if (res.data && res.data !== "") {
                            that.errorMsg = res.data
@@ -515,7 +563,7 @@
                    },
                    method:'GET',
                    success(result) {
                        console.log(result);
                        // console.log(result);
                        res = result.data
                        if(res.data && res.data !== null) {
                            // that.move = false
@@ -636,33 +684,24 @@
                    }
                })
            },
            port() {
                this.$refs.port.open()
            ejected () {
                this.ejectShow = true
            },
            url() {
                this.$refs.url.open()
            },
            ledId() {
                this.$refs.ledId.open()
            },
            crn() {
                this.$refs.crnId.open()
            },
            baseUrlConfirm(val) {
                this.baseIp = val
            // 弹出层确认
            ejectConfirm() {
                uni.setStorageSync('BaseIp', this.baseIp);
            },
            ledIdConfirm(val) {
                this.baseLedId = val
                uni.setStorageSync('BaseLedId', this.baseLedId);
            },
            portConfirm(val) {
                this.basePort = val
                uni.setStorageSync('BasePort',this.basePort);
            },
            crnConfirm(val) {
                this.baseCrnId = val
                uni.setStorageSync('BaseCrnId',this.baseCrnId);
                this.getUrl()
                console.log(uni.getStorageSync('BaseIp'));
                console.log(this.baseIP);
                console.log(this.commonUrl);
                this.ejectShow = false
            },
            // 弹出层取消
            ejectClose() {
                this.ejectShow = false
            },
            getServerData() {
                this.chartsDataLine1=JSON.parse(JSON.stringify(this.chartsData.Line))
@@ -695,6 +734,88 @@
</script>

<style>
    /* 弹出:配置区域 */
    .eject-mask {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;	
    }
    .eject{
        position: relative;
        width: 600px;
        height: 350px;
        background-color: #eaeaea;
        border-radius: 25rpx;
    }
    .eject-title {
        width: 100%;
        height: 100px;
        line-height: 100px;
        font-size: 20px;
        font-weight: 700;
        color:     #606266;
        text-align: center;
    }
    .eject-input {
		
    }
    .item {
        display: flex;
        align-items: center;
        margin: 10px 0 0 0;
    }
    .desc {
        display: inline-block;
        width: 40%;
        text-align: right;
        color: #606266;
        font-size: 18px;
    }
    .input {
        display: flex;
        align-items: center;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        height: 30px;
        border: 1px solid #C0C4CC;
        margin-right: 50px;
    }
    .eject-input input {
        width: 100%;
		
		
    }
    .eject-button {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 0;
        height: 60px;
        line-height: 60px;
        width: 100%;
        border-top: 1px solid #ccc;
    }
    .button-item {
        width: 50%;
        height: 100%;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #909399;
    }
    .button-item:last-child {
        color: #67C23A;
		
        border-left: 1px solid #ccc;
    }
    .full-width {
        width: 100%;
        height: 100%;