From f65aed1e0c3d89c37796883accf38259bca9d699 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 1 Jul 2024 18:49:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/payUser.vue          |  13 ++--
 src/layout/index.vue                |   5 ++
 src/utils/EscPos.js                 |  15 ++--
 src/views/user/component/add.vue    |  12 +++-
 src/views/user/component/detail.vue | 100 ++++++++++++++++++++------
 src/views/user/component/order.vue  | 108 +++++++++++++++++++++++++++-
 6 files changed, 215 insertions(+), 38 deletions(-)

diff --git a/src/components/payUser.vue b/src/components/payUser.vue
index 06c2721..c4e86d1 100644
--- a/src/components/payUser.vue
+++ b/src/components/payUser.vue
@@ -48,7 +48,8 @@ const changeActive = (e) => {
 
 const form = ref({
     price: 0,
-    uid: ''
+    uid: '',
+    user_ship: '',
 });
 const cart_id = ref([]);
 const isRePay = ref(false);
@@ -107,6 +108,7 @@ const handleEnter = () => {
         }
         userRechangeAmountApi({
             uid: form.value.uid,
+            user_ship: form.value.user_ship,
             price: form.value.price,
             pay_type: pay_type,
             auth_code: input.value,
@@ -123,13 +125,13 @@ const handleEnter = () => {
                 } else {
                     if (res.msg == "用户支付中" && res.code == 1) {
                         ElMessage.warning(res.msg);
-                        mitt.on("pay_success", (e) => {
+                        mitt.on("pay_user_success", (e) => {
                             ElMessage({
                                 message: "支付成功",
                                 type: "success",
                             });
                             setTimeout(() => {
-                                mitt.off("pay_success");
+                                mitt.off("pay_user_success");
                             }, 200);
                             drawer.value = false;
                             beforeClose(e);
@@ -175,13 +177,13 @@ const orderPay = () => {
         } else {
             if (res.msg == "用户支付中" && res.code == 1) {
                 ElMessage.warning(res.msg);
-                mitt.on("pay_success", (e) => {
+                mitt.on("pay_user_success", (e) => {
                     ElMessage({
                         message: "支付成功",
                         type: "success",
                     });
                     setTimeout(() => {
-                        mitt.off("pay_success");
+                        mitt.off("pay_user_success");
                     }, 200);
                     drawer.value = false;
                     beforeClose(e);
@@ -323,6 +325,7 @@ const cashBnt = () => {
     else 
         userRechangeAmountApi({
             uid: form.value.uid,
+            user_ship: form.value.user_ship,
             price: form.value.price,
             pay_type: 17,
         })
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 65f3377..d58e72e 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -5,6 +5,7 @@ import { ref, nextTick, onMounted, onUnmounted } from "vue";
 import mitt from "@/utils/mitt.js";
 import { useUserStore } from "@/store/user.js";
 import { Push } from "@/common/push.js";
+import { ElMessage } from "element-plus";
 
 const userStore = useUserStore();
 const connection = new Push({
@@ -30,6 +31,9 @@ user_channel.on('message', function (data) {
     if (data?.content?.type == 'platform_print') {
       mitt.emit('letPrintReceipt', data?.content?.data);
     }
+    if (data?.content?.msg == '订单支付成功') {
+      mitt.emit('pay_user_success', data?.content?.data);
+    }
   } catch (error) {
 
   }
@@ -45,6 +49,7 @@ user_channel.on('close', function () {
 
 const KeyboardEvent = (e) => {
   console.log('按下', e.keyCode);
+//   ElMessage.warning('按下', e.keyCode)
   if (e.keyCode == 16) mitt.emit('shift');
   if (e.keyCode == 120) mitt.emit('F9');
   if (e.keyCode == 13) mitt.emit('enter');
diff --git a/src/utils/EscPos.js b/src/utils/EscPos.js
index df1d8db..b9282f8 100644
--- a/src/utils/EscPos.js
+++ b/src/utils/EscPos.js
@@ -113,10 +113,10 @@ const testObj = {
 
 export const printTicket = (obj = {}, test = false) => {
     let str = "";
-    if(!obj || !obj.order_id) obj = testObj;
+    if (!obj || !obj.order_id) obj = testObj;
     str += Esc.Size2(2) + Esc.Center() + Esc.boldFontOn() + obj.system_store_name + Esc.Size1() + "\n";
     str += Esc.fillLine(" ") + Esc.boldFontOff() + "\n";
-    if(obj.shipping_type) str += Esc.Left() + "核销码: " + Esc.boldFontOn() + obj.verify_code + Esc.boldFontOff() + "\n";
+    if (obj.shipping_type) str += Esc.Left() + "核销码: " + Esc.boldFontOn() + obj.verify_code + Esc.boldFontOff() + "\n";
     str += Esc.Left() + "单号: " + obj.order_id + "\n";
     str += Esc.Left() + "下单时间: " + obj.create_time + "\n";
 
@@ -128,19 +128,22 @@ export const printTicket = (obj = {}, test = false) => {
         str += Esc.Left() + item.store_name + "\n";
         let total = +item.price || 0;
         total *= +item.cart_num;
-        str += Esc.inline3(`${item.price || '0.00'}元`, `${item.cart_num}${item.unit_name||''}`, `${total}元`, " ", 1) + "\n";
+        str += Esc.inline3(`${item.price || '0.00'}元`, `${item.cart_num}${item.unit_name || ''}`, `${total}元`, " ", 1) + "\n";
     })
 
     str += Esc.fillLine("=") + "\n";
 
-    // str += Esc.Left() + "合计: " + obj.total_price + "元" + "\n";
-    str += Esc.Left() + "合计: " + obj.pay_price + "元" + "\n";
+    if (obj.deduction_price) { // 有优惠
+        str += Esc.Left() + "合计: " + obj.total_price + "元" + "\n";
+        str += Esc.Left() + "优惠: " + obj.deduction_price + "元" + "\n";
+    }
+    else str += Esc.Left() + "合计: " + obj.pay_price + "元" + "\n";
     str += Esc.Left() + "实付款: " + obj.pay_price + "元" + "\n";
     str += Esc.Left() + "支付方式: " + obj.pay_type_name + "\n";
     // str += Esc.Left() + "支付单号: " + obj.order_id + "\n";
     str += Esc.Left() + "店铺电话: " + obj.system_store_phone + "\n";
 
-    if(obj.shipping_type == 1){ // 快递
+    if (obj.shipping_type == 1) { // 快递
         str += Esc.fillLine("=") + "\n";
         str += Esc.Left() + "收货人: " + obj.real_name + "\n";
         str += Esc.Left() + "收货电话: " + obj.user_phone + "\n";
diff --git a/src/views/user/component/add.vue b/src/views/user/component/add.vue
index 72eda92..78d2236 100644
--- a/src/views/user/component/add.vue
+++ b/src/views/user/component/add.vue
@@ -120,7 +120,9 @@ const props = {
 const userShip = ref([])
 const getUserShip = () => {
     userShipApi().then(res => {
-        userShip.value = res.data.lists;
+        userShip.value = res.data.lists?.filter((item) => {
+            return item.id == 0 || item.id == 4
+        });
     })
 }
 getUserShip()
@@ -142,6 +144,12 @@ const addUser = () => {
             forms.brigade = formDataInfo.selectedValues[4]
             forms.store_id = userStore.userInfo.store_id;
             userAddApi(forms).then(res=>{
+                formDataInfo.mobile = '';
+                formDataInfo.code = '';
+                formDataInfo.user_ship = '';
+                formDataInfo.real_name = '';
+                formDataInfo.selectedValues = [];
+                formDataRef.value.resetFields();
                 emit('close')
             })
         }
@@ -188,7 +196,7 @@ defineExpose({
             </el-form-item>
             <el-form-item label="用户类型" prop="user_ship">
                 <el-select v-model="formDataInfo.user_ship" placeholder="请选择用户类型" style="width: 100%;">
-                    <el-option v-for="item in userShip" :key="item.id" :label="item.title" :value="item.id" :disabled="item.id==1||item.id==2||item.id==3" />
+                    <el-option v-for="item in userShip" :key="item.id" :label="item.title" :value="item.id" />
                 </el-select>
             </el-form-item>
             <el-form-item label="用户地址" prop="selectedValues">
diff --git a/src/views/user/component/detail.vue b/src/views/user/component/detail.vue
index a53d658..5472fb1 100644
--- a/src/views/user/component/detail.vue
+++ b/src/views/user/component/detail.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, onUnmounted, ref } from "vue";
+import { nextTick, onMounted, onUnmounted, ref } from "vue";
 import { useUserStore } from "@/store/user.js";
 import { ElMessage } from "element-plus";
 import { useRouter } from "vue-router";
@@ -35,6 +35,7 @@ const toPay = () => {
         data: {
             uid: formData.value.id,
             price: payInfo.value.price,
+            user_ship: formData.value.user_ship
         }
     });
     payRef.value.drawer = true;
@@ -305,14 +306,53 @@ const getUserInfo = () => {
 const dialogFormShip = ref(false);
 const shipForm = ref({
     user_ship: '',
+    user_ship_name: '',
     limit: '',
     money: '',
+    type: '',
 })
-const onUpdateShip = ()=>{
-    console.log('变化', shipForm.value.money);
+const onUpdateShip = () => {
+    shipForm.value.money = Number(shipForm.value.money).toFixed(2);
+    if (+shipForm.value.money < +shipForm.value.limit || +shipForm.value.money > 10000) {
+        +shipForm.value.limit > 0 ? shipForm.value.money = shipForm.value.limit : shipForm.value.money = '';
+        // return ElMessage.error(`该类型至少需要充值${shipForm.value.limit}元`)
+    }
 }
-const changeShip = (e)=>{
-    console.log('changeShip', shipForm.value.user_ship, e);
+const changeShip = (e) => {
+    let t = userShip.value.find(item => item.id == e);
+    if (t) {
+        shipForm.value.limit = t.limit;
+        shipForm.value.user_ship_name = t.title;
+        shipForm.value.money = t.limit;
+    }
+}
+const shipRecharge = () => {
+    if (shipForm.value.user_ship === '' || shipForm.value.user_ship === null || shipForm.value.user_ship === undefined) return ElMessage.error("请选择会员类型");
+    if (shipForm.value.money == 0 || shipForm.value.money == '') return ElMessage.error("请输入充值金额");
+    if (+shipForm.value.money < +shipForm.value.limit || +shipForm.value.money > 10000) {
+        +shipForm.value.limit > 0 ? shipForm.value.money = shipForm.value.limit : shipForm.value.money = '';
+        return ElMessage.error(`该类型至少需要充值${shipForm.value.limit}元`)
+    }
+    payRef.value.setForm({
+        data: {
+            uid: formData.value.id,
+            price: shipForm.value.money,
+            user_ship: shipForm.value.user_ship
+        }
+    });
+    payRef.value.drawer = true;
+    nextTick(() => {
+        dialogFormShip.value = false;
+    })
+}
+const rechargeMoney = (type) => {
+    shipForm.value.type = type;
+    if (type == 'add') {
+        shipForm.value.user_ship = formData.value.user_ship;
+        shipForm.value.user_ship_name = formData.value.user_ship_name;
+        changeShip(shipForm.value.user_ship)
+    }
+    dialogFormShip.value = true;
 }
 
 onMounted(() => {
@@ -329,6 +369,13 @@ onMounted(() => {
         })
         getAddress();
         initProduct(true);
+        shipForm.value = {
+            user_ship: '',
+            user_ship_name: '',
+            limit: '',
+            money: '',
+            type: ''
+        }
     });
 });
 
@@ -409,17 +456,18 @@ onUnmounted(() => {
                         <div class="info-item-title">用户类型:</div>
                         <div class="info-item-info">
                             <template v-if="updateShip == false">
-                                <el-tag type="primary" size="large" v-if="formData.user_ship != 1">{{
-                                    formData.user_ship_name
-                                }}</el-tag>
+                                <el-tag type="primary" size="large"
+                                    v-if="formData.user_ship == 0 || formData.user_ship == 4">{{
+                                        formData.user_ship_name
+                                    }}</el-tag>
                                 <el-tag type="success" size="large" v-else>{{ formData.user_ship_name }}</el-tag>
-                                <el-button type="primary" v-if="formData.user_ship != 1" style="margin-left: 1rem;"
-                                    @click="updateShip = true">修改</el-button>
+                                <el-button type="primary" v-if="formData.user_ship == 0 || formData.user_ship == 4"
+                                    style="margin-left: 1rem;" @click="updateShip = true">修改</el-button>
                             </template>
                             <template v-else>
                                 <el-select v-model="formData.user_ship" placeholder="请选择用户类型" style="width: 10rem;">
                                     <el-option v-for="item in userShip" :key="item.id" :label="item.title"
-                                        :value="item.id" :disabled="item.id == 1 || item.id == 2 || item.id == 3" />
+                                        :value="item.id" :disabled="item.id != 0 && item.id != 4" />
                                 </el-select>
                                 <el-button type="primary" style="margin-left: 1rem;"
                                     @click="updateUserShip">确认</el-button>
@@ -460,10 +508,13 @@ onUnmounted(() => {
                             @click="updateAddress">确认</el-button>
                         <el-button v-if="!isDisabled" style="margin-left: 1rem;" @click="cancelUpdate">取消</el-button>
                     </div>
-                    <el-button type="primary" class="big-btn" @click="dialogFormShip = true">成为会员</el-button>
+                    <el-button v-if="formData.user_ship != 0 && formData.user_ship != 4" type="success" class="big-btn"
+                        size="large" @click="rechargeMoney('add')">增加经营资金</el-button>
+                    <el-button v-else type="primary" class="big-btn" size="large"
+                        @click="rechargeMoney('recharge')">成为会员</el-button>
                 </div>
-                <!-- <div class="table-title">供销经营礼包<span class="tips">首次购买1000元以上成为行业会员</span></div>
-                <div class="table-info">
+                <!-- <div class="table-title" v-if="formData.user_ship != 0 && formData.user_ship != 4">供销经营礼包</div>
+                <div class="table-info" v-if="formData.user_ship != 0 && formData.user_ship != 4">
                     <div class="pay-btn">
                         <div class="pay-item" :class="{ 'pay-item-active': payInfo.type == 1 }"
                             @click="payInfo.type = 1">
@@ -547,29 +598,35 @@ onUnmounted(() => {
                 </div>
             </template>
         </el-dialog>
-        <el-dialog v-model="dialogFormShip" title="成为会员" width="500">
+        <el-dialog v-model="dialogFormShip" :title="shipForm.type == 'add' ? '增加经营资金' : '成为会员'" width="500">
             <el-form :model="shipForm" label-width="80px">
                 <el-form-item label="手机号:">
                     <el-input v-model="formData.phone" autocomplete="off" readonly />
                 </el-form-item>
-                <el-form-item label="会员类型:">
+                <el-form-item label="手机号:" v-if="shipForm.type == 'add'">
+                    <el-input v-model="shipForm.user_ship_name" autocomplete="off" readonly />
+                </el-form-item>
+                <el-form-item label="会员类型:" v-else required>
                     <el-select v-model="shipForm.user_ship" placeholder="请选择用户类型" style="flex: 1" @change="changeShip">
                         <el-option v-for="item in userShip" :key="item.id" :label="item.title" :value="item.id"
-                            :disabled="item.id == 0" />
+                            :disabled="item.id == 0 || item.id == 4" />
                     </el-select>
                 </el-form-item>
-                <el-form-item label="充值金额:">
+                <el-form-item label="充值金额:" required>
                     <!-- <input type="number" class="ship-input" v-model="payInfo.price" placeholder="自定义金额"> -->
-                    <el-input v-model="shipForm.money" type="number" @blur="onUpdateShip" autocomplete="off">
+                    <el-input v-model="shipForm.money" type="number" @blur="onUpdateShip" @focus="shipForm.money = ''"
+                        autocomplete="off">
                         <template #prepend>￥</template>
                         <template #append>元</template>
                     </el-input>
+                    <span v-if="shipForm.limit">{{ `${shipForm.user_ship_name}角色至少要充值${shipForm.limit}元, 最大不超过10000元`
+                        }}</span>
                 </el-form-item>
             </el-form>
             <template #footer>
                 <div class="dialog-footer">
                     <el-button @click="dialogFormShip = false">取消</el-button>
-                    <el-button type="primary" @click="onOutPut">
+                    <el-button type="primary" @click="shipRecharge">
                         确认
                     </el-button>
                 </div>
@@ -728,7 +785,6 @@ onUnmounted(() => {
             .big-btn {
                 margin-top: 1rem;
                 width: 100%;
-                height: 3rem;
                 border-radius: 3rem;
             }
         }
@@ -768,7 +824,7 @@ onUnmounted(() => {
         box-shadow: none;
     }
 
-    .ship-input{
+    .ship-input {
         width: 100%;
         text-align: center;
         font-size: 2rem;
diff --git a/src/views/user/component/order.vue b/src/views/user/component/order.vue
index 2fae689..1f6d6ba 100644
--- a/src/views/user/component/order.vue
+++ b/src/views/user/component/order.vue
@@ -10,6 +10,7 @@ import { useRouter } from "vue-router";
 import mitt from "@/utils/mitt.js";
 import moment from "moment";
 import add from './add.vue';
+import { apiProvince, apiCity, apiArea, apiStreet, apiVillage, apiBrigade } from '@/api/public'
 
 const userStore = useUserStore();
 const props = defineProps({
@@ -30,6 +31,7 @@ const where = ref({
     page_size: 20,
     mobile: "",
     user_ship: "",
+    street: null
 });
 
 const loading = ref(false);
@@ -89,6 +91,101 @@ getUserShip()
 const resetWhere = ()=>{
     where.value.mobile = "";
     where.value.user_ship = "";
+    where.value.street = null;
+    selectedValues.value = [];
+    getOrderList(true);
+}
+
+
+const selectedValues = ref([])
+const options = ref([]);
+// 异步加载数据的方法
+const loadOptions = async (node, resolve) => {
+    const level = node.level;
+    let response;
+    if (level !== 0 && !node.data.code) return resolve([]);
+    // if (level === 0) {
+    //     response = await apiProvince();
+    //     response = response.data.map((item) => {
+    //         return {
+    //             code: item.province_code,
+    //             name: item.province_name
+    //         }
+    //     })
+    // } else 
+    if (level === 0) {
+        response = await apiCity({
+            province_code: 510000 // 四川省
+        });
+        response = response.data.map((item) => {
+            return {
+                code: item.city_code,
+                name: item.city_name
+            }
+        })
+    } else if (level === 1) {
+        response = await apiArea({
+            city_code: node.data.code
+        });
+        response = response.data.map((item) => {
+            return {
+                code: item.area_code,
+                name: item.area_name
+            }
+        })
+    }
+    else if (level === 2) {
+        response = await apiStreet({
+            area_code: node.data.code
+        });
+        response = response.data.map((item) => {
+            return {
+                code: item.street_code,
+                name: item.street_name,
+                leaf: true
+            }
+        })
+    }
+    else if (level === 3) {
+        response = await apiVillage({
+            street_code: node.data.code
+        });
+        response = response.data.map((item) => {
+            return {
+                code: item.village_code,
+                name: item.village_name,
+            }
+        })
+    }
+    else if (level === 4) {
+        response = await apiBrigade({
+            village_code: node.data.code
+        });
+        response = response.data.map((item) => {
+            return {
+                code: item.id,
+                name: item.brigade_name,
+                leaf: true
+            }
+        })
+    }
+
+    resolve(response);
+};
+const propOptions = {
+    value: 'code',
+    label: 'name',
+    children: 'children',
+    multiple: false,
+    lazy: true,
+    lazyLoad: loadOptions
+};
+const changeAddress = ()=>{
+    if(selectedValues.value.length){
+        where.value.street = selectedValues.value[selectedValues.value.length - 1];
+    }else{
+        where.value.street = "";
+    }
     getOrderList(true);
 }
 
@@ -119,8 +216,13 @@ onUnmounted(() => {
             </el-select>
             <el-button @click="resetWhere" style="margin-left: 1rem;">重置</el-button>
         </div>
+        <div class="header-row">
+            <div class="label">用户地区</div>
+            <el-cascader style="flex: 1;" :options="options" v-model="selectedValues"
+                            :props="propOptions" :load="loadOptions" class="w-full" @change="changeAddress" />
+        </div>
         <div class="header-input">
-            <el-input v-model="where.mobile" placeholder="搜索手机号/ID" @keydown.enter="getOrderList(true)"
+            <el-input v-model="where.mobile" placeholder="搜索手机号" @keydown.enter="getOrderList(true)"
                 @clear="getOrderList(true)" clearable>
                 <template #append>
                     <el-button type="primary" style="
@@ -138,7 +240,7 @@ onUnmounted(() => {
                 <el-avatar class="avatar" :src="item.avatar" />
                 <div style="display: flex; flex-direction: column; justify-content: space-around;flex:1;">
                     <div class="top flex">
-                        <div class="r-1"><span class="bold">{{ item.nickname }}</span><span>{{ ' (ID:' + item.id
+                        <div class="r-1"><span class="bold">{{ item.real_name || item.nickname }}</span><span>{{ ' (ID:' + item.id
                                 +')'}}</span>
                         </div>
                         <div>手机号: {{ item.mobile }}</div>
@@ -150,7 +252,7 @@ onUnmounted(() => {
                         <div>返还金: <span class="red">{{ item.return_money?.toFixed(2) }}</span></div>
                         <div>礼品券: <span class="red">{{ item.get_frozen?.toFixed(2) }}</span></div>
                         <div>
-                            <el-tag type="primary" v-if="item.user_ship != 1">{{ item.user_ship_name }}</el-tag>
+                            <el-tag type="primary" v-if="item.user_ship == 0 || item.user_ship == 4">{{ item.user_ship_name }}</el-tag>
                             <el-tag type="success" v-else>{{ item.user_ship_name }}</el-tag>
                         </div>
                     </div>