新增抖音团购券核销

.env.development

@@ -11,10 +11,6 @@ VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
 # 阿伟本地ws
 # VITE_API_WSS = 'ws://192.168.2.17:9998/client'
 
-
-# 测试 php
-# VITE_API_PHP_URL = 'http://192.168.2.33:1666/index.php/api'
-
 # 正式 php
 VITE_API_PHP_URL = 'http://czgdoumei.sxczgkj.com/index.php/api'
 

.env.production

@@ -4,17 +4,8 @@ ENV = production
 # 正式ws
 VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
 
-#测试ws
-# VITE_API_WSS = 'wss://wxcashiertest.sxczgkj.cn/client'
-
-# 测试 php
-# VITE_API_PHP_URL = 'http://192.168.2.33:1666/index.php/api'
-
 # 正式 php
 VITE_API_PHP_URL = 'http://czgdoumei.sxczgkj.com/index.php/api'
 
-# 测试
-# VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
-
 # 线上环境接口地址
 VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client/'

.env.test

@@ -0,0 +1,17 @@
+# 线上环境
+ENV = test
+
+#测试ws
+# VITE_API_WSS = 'wss://wxcashiertest.sxczgkj.cn/client'
+
+# 正式ws
+VITE_API_WSS = 'wss://cashier.sxczgkj.cn/client'
+
+# 正式 php
+VITE_API_PHP_URL = 'http://czgdoumei.sxczgkj.com/index.php/api'
+
+# 测试
+# VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
+
+# 正式
+VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client'

package.json

@@ -1,11 +1,12 @@
 {
 	"name": "vite-electron",
 	"private": true,
-	"version": "1.4.3",
+	"version": "1.4.6",
 	"main": "dist-electron/main.js",
 	"scripts": {
 		"dev": "chcp 65001 && vite",
 		"build": "node ./addVersion.js && vite build && electron-builder",
+		"build:test": "vite build --mode test && electron-builder",
 		"preview": "vite preview",
 		"build:win": "node ./addVersion.js && vite build && electron-builder --w"
 	},

src/App.vue

@@ -171,8 +171,8 @@ const updateInfo = _.throttle(function () {
   // let info = navigator.connection
   console.log(isOnLine);
   // console.log(info);
-  if (store.userInfo && store.userInfo.shopId) { 
+  if (store.userInfo && store.userInfo.shopId) {
-    if (isOnLine) {  
+    if (isOnLine) {
       console.log('有网了重新连接ws~');
       socket.init();
     } else {
@@ -193,7 +193,6 @@ onMounted(() => {
   }
 
   ipcRenderer.on('showCloseDialog', (event, arg) => {
-    console.log('阻止系统关闭软件');
     ElMessageBox.confirm("确定要关闭软件吗？")
       .then(() => {
         ipcRenderer.send("quitHandler", "退出吧");

src/api/group.js

@@ -119,3 +119,29 @@ export function douyinfulfilmentcertificatecancel(data) {
     data,
   });
 }
+
+/**
+ * 门店列表
+ * @param {*} data
+ * @returns
+ */
+export function douyinstorelist(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/storelist",
+    data,
+  });
+}
+
+/**
+ * 绑定门店
+ * @param {*} data
+ * @returns
+ */
+export function douyinbindstore(data) {
+  return request_php({
+    method: "post",
+    url: "douyin/bindstore",
+    data,
+  });
+}

src/utils/request_php.js

@@ -7,7 +7,7 @@ const service = axios.create({
   baseURL:
     import.meta.env.MODE == "development"
       ? "/php/"
-      : import.meta.env.VITE_API_URL,
+      : import.meta.env.VITE_API_PHP_URL,
   // withCredentials: true, // 跨域请求时发送 cookies
   timeout: 5000, // 请求超时
 });

src/views/group_buy/components/bindShop.vue

@@ -0,0 +1,104 @@
+<template>
+    <el-dialog title="绑定门店" v-model="showDialog" width="80%">
+        <div class="dialog">
+            <div class="tips">注意：门店绑定后无法更改，请谨慎选择</div>
+            <el-table :data="tableData.list" height="240px" border v-loading="tableData.loading">
+                <el-table-column label="门店名称" prop="poi_name"></el-table-column>
+                <el-table-column label="门店地址" prop="address"></el-table-column>
+                <el-table-column label="操作" width="120px">
+                    <template v-slot="scope">
+                        <el-button type="primary" size="small"
+                            @click="bindShopHandle(scope.row.poi_id)">选择门店</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="pagination">
+                <el-pagination @current-change="paginationChange" :current-page="tableData.page"
+                    :page-size="tableData.size" layout="total, prev, pager, next, jumper" :total="tableData.total"
+                    background>
+                </el-pagination>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+import { onMounted, reactive, ref } from 'vue';
+import { douyinstorelist, douyinbindstore } from '@/api/group.js'
+
+const emits = defineEmits(['success'])
+
+const showDialog = ref(false)
+
+const tableData = reactive({
+    page: 1,
+    size: 10,
+    total: 0,
+    loading: false,
+    list: []
+})
+
+// 绑定门店
+async function bindShopHandle(poi_id) {
+    try {
+        await douyinbindstore({
+            poi_id: poi_id
+        })
+        showDialog.value = false
+        ElMessage.success('绑定成功')
+        emits('success')
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 分页变化
+function paginationChange(e) {
+    tableData.page = e
+    getTableData()
+}
+
+// 获取门店列表
+async function getTableData() {
+    try {
+        tableData.loading = true
+        const { list, count } = await douyinstorelist({
+            page: tableData.page,
+            size: tableData.size
+        })
+        tableData.loading = false
+        tableData.list = list
+        tableData.total = count
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+// 显示
+function show() {
+    showDialog.value = true;
+    getTableData()
+}
+
+defineExpose({
+    show
+})
+</script>
+
+<style scoped lang="scss">
+.tips {
+    color: var(--el-color-danger);
+    padding-bottom: 14px;
+}
+
+.pagination {
+    display: flex;
+    padding: 0 14px;
+    margin-top: 14px;
+}
+
+.dialog {
+    padding: 14px;
+}
+</style>

src/views/group_buy/components/scanGroup.vue

@@ -2,7 +2,7 @@
 
 <template>
     <div class="dialog">
-        <el-dialog :title="`核销${props.title}团购券`" width="600" v-model="dialogVisible" @open="reset">
+        <el-dialog :title="`核销${props.title}团购券`" width="600" v-model="dialogVisible" @open="reset" @close="close">
             <div class="content">
                 <div class="left">
                     <el-image :src="icon" style="width: 60px; height: 60px"></el-image>
@@ -79,8 +79,7 @@
                             </template>
                         </el-table-column>
                     </el-table>
-                    <el-table ref="douyin_table" :data="groupDetail.goods" border v-if="props.type == 2"
+                    <el-table ref="douyin_table" :data="groupDetail.goods" border v-if="props.type == 2">
-                        @selection-change="douyinSelectionChange">
                         <el-table-column type="selection" width="55" />
                         <el-table-column label="名称" prop="title"></el-table-column>
                         <el-table-column label="价格" prop="amount"></el-table-column>
@@ -93,6 +92,7 @@
                     @click="groupOrdergroupScanHandle">确认核销</el-button>
             </div>
         </el-dialog>
+        <BindShop ref="BindShopRef" @success="submitHandle()" />
     </div>
 </template>
 
@@ -102,6 +102,8 @@ import { ref } from "vue";
 import icon from "@/assets/icon_scan.png";
 import { groupOrderorderInfo, groupOrdergroupScan, douyinfulfilmentcertificateprepare, douyincertificateprepare } from '@/api/group'
 import { useUser } from "@/store/user.js";
+import BindShop from './bindShop.vue'
+const BindShopRef = ref(null)
 const store = useUser();
 import {
     queryMembermember,
@@ -110,6 +112,10 @@ import {
     accountPaymember,
 } from "@/api/member/index.js";
 import { ElMessage } from "element-plus";
+
+import { useGlobal } from '@/store/global.js'
+const global = useGlobal()
+
 const emits = defineEmits(["success"]);
 
 const props = defineProps({
@@ -152,7 +158,8 @@ async function groupOrdergroupScanHandle() {
             case 2:
                 {
                     groupDetailLoading.value = true
-                    let encrypted_codes = groupDetail.value.goods.map(item => item.encrypted_code)
+                    let encrypted_codes = douyin_table.value.getSelectionRows().map(item => item.encrypted_code)
+                    console.log(encrypted_codes);
                     const res = await douyincertificateprepare({
                         verify_token: groupDetail.value.verify_token,
                         encrypted_codes: encrypted_codes.join(','),
@@ -171,17 +178,12 @@ async function groupOrdergroupScanHandle() {
         emits('succcess')
     } catch (error) {
         groupDetailLoading.value = false
-        console.log(error);
+        console.log('groupOrdergroupScanHandle.error', error);
     }
 }
 
 const douyin_table = ref(null)
 
-// 选择要核销的券
-function douyinSelectionChange(e) {
-    console.log(e);
-}
-
 // 核销券码
 async function submitHandle() {
     try {
@@ -202,6 +204,7 @@ async function submitHandle() {
                     const res = await douyinfulfilmentcertificateprepare({
                         object_id: decodeURI(scanCode.value),
                     });
+                    dialogVisible.value = false
                     loading.value = false
                     groupDetail.value = res
                     detailVisible.value = true
@@ -217,7 +220,10 @@ async function submitHandle() {
         }
     } catch (error) {
         loading.value = false
-        console.log(error);
+        console.log('submitHandle.error', error);
+        if (error.code == 4399) {
+            BindShopRef.value.show()
+        }
     }
 }
 
@@ -255,6 +261,7 @@ const inputChange = _.debounce(function (e) {
 }, 500);
 
 function show() {
+    global.updateData(true)
     dialogVisible.value = true;
     setTimeout(() => {
         inputRef.value.focus();
@@ -262,6 +269,7 @@ function show() {
 }
 
 function close() {
+    global.updateData(false)
     dialogVisible.value = false;
 }
 
@@ -274,6 +282,7 @@ defineExpose({
     show,
     close,
     loading,
+    submitHandle
 });
 </script>
 

src/views/group_buy/index.vue

@@ -3,7 +3,7 @@
         <div class="cart_wrap card">
             <div class="header">
                 <div class="left">
-                    <el-select v-model="tableData.type" placeholder="核销类型">
+                    <el-select v-model="tableData.type" placeholder="核销类型" @change="typeChange">
                         <el-option v-for="item in typeList" :key="item.value" :value="item.value"
                             :label="item.label"></el-option>
                     </el-select>
@@ -79,14 +79,16 @@
                         <template v-slot="scope">
                             <div class="goods_list">
                                 <div class="row" v-for="item in scope.row.douyinCodeGoods" :key="item.id">
-                                    <div class="item" style="flex: 1;white-space: nowrap;margin-right: 10px;">
+                                    <div class="item" style="width: 240px;">
                                         {{ item.title }}
                                     </div>
-                                    <div class="item" style="flex: 1;margin-right: 10px;color: var(--primary-color);">
+                                    <div class="item" style="width: 100px;color: var(--primary-color);">
                                         ￥{{ item.pay_amount }}
                                     </div>
-                                    <div class="item" style="margin-right: 10px;">
+                                    <div class="item"
-                                        <el-tag type="success" disable-transitions size="default" effect="light" round>
+                                        style="margin-right: 10px;display: flex;justify-content: flex-end;">
+                                        <el-tag :type="typeStatus(item.status)" disable-transitions size="default"
+                                            effect="light" round>
                                             {{ item.status_text }}
                                         </el-tag>
                                     </div>
@@ -102,8 +104,7 @@
             </div>
             <div class="pagination">
                 <el-pagination @current-change="paginationChange" :current-page="tableData.page"
-                    :page-size="tableData.size" layout="total, prev, pager, next, jumper" :total="tableData.total"
+                    :page-size="tableData.size" layout="total, prev, pager, next" :total="tableData.total" background>
-                    background>
                 </el-pagination>
             </div>
         </div>
@@ -121,6 +122,7 @@ import { ref, onMounted, reactive } from 'vue'
 import scanGroup from './components/scanGroup.vue'
 import refundDialog from './components/refundDialog.vue'
 import { useUser } from "@/store/user.js"
+import BindShop from './components/bindShop.vue'
 const store = useUser()
 
 import { useGlobal } from '@/store/global.js'
@@ -129,10 +131,19 @@ const global = useGlobal()
 const scanGroupRef = ref(null)
 const refundDialogRef = ref(null)
 
+function typeStatus(t) {
+    const m = {
+        0: 'warning',
+        1: 'success',
+        2: 'danger'
+    }
+    return m[t]
+}
+
 const tableData = reactive({
     resetLoading: false,
     proName: '',
-    type: 1,
+    type: 2,
     status: '',
     loading: false,
     list: [],
@@ -162,7 +173,8 @@ const typeList = reactive([
     }
 ])
 
-const statusList = reactive([
+// 本店团购订单状态
+const originStatus = [
     {
         value: 'unpaid',
         label: '待付款'
@@ -187,7 +199,39 @@ const statusList = reactive([
         value: 'cancelled',
         label: '已取消'
     }
-])
+]
+
+// 抖音美团
+const dmStatus = [
+    {
+        value: 0,
+        label: '等待验券'
+    },
+    {
+        value: 1,
+        label: '成功'
+    },
+    {
+        value: 2,
+        label: '失败'
+    }
+]
+
+const statusList = ref([])
+
+// 切换筛选条件
+function typeChange(e) {
+    switch (e) {
+        case 1:
+            statusList.value = [...originStatus]
+            break;
+        case 2:
+            statusList.value = [...dmStatus]
+            break;
+        default:
+            break;
+    }
+}
 
 // 状态
 function statusFilter(t) {
@@ -243,7 +287,9 @@ async function groupOrderlistAjax() {
             case 2:
                 // 获取抖音团购数据
                 res = await douyinorderlist({
-                    page: tableData.page
+                    page: tableData.page,
+                    status: tableData.status,
+                    d_order_id: tableData.proName
                 })
                 tableData.resetLoading = false
                 tableData.loading = false
@@ -260,6 +306,7 @@ async function groupOrderlistAjax() {
 }
 
 onMounted(() => {
+    typeChange(tableData.type)
     groupOrderlistAjax()
 })
 </script>

src/views/login.vue

@@ -22,7 +22,16 @@
             <el-input v-model="form.loginName" placeholder="请输入11位手机号码"></el-input>
           </el-form-item>
           <el-form-item label="登录密码" prop="password">
-            <el-input v-model="form.password" type="password" placeholder="请输入登录密码"></el-input>
+            <el-input v-model="form.password" :type="passwordType" placeholder="请输入登录密码">
+              <template #suffix>
+                <el-icon class="el-input__icon" v-if="passwordType == 'password'" @click="passwordType = 'text'">
+                  <Hide />
+                </el-icon>
+                <el-icon class="el-input__icon" v-else @click="passwordType = 'password'">
+                  <View />
+                </el-icon>
+              </template>
+            </el-input>
           </el-form-item>
           <!-- <el-form-item>
             <div style="width: 100%; display: flex; justify-content: flex-end">
@@ -54,7 +63,8 @@
 import packageData from "../../package.json";
 import logo from "@/assets/logo.png";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { reactive, ref } from "vue";
+import { Hide, View } from '@element-plus/icons-vue'
+import { onMounted, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { ipcRenderer } from "electron";
 import { RandomNumBoth } from "@/utils";
@@ -69,6 +79,7 @@ const socket = useSocket();
 const router = useRouter();
 const formRef = ref(null);
 const loading = ref(false);
+const passwordType = ref('password')
 
 const form = reactive({
   serialNumber: RandomNumBoth(1000, 9999),
@@ -110,12 +121,6 @@ const submitHandle = () => {
       store
         .userlogin(form)
         .then(async (res) => {
-          // const douyin = await douyincheckIn({
-          //   token: res.token,
-          //   loginName: res.loginName,
-          //   clientType: 'pc'
-          // })
-          // useStorage.set('douyin', douyin.userInfo)
           ElMessage.success("登录成功");
           socket.init();
           setTimeout(() => {
@@ -123,6 +128,12 @@ const submitHandle = () => {
               name: "home",
             });
           }, 1000);
+          const douyin = await douyincheckIn({
+            token: res.token,
+            loginName: res.loginName,
+            clientType: 'pc'
+          })
+          useStorage.set('douyin', douyin.userInfo)
         })
         .catch((err) => {
           loading.value = false;
@@ -138,6 +149,10 @@ const logout = () => {
     })
     .catch(() => { });
 };
+
+onMounted(() => {
+  passwordType.icon = Hide
+})
 </script>
 
 <style scoped lang="scss">

src/views/work/index.vue

@@ -215,6 +215,7 @@ const exit = async () => {
                 // useStorage.clear()
                 useStorage.del('userInfo')
                 useStorage.del('token')
+                useStorage.del('douyin')
                 ElMessage.success("交班成功");
                 setTimeout(() => {
                     router.replace({

vite.config.js

@@ -34,5 +34,8 @@ export default defineConfig(({ command, mode }) => {
         "@": path.resolve(__dirname, "./src"),
       },
     },
+    esbuild: {
+      drop: ["console"],
+    },
   };
 });