From 1840f6add8934b913517eed5811e4320ce4984ce Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 16:23:17 +0800
Subject: [PATCH] 调试
---
components/WorkOrder.vue | 688 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 377 insertions(+), 311 deletions(-)
diff --git a/components/WorkOrder.vue b/components/WorkOrder.vue
index ef12e65..464f181 100644
--- a/components/WorkOrder.vue
+++ b/components/WorkOrder.vue
@@ -1,31 +1,51 @@
<template>
<view>
-
- <view class="container" style="display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-content: flex-start;
- justify-content: flex-start;">
+ <view class="container" style="display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start;">
+ <!--涓荤晫闈�-->
<!-- 涓婇儴锛氬伐鍗曢�夋嫨鍜屾満鍙颁俊鎭� -->
- <view class="top-order" style=" display:inline-block;">
+ <view class="top-order" style="display:inline-block;">
<view class="form-row4">
- <view class="form-row" style="display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: center;">
+ <view class="form-row" style="display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;">
<view class="form-item">
- <label>宸ュ崟鍗曞彿:</label>
+ <label>宸ュ崟缂栧彿:</label>
<input class="inp" type="text" v-model="order.daa001" disabled="true" />
</view>
<view class="form-item">
- <label>浜у搧鍚嶇О:</label>
- <!-- <input class="inp" type="text" v-model="order.daa003" disabled="true" />-->
- <superwei-combox :candidates="DAA003List" v-model="order.daa003" @select="onDaa003Change"
- class="inp" style="font-size: 20px;"></superwei-combox>
+ <label>鍒�鍏峰悕绉�:</label>
+ <input class="inp" type="text" v-model="order.cutterName" disabled="true" />
</view>
<view class="form-item">
- <label>鐢熶骇鏂欏彿:</label>
+ <label>宸ュ崟鏁伴噺:</label>
+ <input class="inp" type="text" v-model="order.daa008" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>寮�宸ユ暟閲�:</label><!--寮�宸ユ暟閲�-->
+ <input class="inp" type="text" v-model="order.startCjNum" disabled="true" /><!-- 淇敼涓� startCjNum -->
+ </view>
+ </view>
+ <view class="form-row3">
+ <view class="form-item">
+ <label>浜у搧鍚嶇О:</label>
+ <!--<input class="inp" type="text" v-model="order.daa003" disabled="true" />-->
+ <superwei-combox :candidates="DAA003List" v-model="order.daa003" @select="onDaa003Change"
+ class="inp" style="font-size: 20px;"></superwei-combox>
+ </view>
+ <view class="form-item">
+ <label>鍒�鍏风紪鍙�:</label><!--鍒�鍏风紪鍙�???-->
+ <input class="inp" type="text" v-model="order.cutterId" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>鍒�鍏疯鏍�:</label><!--鍒�鍏疯鏍�???-->
+ <input class="inp" type="text" v-model="order.cutterModel" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>褰撳墠鏁伴噰:</label><!--褰撳墠鏁伴噰-->
+ <input class="inp" type="text" v-model="order.currentCjNum" disabled="true" /><!-- 淇敼涓� currentCjNum -->
+ </view>
+ </view>
+ <view class="form-row3">
+ <view class="form-item">
+ <label>浜у搧缂栫爜:</label>
<input class="inp" type="text" v-model="order.daa002" disabled="true" />
</view>
<view class="form-item">
@@ -33,86 +53,14 @@
<input class="inp" type="text" v-model="order.daa004" disabled="true" />
</view>
<view class="form-item">
- <label>鎴愬瀷鏈�(s):</label>
- <input class="inp" type="text" v-model="order.moldingCyc" disabled="true" />
+ <label>鎶ュ伐鏁伴噺:</label>
+ <input class="inp" type="text" v-model="order.daa011" disabled="true" />
</view>
</view>
- <view class="form-row3">
- <view class="form-item">
- <label>鍥� 鍙�:</label>
- <input class="inp" type="text" v-model="order.engineeringNo" disabled="true" />
- </view>
- <view class="form-item">
- <label>妯″叿缂栧彿:</label>
- <input class="inp" type="text" v-model="order.moldId" disabled="true" />
- </view>
- <view class="form-item">
- <label>棰� 鑹�:</label>
- <input class="inp" type="text" v-model="order.colorName" disabled="true" />
- </view>
- <view class="form-item">
- <label>鏉� 璐�:</label>
- <input class="inp" type="text" v-model="order.material" disabled="true" />
- </view>
- <view class="form-item">
- <label>鍑虹┐鏁�:</label>
- <input class="inp" type="text" v-model="order.outItemNum" disabled="true" />
- </view>
- </view>
- <view class="form-row3">
- <view class="form-item">
- <label>宸ュ崟鏁伴噺:</label>
- <input class="inp" style="background-color: deepskyblue;" type="text" v-model="order.daa008"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>闈㈡澘鏁伴噺:</label>
- <input class="inp" style="background-color: orange;" type="text" v-model="collectedAmount"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>宸叉姤鏁伴噺:</label>
- <input class="inp" style="background-color: yellow;" type="text" v-model="order.daa011"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>鏈姤妫�鏁�:</label>
- <input class="inp" type="text" style="background-color: seagreen;" v-model="order.wjQty"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>璁惧鐐规:</label>
- <input class="inp" type="text" v-model="order.finalResult"
- disabled="true" />
- </view>
-
- <!-- <view class="form-item">
- <label>涓嶈壇鏁伴噺:</label>
- <input class="inp" style="background-color: crimson;" type="text" v-model="order.blQty"
- disabled="true" />
- </view> -->
- </view>
- <!-- <view class="form-row">
-
- <view class="form-item">
- <label>鏈姤宸ユ暟閲�:</label>
- <input class="inp" type="text" v-model="order.wjQty"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>宸ュ崟鐘舵��:</label>
- <input class="inp" type="text" v-model="order.daa018"
- disabled="true" />
- </view>
- <view class="form-item">
- <label>鏈哄彴缂栧彿:</label>
- <input class="inp" type="text" v-model="order.machineNo"
- disabled="true" />
- </view> -->
</view>
</view>
<view class="form-row1">
- <view class="form-item" style=" display:inline-block;">
+ <view class="form-item" style="display:inline-block;">
<label>宸ュ崟鐘舵��:</label>
<input class="inp1" type="text" v-model="order.daa018" disabled="true" />
<!-- 鍒锋柊鎸夐挳 -->
@@ -127,7 +75,39 @@
<!-- 涓儴锛氳繍琛岀姸鎬� -->
<view class="section card">
- <view class="form-row">
+ <view class="status-row">
+ <view class="form-item">
+ <label style="color: red;">鏃ュ仠鏈烘鏁�(鏃堕暱瓒�3鍒嗛挓):</label>
+ <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>鏃ュ仠鏈烘椂闀�(mi):</label>
+ <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>璁惧绋煎姩鐜�:</label>
+ <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
+ </view>
+ </view>
+ <view class="status-row">
+ <view class="form-item">
+ <label>鐢熶骇寮�濮嬫椂闂�:</label>
+ <input class="inp" type="text" v-model="startTime" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>鐢熶骇缁撴潫鏃堕棿:</label>
+ <input class="inp" type="text" v-model="endTime" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>鐢熶骇鏃堕暱(mi):</label>
+ <input class="inp" type="text" v-model="productionDuration" disabled="true" />
+ </view>
+ </view>
+ </view>
+
+ <!-- 涓嬮儴锛氬搧璐ㄦ楠� -->
+ <view class="section card">
+ <view class="quality-row">
<view class="form-item">
<label>鏈�杩戦妫�鏃堕棿:</label>
<input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
@@ -136,8 +116,16 @@
<label>棣栨缁撹:</label>
<input class="inp" type="text" v-model="initialConclusion" disabled="true" />
</view>
+ <view class="form-item">
+ <label>棣栨浜哄憳:</label>
+ <input class="inp" type="text" v-model="initialInspector" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>棣栨娆℃暟:</label>
+ <input class="inp" type="number" v-model="initialCount" disabled="true" />
+ </view>
</view>
- <view class="form-row">
+ <view class="quality-row">
<view class="form-item">
<label>鏈�杩戝贰妫�鏃堕棿:</label>
<input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
@@ -147,40 +135,12 @@
<input class="inp" type="text" v-model="patrolConclusion" disabled="true" />
</view>
<view class="form-item">
+ <label>宸℃浜哄憳:</label>
+ <input class="inp" type="text" v-model="patrolInspector" disabled="true" />
+ </view>
+ <view class="form-item">
<label>宸℃娆℃暟:</label>
<input class="inp" type="number" v-model="patrolCount" disabled="true" />
- </view>
- </view>
- </view>
-
- <!-- 涓嬮儴锛氬搧璐ㄦ楠� -->
- <view class="section card">
- <view class="form-row">
- <view class="form-item">
- <label style="color: red;">鏃ュ仠鏈烘鏁�(鏃堕暱瓒�5鍒嗛挓):</label>
- <input class="inp" style="width: 40%;" type="number" v-model="todayFaultNum" disabled="true" />
- </view>
- <view class="form-item">
- <label>鏃ュ仠鏈烘椂闀�(mi):</label>
- <input class="inp" type="text" v-model="todayRunTime" disabled="true" />
- </view>
- <view class="form-item">
- <label>璁惧绋煎姩鐜�:</label>
- <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
- </view>
- </view>
- <view class="form-row">
- <view class="form-item">
- <label>鐢熶骇鏃堕棿寮�濮�:</label>
- <input class="inp" type="text" v-model="startTime" disabled="true" />
- </view>
- <view class="form-item">
- <label>鐢熶骇鏃堕棿缁撴潫:</label>
- <input class="inp" type="text" v-model="endTime" disabled="true" />
- </view>
- <view class="form-item">
- <label>鐢熶骇鏃堕暱(mi):</label>
- <input class="inp" type="text" v-model="productionDuration" disabled="true" />
</view>
</view>
</view>
@@ -210,33 +170,40 @@
productionDuration: '',
lastInitialCheck: '',
initialConclusion: '',
+ initialInspector: '',
+ initialCount: 0,
lastPatrolCheck: '',
patrolConclusion: '',
+ patrolInspector: '',
patrolCount: 0,
- timer: null, // Timer reference
+ timer: null,
DAA003List: [],
lineList: [],
};
},
+ computed: {
+ // 鏃ュ仠鏈烘椂闀� = todayOnlineTime - todayRunTime
+ downtimeDuration() {
+ // 鍙杘rder瀵硅薄涓殑todayOnlineTime鍜宼odayRunTime锛岄兘涓哄垎閽�
+ const online = Number(this.order.todayOnlineTime) || 0;
+ const run = Number(this.order.todayRunTime) || 0;
+ return online - run;
+ }
+ },
created() {
-
this.fetchData(true);
-
this.sumbit();
-
this.init();
-
},
mounted() {
- this.fetchData(false); // Initial fetch
- this.timer = setInterval(this.fetchData, 120000); // Call fetchData every 3 minutes
+ this.fetchData(false);
+ this.timer = setInterval(this.fetchData, 120000);
},
beforeDestroy() {
- clearInterval(this.timer); // Clear the timer on component destruction
+ clearInterval(this.timer);
},
methods: {
-
init() {
this.$post({
url: "/MesOrderSta/init",
@@ -261,7 +228,7 @@
// 娣诲姞鍒锋柊鎸夐挳鐨勫鐞嗘柟娉�
handleRefresh() {
this.$sendPostRequest({
- url: "http://192.168.0.94:9095/Numerical/RefreshDev",
+ url: "http://192.168.0.94:9095/Numerical/RefreshDevBycl",
data: {
machineNo: this.order.machineNo
},
@@ -275,26 +242,18 @@
}
});
},
-
-
onDaa003Change(event) {
-
let orde = this.lineList[this.DAA003List.indexOf(event)];
-
this.orderId = orde.id;
this.orderNo = orde.daa001;
-
//鍒囨崲涓烘柊鐨刬d
uni.setStorageSync('machine', this.machineNo);
uni.setStorageSync('orderId', this.orderId);
uni.setStorageSync('orderNo', this.orderNo);
-
this.fetchData(false);
-
this.sumbit();
},
sumbit() {
-
this.$post({
url: "/MesOrderSta/FindByOrderNo",
data: {
@@ -303,26 +262,19 @@
}
}).then(res => {
let statusForm = res.data.tbBillList;
-
this.startTime = res.data.tbBillList.startTime;
this.endTime = res.data.tbBillList.endTime;
-
this.productionDuration = "0m";
-
if (this.startTime) {
-
let date1 = new Date(this.startTime);
let date2 = new Date();
if (this.endTime) {
date2 = new Date(this.endTime);
}
-
// 璁＄畻涓や釜鏃ユ湡涔嬮棿鐨勫樊寮傦紙浠ユ绉掍负鍗曚綅锛�
let differenceInMilliseconds = date2 - date1;
-
this.productionDuration = (differenceInMilliseconds / 60000).toFixed(2);
}
-
// this.$post({
// url: "/MesOrderSta/Binding",
@@ -366,15 +318,12 @@
// }
// }
-
if (!this.orderId && !this.orderNo) {
return;
}
-
this.getOrderById();
this.getSJByOrder();
this.getXJByOrder();
-
if (flag) {
this.$post({
url: "/Womdaa/GetWomdaasByShow",
@@ -401,34 +350,53 @@
orderNo: this.orderNo
}
}).then(res => {
-
if (res.data.tbBillList == null) {
this.$showMessage("宸ュ崟涓嶅瓨鍦ㄦ垨鑰呮湭寮�宸ワ紝璇锋鏌�");
+ // 淇濊瘉order涓哄璞★紝閬垮厤妯℃澘鎶ラ敊
+ this.order = {
+ daa001: '',
+ moldId: '',
+ daa008: '',
+ daa004: '',
+ daa003: '',
+ daa002: '',
+ daa005: '',
+ daa011: '',
+ daa018: '',
+ machineNo: '',
+ engineeringNo: '',
+ todayOutput: 0,
+ todayRunTime: '',
+ todayFaultNum: 0,
+ cutterId, //鍒�鍏蜂唬鐮�
+ cutterName, //鍒�鍏峰悕绉�
+ cutterModel, //鍒�鍏疯鏍�
+ jdl: '',
+ startCjNum: 0, // 寮�宸ユ暟閲�
+ currentCjNum: 0, // 褰撳墠鏁伴噰
+ todayDowntimeCount //浠婃棩鍋滄満娆℃暟
+ };
return;
}
-
this.order = res.data.tbBillList;
+ // 鍏煎鍚庣澶у皬鍐欙紙濡傛灉鍚庣杩斿洖 StartCjNum/CurrentCjNum锛�
+ this.order.startCjNum = this.order.startCjNum ?? this.order.StartCjNum ?? 0; // 涓嶅垹闄ゅ師鏈夋敞閲婅
+ this.order.currentCjNum = this.order.currentCjNum ?? this.order.CurrentCjNum ?? 0; // 涓嶅垹闄ゅ師鏈夋敞閲婅
uni.setStorageSync('engineeringNo', this.order.engineeringNo);
-
this.orderStatus = this.order.daa018;
this.collectedAmount = this.order.todayOutput;
-
if (!this.order.todayOutput) {
this.collectedAmount = 0;
}
-
this.todayRunTime = this.order.todayRunTime;
if (!this.order.todayRunTime) {
this.todayRunTime = "0";
}
-
//this.productionDuration = (this.order.todayOnlineTime / 3600).toFixed(2) + "h";
this.todayFaultNum = this.order.todayFaultNum;
this.utilizationRate = this.order.jdl + '%';
- // this.startTime = this.order.workStartDate;
- // this.endTime = this.order.workEndDate;
- let title = this.machineNo + '鍙锋満鍙� 宸ュ崟鍙�' + this.order.daa001 + ',宸查噰闆�' + this.collectedAmount;
+ let title = this.machineNo + '鍙锋満鍙� 宸ュ崟鍙�' + this.order.daa001 + ',褰撳墠鏁伴噰' + this.order.currentCjNum; // 鏍囬涓娇鐢� currentCjNum
this.setTitle(title);
})
},
@@ -445,9 +413,24 @@
orderNo: this.orderNo
}
}).then(res => {
- //this.order = res.data.tbBillList;
- this.lastInitialCheck = res.data.tbBillList.fcheckDate;
- this.initialConclusion = res.data.tbBillList.fcheckResu;
+ let sjList = res.data.tbBillList;
+ if (Array.isArray(sjList) && sjList.length > 0) {
+ let latest = sjList[0];
+ this.lastInitialCheck = latest.fcheckDate;
+ this.initialConclusion = latest.fcheckResu;
+ this.initialInspector = latest.fcheckBy; // 棣栨浜哄憳锛堝伐鍙�-濮撳悕锛�
+ this.initialCount = latest.xjCount ?? sjList.length; // 浼樺厛鐢▁jCount瀛楁
+ } else if (sjList) {
+ this.lastInitialCheck = sjList.fcheckDate;
+ this.initialConclusion = sjList.fcheckResu;
+ this.initialInspector = sjList.fcheckBy; // 棣栨浜哄憳锛堝伐鍙�-濮撳悕锛�
+ this.initialCount = sjList.xjCount ?? 1;
+ } else {
+ this.lastInitialCheck = '';
+ this.initialConclusion = '';
+ this.initialInspector = '';
+ this.initialCount = 0;
+ }
})
},
getXJByOrder() {
@@ -457,10 +440,24 @@
orderNo: this.orderNo
}
}).then(res => {
- //this.order = res.data.tbBillList;
- this.lastPatrolCheck = res.data.tbBillList.fcheckDate;
- this.patrolConclusion = res.data.tbBillList.fcheckResu;
- this.patrolCount = res.data.tbBillList.xjCount;
+ let xjList = res.data.tbBillList;
+ if (Array.isArray(xjList) && xjList.length > 0) {
+ let latest = xjList[0];
+ this.lastPatrolCheck = latest.fcheckDate;
+ this.patrolConclusion = latest.fcheckResu;
+ this.patrolInspector = latest.fcheckBy; // 宸℃浜哄憳锛堝伐鍙�-濮撳悕锛�
+ this.patrolCount = latest.xjCount ?? xjList.length;
+ } else if (xjList) {
+ this.lastPatrolCheck = xjList.fcheckDate;
+ this.patrolConclusion = xjList.fcheckResu;
+ this.patrolInspector = xjList.fcheckBy; // 宸℃浜哄憳锛堝伐鍙�-濮撳悕锛�
+ this.patrolCount = xjList.xjCount ?? 1;
+ } else {
+ this.lastPatrolCheck = '';
+ this.patrolConclusion = '';
+ this.patrolInspector = '';
+ this.patrolCount = 0;
+ }
})
}
}
@@ -468,163 +465,232 @@
</script>
<style>
- .top-order {
- margin-bottom: 1vh;
- }
+ /* 鍏ㄥ眬瀛椾綋鏀惧ぇ锛屽彲鏍规嵁闇�瑕佽皟鏁存暟鍊� */
+ body, .container {
+ font-size: 22px;
+ }
- .refresh-btn {
- position: absolute;
- top: -11px;
- right: 21px;
- /* padding: 10px 20px; */
- cursor: pointer;
- float: right;
- background-color: #00A2E9;
- color: white;
- border: none;
- font-size: 29px;
- border-radius: 15px;
- margin-top: -23px;
- padding-left: 25px;
- padding-right: 25px;
- margin-top: 9px;
- margin-bottom: 20px;
- }
+ .top-order {
+ margin-bottom: 0.3vh;
+ }
- .refresh-btn:hover {
- background-color: #00A2E9;
- }
+ .refresh-btn {
+ position: absolute;
+ top: -11px;
+ right: 21px;
+ cursor: pointer;
+ float: right;
+ background-color: #00A2E9;
+ color: white;
+ border: none;
+ font-size: 28px;
+ border-radius: 12px;
+ margin-top: 6px;
+ margin-bottom: 10px;
+ padding: 10px 28px;
+ }
- .form-row {
- display: flex;
- justify-content: space-between;
- margin-bottom: 1.5vh;
- }
+ .refresh-btn:hover {
+ background-color: #00A2E9;
+ }
- .form-item {
- width: 100%;
- padding: 4px;
- margin: 10px 10px;
- }
+ .form-row {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0.5vh;
+ }
- .inp {
- float: left;
- width: 63%;
- padding: 0.5vh;
- border: 1px solid #ccc;
- border-radius: 0.5vw;
- margin-top: 0.3vh;
- font-size: 1.3vw;
- /* Larger font for inputs */
- }
+ .form-item {
+ width: 100%;
+ padding: 2px;
+ margin: 4px 8px;
+ }
+ .inp {
+ float: left;
+ width: 85%;
+ padding: 3px;
+ border: 1px solid #ccc;
+ border-radius: 0.5vw;
+ margin-top: 0.2vh;
+ font-size: 22px;
+ height: 36px;
+ }
- .status-block p {
- margin: 1vh 0;
- font-size: 1.5vw;
- font-weight: bold;
- }
+ .status-block p {
+ margin: 0.5vh 0;
+ font-size: 1.8vw;
+ font-weight: bold;
+ }
- /* 鍗＄墖鏍峰紡 */
- .card {
- background-color: #fff;
- border-radius: 0.8vw;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- padding: 1.5vh;
- border: 1px solid black;
- margin-top: -1vh;
- margin-bottom: 2vh;
- font-size: 1.5vw;
- /* Base font size for card content */
- }
+ .card {
+ background-color: #fff;
+ border-radius: 0.6vw;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+ padding: 12px;
+ border: 1px solid black;
+ margin-top: 0;
+ margin-bottom: 12px;
+ font-size: 22px;
+ }
- /* 鍗＄墖鏍囬鍦ㄥ乏涓婅 */
- .card-header {
- position: absolute;
- top: -1vh;
- left: 2vw;
- background-color: #ffffff;
- padding: 0.5vh 1vw;
- border-radius: 0.5vw;
- font-weight: bold;
- font-size: 1.8vw;
- /* Larger font for headers */
- }
+ .card-header {
+ position: absolute;
+ top: -1vh;
+ left: 2vw;
+ background-color: #ffffff;
+ padding: 0.3vh 0.8vw;
+ border-radius: 0.5vw;
+ font-weight: bold;
+ font-size: 2vw;
+ }
- .form-item label {
- float: left;
- margin-top: 8px;
- font-size: 1.5vw;
- /* Larger font for labels */
- display: inline-block;
- margin-bottom: 0.5vh;
- color: #333;
- }
+ .form-item label {
+ float: left;
+ margin-top: 4px;
+ font-size: 22px;
+ display: inline-block;
+ margin-bottom: 0.2vh;
+ color: #333;
+ }
+ .status-row label,
+ .check-row label {
+ width: 30%;
+ padding-right: 0.6vw;
+ text-align: right;
+ font-size: 22px;
+ }
- .status-row label,
- .check-row label {
- width: 30%;
- padding-right: 1vw;
- text-align: right;
- font-size: 1.5vw;
- /* Increased font for labels in status sections */
- }
+ .status-row input,
+ .check-row input {
+ width: 65%;
+ font-size: 22px;
+ height: 36px;
+ }
- .status-row input,
- .check-row input {
- width: 65%;
- font-size: 1.5vw;
- }
+ .form-row2 {
+ display: flex;
+ float: left;
+ margin-left: -65px;
+ flex-direction: column;
+ margin-top: -10px;
+ line-height: 38px;
+ align-content: flex-start;
+ }
- .form-row2 {
- display: flex;
- float: left;
- margin-left: -65px;
- flex-direction: column;
- margin-top: -13px;
- line-height: 48px;
- align-content: flex-start;
+ .form-row3 {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ align-content: flex-start;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin-bottom: 0.5vh
+ }
- }
+ .form-row4 {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ }
- .form-row3 {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-content: flex-start;
- justify-content: flex-start;
- align-items: flex-start;
- margin-bottom: 2.5vh
- }
+ .inp1 {
+ width: 42%;
+ height: 2.8em;
+ font-weight: bolder;
+ margin-top: -35px;
+ font-size: 48px;
+ text-align: center;
+ color: red;
+ }
- .form-row4 {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- }
+ .inp2 {
+ float: right;
+ width: 200px;
+ height: 200px;
+ border-radius: 100%;
+ text-align: center;
+ margin-top: -35px;
+ font-size: 100px;
+ background-color: #476ee1fc;
+ color: #ffffff;
+ margin-right: 140px;
+ }
- .inp1 {
- width: 42%;
- height: 3.5em;
- font-weight: bolder;
- margin-top: -41px;
- font-size: 39px;
- text-align: center;
- color: red;
- }
+ .quality-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 8px;
+ }
- .inp2 {
- float: right;
- width: 220px;
- height: 220px;
- border-radius: 100%;
- text-align: center;
- margin-top: -42px;
- /* margin-left: 37px; */
- font-size: 96px;
- background-color: #476ee1fc;
- color: #ffffff;
- margin-right: 172px;
- }
+ .quality-row .form-item {
+ flex: 1;
+ margin: 0 6px;
+ padding: 2px;
+ }
+
+ .quality-row .form-item label {
+ width: auto;
+ min-width: 95px;
+ margin-right: 6px;
+ font-size: 22px;
+ }
+
+ .quality-row .inp {
+ width: 70%;
+ min-width: 100px;
+ font-size: 22px;
+ height: 36px;
+ padding: 3px;
+ }
+
+ .status-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 8px;
+ }
+
+ .status-row .form-item {
+ flex: 1;
+ margin: 0 6px;
+ padding: 2px;
+ }
+
+ .status-row .form-item label {
+ min-width: 180px;
+ white-space: nowrap;
+ font-size: 22px;
+ }
+
+ .status-row .inp {
+ width: 70%;
+ min-width: 100px;
+ font-size: 22px;
+ height: 36px;
+ padding: 3px;
+ }
+
+ /* 閽堝1280*717灞忓箷鐨勭壒瀹氫紭鍖� */
+ @media screen and (max-width: 1280px) and (max-height: 800px) {
+ .top-order {
+ margin-bottom: 0;
+ }
+
+ .card {
+ padding: 8px;
+ margin-bottom: 8px;
+ }
+
+ .form-item {
+ margin: 2px 6px;
+ }
+
+ .quality-row,
+ .status-row {
+ margin-bottom: 6px;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3