新增抖音团购核销

2024-07-01 09:41:33 +08:00
parent 105ad4ee52
commit 78672a0cf9
11 changed files with 513 additions and 51 deletions
--- a/src/views/group_buy/components/scanGroup.vue
+++ b/src/views/group_buy/components/scanGroup.vue
@@ -2,7 +2,7 @@

 <template>
    <div class="dialog">
-        <el-dialog title="核销团购券" width="600" v-model="dialogVisible" @open="reset">
+        <el-dialog :title="`核销${props.title}团购券`" width="600" v-model="dialogVisible" @open="reset">
            <div class="content">
                <div class="left">
                    <el-image :src="icon" style="width: 60px; height: 60px"></el-image>
@@ -51,7 +51,7 @@
        </el-dialog>
        <el-dialog title="团购券详情" width="600" v-model="detailVisible">
            <div class="group_detil">
-                <div class="shop_info">
+                <div class="shop_info" v-if="props.type == 1">
                    <el-image :src="groupDetail.images[0]" style="width: 50px;height: 50px;"></el-image>
                    <div class="info">
                        <div class="name">{{ groupDetail.productName }}</div>
@@ -62,7 +62,7 @@
                    </div>
                </div>
                <div class="table">
-                    <el-table :data="groupDetail.productList" border>
+                    <el-table :data="groupDetail.productList" border v-if="props.type == 1">
                        <el-table-column label="名称" prop="title"></el-table-column>
                        <el-table-column label="数量" prop="number"></el-table-column>
                        <el-table-column label="商品信息">
@@ -79,6 +79,12 @@
                            </template>
                        </el-table-column>
                    </el-table>
+                    <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>
+                    </el-table>
                </div>
            </div>
            <div class="footer">
@@ -94,7 +100,7 @@
 import _ from "lodash";
 import { ref } from "vue";
 import icon from "@/assets/icon_scan.png";
-import { groupOrderorderInfo, groupOrdergroupScan } from '@/api/group'
+import { groupOrderorderInfo, groupOrdergroupScan, douyinfulfilmentcertificateprepare, douyincertificateprepare } from '@/api/group'
 import { useUser } from "@/store/user.js";
 const store = useUser();
 import {
@@ -107,22 +113,14 @@ import { ElMessage } from "element-plus";
 const emits = defineEmits(["success"]);

 const props = defineProps({
-    amount: {
-        type: [Number, String],
-        default: 0,
+    title: {
+        type: String,
+        default: ''
    },
-    selecttype: {
+    type: {
        type: Number,
-        default: 0,
-    },
-    orderId: {
-        type: [Number, String],
-        default: "",
-    },
-    fast: {
-        type: Boolean,
-        default: false,
-    },
+        default: 1
+    }
 });

 const dialogVisible = ref(false);
@@ -142,10 +140,29 @@ const detailVisible = ref(false)
 // 团购卷核销(仅核销待使用订单)
 async function groupOrdergroupScanHandle() {
    try {
-        groupDetailLoading.value = true
-        const res = await groupOrdergroupScan({
-            id: groupDetail.value.id
-        })
+        switch (props.type) {
+            case 1:
+                {
+                    groupDetailLoading.value = true
+                    const res = await groupOrdergroupScan({
+                        id: groupDetail.value.id
+                    })
+                }
+                break;
+            case 2:
+                {
+                    groupDetailLoading.value = true
+                    let encrypted_codes = groupDetail.value.goods.map(item => item.encrypted_code)
+                    const res = await douyincertificateprepare({
+                        verify_token: groupDetail.value.verify_token,
+                        encrypted_codes: encrypted_codes.join(','),
+                        id: groupDetail.value.id
+                    })
+                }
+                break;
+            default:
+                break;
+        }
        groupDetailLoading.value = false
        detailVisible.value = false
        scanCode.value = ''
@@ -158,16 +175,46 @@ async function groupOrdergroupScanHandle() {
    }
 }

-// 提交扫码支付
+const douyin_table = ref(null)
+
+// 选择要核销的券
+function douyinSelectionChange(e) {
+    console.log(e);
+}
+
+// 核销券码
 async function submitHandle() {
    try {
        loading.value = true
-        const res = await groupOrderorderInfo({
-            coupon: scanCode.value,
-        });
-        loading.value = false
-        groupDetail.value = res
-        detailVisible.value = true
+        switch (props.type) {
+            case 1:
+                {
+                    const res = await groupOrderorderInfo({
+                        coupon: scanCode.value,
+                    });
+                    loading.value = false
+                    groupDetail.value = res
+                    detailVisible.value = true
+                }
+                break;
+            case 2:
+                {
+                    const res = await douyinfulfilmentcertificateprepare({
+                        object_id: decodeURI(scanCode.value),
+                    });
+                    loading.value = false
+                    groupDetail.value = res
+                    detailVisible.value = true
+                    setTimeout(() => {
+                        groupDetail.value.goods.map(item => {
+                            douyin_table.value.toggleRowSelection(item)
+                        })
+                    }, 100)
+                }
+                break;
+            default:
+                break;
+        }
    } catch (error) {
        loading.value = false
        console.log(error);
--- a/src/views/group_buy/index.vue
+++ b/src/views/group_buy/index.vue
@@ -3,6 +3,10 @@
        <div class="cart_wrap card">
            <div class="header">
                <div class="left">
+                    <el-select v-model="tableData.type" placeholder="核销类型">
+                        <el-option v-for="item in typeList" :key="item.value" :value="item.value"
+                            :label="item.label"></el-option>
+                    </el-select>
                    <el-input placeholder="搜索订单" v-model="tableData.proName" @focus="
                        global.updateData(false)" @blur="global.updateData(true)"></el-input>
                    <el-select v-model="tableData.status" placeholder="订单状态">
@@ -15,10 +19,11 @@
                            @click="resetHandle">重置</el-button>
                    </div>
                </div>
-                <el-button type="warning" :icon="MagicStick" @click="scanGroupRef.show()">核销团购券</el-button>
+                <el-button type="warning" :icon="FullScreen" @click="scanGroupRef.show()">核销团购券</el-button>
            </div>
            <div class="tab_container">
-                <el-table :data="tableData.list" height="540px" v-loading="tableData.loading">
+                <el-table :data="tableData.list" height="540px" v-loading="tableData.loading"
+                    v-if="tableData.type == 1">
                    <el-table-column label="订单号" prop="orderNo" width="100px"></el-table-column>
                    <el-table-column label="优惠卷" prop="proImg" width="200px">
                        <template v-slot="scope">
@@ -62,6 +67,38 @@
                        </template>
                    </el-table-column>
                </el-table>
+                <el-table :data="tableData.list" height="540px" v-loading="tableData.loading"
+                    v-if="tableData.type == 2">
+                    <el-table-column label="抖音订单号" prop="d_order_id" width="240"></el-table-column>
+                    <el-table-column label="总金额" prop="pay_amount" width="100">
+                        <template v-slot="scope">
+                            <span style="color: var(--primary-color);">￥{{ scope.row.pay_amount }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="商品信息" prop="douyinCodeGoods">
+                        <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;">
+                                        {{ item.title }}
+                                    </div>
+                                    <div class="item" style="flex: 1;margin-right: 10px;color: var(--primary-color);">
+                                        ￥{{ item.pay_amount }}
+                                    </div>
+                                    <div class="item" style="margin-right: 10px;">
+                                        <el-tag type="success" disable-transitions size="default" effect="light" round>
+                                            {{ item.status_text }}
+                                        </el-tag>
+                                    </div>
+                                    <div class="item" style="flex: 1;display: flex;justify-content: flex-end;">
+                                        <el-button type="danger" size="small" v-if="item.is_show_cacel_banner"
+                                            @click="cacelDouyinHandle(item)">撤销</el-button>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
            </div>
            <div class="pagination">
                <el-pagination @current-change="paginationChange" :current-page="tableData.page"
@@ -70,14 +107,16 @@
                </el-pagination>
            </div>
        </div>
-        <scanGroup ref="scanGroupRef" @succcess="groupOrderlistAjax" />
+        <scanGroup ref="scanGroupRef" :title="typeList.find(item => item.value == tableData.type).label"
+            :type="tableData.type" @succcess="groupOrderlistAjax" />
        <refundDialog ref="refundDialogRef" @success="groupOrderlistAjax" />
    </div>
 </template>

 <script setup>
-import { groupOrderlist } from '@/api/group'
-import { Search, RefreshRight, MagicStick } from '@element-plus/icons-vue'
+import { groupOrderlist, douyinorderlist, douyinfulfilmentcertificatecancel } from '@/api/group'
+import { Search, RefreshRight, FullScreen } from '@element-plus/icons-vue'
+import { ElMessageBox, ElMessage } from 'element-plus'
 import { ref, onMounted, reactive } from 'vue'
 import scanGroup from './components/scanGroup.vue'
 import refundDialog from './components/refundDialog.vue'
@@ -93,6 +132,7 @@ const refundDialogRef = ref(null)
 const tableData = reactive({
    resetLoading: false,
    proName: '',
+    type: 2,
    status: '',
    loading: false,
    list: [],
@@ -110,6 +150,18 @@ function payTypeFilter(t) {
    return m[t]
 }

+// 订单类型
+const typeList = reactive([
+    {
+        value: 1,
+        label: '自营'
+    },
+    {
+        value: 2,
+        label: '抖音'
+    }
+])
+
 const statusList = reactive([
    {
        value: 'unpaid',
@@ -157,21 +209,50 @@ function resetHandle() {
    groupOrderlistAjax()
 }

+// 显示团购核销撤销
+function cacelDouyinHandle(item) {
+    ElMessageBox.confirm(
+        '是否撤销该团购？',
+        '注意').then(async () => {
+            await douyinfulfilmentcertificatecancel({ verify_id: item.verify_id, certificate_id: item.certificate_id })
+            ElMessage.success('撤销成功')
+            groupOrderlistAjax()
+        }).catch(() => { })
+}
+
 // 获取团购订单数据
 async function groupOrderlistAjax() {
    try {
        tableData.loading = true
-        const res = await groupOrderlist({
-            shopId: store.userInfo.shopId,
-            proName: tableData.proName,
-            status: tableData.status,
-            page: tableData.page,
-            size: tableData.size
-        })
-        tableData.resetLoading = false
-        tableData.loading = false
-        tableData.list = res.list
-        tableData.total = res.total
+        let res = ''
+        switch (tableData.type) {
+            case 1:
+                // 获取本店团购数据
+                res = await groupOrderlist({
+                    shopId: store.userInfo.shopId,
+                    proName: tableData.proName,
+                    status: tableData.status,
+                    page: tableData.page,
+                    size: tableData.size
+                })
+                tableData.resetLoading = false
+                tableData.loading = false
+                tableData.list = res.list
+                tableData.total = res.total
+                break;
+            case 2:
+                // 获取抖音团购数据
+                res = await douyinorderlist({
+                    page: tableData.page
+                })
+                tableData.resetLoading = false
+                tableData.loading = false
+                tableData.list = res.list
+                tableData.total = res.count
+                break;
+            default:
+                break;
+        }
    } catch (error) {
        tableData.loading = false
        console.log(error);
@@ -336,4 +417,15 @@ onMounted(() => {
        }
    }
 }
+
+.goods_list {
+    .row {
+        display: flex;
+        align-items: center;
+
+        &:not(:first-child) {
+            margin-top: 10px;
+        }
+    }
+}
 </style>
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -207,6 +207,9 @@ async function clearCartHandle() {
      masterId: masterId.value,
    });
    queryCartAjax();
+
+    // 清除商品所有红点
+    goodsRef.value.clearDot()
  } catch (error) {
    console.log(error);
  }
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -51,6 +51,7 @@
 </template>

 <script setup>
+
 import packageData from '../../package.json'

 import logo from "@/assets/logo.png";
@@ -58,8 +59,9 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { ipcRenderer } from "electron";
-
 import { RandomNumBoth } from '@/utils'
+import useStorage from '@/utils/useStorage'
+import { douyincheckIn } from '@/api/group'

 import { useUser } from "@/store/user.js";
 const store = useUser();
@@ -106,7 +108,13 @@ const submitHandle = () => {
  formRef.value.validate(async (valid) => {
    if (valid) {
      loading.value = true;
-      store.userlogin(form).then((res) => {
+      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("登录成功");
        setTimeout(() => {
          router.replace({