From 38ffcc4a1c2adf5ff03b75dcdd2f7caef6dd69f9 Mon Sep 17 00:00:00 2001
From: CRZ <1278080563@qq.com>
Date: 星期四, 18 十二月 2025 16:29:22 +0800
Subject: [PATCH] 出库检加批号
---
pages/QC/THJ/List.vue | 788 ++++++++++++++++++++++++++++----------------------------
1 files changed, 396 insertions(+), 392 deletions(-)
diff --git a/pages/QC/THJ/List.vue b/pages/QC/THJ/List.vue
index 33ce9da..b9f0a04 100644
--- a/pages/QC/THJ/List.vue
+++ b/pages/QC/THJ/List.vue
@@ -1,419 +1,423 @@
<template>
- <view>
- <!-- 鍒锋柊椤甸潰鍚庣殑椤堕儴鎻愮ず妗� -->
- <view class="tips" :class="{ 'tips-ani': tipShow }">鍒锋柊鎴愬姛</view>
-
- <view class="newsTab">
- <uni-segmented-control
- :current="current"
- :values="items"
- @clickItem="onClickItem"
- style-type="button"
- active-color="#87cefa">
- </uni-segmented-control>
-
- <view class="content">
- <view v-show="current===0">
- <!-- 鏈畬鎴愭楠屽崟鍒楄〃 -->
- <uni-list>
- <uni-list-item
- style="margin-top: 10px;background-color:#EFEFF4;border-radius: 5px;"
- class="list-item"
- direction="column"
- v-for="item in data"
- :key="item.id"
- :to="'./Add?id='+item.id+'&returnNo='+item.releaseNo">
-
- <!-- 閫氳繃header鎻掓Ы瀹氫箟鍒楄〃鐨勬爣棰� -->
- <template v-slot:header>
- <view class="form-group uni-title" style="margin-bottom: 0;">
- <label class="form-label">妫�楠屽崟鍙�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.releaseNo"/>
- </view>
- </template>
-
- <!-- 閫氳繃body鎻掓Ы瀹氫箟鍒楄〃鍐呭鏄剧ず -->
- <template v-slot:body>
- <view style="margin-top: 0;">
- <view class="uni-content">
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label lab">鍒涘缓鏃堕棿:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.createDate"/>
- </view>
- </view>
-
- <view class="uni-note">
- <view class="form-group">
- <label class="form-label lab">鍒涘缓浜�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.createBy"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label lab">鐗╂枡缂栫爜:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemNo"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">浜у搧鍚嶇О:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemName"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">瑙勬牸鍨嬪彿:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemModel"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">閫�璐ф暟閲�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.workQty"/>
- </view>
- </view>
-
- <!-- 閫�璐у崟淇℃伅 -->
- <view class="return-info">
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">閫�璐у崟鍙�:</label>
- <input class="form-input" disabled="true" type="text" :value="(item.returnType && item.returnNo) ? item.returnType + '-' + item.returnNo : item.returnNo"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">鍗曟嵁鏃ユ湡:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.billDate"/>
- </view>
- </view>
- </view>
-
- <!-- 瀹㈡埛淇℃伅 -->
- <!-- <view class="customer-info">
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-label">瀹㈡埛鍚嶇О:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.customerName"/>
- </view>
- </view> -->
-
- <view class="uni-note" style="color: red">
- <view class="form-group">
- <label class="form-label lab">妫�楠屼汉:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.statusUser"/>
- </view>
- </view>
-
- <view class="uni-note" style="color: red">
- <view class="form-group">
- <label class="form-label lab">妫�娴嬬粨鏋�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.result"/>
- </view>
- </view>
- </view>
- </view>
- </template>
- </uni-list-item>
- </uni-list>
-
-
- </view>
+ <view>
+ <!-- 鍒锋柊椤甸潰鍚庣殑椤堕儴鎻愮ず妗� -->
+ <view class="tips" :class="{ 'tips-ani': tipShow }">鍒锋柊鎴愬姛</view>
+
+ <view class="newsTab">
+ <uni-segmented-control
+ :current="current"
+ :values="items"
+ @clickItem="onClickItem"
+ style-type="button"
+ active-color="#87cefa">
+ </uni-segmented-control>
- <view v-show="current===1">
- <!-- 宸插畬鎴愭楠屽崟鍒楄〃 -->
- <uni-list>
- <uni-list-item
- style="margin-top: 10px;background-color:#EFEFF4;border-radius:5px;"
- class="list-item"
- direction="column"
- v-for="item in data"
- :key="item.id"
- :to="'./Add?id='+item.id+'&returnNo='+item.releaseNo">
-
- <!-- 閫氳繃header鎻掓Ы瀹氫箟鍒楄〃鐨勬爣棰� -->
- <template v-slot:header>
- <view class="form-group uni-title" style="margin-bottom: 0;">
- <label class="form-label">妫�楠屽崟鍙�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.releaseNo"/>
- </view>
- </template>
-
- <!-- 閫氳繃body鎻掓Ы瀹氫箟鍒楄〃鍐呭鏄剧ず -->
- <template v-slot:body>
- <view style="margin-top: 0;">
- <view class="uni-content">
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label lab">鍒涘缓鏃堕棿:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.createDate"/>
- </view>
- </view>
-
- <view class="uni-note">
- <view class="form-group">
- <label class="form-label lab">鍒涘缓浜�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.createBy"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label lab">鐗╂枡缂栫爜:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemNo"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">浜у搧鍚嶇О:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemName"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">瑙勬牸鍨嬪彿:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.itemModel"/>
- </view>
- </view>
-
- <view class="uni-title-sub uni-ellipsis-2">
- <view class="form-group">
- <label class="form-label">閫�璐ф暟閲�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.workQty"/>
- </view>
- </view>
-
- <!-- 閫�璐у崟淇℃伅 -->
- <view class="return-info">
-
+ <view class="content">
+ <view v-show="current===0">
+ <!-- 鏈畬鎴愭楠屽崟鍒楄〃 -->
+ <uni-list>
+ <uni-list-item
+ style="margin-top: 10px;background-color:#EFEFF4;border-radius: 5px;"
+ class="list-item"
+ direction="column"
+ v-for="item in data"
+ :key="item.id"
+ :to="'./Add?id='+item.id+'&returnNo='+item.releaseNo">
+
+ <!-- 閫氳繃header鎻掓Ы瀹氫箟鍒楄〃鐨勬爣棰� -->
+ <template v-slot:header>
+ <view class="form-group uni-title" style="margin-bottom: 0;">
+ <label class="form-label">妫�楠屽崟鍙�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.releaseNo"/>
+ </view>
+ </template>
+
+ <!-- 閫氳繃body鎻掓Ы瀹氫箟鍒楄〃鍐呭鏄剧ず -->
+ <template v-slot:body>
+ <view style="margin-top: 0;">
+ <view class="uni-content">
<view class="uni-title-sub uni-ellipsis-2">
<view class="form-group">
- <label class="form-label">閫�璐у崟鍙�:</label>
- <input class="form-input" disabled="true" type="text" :value="(item.returnType && item.returnNo) ? item.returnType + '-' + item.returnNo : item.returnNo"/>
+ <label class="form-label lab">鍒涘缓鏃堕棿:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.createDate"/>
</view>
</view>
- <view class="uni-title-sub uni-ellipsis-2">
+ <view class="uni-note">
<view class="form-group">
- <label class="form-label">鍗曟嵁鏃ユ湡:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.billDate"/>
+ <label class="form-label lab">鍒涘缓浜�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.createBy"/>
</view>
</view>
- </view>
-
- <!-- 瀹㈡埛淇℃伅 -->
- <!-- <view class="customer-info">
+
<view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label lab">鐗╂枡缂栫爜:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemNo"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">浜у搧鍚嶇О:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemName"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">瑙勬牸鍨嬪彿:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemModel"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">閫�璐ф暟閲�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.workQty"/>
+ </view>
+ </view>
+
+ <!-- 閫�璐у崟淇℃伅 -->
+ <view class="return-info">
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">閫�璐у崟鍙�:</label>
+ <input class="form-input" disabled="true" type="text" :value="(item.returnType && item.returnNo) ? item.returnType + '-' + item.returnNo : item.returnNo"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">鍗曟嵁鏃ユ湡:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.billDate"/>
+ </view>
+ </view>
+ </view>
+
+ <!-- 瀹㈡埛淇℃伅 -->
+ <view class="customer-info">
+ <view class="uni-title-sub uni-ellipsis-2">
<view class="form-group">
<label class="form-label">瀹㈡埛鍚嶇О:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.customerName"/>
+ <input class="form-input" disabled="true" type="text" :value="item.customerName || item.CUSTOMERNAME || ''"/>
+ </view>
</view>
</view>
- </view> -->
-
- <view class="uni-note" style="color: red">
- <view class="form-group">
- <label class="form-label lab">妫�楠屼汉:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.statusUser"/>
+
+ <view class="uni-note" style="color: red">
+ <view class="form-group">
+ <label class="form-label lab">妫�楠屼汉:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.statusUser"/>
+ </view>
</view>
- </view>
-
- <view class="uni-note" style="color: red">
- <view class="form-group">
- <label class="form-label lab">妫�娴嬬粨鏋�:</label>
- <input class="form-input" disabled="true" type="text" v-model="item.result"/>
+
+ <view class="uni-note" style="color: red">
+ <view class="form-group">
+ <label class="form-label lab">妫�娴嬬粨鏋�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.result"/>
+ </view>
</view>
</view>
</view>
- </view>
- </template>
- </uni-list-item>
- </uni-list>
+ </template>
+ </uni-list-item>
+ </uni-list>
+
+
+ </view>
+
+ <view v-show="current===1">
+ <!-- 宸插畬鎴愭楠屽崟鍒楄〃 -->
+ <uni-list>
+ <uni-list-item
+ style="margin-top: 10px;background-color:#EFEFF4;border-radius:5px;"
+ class="list-item"
+ direction="column"
+ v-for="item in data"
+ :key="item.id"
+ :to="'./Add?id='+item.id+'&returnNo='+item.releaseNo">
+
+ <!-- 閫氳繃header鎻掓Ы瀹氫箟鍒楄〃鐨勬爣棰� -->
+ <template v-slot:header>
+ <view class="form-group uni-title" style="margin-bottom: 0;">
+ <label class="form-label">妫�楠屽崟鍙�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.releaseNo"/>
+ </view>
+ </template>
+
+ <!-- 閫氳繃body鎻掓Ы瀹氫箟鍒楄〃鍐呭鏄剧ず -->
+ <template v-slot:body>
+ <view style="margin-top: 0;">
+ <view class="uni-content">
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label lab">鍒涘缓鏃堕棿:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.createDate"/>
+ </view>
+ </view>
+
+ <view class="uni-note">
+ <view class="form-group">
+ <label class="form-label lab">鍒涘缓浜�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.createBy"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label lab">鐗╂枡缂栫爜:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemNo"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">浜у搧鍚嶇О:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemName"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">瑙勬牸鍨嬪彿:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.itemModel"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">閫�璐ф暟閲�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.workQty"/>
+ </view>
+ </view>
+
+ <!-- 閫�璐у崟淇℃伅 -->
+ <view class="return-info">
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">閫�璐у崟鍙�:</label>
+ <input class="form-input" disabled="true" type="text" :value="(item.returnType && item.returnNo) ? item.returnType + '-' + item.returnNo : item.returnNo"/>
+ </view>
+ </view>
+
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">鍗曟嵁鏃ユ湡:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.billDate"/>
+ </view>
+ </view>
+ </view>
+
+ <!-- 瀹㈡埛淇℃伅 -->
+ <view class="customer-info">
+ <view class="uni-title-sub uni-ellipsis-2">
+ <view class="form-group">
+ <label class="form-label">瀹㈡埛鍚嶇О:</label>
+ <input class="form-input" disabled="true" type="text" :value="item.customerName || item.CUSTOMERNAME || ''"/>
+ </view>
+ </view>
+ </view>
+
+ <view class="uni-note" style="color: red">
+ <view class="form-group">
+ <label class="form-label lab">妫�楠屼汉:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.statusUser"/>
+ </view>
+ </view>
+
+ <view class="uni-note" style="color: red">
+ <view class="form-group">
+ <label class="form-label lab">妫�娴嬬粨鏋�:</label>
+ <input class="form-input" disabled="true" type="text" v-model="item.result"/>
+ </view>
+ </view>
+ </view>
+ </view>
+ </template>
+ </uni-list-item>
+ </uni-list>
+ </view>
</view>
</view>
</view>
- </view>
-</template>
-
-<script>
-export default {
- components: {},
- data() {
- return {
- items: ['鏈畬鎴�', '宸插畬鎴�'],
- current: 0,
- data: [],
- tipShow: false // 鏄惁鏄剧ず椤堕儴鎻愮ず妗�
- };
- },
- onLoad() {
- //椤甸潰鍔犺浇鏃惰皟鐢ㄧ殑浜嬩欢
- this.init();
- },
- methods: {
- init() {
- let result = "";
- if (this.current === 0) {
- // 鏈畬鎴愶細娌℃湁妫�楠岀粨鏋�
- result = "鏈畬鎴�";
- } else if (this.current === 1) {
- // 宸插畬鎴愶細鏈夋楠岀粨鏋�
- result = "宸插畬鎴�";
- }
-
+ </template>
+
+ <script>
+ export default {
+ components: {},
+ data() {
+ return {
+ items: ['鏈畬鎴�', '宸插畬鎴�'],
+ current: 0,
+ data: [],
+ tipShow: false // 鏄惁鏄剧ず椤堕儴鎻愮ず妗�
+ };
+ },
+ onLoad() {
//椤甸潰鍔犺浇鏃惰皟鐢ㄧ殑浜嬩欢
- this.$post({
- url: "/THJ/getPage",
- data: {
- pageIndex: 1,
- limit: 20,
- statusUser: this.$loginInfo.account,
- result: result
+ this.init();
+ },
+ methods: {
+ init() {
+ // 鏄惁瀹屾垚鐨勫垽鏂細浠� QS_QA_ITEM_THJ.TJ 鏄惁绛変簬 1 涓哄噯
+ const tj = this.current === 1 ? 1 : 0; // 0=鏈畬鎴愶紝1=宸插畬鎴�
+
+ //椤甸潰鍔犺浇鏃惰皟鐢ㄧ殑浜嬩欢
+ this.$post({
+ url: "/THJ/getPage",
+ data: {
+ pageIndex: 1,
+ limit: 20,
+ statusUser: this.$loginInfo.account,
+ tj: tj
+ }
+ }).then(res => {
+ const list = (res && res.data && res.data.tbBillList) ? res.data.tbBillList : [];
+ const showDone = this.current === 1;
+ this.data = list.filter(it => {
+ const tjRaw = it && (it.tj !== undefined ? it.tj : it.TJ);
+ const tjVal = tjRaw === undefined || tjRaw === null ? '' : String(tjRaw).trim();
+ const isDone = tjVal === '1' || tjVal === 1;
+ return showDone ? isDone : !isDone;
+ });
+ })
+ },
+
+ onClickItem(index) {
+ if (this.current !== index.currentIndex) {
+ this.current = index.currentIndex;
+ this.init();
}
- }).then(res => {
- this.data = res.data.tbBillList;
- })
+ },
},
-
- onClickItem(index) {
- if (this.current !== index.currentIndex) {
- this.current = index.currentIndex;
- this.init();
- }
+ /**
+ * 涓嬫媺鍒锋柊鍥炶皟鍑芥暟
+ */
+ onPullDownRefresh() {
+ //閲嶆柊鎵ц涓�閬嶆煡璇�
+ this.init();
+ this.tipShow = true;
+ //鍏抽棴鍔ㄧ敾
+ uni.stopPullDownRefresh();
+
+ setTimeout(function () {
+ this.tipShow = false;
+ }, 3000);
},
- },
- /**
- * 涓嬫媺鍒锋柊鍥炶皟鍑芥暟
- */
- onPullDownRefresh() {
- //閲嶆柊鎵ц涓�閬嶆煡璇�
- this.init();
- this.tipShow = true;
- //鍏抽棴鍔ㄧ敾
- uni.stopPullDownRefresh();
-
- setTimeout(function () {
- this.tipShow = false;
- }, 3000);
- },
- /**
- * 涓婃媺鍔犺浇鍥炶皟鍑芥暟
- */
- onReachBottom() {
- this.init();
- },
- onShow() {
- //姣忔杩涘叆椤甸潰閮戒細鎵ц鐨勬柟娉�
- this.init();
+ /**
+ * 涓婃媺鍔犺浇鍥炶皟鍑芥暟
+ */
+ onReachBottom() {
+ this.init();
+ },
+ onShow() {
+ //姣忔杩涘叆椤甸潰閮戒細鎵ц鐨勬柟娉�
+ this.init();
+ }
+ };
+ </script>
+
+ <style lang="scss">
+ @import '@/common/uni-ui.scss';
+
+ .uni-note {
+ margin-top: 0;
}
-};
-</script>
-
-<style lang="scss">
-@import '@/common/uni-ui.scss';
-
-.uni-note {
- margin-top: 0;
-}
-
-/* Set the input backgrounds to be gray */
-.form-input {
- background-color: #f2f2f2; /* Or any other shade of gray you prefer */
-}
-
-/* Ensure automatic adaptation based on page size */
-.form-group {
- display: flex;
- align-items: center;
-}
-
-.form-label {
- margin-bottom: 0;
- border-bottom: 1px solid #FFFFFF;
- padding: 5px;
- font-size: 12px;
- width: 60px;
- /* Adjust the font size as per your requirement */
-}
-
-.form-input {
- flex: 1;
- margin-bottom: 0;
- border-bottom: 1px solid #c7c7c7;
- padding: 5px;
- font-size: 12px;
- background-color: #FFFFFF;
- /* Adjust the font size as per your requirement */
-}
-
-
-
-page {
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- background-color: #efeff4;
- min-height: 100%;
- height: auto;
-}
-
-.tips {
- color: #67c23a;
- font-size: 14px;
- line-height: 40px;
- text-align: center;
- background-color: #f0f9eb;
- height: 0;
- opacity: 0;
- transform: translateY(-100%);
- transition: all 0.3s;
-}
-
-.tips-ani {
- transform: translateY(0);
- height: 40px;
- opacity: 1;
-}
-
-.content {
- width: 100%;
-}
-
-.list-picture {
- width: 100%;
- height: 145px;
-}
-
-.thumb-image {
- width: 100%;
- height: 100%;
-}
-
-.ellipsis {
- display: flex;
- overflow: hidden;
-}
-
-.uni-ellipsis-1 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.uni-ellipsis-2 {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
-}
-
-</style>
+
+ /* Set the input backgrounds to be gray */
+ .form-input {
+ background-color: #f2f2f2; /* Or any other shade of gray you prefer */
+ }
+
+ /* Ensure automatic adaptation based on page size */
+ .form-group {
+ display: flex;
+ align-items: center;
+ }
+
+ .form-label {
+ margin-bottom: 0;
+ border-bottom: 1px solid #FFFFFF;
+ padding: 5px;
+ font-size: 12px;
+ width: 60px;
+ /* Adjust the font size as per your requirement */
+ }
+
+ .form-input {
+ flex: 1;
+ margin-bottom: 0;
+ border-bottom: 1px solid #c7c7c7;
+ padding: 5px;
+ font-size: 12px;
+ background-color: #FFFFFF;
+ /* Adjust the font size as per your requirement */
+ }
+
+
+
+ page {
+ display: flex;
+ flex-direction: column;
+ box-sizing: border-box;
+ background-color: #efeff4;
+ min-height: 100%;
+ height: auto;
+ }
+
+ .tips {
+ color: #67c23a;
+ font-size: 14px;
+ line-height: 40px;
+ text-align: center;
+ background-color: #f0f9eb;
+ height: 0;
+ opacity: 0;
+ transform: translateY(-100%);
+ transition: all 0.3s;
+ }
+
+ .tips-ani {
+ transform: translateY(0);
+ height: 40px;
+ opacity: 1;
+ }
+
+ .content {
+ width: 100%;
+ }
+
+ .list-picture {
+ width: 100%;
+ height: 145px;
+ }
+
+ .thumb-image {
+ width: 100%;
+ height: 100%;
+ }
+
+ .ellipsis {
+ display: flex;
+ overflow: hidden;
+ }
+
+ .uni-ellipsis-1 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .uni-ellipsis-2 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+
+ </style>
+
\ No newline at end of file
--
Gitblit v1.9.3