From 497b6af6f8b9a66148625e4da5d96881a48120e5 Mon Sep 17 00:00:00 2001 From: 819527061@qq.com <123456> Date: 星期四, 30 五月 2024 09:50:36 +0800 Subject: [PATCH] 取样细节样式 --- pages/quality-inspection-page/edc-sampling/edc-sampling.vue | 38 +++++++++++++++++++++++++++++++++++--- 1 files changed, 35 insertions(+), 3 deletions(-) diff --git a/pages/quality-inspection-page/edc-sampling/edc-sampling.vue b/pages/quality-inspection-page/edc-sampling/edc-sampling.vue index 5303e78..c049995 100644 --- a/pages/quality-inspection-page/edc-sampling/edc-sampling.vue +++ b/pages/quality-inspection-page/edc-sampling/edc-sampling.vue @@ -4,7 +4,7 @@ <view class="edc-sampling-card" v-for="(item,index) in edcList" :key="index"> <view class="edc-sampling-line"> <h1>{{item.carNo}}</h1> - <view class="status red" v-if="item.status">{{statusComputed(item.status)}}</view> + <view class="status" :class="statusClassComputed(item.status)" v-if="item.status">{{statusComputed(item.status)}}</view> </view> <view class="edc-sampling-line"> <h2>渚涘簲鍟嗭細{{item.customerName}}</h2> @@ -97,6 +97,25 @@ return '' } }, + statusClassComputed(status) { + if(status == 1) { + return 'blue' + }else if(status == 2) { + return 'red' + }else if(status == 3) { + return 'red' + }else if(status == 4) { + return 'red' + }else if(status == 5) { + return 'red' + }else if(status == 6) { + return 'red' + }else if(status == 7) { + return 'black' + }else { + return '' + } + }, async getPageList(callBack) { uni.showLoading({ title: "鍔犺浇涓�" @@ -144,6 +163,9 @@ }) }, handleEDCClick(item) { //鍒涘缓EDC璐ㄦ鍗� + uni.showLoading({ + title: "鍔犺浇涓�" + }) uni.showModal({ title: '纭', content: '纭鍒涘缓EDC璐ㄦ鍗曞悧', @@ -153,6 +175,7 @@ this.$reqPost('edcSampling',item,'json').then(res => { console.log(res,'res=====-----') if(res.code == 0) { + uni.hideLoading() this.$u.toast('鍒涘缓鎴愬姛'); this.edcList = [] this.getPageList() @@ -160,6 +183,7 @@ }) }else if(res.cancel){ + uni.hideLoading() return true } } @@ -216,13 +240,21 @@ display: flex; align-self: baseline; } + .blue{ + color: #184edd; + border: 1px solid #184edd; + } .red{ color: #f56c6c; border: 1px solid #f56c6c; } + .black{ + color: black; + border: 1px solid black; + } .yellow{ - color: #f9ae3d; - border: 1px solid #f9ae3d; + color: #fcbd20; + border: 1px solid #fcbd20; } } .edc-sampling-btn-box{ -- Gitblit v1.9.1