From de077e9eba0a132540ca4731c0d537150f5feff5 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期二, 03 六月 2025 17:13:37 +0800
Subject: [PATCH] 完成核磅录入页面绘制
---
pages/wareHouse/nuclearScale/createwriteoffform.vue | 232 ++++++++++++
pages/wareHouse/nuclearScale/nuclearScaleList.vue | 387 +++++++++++++-------
pages.json | 22 +
pages/wareHouse/nuclearScale/index.vue | 19
pages/wareHouse/nuclearScale/nuclearscalerecord.vue | 369 ++++++++++++++++++++
5 files changed, 882 insertions(+), 147 deletions(-)
diff --git a/pages.json b/pages.json
index 965bd72..5749b6f 100644
--- a/pages.json
+++ b/pages.json
@@ -585,6 +585,26 @@
"enablePullDownRefresh": false
}
},
+ // 鏍哥璁板綍
+ {
+ "path": "pages/wareHouse/nuclearScale/nuclearscalerecord",
+ "style": {
+ "navigationStyle": "custom",
+ "navigationBarTitleText": "",
+ // "navigationBarBackgroundColor": "#CEE3FE",
+ "enablePullDownRefresh": false
+ }
+ },
+ // 鍒涘缓鏍搁攢鍗�
+ {
+ "path": "pages/wareHouse/nuclearScale/createwriteoffform",
+ "style": {
+ "navigationStyle": "custom",
+ "navigationBarTitleText": "",
+ // "navigationBarBackgroundColor": "#CEE3FE",
+ "enablePullDownRefresh": false
+ }
+ },
{
"path": "pages/product/tailHandle/index",
"style": {
@@ -713,7 +733,7 @@
"text": "鎻愪氦",
"type": "none",
"color": "#ffffff",
- "fontSize": "14px",
+ "fontSize": "15px",
"marginRight": "10px"
}
]
diff --git a/pages/wareHouse/nuclearScale/createwriteoffform.vue b/pages/wareHouse/nuclearScale/createwriteoffform.vue
new file mode 100644
index 0000000..a35a595
--- /dev/null
+++ b/pages/wareHouse/nuclearScale/createwriteoffform.vue
@@ -0,0 +1,232 @@
+<template>
+ <!-- 鏍哥褰曞叆 -->
+ <div class="page">
+ <view class="packing-registration-bg" />
+ <u-navbar title="鏍哥褰曞叆" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
+ back-icon-color="#000" />
+ <u-form :model="form" ref="uForm" :label-width="200" :rules="rules" :error-type="['toast']" class="uForm">
+ <u-form-item label="浜у搧绫诲瀷" :border-bottom="false" prop="value0">
+ <u-radio-group v-model="form.value0">
+ <u-radio name="瀵间綋">瀵间綋</u-radio>
+ <u-radio name="閾滄潌">閾滄潌</u-radio>
+ <u-radio name="瀵间綋2.6">瀵间綋2.6</u-radio>
+ </u-radio-group>
+ </u-form-item>
+ <u-form-item label="鏇挎崲浜岀淮鐮�" :border-bottom="false" prop="value1">
+ <u-radio-group v-model="form.value0">
+ <u-radio name="1">鏄�</u-radio>
+ <u-radio name="0">鍚�</u-radio>
+ </u-radio-group>
+ </u-form-item>
+ <u-form-item label="杞︾墝鍙�" :border-bottom="false" prop="value2">
+ <u-input v-model="form.value2" type="select" placeholder="璇疯緭鍏ヨ溅鐗屽彿" @click="lpn" />
+ </u-form-item>
+ <u-form-item label="瀹㈡埛鍚嶇О" :border-bottom="false" prop="value3">
+ <picker class="item-one" style="width: 100%;text-align: right;"
+ @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
+ range-key="label">
+ <view>
+ <text>{{locNoNumIndex==null ? "璇烽�夋嫨":locNoList[locNoNumIndex].label}}</text>
+ </view>
+ </picker>
+ <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
+ </u-form-item>
+ <u-form-item label="鍙戣揣閫氱煡鍗曞彿" :border-bottom="false" prop="value4">
+ <u-input v-model="form.value4" placeholder="" disabled />
+ </u-form-item>
+ <u-form-item label="鐢熶骇杞﹂棿" :border-bottom="false" prop="value5">
+ <picker class="item-one" style="width: 100%;text-align: right;"
+ @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
+ range-key="label">
+ <view>
+ <text>{{locNoNumIndex==null ? "璇烽�夋嫨":locNoList[locNoNumIndex].label}}</text>
+ </view>
+ </picker>
+ <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
+ </u-form-item>
+ <u-form-item label="鍙哥鍛�" :border-bottom="false" prop="value6">
+ <picker class="item-one" style="width: 100%;text-align: right;"
+ @change="locNoNumBindChange($event, locNoList)" :value="locNoNumIndex" :range="locNoList"
+ range-key="label">
+ <view>
+ <text>{{locNoNumIndex==null ? "璇烽�夋嫨":locNoList[locNoNumIndex].label}}</text>
+ </view>
+ </picker>
+ <u-icon v-if="locNoNumIndex == null" name="arrow-right" color="#687792" size="28"></u-icon>
+ </u-form-item>
+ <u-form-item label="鍙夎溅宸�" :border-bottom="false" prop="value7">
+ <u-input v-model="form.value7" type="select" placeholder="璇烽�夋嫨" @click="openForkliftDriverList" />
+ </u-form-item>
+ </u-form>
+ <u-button type="primary" class="bottom-button" @click="submit">鎻愪氦</u-button>
+
+ <!--杞︾墝鍙� -->
+ <modalBg ref="modalBg" :confirm="confirm">
+ <u-field v-model="form.value2" label="杞︾墝鍙凤細" placeholder="璇疯緭鍏�" :border-bottom="false">
+ </u-field>
+ </modalBg>
+ <u-modal v-model="showModal" title="" :show-cancel-button="true" :show-confirm-button="true" @confirm="confirm"
+ @cancel="cancel">
+ <!-- <u-checkbox-group> -->
+ <!-- <u-checkbox :name="item.name" v-for="(item, index) in checkboxList" :key="index" v-model="item.value"
+ @change="changeCheckbox">
+ {{ item.name }}
+ </u-checkbox> -->
+ <!-- </u-checkbox-group> -->
+ </u-modal>
+ </div>
+</template>
+
+<script>
+ import modalBg from "@/components/modal/modal-bg.vue";
+ import content_bg from "@/static/custom/packing/backBg.png";
+ export default {
+ components: {
+ modalBg
+ },
+ data() {
+ return {
+ // checkboxList: [{
+ // name: '宸ヤ汉1',
+ // value: '1'
+ // },
+ // {
+ // name: '宸ヤ汉2',
+ // value: '2'
+ // },
+ // {
+ // name: '宸ヤ汉3',
+ // value: '3'
+ // },
+ // {
+ // name: '宸ヤ汉4',
+ // value: '4'
+ // },
+ // {
+ // name: '宸ヤ汉5',
+ // value: '5'
+ // },
+ // ],
+ background: {
+ backgroundImage: `url(${content_bg})`,
+ backgroundAttachment: "fixed",
+ backgroundSize: "100% auto",
+ backgroundRepeat: "no-repeat",
+ },
+ show: false,
+ num: 1,
+ form: {
+ value0: "",
+ value1: "",
+ value2: "",
+ value3: "",
+ value4: "",
+ value5: "",
+ value6: "",
+ value7: "",
+ value8: "",
+ },
+ rules: {
+ value0: [{
+ required: true,
+ message: "璇烽�夋嫨杞﹂棿",
+ trigger: ["change"],
+ }, ],
+ value1: [{
+ required: true,
+ message: "璇烽�夋嫨鎶ュ伐鍗曞彿",
+ trigger: ["change", "blur"],
+ }, ],
+ value2: [{
+ required: true,
+ message: "璇烽�夋嫨宸ュ簭",
+ trigger: ["change", "blur"],
+ }, ],
+ value3: [{
+ required: true,
+ message: "璇烽�夋嫨璁㈠崟鍙�",
+ trigger: ["change", "blur"],
+ }, ],
+ value9: [{
+ required: true,
+ message: "璇烽�夋嫨鎶ュ伐绫诲瀷",
+ trigger: ["change"],
+ }, ],
+ value10: [{
+ required: true,
+ message: "璇烽�夋嫨鎺ユ敹闆朵欢绫诲瀷",
+ trigger: ["change"],
+ }, ],
+ value11: [{
+ type: "array",
+ required: true,
+ message: "璇疯嚦灏戦�夋嫨涓�涓墿鏂欏拰宸ュ簭閫夐」",
+ trigger: ["change"],
+ }, ],
+ },
+ locNoList: [{
+ value: "0",
+ label: "鍏徃1"
+ },
+ {
+ value: "1",
+ label: "鍏徃2"
+ },
+ {
+ value: "2",
+ label: "鍏徃3"
+ },
+ {
+ value: "3",
+ label: "鍏徃4"
+ },
+ {
+ value: "4",
+ label: "鍏徃5"
+ },
+ {
+ value: "5",
+ label: "鍏徃6"
+ },
+ ],
+ locNoNumIndex: 0,
+ showModal:false
+ };
+ },
+ onReady() {
+ this.$refs.uForm.setRules(this.rules);
+ },
+ onShow() {},
+ methods: {
+ openForkliftDriverList() {
+ this.showModal = true
+ },
+ locNoNumBindChange(e, storage) {
+ if (storage.length <= 0) {
+ this.locNoNumIndex = null
+ return
+ }
+ this.locNoNumIndex = e.target.value
+ this.registerInfo.locNo = storage[this.locNoNumIndex].label
+ console.log('locNoNumIndex', this.registerInfo.locNo)
+ },
+ // 鎵撳紑寮规--鍚庨潰杩橀渶瑕佺洃鍚壂鐮佹灙鎵爜缁撴灉锛岃祴鍊肩粰鎶ュ伐鍗曞彿瀛楁锛岀劧鍚庢墦寮�寮规閫夋嫨璁㈠崟鍙风瓑鎿嶄綔
+ lpn() {
+ this.$refs.modalBg.open();
+ },
+ // 寮规淇濆瓨
+ confirm() {
+ console.log("淇濆瓨", this.form.value1);
+ // 璇锋眰鎺ュ彛锛屾牴鎹伐鍗曞彿鏌ヨ鍏朵粬淇℃伅骞惰祴鍊�
+ },
+ // 鎻愪氦鎸夐挳
+ submit() {
+ this.show = true;
+ },
+ },
+ };
+</script>
+
+<style lang="scss">
+ @import "index.scss";
+</style>
\ No newline at end of file
diff --git a/pages/wareHouse/nuclearScale/index.vue b/pages/wareHouse/nuclearScale/index.vue
index 1091bdd..203add9 100644
--- a/pages/wareHouse/nuclearScale/index.vue
+++ b/pages/wareHouse/nuclearScale/index.vue
@@ -27,13 +27,14 @@
<u-input v-model="form.value7" placeholder="" disabled />
</u-form-item>
<u-form-item label="鏍哥璁板綍" :border-bottom="false" prop="value8">
- <u-input v-model="form.value8" type="select" placeholder="" @click="open" />
+ <u-input v-model="form.value8" type="select" placeholder="" @click="openNuclearScaleRecord" />
</u-form-item>
- <u-form-item label="鎵爜璁板綍锛�0鏉★級:" :border-bottom="false" prop="value4" :label-width="260">
+ <u-form-item :label="`鎵爜璁板綍(${num}鏉�)锛歚" :border-bottom="false" prop="value4" :label-width="260">
<!-- <u-input v-model="form.value4" placeholder="" disabled /> -->
</u-form-item>
</u-form>
- <u-button type="primary" class="bottom-button">鎻愪氦</u-button>
+ <u-button type="primary" class="bottom-button" @click="submit">鍒涘缓</u-button>
+ <u-modal v-model="show" @confirm="confirm" content="鏄惁纭鎻愪氦" show-cancel-button></u-modal>
<scan></scan>
</div>
</template>
@@ -51,6 +52,8 @@
backgroundSize: '100% auto',
backgroundRepeat: 'no-repeat',
},
+ show:false,
+ num:1,
form: {
value0: '',
value1: '',
@@ -93,6 +96,10 @@
})
},
methods: {
+ // 鎻愪氦鎸夐挳
+ submit() {
+ this.show = true
+ },
// 寮规淇濆瓨
confirm() {
console.log('淇濆瓨', this.form.value1);
@@ -104,6 +111,12 @@
url: '/pages/wareHouse/nuclearScale/nuclearScaleList'
})
},
+ //鏍哥璁板綍
+ openNuclearScaleRecord() {
+ uni.navigateTo({
+ url: '/pages/wareHouse/nuclearScale/nuclearscalerecord'
+ })
+ },
// 瀛樿鍗曞彿
setNo(val) {
this.form.value3 = val
diff --git a/pages/wareHouse/nuclearScale/nuclearScaleList.vue b/pages/wareHouse/nuclearScale/nuclearScaleList.vue
index 7113631..6354a36 100644
--- a/pages/wareHouse/nuclearScale/nuclearScaleList.vue
+++ b/pages/wareHouse/nuclearScale/nuclearScaleList.vue
@@ -1,76 +1,119 @@
<template>
<view class="page">
<view class="finishProductIn-locno-bg" />
- <u-navbar title="鏍哥鍗曞彿" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
- back-icon-color="#000" />
+ <u-navbar
+ title="鏍哥鍗曞彿"
+ :background="background"
+ :border-bottom="false"
+ :title-bold="true"
+ title-color="#000"
+ back-icon-color="#000"
+ />
<view class="finishProductIn-locno-search">
- <u-search v-model="keywords" shape="square" bg-color="rgba(250,252,255,0.36)" :show-action="false"
- placeholder="璇疯緭鍏ユ牳纾呭崟鍙�" @clear="search" @custom="search" @search="search">
+ <u-search
+ v-model="keywords"
+ shape="square"
+ bg-color="rgba(250,252,255,0.36)"
+ :show-action="false"
+ placeholder="璇疯緭鍏ユ牳纾呭崟鍙�"
+ @clear="search"
+ @custom="search"
+ @search="search"
+ >
</u-search>
</view>
<view class="wrap">
- <scroll-view class="finishProductIn-locno-scroll-list" scroll-y="true" @scrolltolower="loadMore">
- <u-cell-group class="finishProductIn-locno-scroll-list-group" :border="false">
- <view class="content" v-for="(item, index) in list" :key="item.locNo" :index="index"
- @click="selectNo(item.index)">
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-1">
- </view>
- <view class="_label-name">璁㈠崟鍙凤細</view>
- </view>
- <view class="_content">
- {{ item.value0 }}
- </view>
+ <scroll-view
+ class="finishProductIn-locno-scroll-list"
+ scroll-y="true"
+ @scrolltolower="loadMore"
+ >
+ <u-cell-group
+ class="finishProductIn-locno-scroll-list-group"
+ :border="false"
+ >
+ <view
+ class="content"
+ v-for="(item, index) in list"
+ :key="item.locNo"
+ :index="index"
+ @click="selectNo(item.index)"
+ >
+ <view class="content-header">
+ <view class="content-header-title">{{ index + 1 }}</view>
</view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-2">
+ <view class="content-body">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鏍告鍗曞彿锛�</view>
</view>
- <view class="_label-name">闆朵欢鍙凤細</view>
- </view>
- <view class="_content">
- {{ item.value1 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-3">
+ <view class="_content">
+ {{ item.value0 }}
</view>
- <view class="_label-name">闆朵欢鎻忚堪锛�</view>
</view>
- <view class="_content">
- {{ item.value2 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-1">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">浜у搧绫诲瀷锛�</view>
</view>
- <view class="_label-name">鎵归噺澶у皬锛�</view>
- </view>
- <view class="_content">
- {{ item.value3 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-2">
+ <view class="_content">
+ {{ item.value1 }}
</view>
- <view class="_label-name">寮�濮嬫棩鏈燂細</view>
</view>
- <view class="_content">
- {{ item.value4 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-3">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">杞︾墝鍙凤細</view>
</view>
- <view class="_label-name">缁撴潫鏃ユ湡锛�</view>
+ <view class="_content">
+ {{ item.value2 }}
+ </view>
</view>
- <view class="_content">
- {{ item.value5 }}
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鍙戣揣閫氱煡锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value3 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">瀹㈡埛鍚嶇О锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value4 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">鐢熶骇杞﹂棿锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value5 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鍙哥鍛橈細</view>
+ </view>
+ <view class="_content">
+ {{ item.value6 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">鍙夎溅鍙告満锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value7 }}
+ </view>
</view>
</view>
</view>
@@ -80,52 +123,72 @@
</view>
</scroll-view>
</view>
+ <view class="plus-button" @click="openCreateWriteOffForm">
+ <text class="plus-sign">+</text>
+ </view>
</view>
</template>
<script>
-import content_bg from '@/static/custom/finishProductIn/locNoBg.png'
+import content_bg from "@/static/custom/finishProductIn/locNoBg.png";
export default {
data() {
return {
background: {
backgroundImage: `url(${content_bg})`,
- backgroundAttachment: 'fixed',
- backgroundSize: '100% auto',
- backgroundRepeat: 'no-repeat',
+ backgroundAttachment: "fixed",
+ backgroundSize: "100% auto",
+ backgroundRepeat: "no-repeat",
},
- keywords: '',
+ keywords: "",
alllist: [],
originList: [],
query: {
current: 1,
- size: 10
+ size: 10,
},
list: [
{
- index: 1,
- value0: '123456789',
- value1: '123456789',
- value2: '123456789',
- value3: '123456789',
- value4: '123456789',
- value5: '123456789'
- }
+ value0: "123456789",
+ value1: "123456789",
+ value2: "123456789",
+ value3: "123456789",
+ value4: "123456789",
+ value5: "123456789",
+ value6: "123456789",
+ value7: "123456789",
+ },
+ {
+ value0: "123456789",
+ value1: "123456789",
+ value2: "123456789",
+ value3: "123456789",
+ value4: "123456789",
+ value5: "123456789",
+ value6: "123456789",
+ value7: "123456789",
+ },
],
count: 0,
- loadStatus: 'loading'
+ loadStatus: "loading",
};
},
onLoad() {
- this.$u.api.finishProductIn.fetchList().then(res => {
- this.alllist = res.data
- this.originList = res.data
- this.loadList()
- })
+ this.$u.api.finishProductIn.fetchList().then((res) => {
+ this.alllist = res.data;
+ this.originList = res.data;
+ this.loadList();
+ });
},
methods: {
+ //鍒涘缓鏍搁攢鍗�
+ openCreateWriteOffForm() {
+ uni.navigateTo({
+ url: '/pages/wareHouse/nuclearScale/createwriteoffform'
+ })
+ },
loadMore() {
if (this.loadStatus == "nomore" || this.loadStatus == "loading") {
- return
+ return;
}
this.loadStatus = "loading";
setTimeout(() => {
@@ -134,7 +197,10 @@
}, 100);
},
loadList() {
- const data = this.originList.slice((this.query.current - 1) * this.query.size, this.query.current * this.query.size)
+ const data = this.originList.slice(
+ (this.query.current - 1) * this.query.size,
+ this.query.current * this.query.size
+ );
this.list = this.list.concat(data);
this.loadStatus = "loadmore";
if (!data || data.length < this.query.size) {
@@ -145,40 +211,66 @@
this.list = [];
this.query.current = 1;
if (value) {
- this.originList = this.alllist.filter(item => item.locNo.includes(value))
+ this.originList = this.alllist.filter((item) =>
+ item.locNo.includes(value)
+ );
} else {
- this.originList = this.alllist
+ this.originList = this.alllist;
}
- this.loadList()
+ this.loadList();
},
selectNo(no) {
- this.refreshLastPage(no)
+ this.refreshLastPage(no);
},
//鍒锋柊涓婁竴涓〉闈�
refreshLastPage(no) {
// 鍛婄煡 A.vue 鏇存柊鏁版嵁
// 鑾峰彇椤甸潰鏍�
- let pages = getCurrentPages()
+ let pages = getCurrentPages();
// 鑾峰彇涓婁竴椤垫爤
- let prevPage = pages[pages.length - 2]
+ let prevPage = pages[pages.length - 2];
// 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
- prevPage.$vm.setNo(no)
+ prevPage.$vm.setNo(no);
// 杩斿洖涓婁竴椤�
uni.navigateBack({
- delta: 1
- })
+ delta: 1,
+ });
},
- }
+ // 鏂板鎸夐挳
+ handleClick() {
+ console.log("鎸夐挳琚偣鍑�");
+ },
+ },
};
</script>
-<style lang="scss">
+<style lang="scss" scoped>
+.plus-button {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background-color: #007aff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ bottom: 40px;
+ right: 10px;
+ z-index: 100;
+}
+.plus-sign {
+ color: white;
+ font-size: 50px;
+ position: relative;
+ bottom: 4px;
+
+}
.finishProductIn-locno-bg {
- background-color: #F6F9FF;
- background-image: url('~@/static/custom/finishProductIn/locNoBg.png');
+ background-color: #f6f9ff;
+ background-image: url("~@/static/custom/finishProductIn/locNoBg.png");
// background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
padding: 0 20rpx;
background-attachment: fixed;
@@ -208,12 +300,14 @@
.content {
font-size: 12px;
- background-color: #FFFFFF;
+ background-color: #ffffff;
box-sizing: border-box;
border-radius: 10rpx;
margin: 0rpx 0rpx 16rpx;
- padding: 20rpx;
+ padding: 20rpx 8rpx;
box-shadow: none;
+ display: flex;
+ align-items: center;
.content-header {
width: 40rpx;
@@ -222,7 +316,7 @@
align-items: center;
.content-header-icon {
- background-image: url('~@/static/custom/moveWareHouse/header_icon.png');
+ background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
background-size: 100% auto;
background-repeat: no-repeat;
height: 28rpx;
@@ -233,65 +327,72 @@
margin-left: 11rpx;
font-size: 26rpx;
font-weight: bold;
- color: #333333;
+ color: #3d52f5;
}
}
- .row-list {
- height: 60rpx;
- display: flex;
- flex-direction: row;
- padding: 0px;
- align-items: center;
- }
+ .content-body {
+ flex: 1;
+ background: #f5f9ff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
- .row-list ._label {
- display: flex;
- flex: 0.8;
- color: #909399;
- align-items: center;
-
- ._label-icon-1 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-1.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
+ .row-list {
+ height: 60rpx;
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ align-items: center;
}
- ._label-icon-2 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-2.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
+ .row-list ._label {
+ display: flex;
+ flex: 0.8;
+ color: #909399;
+ align-items: center;
+
+ ._label-icon-1 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-2 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-3 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-name {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: 500;
+ color: #666666;
+ }
}
- ._label-icon-3 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-3.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
+ .row-list ._content {
+ flex: 1.5;
+ text-align: right;
+ color: #909399;
+ font-size: 24rpx;
}
- ._label-name {
- margin-left: 11rpx;
- font-size: 26rpx;
- font-weight: 500;
- color: #666666;
+ .row-list .s1 {
+ color: #d35651;
}
- }
-
- .row-list ._content {
- flex: 1.5;
- text-align: right;
- color: #909399;
- font-size: 24rpx;
- }
-
- .row-list .s1 {
- color: #D35651;
}
}
}
diff --git a/pages/wareHouse/nuclearScale/nuclearscalerecord.vue b/pages/wareHouse/nuclearScale/nuclearscalerecord.vue
new file mode 100644
index 0000000..ecc7ab9
--- /dev/null
+++ b/pages/wareHouse/nuclearScale/nuclearscalerecord.vue
@@ -0,0 +1,369 @@
+<template>
+ <view class="page">
+ <view class="finishProductIn-locno-bg" />
+ <u-navbar title="鏍哥璁板綍" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
+ back-icon-color="#000">
+ <view class="navbar-right" slot="right" @click="goPrintAll">
+ 鍏ㄩ儴鎵撳嵃
+ </view>
+ </u-navbar>
+ <view class="wrap">
+ <scroll-view class="finishProductIn-locno-scroll-list" scroll-y="true" @scrolltolower="loadMore">
+ <u-cell-group class="finishProductIn-locno-scroll-list-group" :border="false">
+ <view
+ class="content"
+ v-for="(item, index) in list"
+ :key="item.locNo"
+ :index="index"
+ @click="selectNo(item.index)"
+ >
+ <view class="content-header">
+ <view class="content-header-title">{{ index+1 }}</view>
+ </view>
+ <view class="content-body">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鎵规鍙凤細</view>
+ </view>
+ <view class="_content">
+ {{ item.value0 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">浜у搧鎻忚堪锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value1 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">闆朵欢鍙凤細</view>
+ </view>
+ <view class="_content">
+ {{ item.value2 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">姣涢噸锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value3 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">鐩橀噸锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value4 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">鍑�閲嶏細</view>
+ </view>
+ <view class="_content">
+ {{ item.value5 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鏍哥閲嶉噺锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value6 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">鍙夎溅鐩橀噸锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value7 }}
+ </view>
+ </view>
+ </view>
+ </view>
+ </u-cell-group>
+ <view class="loadmore" @click="loadMore">
+ <u-loadmore :status="loadStatus"></u-loadmore>
+ </view>
+ </scroll-view>
+ </view>
+ </view>
+</template>
+<script>
+import content_bg from '@/static/custom/finishProductIn/locNoBg.png'
+export default {
+ data() {
+ return {
+ background: {
+ backgroundImage: `url(${content_bg})`,
+ backgroundAttachment: 'fixed',
+ backgroundSize: '100% auto',
+ backgroundRepeat: 'no-repeat',
+ },
+ keywords: '',
+ alllist: [],
+ originList: [],
+ query: {
+ current: 1,
+ size: 10
+ },
+ list: [
+ {
+ value0: '123456789',
+ value1: '123456789',
+ value2: '123456789',
+ value3: '123456789',
+ value4: '123456789',
+ value5: '123456789',
+ value6: '123456789',
+ value7: '123456789'
+ },
+ {
+ value0: '123456789',
+ value1: '123456789',
+ value2: '123456789',
+ value3: '123456789',
+ value4: '123456789',
+ value5: '123456789',
+ value6: '123456789',
+ value7: '123456789'
+ }
+ ],
+ count: 0,
+ loadStatus: 'loading'
+ };
+ },
+ onLoad() {
+ this.$u.api.finishProductIn.fetchList().then(res => {
+ this.alllist = res.data
+ this.originList = res.data
+ this.loadList()
+ })
+ },
+ methods: {
+ loadMore() {
+ if (this.loadStatus == "nomore" || this.loadStatus == "loading") {
+ return
+ }
+ this.loadStatus = "loading";
+ setTimeout(() => {
+ this.query.current += 1;
+ this.loadList();
+ }, 100);
+ },
+ loadList() {
+ const data = this.originList.slice((this.query.current - 1) * this.query.size, this.query.current * this.query.size)
+ this.list = this.list.concat(data);
+ this.loadStatus = "loadmore";
+ if (!data || data.length < this.query.size) {
+ this.loadStatus = "nomore";
+ }
+ },
+ search(value) {
+ this.list = [];
+ this.query.current = 1;
+ if (value) {
+ this.originList = this.alllist.filter(item => item.locNo.includes(value))
+ } else {
+ this.originList = this.alllist
+ }
+ this.loadList()
+ },
+ // 鎵撳嵃鍗曚釜淇℃伅
+ selectNo(no) {
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '鏄惁鎵撳嵃瑁呯鍗曪紵',
+ showCancel: true,
+ success: function (res) {
+ if (res.confirm) {
+
+ }
+ }
+ });
+ },
+ // 鎵撳嵃鍏ㄩ儴淇℃伅
+ goPrintAll() {
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '鏄惁鎵撳嵃瑁呯鍗曪紵',
+ showCancel: true,
+ success: function (res) {
+ if (res.confirm) {
+
+ }
+ }
+ });
+ },
+
+ //鍒锋柊涓婁竴涓〉闈�
+ refreshLastPage(no) {
+ // 鍛婄煡 A.vue 鏇存柊鏁版嵁
+ // 鑾峰彇椤甸潰鏍�
+ let pages = getCurrentPages()
+
+ // 鑾峰彇涓婁竴椤垫爤
+ let prevPage = pages[pages.length - 2]
+
+ // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
+ prevPage.$vm.setNo(no)
+
+ // 杩斿洖涓婁竴椤�
+ uni.navigateBack({
+ delta: 1
+ })
+ },
+ }
+};
+</script>
+<style lang="scss">
+.finishProductIn-locno-bg {
+ background-color: #F6F9FF;
+ background-image: url('~@/static/custom/finishProductIn/locNoBg.png');
+ // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+ padding: 0 20rpx;
+ background-attachment: fixed;
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ z-index: -1;
+}
+
+.finishProductIn-locno-search {
+ padding: 40rpx 30rpx 20rpx 30rpx;
+}
+
+.wrap .finishProductIn-locno-scroll-list {
+ height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
+ width: 100%;
+}
+
+.finishProductIn-locno-scroll-list-group {
+ ::v-deep .u-cell-item-box {
+ background-color: rgba(250, 252, 255, 0.36) !important;
+ padding: 0rpx 30rpx;
+ }
+
+ .content {
+ font-size: 12px;
+ background-color: #ffffff;
+ box-sizing: border-box;
+ border-radius: 10rpx;
+ margin: 0rpx 0rpx 16rpx;
+ padding: 20rpx 8rpx;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
+
+ .content-header {
+ width: 40rpx;
+ height: 90rpx;
+ display: flex;
+ align-items: center;
+
+ .content-header-icon {
+ background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 28rpx;
+ width: 28rpx;
+ }
+
+ .content-header-title {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: bold;
+ color: #3d52f5;
+ }
+ }
+
+ .content-body {
+ flex: 1;
+ background: #f5f9ff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
+
+ .row-list {
+ height: 60rpx;
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ align-items: center;
+ }
+
+ .row-list ._label {
+ display: flex;
+ flex: 0.8;
+ color: #909399;
+ align-items: center;
+
+ ._label-icon-1 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-2 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-3 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-name {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: 500;
+ color: #666666;
+ }
+ }
+
+ .row-list ._content {
+ flex: 1.5;
+ text-align: right;
+ color: #909399;
+ font-size: 24rpx;
+ }
+
+ .row-list .s1 {
+ color: #d35651;
+ }
+ }
+ }
+}
+.navbar-right {
+ font-weight: 500;
+ font-size: 13px;
+ color: #0b0b0b;
+ line-height: 36rpx;
+ margin-right: 32rpx;
+}
+</style>
--
Gitblit v1.9.3