MD_worker/pages/generalServices/modules/handle.vue

<template>
    <up-modal :show="refuse" title="拒绝说明" showCancelButton @confirm="confirmClose
    " ref="uModal1" :asyncClose="true" @cancel="refuse = false">
        <view style="width: 99%;">
            <view style="display: flex;align-items: center;margin-bottom: 10px;">
                拒绝原因：<picker class="picker" mode="selector" :range="types" range-key="value"
                    @change="changeRefusereason">
                    {{ refusereason || '请选择拒绝原因' }}
                </picker>
            </view>
            <up-textarea v-model="refuseremarks" placeholder="拒绝说明" count></up-textarea>
        </view>
    </up-modal>

    <up-modal :show="allot" title="选择服务人员" showCancelButton @confirm="confirmAllot
    " ref="uModal2" :asyncClose="true" @cancel="allot = false">
        <view style="width: 99%;">
            <view class="options-box">
                <view class="option" :class="activeUser.userid == item.userid ? 'active' : ''" v-for="item in users"
                    :key="item.userid" @click="clickRadio(item)">
                    {{ item.name }}
                </view>
            </view>
        </view>
    </up-modal>
</template>

<script setup>
import { getCurrentInstance, ref, defineProps, defineEmits } from 'vue';
const emit = defineEmits(['callBack'])
import { onLoad, onShow } from '@dcloudio/uni-app';

const { $Http } = getCurrentInstance().proxy;
const props = defineProps({
    callBack: {
        type: Function
    }
});

(onLoad(() => {
    getRefuseType()
    getModals()
}))

let refuse = ref(false),
    types = ref([]),
    refusereason = ref(""),
    refuseremarks = ref(""),
    sa_serviceorderid = 0,
    uModal1 = ref(null);

function getRefuseType() {
    $Http.basic({
        "classname": "sysmanage.develop.optiontype.optiontype",
        "method": "optiontypeselect",
        "content": {
            "pageNumber": 1,
            "pageSize": 1000,
            "typename": "refusereason",
        }
    }).then(res => {
        if (res.code !== 1) return;
        types.value = res.data;
        console.log("types", types.value)
    })
}

function openRefusefunc(id) {
    sa_serviceorderid = id;
    refuse.value = true;
}

function confirmClose() {
    if (refusereason.value == "") {
        uni.showToast({
            title: '请选择拒绝原因',
            icon: 'none'
        });
        uModal1.value.loading = false;
        return;
    };
    if (refuseremarks.value.trim() == "") {
        uni.showToast({
            title: '请输入拒绝说明',
            icon: 'none'
        });
        uModal1.value.loading = false;
        return;
    };

    $Http.basic({
        "id": 2025072409011703,
        "content": {
            sa_serviceorderid,
            "refusereason": refusereason.value,
            "refuseremarks": refuseremarks.value
        }
    }).then(res => {
        console.log("拒绝受理", res)
        uni.showToast({ title: res.code !== 1 ? res.msg : '已拒绝受理', icon: 'none' });
        if (res.code !== 1) return uModal1.value.loading = false;
        types.value = res.data;
        refuse.value = false;
        emit('callBack', {
            status: 'refused'
        });
    })
}

function changeRefusereason(e) {
    let index = e.detail.value;
    refusereason.value = types.value[index].value;
}

let allot = ref(false),
    uModal2 = ref(null),
    modals = ref([]),
    users = ref([]),
    activeUser = ref({
        userid: null
    }),
    servicetype = '',
    activeUser2 = ref({
        userid: null
    }),
    sa_workorderid = ref(0);

function getModals() {
    $Http.basic({ "id": "20230206155803", "content": {} }).then(res => {
        if (res.code !== 1) return;
        modals.value = res.data;
        console.log("modals", modals.value)
    })
}

function confirmAllot() {
    let text = activeUser.value.userid == null ? '工单将进入[抢单中心]，是否继续？' : `是否将工单分配给【${activeUser.value.name}】？`;
    uni.showModal({
        title: '提示',
        content: text,
        complete: ({ confirm }) => {
            if (!confirm) return uModal2.value.loading = false;
            let params = sa_workorderid.value ? {
                "id": "2025101710510903",
                "content": {
                    "ismanage": 1,
                    "sa_workorderid": sa_workorderid.value,
                    "projectlearders": activeUser.value.userid == null ? [] : [activeUser.value.userid]
                }
            }
                : {
                    "id": "20230207091003",
                    "content": {
                        sa_serviceorderid,
                        "type": servicetype,
                        "sa_workorder_templateid": modals.value.find(item => item.type == servicetype)?.sa_workorder_templateid || '',
                        "projectlearders": activeUser.value.userid == null ? [] : [activeUser.value.userid]
                    }
                }
            $Http.basic(params
            ).then(res => {
                console.log("工单分配", res)
                uni.showToast({ title: res.code !== 1 ? res.msg : '工单分配成功', icon: 'none' });
                if (res.code !== 1) return uModal2.value.loading = false;
                allot.value = false;
                emit('callBack', {
                    status: 'alloted',
                    id: res.data == '成功' ? sa_workorderid.value : res.data,
                    isMy: activeUser.value.userid == uni.getStorageSync('userMsg').userid ? true : false
                });
                activeUser2.value = { userid: null };
                activeUser.value = { userid: null };
                sa_workorderid.value = null;
            })
        },
    })
}

function openAllotfunc(id, type) {
    servicetype = type;
    sa_serviceorderid = id;
    activeUser.value = activeUser2.value;
    users.value = [];
    $Http.basic({
        "id": 20230213143003,
        "content": { "pageNumber": 1, "pageSize": 999, "nocache": true, "where": { "isleader": 0 } }
    }
    ).then(res => {
        console.log("服务人员", res)
        if (res.code !== 1) return uni.showToast({ title: res.msg, icon: 'none' });
        users.value = [{
            name: "抢单中心",
            userid: null
        }, uni.getStorageSync('userMsg')].concat(res.data);
        allot.value = true;
    })
}
function clickRadio(item) {
    console.log("item", item)
    if (item.userid == activeUser.value.userid) {
        // activeUser.value = { userid: null };
    } else {
        activeUser.value = item;
    }
}

defineExpose({
    openRefusefunc,
    openAllotfunc,
    activeUser2,
    sa_workorderid
});
</script>

<style scoped lang="scss">
.options-box {
    position: relative;
    top: -6rpx;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;

    .option {
        border: 1px solid #dadbde;
        border-radius: 8rpx;
        padding: 10rpx 20rpx;
        margin-right: 18rpx;
        margin-top: 12rpx;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        text-align: center;
        min-width: 80rpx;
    }

    .active {
        background: #006EF7;
        color: #fff;
        border-color: #006EF7;
    }
}

.picker {
    font-size: 28rpx;
    color: #606266;
    padding: 9px;
    border-radius: 8rpx;
    border: 2rpx solid #2979FF;
    color: #2979FF;
    margin-left: 6rpx;
    box-sizing: border-box;
}
</style>