From 4dc72b22acac30fa642999a845d708feacc28100 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期四, 21 三月 2024 16:17:07 +0800 Subject: [PATCH] # --- Monitor-APP/pages/home/home.vue | 156 +++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 117 insertions(+), 39 deletions(-) diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue index 8381f0a..cec8004 100644 --- a/Monitor-APP/pages/home/home.vue +++ b/Monitor-APP/pages/home/home.vue @@ -4,11 +4,15 @@ <uni-transition :duration="duration" :mode-class="infoMode" :show="infoViewShow"> <view class="home-view"> <view class="head"> - <view class="head-left" @click="ejected()"></view> - <view class="head-mid"> - <text style="z-index: 999;">琛ヨ揣鍗曞垪琛�</text> + <view class="head-left" @click="ejected()"> + <view class="logo"></view> </view> - <view class="head-right"></view> + <view class="head-mid"> + <text style="z-index: 999;">鍑哄簱鍗曞垪琛�</text> + </view> + <view class="head-right"> + <view class="time-tools">{{calendar}}</view> + </view> </view> <!-- 鏃ュ巻 --> <!-- <view class="time-tools">{{calendar}}</view> --> @@ -22,14 +26,14 @@ <view class="text-content"> <!-- head --> <view class="swiper-head"> - <view class="item-box1" style="width: 5%;">搴忓彿</view> - <view class="item-box1" style="width: 20%;">鍝佺暘</view> - <view class="item-box1" style="width: 15%;">寰呰ˉ璐ф暟閲�</view> - <view class="item-box1" style="width: 15%;">宸茶ˉ璐ф暟閲�</view> - <view class="item-box1" style="width: 15%;">琛ヨ揣鐘舵��</view> - <view class="item-box1" style="width: 10%;">鍒涘缓鏃堕棿</view> - <view class="item-box1" style="width: 10%;">棰勮瀹屾垚鏃堕棿</view> - <view class="item-box1" style="width: 9.5%;">鎿嶄綔</view> + <view class="item-box1" style="width: 10%;">鍛煎彨缂栧彿</view> + <view class="item-box1" style="width: 15%;">鍛煎彨浜х嚎</view> + <view class="item-box1" style="width: 15%;">浜х嚎浠g爜</view> + <view class="item-box1" style="width: 15%;">鍛煎彨宸ュ崟</view> + <view class="item-box1" style="width: 15%;">浠诲姟鍚嶇О</view> + <view class="item-box1" style="width: 10%;">鍑哄簱鍗曠姸鎬�</view> + <view class="item-box1" style="width: 10%;">鍛煎彨鏃堕棿</view> + <view class="item-box1" style="width: 9.5%;">鏈�鏅氶�佽揪鏃堕棿</view> </view> <!-- body --> <view class="swiper-body"> @@ -39,33 +43,31 @@ display-multiple-items 鍚屾椂鏄剧ず鐨勬粦鍧楁暟閲� --> <swiper class="swiper-body-main" vertical="true" display-multiple-items="10" - circular="true" :autoplay="true" :interval="3000" :duration="1000" disable-touch='true'> - <swiper-item :class="item.inspectSts" class="swiper-item" v-for="(item,i) in swiperList" :key="i"> - <view class="item-box" style="width: 5%;" >{{i+1}}</view> - <view class="item-box" style="width: 20%;">{{item.maktx}}</view> - <view class="item-box" style="width: 15%;">{{item.storeReplenishment}}</view> + circular="true" :autoplay="false" :interval="3000" :duration="1000" disable-touch='true'> + <swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i"> + <view class="item-box" style="width: 10%;" >{{item.callNo ? item.callNo : '--'}}</view> + <view class="item-box" style="width: 15%;">{{item.callLine}}</view> + <view class="item-box" style="width: 15%;">{{item.callLineNo}}</view> <view class="item-box" style="width: 15%;"> <text style="color: #25E51E ;" v-if="item.inspectSts == 'inspectWhite'">{{item.storeAdd}}</text> - <text v-if="item.inspectSts == 'inspectRed'">{{item.storeAdd}}</text> + <text v-if="item.inspectSts == 'inspectRed'">{{item.callOrder}}</text> </view> - <view class="item-box" style="width: 15%;"> - <text class="beBatch1" v-if="item.beBatch == 2 "> - {{item.beBatch$}} + + <view class="item-box" style="width: 15%;">{{item.callName}}</view> + <view class="item-box" style="width: 10%;"> + <text class="beBatch1" v-if="item.callSettle == 2 "> + {{item.callSettle$}} </text> - <text class="beBatch2" v-if="item.beBatch != 2 "> - {{item.beBatch$}} + <text class="beBatch2" v-if="item.callSettle != 2 "> + {{item.callSettle$}} </text> <!-- <text class="beBatch3" v-if="item.inspectSts != 'inspectWhite'"> {{item.beBatch$}} </text> --> </view> - <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view> - <view class="item-box" style="width: 10%;">{{item.appeTime$}}</view> - <view class="item-box" style="width: 9.5%;"> - <button class="start-btn" size="mini" v-if="item.beBatch == 1" @click="complete(item.matnr)">寮�濮�</button> - <button class="end-btn" size="mini" v-if="item.beBatch == 2" @click="cancel(item.matnr)">瀹屾垚</button> - </view> + <view class="item-box" style="width: 10%;">{{item.callTime$}}</view> + <view class="item-box" style="width: 9.5%;">{{item.lastTime$}}</view> </swiper-item> <view style="height: 1px;"></view> </swiper> @@ -158,6 +160,13 @@ <uni-popup-message :type="messageType" :message="messageText" :duration="3000"></uni-popup-message> </uni-popup> </view> + <view class="board"> + <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow"> + <view class="error-board"> + <text v-for="item in carInfo">{{item}}</text> + </view> + </uni-transition> + </view> </view> </template> @@ -167,6 +176,9 @@ export default { data() { return { + newModeClass: 'slide-top', + errorBoardShow: false, + carInfo: [], type: 'center', msgType: 'success', messageType: 'success', @@ -261,13 +273,14 @@ onLoad() { setInterval(()=>{ // this.getServerData() - // this.getDate2() // this.getUrl() // this.getInfo() // this.getError() // this.getInfo2() // this.getError2() + this.getDate2() this.getInfo3() + this.getCarInfo() // this.getInfo4() // this.controller() },1000) @@ -285,18 +298,51 @@ }, methods: { // 鏃ュ巻 鏈嶅姟鍣� + // 寮傚父淇℃伅 + getCarInfoTest() { + let that = this + var result = ycqdata.carError + var res = result.data + that.carInfoModel(res) + }, + getCarInfo() { + let that = this + uni.request({ + url: that.commonUrl + "/mobile/error/list2", + method: "GET", + success(result) { + var res = result.data + that.carInfoModel(res) + } + }) + }, + carInfoModel(res) { + let infoList = [] + + if (res.code == 200 && res.data != '') { + let str = '' + for (let k of res.data) { + str = `${k.tsakNo1}-${k.errName}` + infoList.push(str) + } + this.carInfo = infoList + this.errorBoardShow = true + } else { + this.errorBoardShow = false + } + }, getDate2() { let that = this if(that.commonUrl == 'undefined') { return } uni.request({ - url: that.commonUrl + "/monitor/date", + url: that.commonUrl + "/mobile/date", method:"GET", success(result) { // console.log(result); var res = result.data.data - that.calendar = res.year + "骞�" + res.month + "鏈�" + res.day + "鏃� " + res.hour + ":" + res.minute + ":" + res.second + " " + res.week + that.calendar = res.hour + ":" + res.minute + ":" + res.second + " " + res.year + "-" + res.month + "-" + res.day that.currDate = res.year + "/" + res.month + "/" + res.day }, fail(res) { @@ -385,11 +431,10 @@ getInfo3() { let that = this uni.request({ - url: that.commonUrl + "/open/loc/query/auth/v1", + url: that.commonUrl + "/mobile/order/list", method:"GET", - data: {ledId:that.baseLedId}, + data: {}, success(result) { - // console.log(result); var res = result.data for (let k of res.data) { if (k.inspect == 1) { @@ -776,11 +821,23 @@ background-image: url(../../static/headleft.png); background-size: 110% 100%; } + .logo { + position: absolute; + left: 30%; + top: 90%; + width: 60%; + height: 110%; + background-image: url(../../static/DENSO_logo.png); + background-size: 60% 60%; + /* background-color: #55ff7f; */ + background-repeat: no-repeat; + transform: scaleX(-1); + } .time-tools { position: absolute; - right: 2%; - top: 2%; - font-size:1vw; + right: 4%; + top: 6%; + font-size:1.2vw; transform: scale(0.8); } .button-left { @@ -1073,4 +1130,25 @@ .popup { } -</style> + .board { + position: absolute; + top: 0; + right: 0; + /* background-color: #aa00ff; */ + /* height: 13vh; */ + width: 100%; + /* box-shadow: rgba(0,0,0,.35) 0px 5px 15px; */ + } + + .error-board { + margin: .2rem; + height: 11vh; + background-color: #F56C6C; + box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px; + border-radius: .2rem; + display: flex; + align-items: center; + justify-content: space-around; + font-size: 2rem; + } +</style> \ No newline at end of file -- Gitblit v1.9.1