Преглед изворни кода

Merge branch 'zhaoj' into develop

ZhaoJing пре 2 година
родитељ
комит
6d0a06b9ca

+ 2 - 2
src/pages/equipmentPurchaseApply/budgetOfPlant/myAuditFor/index.vue

@@ -99,9 +99,9 @@ function cancel() {
 <template>
     <van-list v-model:loading="loadingMyApplyFor" :finished="finishedMyApplyFor" finished-text="没有更多了"
         @load="onLoadMyApplyFor">
-        <van-cell v-for="(item, index) in listMyApplyFor" :key="item">
+        <van-cell v-for="(item, index) in listMyApplyFor" :key="item" class="items-center">
             <template #title>
-                <span @click="cellClick(item.xm_id)" class="custom-title">{{ index + 1 }} {{ item.xm_name }}</span>
+                <p @click="cellClick(item.xm_id)" class="cursor-pointer w-full">{{ index + 1 }} {{ item.xm_name }}</p>
             </template>
             <template #right-icon>
                 <van-button class="w-60px"

+ 17 - 0
src/pages/equipmentPurchaseApply/equipmentItemLibrary/index.vue

@@ -0,0 +1,17 @@
+<script setup>
+import projectLibrary from './projectLibrary/index.vue'
+import myPurchase from './myPurchase/index.vue'
+</script>
+
+<template>
+    <div>
+        <van-tabs :sticky="true">
+            <van-tab title="项目库">
+                <projectLibrary />
+            </van-tab>
+            <van-tab title="我的采购">
+                <myPurchase />
+            </van-tab>
+        </van-tabs>
+    </div>
+</template>

+ 240 - 0
src/pages/equipmentPurchaseApply/equipmentItemLibrary/myPurchase/detail/index.vue

@@ -0,0 +1,240 @@
+<script setup>
+import { closeToast, showConfirmDialog, showLoadingToast, showToast } from 'vant'
+import { userInfo } from '~/store/user'
+const { user_realname, user_id } = userInfo
+const { currentRoute } = useRouter()
+const router = useRouter()
+const route = currentRoute.value
+const xm_id = route.query.xm_id
+const detailData = ref({})
+
+showLoadingToast({
+    message: '加载中...',
+    forbidClick: true,
+})
+function initData() {
+    request({
+        url: '/jdbg/sbcg_cgxm/detail',
+        data: {
+            xm_id,
+        },
+    }).then((res) => {
+        closeToast()
+        detailData.value = res.data.one_info;
+    })
+}
+initData();
+
+function handleAccomplish() {
+    showConfirmDialog({
+        message:
+            `确认已完成?`,
+    })
+        .then(() => {
+            request({
+                url: '/jdbg/sbcg_cgxm/edit',
+                data: {
+                    xm_id,
+                    jdbg_sbcg_cgxm: {
+                        xm_is_wc: '1',
+                    },
+                },
+            }).then(res => {
+                if (res.code == '1') {
+                    showToast(res.msg);
+                    router.go(0);
+                }
+            })
+        })
+        .catch(() => {
+            // on cancel
+        });
+}
+
+</script>
+
+<template>
+    <div>
+        <div class="tableContainer">
+            <div class="topPart">
+                <table class="Tb" width="100%" cellspacing="0" cellpadding="0">
+                    <tr>
+                        <td class="titleOpt">
+                            申请科室
+                        </td>
+                        <td>{{ detailData.department_name }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            申请人
+                        </td>
+                        <td>
+                            {{ detailData.xm_user_name }}
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            项目名称
+                        </td>
+                        <td>{{ detailData.xm_name }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            采购的主要理由及依据
+                        </td>
+                        <td>{{ detailData.xm_lyyj }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            采购类型
+                        </td>
+                        <td>{{ detailData.lb_name }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            采购金额
+                        </td>
+                        <td>{{ detailData.xm_price }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            采购清单
+                        </td>
+                        <td>
+                            <div v-html="detailData.xm_qd"></div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            申报日期
+                        </td>
+                        <td>
+                            <div v-html="detailData.create_dateline"></div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">
+                            状态
+                        </td>
+                        <td>
+                            <div class="flex items-center py-5px justify-between pr-10px">
+                                <span>{{
+                                    detailData.xm_is_wc === '2' ? '未完成' : '已完成'
+                                }}</span>
+                                <van-button class="w-60px" v-if="detailData.xm_is_wc == '2'" type="primary" size="small"
+                                    @click="handleAccomplish">完成</van-button>
+                                <van-button class="w-60px bg-hex-BDBDBD border-hex-BDBDBD audited" plain v-else
+                                    type="primary" size="small">已完成</van-button>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.titleOpt {
+    width: 45%;
+}
+
+.border_bottom {
+    border-bottom: 2px solid #666;
+    border-top: 2px solid #666;
+}
+
+.text-red {
+    color: red;
+}
+
+:deep(.specialTd table tbody tr td) {
+    border: 1px #CCCCCC solid !important;
+}
+
+.textarea {
+    width: 90%;
+    /* height: 15vw; */
+    margin: 0 auto;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    padding-left: 2px;
+    background: #f2f2f2;
+}
+
+.van-radio-group {
+    margin: 20px auto;
+
+    .van-radio {
+        margin: 20px auto;
+    }
+}
+
+.text_blue {
+    color: #003EEE;
+}
+
+::v-deep .audited {
+    .van-button__text {
+        color: #fff !important;
+    }
+}
+
+::v-deep .un_audited {
+    color: red;
+}
+
+.plan-nav {
+    width: 80vw;
+    height: 70vw;
+    color: #333333;
+    background-color: #fff;
+    position: fixed;
+    top: 35vw;
+    left: 10vw;
+    border-radius: 2vw;
+    z-index: 5;
+    padding: 0 5vw;
+    box-sizing: border-box;
+}
+
+.cha {
+    display: block;
+    font-size: 20px;
+    position: absolute;
+    right: 5vw;
+    top: 5vw;
+    cursor: pointer;
+}
+
+h3 {
+    display: block;
+    width: 12vw;
+    height: 10vw;
+    font-size: 5vw;
+    font-weight: 400;
+    position: relative;
+}
+
+h3::before {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 2vw;
+    bottom: 3.3vw;
+    left: 0;
+    border-radius: 10vw;
+    background-color: #c5c5ff;
+    opacity: 0.6;
+}
+
+.reject-nav {
+    padding: 20px;
+
+    h3 {
+        width: 25vw;
+        font-size: 4.4vw;
+        text-align: center;
+    }
+}
+</style>

+ 167 - 0
src/pages/equipmentPurchaseApply/equipmentItemLibrary/myPurchase/index.vue

@@ -0,0 +1,167 @@
+<script setup>
+import { showConfirmDialog, showToast } from 'vant';
+import { userInfo } from '~/store/user'
+const { user_realname, user_id } = userInfo
+const router = useRouter()
+function cellClick(xm_id) {
+    router.push({ path: '/equipmentPurchaseApply/equipmentItemLibrary/myPurchase/detail', query: { xm_id } })
+}
+
+let show = $ref(false);//遮罩层
+let auditShow = $ref(false);
+let auditedShow = $ref(false);
+let auditedData = $ref({});//已审核信息
+let auditCheck = $ref();
+let rejectMsg = $ref('');
+const listMyApplyFor = ref([])
+const loadingMyApplyFor = ref(false)
+const finishedMyApplyFor = ref(false)
+let pageMyApplyFor = 1
+function onLoadMyApplyFor() {
+    loadingMyApplyFor.value = true
+    request({
+        url: '/jdbg/sbcg_cgxm/index',
+        data: {
+            page: pageMyApplyFor,
+            limit: 20,
+            xm_fp_user: 1,
+        },
+    }).then((res) => {
+        const data = res.data
+        listMyApplyFor.value = [...listMyApplyFor.value, ...data.page_data]
+        finishedMyApplyFor.value = data.total_page === pageMyApplyFor
+        pageMyApplyFor++
+        loadingMyApplyFor.value = false
+    })
+}
+function handleAccomplish(xm_id) {
+    showConfirmDialog({
+        message:
+            `确认已完成?`,
+    })
+        .then(() => {
+            request({
+                url: '/jdbg/sbcg_cgxm/edit',
+                data: {
+                    xm_id,
+                    jdbg_sbcg_cgxm: {
+                        xm_is_wc: '1',
+                    },
+                },
+            }).then(res => {
+                if (res.code == '1') {
+                    showToast(res.msg);
+                    router.go(0);
+                }
+            })
+        })
+        .catch(() => {
+            // on cancel
+        });
+}
+</script>
+
+<template>
+    <van-list v-model:loading="loadingMyApplyFor" :finished="finishedMyApplyFor" finished-text="没有更多了"
+        @load="onLoadMyApplyFor">
+        <van-cell v-for="(item, index) in listMyApplyFor" :key="item" class="items-center">
+            <template #title>
+                <p @click="cellClick(item.xm_id)" class="cursor-pointer">{{ index + 1 }}. {{ item.xm_name }}</p>
+            </template>
+            <template #right-icon>
+                <van-button class="w-60px" v-if="item.xm_is_wc == '2'" type="primary" size="small"
+                    @click="handleAccomplish(item.xm_id)">完成</van-button>
+                <van-button class="w-60px bg-hex-BDBDBD border-hex-BDBDBD audited" plain v-else type="primary"
+                    size="small">已完成</van-button>
+            </template>
+        </van-cell>
+    </van-list>
+</template>
+
+<style lang="scss" scoped>
+.textarea {
+    width: 90%;
+    /* height: 15vw; */
+    margin: 0 auto;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    padding-left: 2px;
+    background: #f2f2f2;
+}
+
+.van-radio-group {
+    margin: 20px auto;
+
+    .van-radio {
+        margin: 20px auto;
+    }
+}
+
+.text_blue {
+    color: #003EEE;
+}
+
+::v-deep .audited {
+    .van-button__text {
+        color: #fff !important;
+    }
+}
+
+::v-deep .un_audited {
+    color: red;
+}
+
+.plan-nav {
+    width: 80vw;
+    height: 70vw;
+    color: #333333;
+    background-color: #fff;
+    position: fixed;
+    top: 35vw;
+    left: 10vw;
+    border-radius: 2vw;
+    z-index: 5;
+    padding: 0 5vw;
+    box-sizing: border-box;
+}
+
+.cha {
+    display: block;
+    font-size: 20px;
+    position: absolute;
+    right: 5vw;
+    top: 5vw;
+    cursor: pointer;
+}
+
+h3 {
+    display: block;
+    width: 12vw;
+    height: 10vw;
+    font-size: 5vw;
+    font-weight: 400;
+    position: relative;
+}
+
+h3::before {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 2vw;
+    bottom: 3.3vw;
+    left: 0;
+    border-radius: 10vw;
+    background-color: #c5c5ff;
+    opacity: 0.6;
+}
+
+.reject-nav {
+    padding: 20px;
+
+    h3 {
+        width: 25vw;
+        font-size: 4.4vw;
+        text-align: center;
+    }
+}
+</style>

+ 263 - 0
src/pages/equipmentPurchaseApply/equipmentItemLibrary/projectLibrary/detail/index.vue

@@ -0,0 +1,263 @@
+<script setup>
+import { closeToast, showConfirmDialog, showLoadingToast, showToast } from 'vant'
+import { userInfo } from '~/store/user'
+
+const { user_id } = userInfo
+const { currentRoute } = useRouter()
+const route = currentRoute.value
+const xm_id = route.query.xm_id
+const detailData = ref({})
+
+showLoadingToast({
+    message: '加载中...',
+    forbidClick: true,
+})
+let finishTime = $ref('')
+function initData() {
+    request({
+        url: '/jdbg/sbcg_cgxm/detail',
+        data: {
+            xm_id,
+        },
+    }).then((res) => {
+        closeToast()
+        detailData.value = res.data.one_info;
+        finishTime = res.data.one_info.shjl[res.data.one_info.shjl.length - 1].modify_dateline
+    })
+}
+initData();
+
+// 处理树结构数据
+function dealData(item) {
+    item.forEach(element => {
+        if (element.children && element.children.length > 0) {
+            dealData(element.children)
+        } else if (element.tag === 'org') {
+            element.disabled = true;
+        }
+    });
+}
+//组织机构数树形
+let treeData = $ref([]);
+function getOrgTree() {
+    let transObj = {
+        show_all: 1
+    }
+    request({
+        url: '/user/org/org_member_tree',
+        data: transObj
+    }).then(res => {
+        if (res.code == "1") {
+            treeData = res.data.one_info;
+            dealData(treeData);
+        }
+    })
+}
+const fieldNames = {
+    text: 'label',
+    value: 'tree_id',
+    children: 'children',
+};
+// 分配人员
+let allotShow = $ref(false);
+let id = $ref('');//项目id
+function handleAllot() {
+    getOrgTree()
+    allotShow = true;
+    id = xm_id;
+}
+const onFinish = ({ selectedOptions }) => {
+    let fp_user = selectedOptions[selectedOptions.length - 1].tree_id;
+    let fp_name = selectedOptions[selectedOptions.length - 1].label;
+    showConfirmDialog({
+        message:
+            `确定将此任务分配给${fp_name}?`,
+    })
+        .then(() => {
+            request({
+                url: '/jdbg/sbcg_cgxm/edit',
+                data: {
+                    xm_id: id,
+                    jdbg_sbcg_cgxm: {
+                        xm_fp_user: fp_user,
+                    },
+                },
+            }).then(res => {
+                if (res.code == '1') {
+                    allotShow = false;
+                    initData();
+                    showToast(res.msg);
+                }
+            })
+        })
+        .catch(() => {
+            // on cancel
+        });
+};
+
+// #region 已分配详情
+let allocatedShow = $ref(false);
+function handleAllocated() {
+    allocatedShow = true;
+}
+// #endregion
+</script>
+
+<template>
+    <div>
+        <div class="tableContainer">
+            <div id="printBox" class="relative min-h-40 text-black text-14px">
+                <div class="title px-10px leading-30px text-gray-600">
+                    <p> 申报日期: {{ detailData.create_dateline }}</p>
+                    <p>审核通过日期: {{ finishTime }}</p>
+                </div>
+                <h3 class="font-bold text-center my-15px text-18px">教育局采购项目申报表</h3>
+                <table cellspacing="0" align="center" valign="middle" class="fileShow Tb">
+                    <tr>
+                        <td class="titleOpt">申报科室</td>
+                        <td class="w-1/3">{{ detailData.department_name }}</td>
+                        <td>申请人</td>
+                        <td>{{ detailData.xm_user_name }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">项目名称</td>
+                        <td colspan="3">{{ detailData.xm_name }}</td>
+                    </tr>
+                    <tr style="height: 50px">
+                        <td class="titleOpt">采购的主要理由及依据</td>
+                        <td colspan="3">{{ detailData.xm_lyyj }}</td>
+                    </tr>
+                    <tr>
+                        <td class="titleOpt">采购类型</td>
+                        <td>{{ detailData.lb_name }}</td>
+                        <td>采购金额</td>
+                        <td>{{ detailData.xm_price }}元</td>
+                    </tr>
+                    <tr style="min-height: 80px">
+                        <td class="titleOpt">项目清单</td>
+                        <td colspan="3" class="text-left">
+                            <div class="xmqd" v-html="detailData.xm_qd"></div>
+                        </td>
+                    </tr>
+                    <tr v-for="sp in detailData.shjl" :key="sp.sh_id" style="height: 50px">
+                        <td class="py-5 titleOpt">
+                            <div>
+                                {{ sp.sh_dept_name }}
+                            </div>
+                            <div>{{ sp.position }}审批</div>
+                        </td>
+                        <td colspan="3">
+                            同意&emsp;&emsp;{{ sp.sh_user_name }}&emsp;&emsp;
+                            {{ sp.modify_dateline.split(" ")[0] }}
+                        </td>
+                    </tr>
+                </table>
+                <!-- <img class="pa z-100 top-14 right-8 w-42mm h-42mm" src="@/assets/images/officialSeal.png" alt="" /> -->
+                <div v-if="detailData.xm_fp_user == '0'" class="flex justify-between items-center my-5px">
+                    <p>任务分配: 未分配</p>
+                    <van-button v-if="detailData.create_user_id === user_id" class="w-60px" type="primary" size="small"
+                        @click="handleAllot">分配</van-button>
+                </div>
+                <div class="flex items-center justify-between my-5px" v-else>
+                    <div class="flex items-center">
+                        <span class="mr-10px">任务分配: 已分配</span>
+                        <div class="mr-10px">
+                            <span>{{ detailData.xm_fp_user_name }}</span>
+                        </div>
+                        {{ detailData.xm_is_wc_option_k === "2" ? "未完成" : "已完成" }}
+                    </div>
+
+                    <van-button class="w-60px bg-hex-BDBDBD border-hex-BDBDBD audited float-right" type="primary"
+                        size="small" @click="allocatedShow = true">已分配</van-button>
+                </div>
+            </div>
+        </div>
+        <!-- 分配级联 -->
+        <van-popup v-model:show="allotShow" round position="bottom">
+            <van-cascader v-model="cascaderValue" title="请选择分配人员" :options="treeData" @close="allotShow = false"
+                @finish="onFinish" :field-names="fieldNames" />
+        </van-popup>
+        <!-- 已分配详情 -->
+        <van-dialog v-model:show="allocatedShow" title="分配详情" :show-cancel-button="false" class="">
+            <div class="w-4/5 center text-18px text-gray-600 leading-loose">
+                <p v-if="detailData.xm_fp_user_name">{{ detailData?.xm_fp_user_name }} <span class="ml-5px">{{
+                    detailData.modify_dateline
+                }}</span></p>
+                <p>状态: <span class="ml-10px">{{ detailData.xm_is_wc == '1' ? '完成' : '未完成' }}</span> </p>
+            </div>
+        </van-dialog>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "~/styles/table.scss";
+
+.titleOpt {
+    width: 25%;
+}
+
+.border_bottom {
+    border-bottom: 2px solid #666;
+    border-top: 2px solid #666;
+}
+
+.center {
+    margin: 10px auto;
+}
+
+.text-red {
+    color: red;
+}
+
+:deep(.specialTd table tbody tr td) {
+    border: 1px #CCCCCC solid !important;
+}
+
+::v-deep .fileShow table {
+    border: 1px #000 solid;
+
+    tbody {
+        tr {
+            td {
+                border: 1px #000 solid;
+                line-height: 30px;
+            }
+        }
+    }
+}
+
+.text-left {
+    padding: 0 !important;
+}
+
+::v-deep .xmqd {
+    width: 100% !important;
+
+    table {
+        width: 100% !important;
+        margin-left: 0 !important;
+
+        // table-layout: fixed !important;
+        td {
+            width: none !important;
+            padding: 5px 1px !important;
+            word-break: break-all;
+            word-wrap: wrap;
+            white-space: normal;
+
+            p {
+                text-align: center !important;
+            }
+        }
+    }
+
+    img {
+        width: 100% !important;
+        margin-top: 20px;
+    }
+}
+
+::v-deep .MsoNormalTable {
+    width: 100% !important;
+}
+</style>

+ 157 - 0
src/pages/equipmentPurchaseApply/equipmentItemLibrary/projectLibrary/index.vue

@@ -0,0 +1,157 @@
+<script setup>
+import { showConfirmDialog, showToast } from 'vant';
+import { userInfo } from '~/store/user'
+
+const { user_realname, user_id } = userInfo
+const router = useRouter()
+function cellClick(xm_id) {
+    router.push({ path: '/equipmentPurchaseApply/equipmentItemLibrary/projectLibrary/detail', query: { xm_id } })
+}
+
+
+const listMyApplyFor = ref([])
+const loadingMyApplyFor = ref(false)
+const finishedMyApplyFor = ref(false)
+let pageMyApplyFor = 1
+function onLoadMyApplyFor() {
+    loadingMyApplyFor.value = true
+    request({
+        url: '/jdbg/sbcg_cgxm/index',
+        data: {
+            page: pageMyApplyFor,
+            limit: 20,
+            xm_status: "5",
+        },
+    }).then((res) => {
+        const data = res.data
+        listMyApplyFor.value = [...listMyApplyFor.value, ...data.page_data]
+        finishedMyApplyFor.value = data.total_page === pageMyApplyFor
+        pageMyApplyFor++
+        loadingMyApplyFor.value = false
+    })
+}
+
+// 处理树结构数据
+function dealData(item) {
+    item.forEach(element => {
+        if (element.children && element.children.length > 0) {
+            dealData(element.children)
+        } else if (element.tag === 'org') {
+            element.disabled = true;
+        }
+    });
+}
+//组织机构数树形
+let treeData = $ref([]);
+function getOrgTree() {
+    let transObj = {
+        show_all: 1
+    }
+    request({
+        url: '/user/org/org_member_tree',
+        data: transObj
+    }).then(res => {
+        if (res.code == "1") {
+            treeData = res.data.one_info;
+            dealData(treeData);
+        }
+    })
+}
+const fieldNames = {
+    text: 'label',
+    value: 'tree_id',
+    children: 'children',
+};
+// #region 分配人员
+let allotShow = $ref(false);
+let id = $ref('');//项目id
+function handleAllot(xm_id) {
+    getOrgTree()
+    allotShow = true;
+    id = xm_id;
+}
+const onFinish = ({ selectedOptions }) => {
+    let fp_user = selectedOptions[selectedOptions.length - 1].tree_id;
+    let fp_name = selectedOptions[selectedOptions.length - 1].label;
+    showConfirmDialog({
+        message:
+            `确定将此任务分配给${fp_name}?`,
+    })
+        .then(() => {
+            request({
+                url: '/jdbg/sbcg_cgxm/edit',
+                data: {
+                    xm_id: id,
+                    jdbg_sbcg_cgxm: {
+                        xm_fp_user: fp_user,
+                    },
+                },
+            }).then(res => {
+                if (res.code == '1') {
+                    allotShow = false;
+                    router.go(0);
+                    showToast(res.msg);
+                }
+            })
+        })
+        .catch(() => {
+            // on cancel
+        });
+};
+
+// #endregion
+
+// #region 已分配详情
+let allocatedShow = $ref(false);
+let allocatedData = $ref({})
+function handleAllocated(item) {
+    allocatedShow = true;
+    allocatedData = item;
+}
+// #endregion
+
+
+
+</script>
+
+<template>
+    <van-list v-model:loading="loadingMyApplyFor" :finished="finishedMyApplyFor" finished-text="没有更多了"
+        @load="onLoadMyApplyFor">
+        <van-cell v-for="(item, index) in listMyApplyFor" :key="item" class="items-center">
+            <template #title>
+                <p class="cursor-pointer w-full" @click="cellClick(item.xm_id)">{{ index + 1 }}. {{ item.xm_name }}</p>
+            </template>
+            <template #right-icon>
+                <van-button class="w-60px" v-if="(item.xm_fp_user == 0 && item.create_user_id === user_id)" type="primary"
+                    size="small" @click="handleAllot(item.xm_id)">分配</van-button>
+                <van-button class="w-60px bg-hex-BDBDBD border-hex-BDBDBD audited" v-if="(item.xm_fp_user !== '0')"
+                    type="primary" size="small" @click="handleAllocated(item)">已分配</van-button>
+            </template>
+        </van-cell>
+    </van-list>
+    <!-- 分配级联 -->
+    <van-popup v-model:show="allotShow" round position="bottom">
+        <van-cascader v-model="cascaderValue" title="请选择分配人员" :options="treeData" @close="allotShow = false"
+            @finish="onFinish" :field-names="fieldNames" />
+    </van-popup>
+    <!-- 已分配详情 -->
+    <van-dialog v-model:show="allocatedShow" title="分配详情" :show-cancel-button="false" class="">
+        <div class="w-4/5 center text-18px text-gray-600 leading-loose">
+            <p v-if="allocatedData.fp_user_name">{{ allocatedData?.fp_user_name }} <span class="ml-5px">{{
+                allocatedData.modify_dateline
+            }}</span></p>
+            <p>状态: <span class="ml-10px">{{ allocatedData.xm_is_wc == '1' ? '完成' : '未完成' }}</span> </p>
+        </div>
+    </van-dialog>
+</template>
+<style lang="scss" scoped>
+::v-deep .audited {
+    .van-button__text {
+        color: #fff !important;
+    }
+}
+
+.center {
+    margin: 10px auto;
+}
+</style>