From 2b94d415aa8602da5509da946e5155e47cfb117b Mon Sep 17 00:00:00 2001
From: lty <876263681@qq.com>
Date: 星期四, 08 一月 2026 11:09:05 +0800
Subject: [PATCH] #
---
pages/agv/emptyOut.vue | 992 +++++++++++++---------------------------------------------
1 files changed, 227 insertions(+), 765 deletions(-)
diff --git a/pages/agv/emptyOut.vue b/pages/agv/emptyOut.vue
index c204d8f..5477994 100644
--- a/pages/agv/emptyOut.vue
+++ b/pages/agv/emptyOut.vue
@@ -1,792 +1,254 @@
<template>
- <view>
- <scroll-view scroll-y catch:touchmove="touchmove">
- <view class="square-2">
- <view class="square-title">
- <view class="title-sign">
- <view class="sign"></view>
- </view>
- <view class="title-text"><text>妤煎眰</text></view>
- </view>
- <view class="square-content">
- <view class="content-combox">
+ <view>
+ <scroll-view scroll-y>
- <uni-combox emptyTips="鏆傛棤鏁版嵁" :candidates="floorList" v-model="floor"
- placeholder="妤煎眰"></uni-combox>
- </view>
+ <!-- 鎵樼洏鏉＄爜 -->
+ <view class="square-2">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>鎵樼洏鏉＄爜</text></view>
+ </view>
+ <view class="square-content">
+ <view class="content-input">
+ <input
+ v-model="barcode"
+ placeholder="鎵爜 / 杈撳叆鎵樼洏鐮�"
+ maxlength="10"
+ :focus="barcodeFocus"
+ @input="barcodeInput"
+ />
+ <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode" />
+ </view>
+ </view>
+ </view>
- </view>
- </view>
- <view class="square-2">
- <view class="square-title">
- <view class="title-sign">
- <view class="sign"></view>
- </view>
- <view class="title-text"><text>璧峰搴撲綅</text></view>
- </view>
- <view class="square-content">
- <view class="content-input">
- <input disabled v-model="sourceLocNo" type="text" placeholder="鎵爜 / 杈撳叆"
- placeholder-style="line-height: 85rpx;">
+ <!-- 鏍囬 -->
+ <view class="square-1">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>鎷ｆ枡/鐩樼偣鍒楄〃</text></view>
+ </view>
+ </view>
- </view>
- </view>
- </view>
+ <!-- 鏃犳暟鎹� -->
+ <view class="square-none" v-if="matList.length === 0">
+ <view class="v-show">鏆傛棤鏁版嵁</view>
+ </view>
- <view class="square-2">
- <view class="square-title">
- <view class="title-sign">
- <view class="sign"></view>
- </view>
- <view class="title-text"><text>鐩爣绔�</text></view>
- </view>
- <view class="square-content">
- <view class="content-input">
- <input v-model="locNo" type="text" placeholder="鎵爜 / 杈撳叆"
- placeholder-style="line-height: 85rpx;">
- <uni-icons type="closeempty" size="20" color="#dadada" @click="removelocNo()()"></uni-icons>
- </view>
- </view>
- </view>
+ <!-- 鍒楄〃 -->
+ <view
+ v-for="(item, index) in matList"
+ :key="index"
+ class="data-list"
+ :class="item.confirmed ? 'bg-true' : 'bg-false'"
+ >
+ <view class="data-list-left">
+ <view>
+ <text>缂栫爜锛歿{ item.matnr }}</text>
+ <text style="margin-left: 40rpx;">鍚嶇О锛歿{ item.maknx }}</text>
+ </view>
+ <view>
+ <text>閲囪喘鍗曞彿锛歿{ item.boxType3 }}</text>
+ </view>
+ <view>
+ <text>PO锛歿{ item.standby1 }}</text>
+ <text style="margin-left: 40rpx;">SKU锛歿{ item.standby3 }}</text>
+ </view>
+ <view>
+ <text>UPC锛歿{ item.standby2 }}</text>
+ </view>
+ <view>
+ <text>鎷�/鐩樻暟閲忥細{{ item.count }}</text><text style="margin-left: 40rpx;">鎬绘暟閲忥細 {{ item.total }}</text>
+ </view>
+ </view>
+ <!-- 鍙充晶纭 -->
+ <view class="data-list-right">
+ <button
+ v-if="!item.confirmed"
+ class="confirm-btn"
+ @click="confirmRow(index)"
+ >
+ 纭
+ </button>
+ <text v-else class="confirmed-text">宸茬‘璁�</text>
+ </view>
+ </view>
+ </scroll-view>
- <!-- <view class="square-none" v-show="matList.length === 0">
- <view class="v-show">鏆傛棤鏇村鏁版嵁...</view>
- </view> -->
-
- <checkbox-group @change="checkbox">
- <view v-for="(item,index) in matList" :key="index" class="data-list bg-false"
- :class="'bg-'+item.checked">
-
- <view class="square-title">
- <view class="title-sign">
- <view class="sign"></view>
- </view>
- <view class="title-text"><text>搴撲綅缂栫爜:{{item.locNo}}</text></view>
- </view>
- <view class="">
- <view class="item-sign flex justify-center align-center">
-
- </view>
- <view class="item-text"><text>搴撲綅鐘舵��:{{item.locSys}}</text></view>
- </view>
-
- <view v-for="(item2,index) in item.agvDetlList">
- <view class="">
- <view class="item-sign flex justify-center align-center">
- {{index+1}}
- </view>
- <view class="item-text"><text>鐗╂枡鐮�:{{item2.matnr}}</text></view>
- </view>
- <view class="">
- <view class="item-sign flex justify-center align-center">
-
- </view>
- <view class="item-text"><text>鎵瑰彿:{{item2.batch}}</text></view>
- </view>
- <view class="">
- <view class="item-sign flex justify-center align-center">
-
- </view>
- <view class="item-text"><text>鐗╂枡鐮�:{{item2.anfme}}</text></view>
- </view>
-
- </view>
-
-
-
- </view>
- </checkbox-group>
- </scroll-view>
-
- <view class="footer flex justify-around">
- <!-- <label class="label-btn" style="width: 170rpx;">
- <checkbox :checked="check" @click="allChecked()">{{checkText}}</checkbox>
- </label>
- <label class="label-btn" style="width: 100rpx;">
- <text @click="reChecked()">鍙嶉��</text>
- </label> -->
-
- <label class="label-btn flex justify-center align-center">
- <button class="cu-btn" @click="resst()">閲嶇疆</button>
- </label>
- <label class="label-btn flex justify-center align-center">
- <button class="cu-btn bg-blue " @click="comb()">鍚姩</button>
- </label>
- </view>
-
-
-
-
- <!-- 寮圭獥 -->
- <!-- 淇敼鏁伴噺 -->
- <uni-popup ref="revise">
- <view class="revise-box ">
- <view class="revise-box-top">
- <view class="color-block-blue"></view>
- <text class="title">淇敼鎵瑰彿/鏁伴噺</text>
- </view>
- <!-- <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
- <text style="display: inline-block;float: left;width: 50px;">鎵瑰彿锛�</text>
- <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="batch">
- </view> -->
- <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
- <text style="display: inline-block;float: left;width: 50px;">瀹㈡埛鍥惧彿锛�</text>
- <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="temp2">
- </view>
- <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
- <text style="display: inline-block;float: left;width: 50px;">鍚堝悓鍙凤細</text>
- <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="outOrderNo">
- </view>
- <view class="changeBox">
- <view class="num-box">
- <text style="display: inline-block;float: left;width: 50px;">鏁伴噺锛�</text>
- <uni-number-box :value="count" :max="999999999" :step="0.0001" color="#747474"
- @change="changeValue" />
- </view>
- </view>
- <view class="revise-box-buttom">
- <view>
- <button class="cu-btn bg-blue" @click="confirm()">纭</button>
- </view>
- </view>
- </view>
- </uni-popup>
- </view>
+ <!-- 搴曢儴鎸夐挳 -->
+ <view class="footer">
+ <button class="cu-btn bg-blue" @click="callAgv">
+ 鍛煎彨灏忚溅
+ </button>
+ </view>
+ </view>
</template>
+
<script>
- import permision from "@/common/permission.js"
- export default {
- data() {
- return {
- commonUrl: null,
- barcode: null,
- barcodeFocus: true,
- focus: false,
- type: 'center',
- searchBox: 'hide',
- pick: 'hide',
- matnr: '',
- matList: [],
- result: '',
- enableQty: '',
- count: '',
- minCount: 0,
- maxCount: '',
- rowNum: '',
- check: false,
- checkText: '鍏ㄩ��',
- checkedData: [],
- batch: '',
- unit: '',
- outOrderNo: '',
- proType: '',
- temp2: '',
- sourceLocNo: '2033',
- locNo: '',
- floorList: ['1', '2', '4'],
- floor: ''
- }
- },
- onShow() {
- setTimeout(() => {
- // this.focuss()
- }, 100);
+export default {
+ data() {
+ return {
+ barcode: "",
+ barcodeFocus: true,
+ matList: [],
+ commonUrl: "",
+ baseIP: "",
+ basePORT: "",
+ baseUrl: "",
+ };
+ },
- },
- mounted() {
- const UIP = uni.getStorageSync('UIP');
- this.baseIP = UIP;
- const UPORT = uni.getStorageSync('UPORT');
- this.basePORT = UPORT
- const PROJ = uni.getStorageSync('UPROJ');
- this.baseUrl = PROJ
- this.getUrl()
- },
- methods: {
- // 鑾峰彇url
- getUrl() {
- this.commonUrl = this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl
- },
- // barcode input 浜嬩欢
- barcodeInput() {
- const that = this;
+ mounted() {
+ const UIP = uni.getStorageSync("UIP");
+ this.baseIP = UIP;
+ const UPORT = uni.getStorageSync("UPORT");
+ this.basePORT = UPORT;
+ const PROJ = uni.getStorageSync("UPROJ");
+ this.baseUrl = PROJ;
+ this.getUrl();
+ },
- that.matList = []
- uni.request({
- url: that.commonUrl + '/open/asrs/agv/loc/v1/getLocList',
- data: JSON.stringify({
- locNo: that.barcode,
- }),
- method: 'POST',
- header: {
- 'token': uni.getStorageSync('token'),
- 'appkey': 'ea1f0459efc02a79f046f982767939ae'
- },
- success(result) {
- console.log(that.matList);
- uni.hideLoading();
- var res = result.data
- if (res.code === 200) {
- that.matList.push(...res.data)
- console.log(that.matList);
- } else if (res.code == 403) {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- setTimeout(() => {
- uni.reLaunch({
- url: '../login/login'
- });
- }, 1000);
- } else {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- }
- }
- });
+ methods: {
+ getUrl() {
+ this.commonUrl = this.baseHttp + this.baseIP + ":" + this.basePORT + "/" + this.baseUrl;
+ },
+ /* 鎵爜鎵樼洏鐮� */
+ barcodeInput() {
+ if (this.barcode.length !== 6) return;
+ this.getPickList();
+ },
- },
- // 鎵樼洏鐮佹湁璇噸缃�
- barcodeFocuss() {
- let that = this;
- that.barcodeFocus = false;
- setTimeout(() => {
- that.barcode = '';
- that.barcodeFocus = true;
- }, 100);
- },
- // 鍟嗗搧鍏夋爣娓呯┖閲嶇疆
- focuss() {
- // #ifdef APP
- let that = this;
- that.focus = false;
- setTimeout(() => {
- that.matnr = '';
- that.focus = true;
- }, 100);
- // #endif
- },
- resst() {
- this.matList = []
- this.sourceLocNo = ''
- this.locNo = ''
- uni.vibrateShort();
- },
- removeBarcode() {
- this.barcode = ''
- uni.vibrateShort();
- this.barcodeFocus = false;
- this.$nextTick(function() {
- this.barcodeFocus = true;
- });
- },
- removeSouLocNo() {
- this.sourceLocNo = ''
- uni.vibrateShort();
- // this.barcodeFocus = false;
- // this.$nextTick(function() {
- // this.barcodeFocus = true;
- // });
- },
- removelocNo() {
- this.locNo = ''
- uni.vibrateShort();
- // this.barcodeFocus = false;
- // this.$nextTick(function() {
- // this.barcodeFocus = true;
- // });
- },
- removeMatnr() {
- this.matnr = ''
- uni.vibrateShort();
- this.focus = false;
- this.$nextTick(function() {
- this.focus = true;
- });
- },
- // 鍒楄〃鍒犻櫎鎸夐挳
- remove(item, index) {
- this.matList.splice(index, 1)
- uni.vibrateShort();
- },
- comb() {
- uni.vibrateShort();
- let that = this;
- if (that.sourceLocNo === '' || that.locNo === '' || that.floor === '') {
- uni.showToast({
- title: '璇峰厛杈撳叆鏁版嵁',
- icon: "none",
- position: 'top'
- });
- return;
- }
+ /* 璋冩帴鍙� */
+ getPickList() {
+ uni.showLoading();
- uni.showLoading();
- uni.request({
- url: that.commonUrl + '/open/asrs/agv/task/v1/createTask',
- data: JSON.stringify({
- sourceStaNo: that.sourceLocNo,
- locNo: that.locNo,
- ioType: '2',
- floorNo: that.floor
- }),
- method: 'POST',
- header: {
- 'token': uni.getStorageSync('token'),
- 'appkey': 'ea1f0459efc02a79f046f982767939ae'
- },
- success(result) {
- console.log(that.matList);
- uni.hideLoading();
- var res = result.data
- if (res.code === 200) {
- that.resst();
- uni.showToast({
- title: res.msg,
- position: 'bottom',
- duration: 1000
- });
- } else if (res.code == 403) {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- setTimeout(() => {
- uni.reLaunch({
- url: '../login/login'
- });
- }, 1000);
- } else {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- }
- }
- });
- },
- selectMat() {
- let that = this
- uni.vibrateShort();
- uni.navigateTo({
- url: "matSelect",
- events: {
- // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� 鍙﹀涓�涓〉闈紶杩囨潵鐨�
- acceptDataFromOpenedPage: function(data) {
- that.matnr = data.data
- that.findMat(that.matnr)
- },
- },
- success: function(res) {
- // 閫氳繃eventChannel鍚戣鎵撳紑椤甸潰浼犻�佹暟鎹� 鍚戝彟澶栦竴涓〉闈紶閫掑�肩殑
- res.eventChannel.emit('commonUrl', {
- commonUrl: that.commonUrl
- })
- },
+ uni.request({
+ url: this.commonUrl + "/open/asrs/pick/v1/getPickList",
+ method: "POST",
+ data: {
+ barcode: this.barcode,
+ },
+ header: { token: uni.getStorageSync("token") },
+ success: res => {
+ uni.hideLoading();
+ const r = res.data;
+ if (r.code === 200) {
+ this.matList = (r.data || []).map(item => ({
+ ...item,
+ confirmed: false,
+ }));
+ } else {
+ uni.showToast({ title: r.msg || "鑾峰彇澶辫触", icon: "none" });
+ }
+ },
+ fail() {
+ uni.hideLoading();
+ uni.showToast({ title: "璇锋眰澶辫触", icon: "none" });
+ },
+ });
+ },
- });
- that.matnr = ''
- },
- findMat() {
- let that = this
- uni.request({
- url: that.commonUrl + '/mat/auth',
- data: {
- matnr: that.matnr
- },
- header: {
- 'token': uni.getStorageSync('token')
- },
- success(result) {
- uni.vibrateShort();
- let res = result.data
- if (res.code === 200 && res.data) {
- that.matData = res.data
- that.matnr = ''
- uni.navigateTo({
- url: "matQuery",
- events: {
- // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹�
- matList: function(data) {
- that.checkMat(data.data)
- // that.matList.push(data.data)
- },
- },
- success: function(res) {
- // 閫氳繃eventChannel鍚戣鎵撳紑椤甸潰浼犻�佹暟鎹�
- res.eventChannel.emit('matData', {
- data: that.matData
- })
- },
- });
- } else if (res.code == 403) {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- setTimeout(() => {
- uni.reLaunch({
- url: '../login/login'
- });
- }, 1000);
- } else {
- uni.showToast({
- title: res.msg,
- icon: "none",
- position: 'top'
- })
- }
+ /* 鍗曡纭 */
+ confirmRow(index) {
+ const item = this.matList[index];
+ if (item.count <= 0 || item.count > item.total) {
+ uni.showToast({
+ title: "鎷�/鐩樻暟閲忎笉鍚堟硶",
+ icon: "none",
+ });
+ return;
+ }
+ this.$set(this.matList[index], "confirmed", true);
+ uni.vibrateShort();
+ },
- }
- });
+ /* 鍛煎彨灏忚溅 */
+ callAgv() {
+ if (!this.matList.length) {
+ uni.showToast({ title: "鏆傛棤鎷ｆ枡鏁版嵁", icon: "none" });
+ return;
+ }
- },
+ const hasUnConfirm = this.matList.some(i => !i.confirmed);
+ if (hasUnConfirm) {
+ uni.showToast({
+ title: "璇峰厛纭鎵�鏈夋嫞鏂�",
+ icon: "none",
+ });
+ return;
+ }
- // 娣诲姞鍟嗗搧
- addMat(mat) {
- this.matList.unshift(mat)
- },
- checkMat(mat) {
- var len = this.matList.length
- var add = true
- for (var i = 0; i < len; i++) {
- if (mat.batch == this.matList[i].batch) {
- if (mat.matnr == this.matList[i].matnr) {
- this.matList[i].anfme += mat.anfme
- this.$forceUpdate() // 寮哄埗鍒锋柊
- add = false
- }
- }
- add = true
- }
- if (add) {
- this.matList.unshift(mat)
- }
- },
- change(e) {
- console.log('褰撳墠妯″紡锛�' + e.type + ',鐘舵�侊細' + e.show);
- },
- toggle(type) {
- this.type = type
- // open 鏂规硶浼犲叆鍙傛暟 绛夊悓鍦� uni-popup 缁勪欢涓婄粦瀹� type灞炴��
- this.$refs.goodsSearch.open(type)
- },
- checkbox: function(e) {
- var items = this.matList,
- values = e.detail.value;
- for (var i = 0, lenI = items.length; i < lenI; ++i) {
- const item = items[i]
- item.id = item.id + ''
- if (values.indexOf(item.id) >= 0) {
- this.$set(item, 'checked', true)
- } else {
- this.$set(item, 'checked', false)
- }
- }
- if (values.length == items.length) {
- this.check = true
- this.checkText = "鍙栨秷鍏ㄩ��"
- } else {
- this.check = false
- this.checkText = "鍏ㄩ��"
- }
- uni.vibrateShort();
- },
- revise(item, index) {
- this.count = this.matList[index].anfme
- // var maxCount = this.matList[index].maxCount
- // if (maxCount == undefined ) {
- // this.matList[index]["maxCount"] = item.enableQty
- // }
- // this.enableQty = item.enableQty
- // this.count = this.minCount
- // this.maxCount = item.maxCount
- this.rowNum = index
- this.eject()
- },
- eject(type) {
- this.type = type
- // open 鏂规硶浼犲叆鍙傛暟 绛夊悓鍦� uni-popup 缁勪欢涓婄粦瀹� type灞炴��
- this.$refs.revise.open(type)
- },
- changeValue(value) {
- this.count = value
- },
- confirm() {
- this.matList[this.rowNum].anfme = this.count
- this.matList[this.rowNum].batch = this.batch
- this.matList[this.rowNum].proType = this.proType
- this.matList[this.rowNum].outOrderNo = this.outOrderNo
- this.matList[this.rowNum].temp2 = this.temp2
+ uni.navigateTo({
+ url: "/pages/agv/againIn",
+ });
+ },
- this.$refs.revise.close()
- this.$forceUpdate() // 寮哄埗鍒锋柊
- },
- // 鍒楄〃鍙嶉��
- reChecked() {
- if (this.matList.length == 0) {
- return;
- }
- var checkArr = []
- for (var i = 0; i < this.matList.length; i++) {
- if (this.matList[i].checked == true) {
- this.$set(this.matList[i], 'checked', false)
- } else {
- this.$set(this.matList[i], 'checked', true)
- }
- if (this.matList[i].checked == true) {
- checkArr.push(this.matList[i].checked)
- }
- }
- if (checkArr.length == this.matList.length) {
- this.check = true
- this.checkText = "鍙栨秷鍏ㄩ��"
- } else {
- this.check = false
- this.checkText = "鍏ㄩ��"
- }
- uni.vibrateShort();
- },
- // 鍒楄〃鍏ㄩ��
- allChecked(e) {
+ removeBarcode() {
+ this.barcode = "";
+ this.barcodeFocus = false;
+ this.matList = [];
+ this.$nextTick(() => (this.barcodeFocus = true));
+ },
+ },
+};
- if (this.check == true) {
- for (var i = 0; i < this.matList.length; i++) {
- this.$set(this.matList[i], 'checked', false)
- }
- this.check = false
- this.checkText = "鍏ㄩ��"
- } else {
- for (var i = 0; i < this.matList.length; i++) {
- this.$set(this.matList[i], 'checked', true)
- }
- this.check = true
- this.checkText = "鍙栨秷鍏ㄩ��"
- }
- uni.vibrateShort();
- },
- }
- }
</script>
<style>
- /* @import "../../colorui/main.css";
- @import "../../colorui/icon.css"; */
- .item-text {
- /* background-color: #000000; */
- display: inline-block;
+.data-list {
+ background-color: #fff;
+ margin: 15rpx;
+ padding: 20rpx;
+ border-radius: 20rpx;
+ display: flex;
+}
- width: 500rpx;
- line-height: 55rpx;
- font-size: 30rpx;
+.bg-true {
+ background-color: #f0f9eb;
+}
+
+.data-list-left {
+ flex: 1;
+ font-size: 24rpx;
+ color: #666;
+}
+
+.data-list-right {
+ width: 120rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.confirm-btn {
+ background-color: #1e9fff;
+ color: #fff;
+ font-size: 24rpx;
+ border-radius: 10rpx;
+ width: 150rpx;
+ height: 50rpx;
+ line-height: 50rpx;
+}
+
+.confirmed-text {
+ color: #67c23a;
+ font-size: 26rpx;
+}
+
+.footer {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ background: #fff;
+ padding: 20rpx;
+
+ display: flex;
+ justify-content: center; /* 姘村钩灞呬腑 */
+ align-items: center; /* 鍨傜洿灞呬腑 */
+}
- }
-
- .item-sign {
-
- float: left;
- width: 2em;
- height: 50rpx;
-
- }
-
- .revise-box {
- position: relative;
- width: 500rpx;
- height: 470rpx;
- border-radius: 15px;
- background-color: #FFFFFF;
- }
-
- .revise-box-top {
- width: 400rpx;
- height: 120rpx;
- border-radius: 25px;
- }
-
- .changeBox {
- width: 400rpx;
- height: 100rpx;
- }
-
- .num-box {
- margin-left: 100rpx;
- }
-
- .revise-box-buttom {
- margin-left: 190rpx;
- }
-
- .pak-seach-box {
- background-color: #FFFFFF;
- margin: 15rpx 15rpx 0rpx 15rpx;
- width: 96%;
- height: 150rpx;
- border-radius: 20rpx;
- }
-
- .box-top {
- display: block;
- height: 60rpx;
- width: 720rpx;
- }
-
- .color-block-blue {
- background-color: #1E9FFF;
- display: inline-block;
- float: left;
- margin: 15rpx 15rpx 0 15rpx;
- width: 12rpx;
- height: 40rpx;
- border: 5rpx solid #1E9FFF;
- border-radius: 20rpx;
- }
-
- .title {
- display: inline-block;
- float: left;
- font-size: 34rpx;
- font-weight: 700;
- height: 50rpx;
- line-height: 50rpx;
- margin-top: 10rpx;
- }
-
- .box-buttom {
- display: inline-block;
- background-color: #ededed;
- width: 65%;
- height: 60rpx;
- border-radius: 20rpx;
- margin: 15rpx 15rpx 0rpx 15rpx;
- }
-
- .box-buttom input {
- width: 75%;
- float: left;
- margin: 8rpx 10rpx 0rpx 25rpx;
- }
-
- .box-buttom .search-icon {
- width: 60rpx;
- height: 60rpx;
- float: right;
- margin-top: 5rpx;
- margin-right: 10rpx;
- }
-
- /* .pak-seach-box input {
- background-color: #ededed;
- border: 1rpx solid #d8d8d8;
- display: inline-block;
- border-radius: 20rpx;
- float: left;
- width: 70%;
- height: 60rpx;
- line-height: 60rpx;
- margin: 15rpx 15rpx 0rpx 15rpx;
- padding-left: 20rpx;
- } */
- .pak-seach-box button {
- background-color: #1E9FFF;
- color: #ffffff;
- display: inline-block;
- float: right;
- width: 180rpx;
- height: 60rpx;
- margin: 15rpx 15rpx 0rpx 15rpx;
- line-height: 60rpx;
- }
-
- .pakin-btn {
- background-color: #1E9FFF;
- }
-
- .pak-data-box {
- background-color: #F1F1F1;
- margin: 15rpx 15rpx 0rpx 15rpx;
- width: 96%;
- height: 70rpx;
- border-radius: 20rpx;
- }
-
- .pak-data-box .box-top {
- background-color: #FFFFFF;
- height: 70rpx;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- }
-
- .bg-false {
- background-color: #FFFFFF;
- }
-
- .bg-true {
- background-color: #ebebeb;
- }
-
- .data-list {
- border-bottom: 1px solid #d8d8d8;
-
- margin: 15rpx;
- border-radius: 20rpx;
- }
-
- .data-list:first-child {
- margin-top: 20rpx;
- }
-
- .data-list:last-child {
- margin-bottom: 120rpx;
- }
-
- /* .data-list-left {
- display: inline-block;
- float: left;
- text-align: center;
- width: 100rpx;
- height: 180rpx;
- line-height: 180rpx;
- } */
- .data-list-left {
- display: inline-block;
- float: left;
- margin-left: 6%;
- height: 240rpx;
- color: #676767;
- }
-
- .matnr {
- padding-top: 10rpx;
- }
-
- .data-list-right {
- display: inline-block;
- float: right;
- height: 240rpx;
- line-height: 240rpx;
- }
-
- /* display: inline-block;
- float: right;
- width: 200rpx;
- height: 180rpx;
- line-height: 180rpx; */
- .data-list-right label {
- display: inline-block;
- float: left;
- width: 80rpx;
- height: 240rpx;
- }
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1