称重商品

src/pages/manage/cashier/index.vue

@@ -330,7 +330,7 @@
                                         @click="selectAdd(item)"
                                     ></span>
                                     <!-- 称重删除 -->
-                                     <span
+                                    <span
                                         v-if="item.isWeightGood"
                                         class="remove-num"
                                         @click="weightRemove(item)"
@@ -375,6 +375,8 @@
         <g-spec-modal ref="spec" @change="modalCartChange()"></g-spec-modal>
         <!-- 称重 -->
         <g-weigh-modal ref="weigh" @change="modalWeighChange()"></g-weigh-modal>
+        <!-- 称重 -->
+        <g-weigh-modal2 ref="weighWuMa" @change="modalWeighChange()"></g-weigh-modal2>
         <!-- 挂单 -->
         <uni-popup ref="popupCache" type="dialog">
             <uni-popup-dialog
@@ -418,6 +420,7 @@ import config from "../../../common/js/config";
 import MyShare from "../../../components/share/index";
 import GSpecModal from "./specModal";
 import GWeighModal from "./weighModal";
+import GWeighModal2 from "./weighModal2";
 export default {
     name: "",
     filters: {
@@ -439,6 +442,7 @@ export default {
         uniPopupSpec,
         GSpecModal,
         GWeighModal,
+        GWeighModal2
     },
     // 数据
     data() {
@@ -763,11 +767,10 @@ export default {
             this.selectList = arr;
         },
 
-        weightRemove(val){
+        weightRemove(val) {
             let arr = [];
             for (let item of this.selectList) {
                 if (val.id === item.id) {
-                   
                 } else {
                     arr.push(item);
                 }
@@ -801,9 +804,15 @@ export default {
         },
 
         addNumGood() {
-            this.$refs.popupGood.open({
-                type: "dialog",
-            });
+            if (this.viewWeighGood) {
+                this.$refs.weighWuMa.open(res=>{
+                     this.selectList.push(res);
+                });
+            } else {
+                this.$refs.popupGood.open({
+                    type: "dialog",
+                });
+            }
         },
 
         addNumGoodConfirm(done, value) {
@@ -964,11 +973,11 @@ export default {
             let num = 0;
             for (let item of this.selectList) {
                 // 是否为称重
-                if(item.isWeightGood){
+                if (item.isWeightGood) {
                     let n = (item.price / 100) * item.select_num;
                     n = Number(n.toFixed(2));
-                    num+=n;
-                }else{
+                    num += n;
+                } else {
                     if (item._sku) {
                         num += (item._sku.price / 100) * item.select_num;
                     } else {

src/pages/manage/cashier/weighModal2.vue

@@ -0,0 +1,352 @@
+<template>
+    <div class="g-spec-modal" v-if="show" :class="{ page_red: theme === 1 }">
+        <div class="bg" @click="close"></div>
+        <div class="main">
+            <div class="head">
+                <span class="tit">无码称重商品</span>
+                <span class="close" @click="close">×</span>
+            </div>
+            <ul class="g-list">
+                <li class="g-list__item">
+                    <div class="g-list__title">单价:</div>
+                    <div class="g-list__value">
+                        <input
+                            type="digit"
+                            class="input"
+                            v-model="weighData.price"
+                            placeholder="请输入单价"
+                        />
+                    </div>
+                </li>
+                <li class="g-list__item">
+                    <div class="g-list__title">重量:</div>
+                    <div class="g-list__value">{{ weighData.weight }}kg</div>
+                </li>
+                <li class="g-list__item">
+                    <div class="g-list__title">总价:</div>
+                    <div class="g-list__value">{{ weighData.amt }}元</div>
+                </li>
+                <!-- <li style="text-align: right;">
+                    <span class="refresh" @click="getData">刷新重量</span>
+                </li> -->
+            </ul>
+
+            <div class="modal-bottom">
+                <div class="price">
+                    ￥
+                    <span class="num">{{ weighData.amt }}</span>
+                </div>
+                <div class="btn" @click="addCart">加入列表</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+//#ifdef APP-PLUS
+var testModule = uni.requireNativePlugin("TestModule");
+//#endif
+export default {
+    name: "GSpecModal",
+    components: {},
+    props: {},
+
+    // 数据
+    data() {
+        return {
+            show: false,
+            callBack: "",
+            weighData: {
+                price: 0,
+                weight: "0",
+                amt: "0",
+            },
+        };
+    },
+
+    // 函数
+    methods: {
+        // 打开
+        open(callBack) {
+            const self = this;
+            self.show = true;
+            self.callBack = callBack;
+            this.getData();
+        },
+
+        // 关闭
+        close() {
+            const self = this;
+
+            self.show = false;
+        },
+
+        // 加入购物车
+        addCart() {
+            const self = this;
+
+            if (!this.weighData.weight) {
+                self.fn.showToast("没有称重数据");
+            }else if (!this.weighData.price){
+                self.fn.showToast("请输入商品单价");
+            } else {
+                this.callBack({
+                    _type: "-1",
+                    id: Date.now(),
+                    name: "无码称重商品",
+                    price: this.weighData.price * 100,
+                    select_num: this.weighData.weight,
+                    isWeightGood: true,
+
+                });
+                this.close();
+                this.$forceUpdate();
+            }
+        },
+
+        getData() {
+            // var ret = testModule.open({
+            //     name: "unimp",
+            //     age: 1,
+            // });
+            setInterval(() => {
+                this.getWeight();
+                // this.getPrice();
+                // this.getAmt();
+            }, 300);
+        },
+
+        getWeight() {
+            // var ret = testModule.getWeight({
+            //     name: "unimp",
+            //     age: 1,
+            // });
+            // if (!ret) {
+            //     this.fn.showToast("获取weight错误");
+            // }
+            let ret = { code: "1.340" };
+            this.weighData.weight = ret.code;
+
+            let num = Number(ret.code);
+            if (this.weighData.price) {
+                if (num) {
+                    let amt = num * this.weighData.price;
+                    amt = amt.toFixed(2);
+                    this.weighData.amt = Number(amt);
+                }
+            }
+        },
+        getPrice() {
+            var ret = testModule.getPrice({
+                name: "unimp",
+                age: 1,
+            });
+            if (!ret) {
+                this.fn.showToast("获取price错误");
+            }
+            this.weighData.price = ret.code;
+        },
+        getAmt() {
+            var ret = testModule.getAmt({
+                name: "unimp",
+                age: 1,
+            });
+            if (!ret) {
+                this.fn.showToast("获取Amt错误");
+            }
+            this.weighData.amt = ret.code;
+        },
+    },
+
+    // 数据计算
+    computed: {
+        // 判断主题  1:红色  2：绿色
+        theme() {
+            return this.$store.state.common.theme;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.g-spec-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3000;
+    .bg {
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.3);
+    }
+    .main {
+        background-color: #fff;
+        border-radius: px(30);
+        position: absolute;
+        top: 50%;
+        left: px(100);
+        right: px(100);
+        transform: translate(0, -50%);
+        max-height: 90vh;
+        overflow: auto;
+        z-index: 100;
+        padding: px(40) 0;
+    }
+    .head {
+        font-size: px(44);
+        position: relative;
+        padding-bottom: px(30);
+        border-bottom: 1px solid #f1f1f1;
+        line-height: px(88);
+        padding: 0 px(40);
+        .close {
+            font-size: px(80);
+            color: #666;
+            position: absolute;
+            right: px(40);
+            top: 0%;
+            z-index: 10;
+        }
+        .tit {
+            margin-right: px(80);
+            display: block;
+            @include omit(100%);
+            width: auto;
+        }
+    }
+}
+
+.g-list {
+    padding: 0 px(40) px(50);
+    border-bottom: solid px(3) #fafafa;
+
+    &__item {
+        padding-top: px(40);
+        display: flex;
+        align-items: center;
+    }
+
+    &__title {
+        font-size: px(44);
+        color: #333;
+        margin-right: px(30);
+        color: #999;
+    }
+}
+.refresh {
+    margin-top: px(30);
+
+    display: inline-block;
+    border: 1px solid #d9d9d9;
+    color: #333;
+    width: px(280);
+    height: px(80);
+    font-size: px(34);
+    text-align: center;
+    line-height: px(80);
+    border-radius: px(40);
+}
+
+.modal-bottom {
+    display: flex;
+    margin-top: px(50);
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 px(40);
+    .price {
+        color: #fe6661;
+        font-size: px(40);
+        .num {
+            font-size: px(50);
+        }
+    }
+    .btn {
+        display: block;
+        background-color: #27a34f;
+        color: #fff;
+        width: px(280);
+        height: px(80);
+        font-size: px(34);
+        text-align: center;
+        line-height: px(80);
+        border-radius: px(40);
+    }
+}
+
+.btns {
+    display: flex;
+    align-items: center;
+    .cart-num {
+        // padding: px(30) px(10) px(10) px(30);
+        padding: 0 px(30);
+        box-sizing: border-box;
+        min-width: px(60);
+    }
+    &__add {
+        background-color: #27a34f;
+        width: px(60);
+        height: px(60);
+        border-radius: 50%;
+        // box-shadow: px(1) px(2) px(6) #27a34f;
+        position: relative;
+        &::after,
+        &::before {
+            content: "";
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            z-index: 1;
+            width: 60%;
+            height: px(6);
+            border-radius: px(6);
+            background: #fff;
+        }
+        &::after {
+            transform: translate(-50%, -50%);
+        }
+        &::before {
+            transform-origin: center;
+            transform: translate(-50%, -50%) rotate(90deg);
+        }
+    }
+
+    &__remove {
+        background-color: #fff;
+        width: px(60);
+        height: px(60);
+        border-radius: 50%;
+        border: 1px solid #999;
+        position: relative;
+        &::after {
+            content: "";
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            z-index: 1;
+            width: 60%;
+            height: px(6);
+            border-radius: px(6);
+            background: #999;
+            transform: translate(-50%, -50%);
+        }
+    }
+}
+
+.page_red {
+    .modal-bottom .btn {
+        background-color: #fe6661;
+    }
+    .btns__add {
+        background-color: #fe6661;
+    }
+}
+.input {
+    border: 1px solid #f1f1f1;
+    padding: px(5) px(10);
+}
+</style>