Otsuka-APP/pages/work/BusinessApproval/index.vue

<template>
    <MBLoading
        v-if="submitLoading"
        style="position: absolute;display: block;z-index: 9999;background: rgb(0 0 0 / 14%);inset: 0px;overflow: hidden;margin: 0;height: 100svh;"/>
    <view ref="targetRef" class="container">
        <MBCard>
            <uni-forms ref="baseForm" :modelValue="queryParams">
                <!--                <uni-forms-item label="支付方式">-->
                <!--                    <DictSelect v-model="queryParams.isPayNow" dict="dazhong_paytype" @change="handleQuery"/>-->
                <!--                </uni-forms-item>-->
                <uni-forms-item label="货主">
                    <ProductionUnit v-model="queryParams.companyId" @change="handleQuery"/>
                </uni-forms-item>
            </uni-forms>
        </MBCard>

        <MBLoading v-if="loading"/>
        <view v-else>
            <MBCard v-if="selected.length>0" :style="{
                    position: 'fixed',
                    zIndex : 10,
                    width:'100%',
                    left: 0,
                    bottom: 0,
                    height:'110px'
                }
            ">
                <view class="context">
                    <view class="label">
                        <text>已选订单数量:</text>
                        <text>{{ selected.length }}</text>
                    </view>
                    <view class="label">
                        <text>已选订单总金额:</text>
                        <text>{{ totalMoney.toFixed(2) }}</text>
                    </view>
                </view>
                <view :style="{
                    display:'flex',
                    marginTop:'15px',
                    justifyContent:'space-between',
                    alignItems:'center'
                }">
                    <button class="mini-btn" size="mini" type="success" @click="handleBack">回退</button>
                    <button class="mini-btn" size="mini" type="primary" @click="handleSubmit">审核</button>
                </view>
            </MBCard>
            <uni-table
                v-if="tableData.length > 0"
                ref="table"
                :loading="loading"
                border
                emptyText="暂无更多数据"
                stripe
                type="selection"
                @selection-change="selectionChange"
            >
                <uni-tr>
                    <uni-th align="center" width="50">序号</uni-th>
                    <uni-th align="center">商业公司</uni-th>
                    <uni-th align="center">货主</uni-th>
                    <uni-th align="center">合同编号</uni-th>
                    <uni-th align="center">订单金额</uni-th>
                </uni-tr>
                <uni-tr v-for="(item, index) in tableData" :key="index">
                    <uni-td align="center">{{ index + 1 }}</uni-td>
                    <uni-td>{{ item.businessCompany }}</uni-td>
                    <uni-td align="center">{{ item.companyName }}</uni-td>
                    <uni-td>{{ item.contractcode }}</uni-td>
                    <uni-td>{{ item.contractmoney.toFixed(2) }}</uni-td>
                </uni-tr>
            </uni-table>

            <!--            <ListItem v-if="tableData.length > 0" :items="tableData" @checkboxSelected="handleSelect"/>-->
            <uni-load-more
                v-else
                :contentText="{
                    contentnomore: '- 暂无商务审批数据 -'
                }"
                :status="'no-more'"
            />
            <!--            <MBPagination-->
            <!--                v-if="total > 0"-->
            <!--                v-model:limit="paging.pageSize"-->
            <!--                v-model:page="paging.pageNum"-->
            <!--                :total="total"-->
            <!--                @pagination="handleQuery"-->
            <!--            />-->
        </view>
    </view>
</template>

<script setup>

import {getCurrentInstance, onMounted, ref} from "vue"
import UniForms from "../../../uni_modules/uni-forms/components/uni-forms/uni-forms.vue";
import UniFormsItem from "../../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue";
import ProductionUnit from "../../../components/ProductionUnit/ProductionUnit.vue";
import MBCard from "../../../components/MB/MBCard.vue";
import {managerConfirm, managerRefuse, mangerList} from "../../../api/BusinessApproval";
import MBLoading from "../../../components/MB/MBLoading.vue";

const {proxy} = getCurrentInstance()

const queryParams = ref({
    state: '1',
    isPayNow: '',
    companyId: ''
})
const loading = ref(true)
const total = ref(0)
const paging = ref({
    pageNum: 1,
    pageSize: 99999,
    isAsc: 'descending',
    orderByColumn: 'adddate'
})
const tableData = ref([])
const submitLoading = ref(false)

const handleQuery = async () => {
    selected.value = []
    totalMoney.value = 0
    loading.value = true
    const data = await mangerList(queryParams.value, paging.value)
    total.value = data.total
    tableData.value = data.rows
    loading.value = false
}

const selected = ref([])
const totalMoney = ref(0)
// const handleSelect = (payload) => {
//     const {checked, data} = payload
//     const id = data.saleid
//
//     if (checked) {
//         if (!selected.value.includes(id)) {
//             selected.value.push(id)
//         }
//     } else {
//         selected.value = selected.value.filter(item => item !== id)
//     }
//
//     totalMoney.value = tableData.value.filter(item => selected.value.includes(item.saleid))
//             .map(i => i.contractmoney)
//             .reduce((a, b) => a + b, 0)
//         ?? 0
//
// }

onMounted(async () => {
    await handleQuery()
})


const handleBack = async () => {
    submitLoading.value = true
    await Promise.allSettled(
        selected.value.map(id =>
            managerRefuse({
                saleIds: id,
                actionType: new Date().getDate() < 25 ? '1' : '0'
            })
        )
    )
    selected.value = []
    totalMoney.value = 0
    await handleQuery()
    submitLoading.value = false
}

const handleSubmit = async () => {
    submitLoading.value = true
    await Promise.allSettled(
        selected.value.map(id =>
            managerConfirm({
                saleIds: id,
                actionType: new Date().getDate() < 25 ? '1' : '0'
            })
        )
    )
    selected.value = []
    totalMoney.value = 0
    await handleQuery()
    submitLoading.value = false
}

const selectionChange = (payload) => {
    const indexSet = new Set(payload.detail.index)
    const filterData = tableData.value.filter((_, i) => indexSet.has(i))

    selected.value = filterData.map(item => item.saleid)
    totalMoney.value = filterData.map(item => item.contractmoney).reduce((a, b) => a + b, 0) ?? 0
}
</script>