页面修改

This commit is contained in:
嗜血龙帅 2023-08-02 20:04:26 +08:00
parent 0e217c3647
commit 2bd257b59d
12 changed files with 1080 additions and 1500 deletions

View File

@ -34,3 +34,7 @@ export function upContact(params: any) {
export function creatContact(params: any) { export function creatContact(params: any) {
return request.post({ url: "/user.user/Draftingcontracts", params }); return request.post({ url: "/user.user/Draftingcontracts", params });
} }
//发送短息
export function sendMsgApi(params: any) {
return request.get({ url: "/contract.contract/postsms", params });
}

View File

@ -47,21 +47,29 @@ export const constantRoutes: Array<RouteRecordRaw> = [
}, },
}, },
{ {
path: "b", path: "user_informationgdetil",
component: () => import("@/views/fileManagement/index.vue"), component: () => import("@/views/user_informationg/detil.vue"),
name: Symbol(), name: Symbol(),
meta: { meta: {
title: "个人设置", title: "档案详情",
},
},
{
path: "a",
component: () => import("@/views/fileManagement/detil.vue"),
name: Symbol(),
meta: {
title: "个人设置",
}, },
}, },
// {
// path: "b",
// component: () => import("@/views/fileManagement/index.vue"),
// name: Symbol(),
// meta: {
// title: "个人设置",
// },
// },
// {
// path: "a",
// component: () => import("@/views/fileManagement/detil.vue"),
// name: Symbol(),
// meta: {
// title: "个人设置",
// },
// },
], ],
}, },
// { // {

View File

@ -7,8 +7,9 @@
width="550px" width="550px"
@confirm="handleSubmit" @confirm="handleSubmit"
@close="handleClose" @close="handleClose"
> >
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules"> <el-form ref="formRef" :model="formData" label-width="90px" :disabled="mode=='check'" :rules="formRules">
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入名称" /> <el-input v-model="formData.name" clearable placeholder="请输入名称" />
</el-form-item> </el-form-item>

View File

@ -74,8 +74,25 @@
<dict-value :options="dictData.show_status" :value="row.status" /> <dict-value :options="dictData.show_status" :value="row.status" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="120" fixed="right"> <el-table-column
label="操作"
width="180"
align="center"
fixed="right"
>
<template #default="{ row }"> <template #default="{ row }">
<el-button
v-perms="[
'category_business.category_business/edit',
'category_business.category_business/delete',
'category_business.category_business/edit',
]"
type="primary"
link
@click="handleCheck(row)"
>
详情
</el-button>
<el-button <el-button
v-perms="['category_business.category_business/edit']" v-perms="['category_business.category_business/edit']"
type="primary" type="primary"
@ -155,7 +172,13 @@ const handleAdd = async () => {
await nextTick(); await nextTick();
editRef.value?.open("add"); editRef.value?.open("add");
}; };
//
const handleCheck = async (data: any) => {
showEdit.value = true;
await nextTick();
editRef.value?.open("check");
editRef.value?.setFormData(data);
};
// //
const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
showEdit.value = true; showEdit.value = true;

View File

@ -26,12 +26,16 @@
placeholder="请输入镇" placeholder="请输入镇"
/> />
</el-form-item> </el-form-item>
<el-form-item label="公司类型" prop="company_type" v-show="company_type_show"> <el-form-item
label="公司类型"
prop="company_type"
v-show="company_type_show"
>
<el-select <el-select
v-model="queryParams.company_type" v-model="queryParams.company_type"
placeholder="请选择公司类型" placeholder="请选择公司类型"
clearable clearable
:style="{ width: '100%' }" class="w-[280px]"
> >
<el-option <el-option
v-for="(item, index) in datas.dictTypeLists" v-for="(item, index) in datas.dictTypeLists"
@ -54,7 +58,7 @@
v-model="queryParams.is_contract" v-model="queryParams.is_contract"
placeholder="是否签约" placeholder="是否签约"
clearable clearable
:style="{ width: '100%' }" class="w-[240px]"
> >
<el-option label="已签约" value="1"></el-option> <el-option label="已签约" value="1"></el-option>
<el-option label="未签约" value="0"></el-option> <el-option label="未签约" value="0"></el-option>
@ -70,7 +74,7 @@
<router-link <router-link
v-perms="['company/add:edit']" v-perms="['company/add:edit']"
:to="{ :to="{
path: getRoutePath('company/add:edit') path: getRoutePath('company/add:edit'),
}" }"
> >
<el-button type="primary" class="mb-4"> <el-button type="primary" class="mb-4">
@ -80,23 +84,74 @@
创建 创建
</el-button> </el-button>
</router-link> </router-link>
&nbsp; &nbsp;
<router-link
:to="{
path: getRoutePath('company/add:edit'),
query: {
id: 71,
read: true,
},
}"
>
<el-button type="primary" class="mb-4">
我的公司
</el-button></router-link
>
<div class="mt-4"> <div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange"> <el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column label="id" prop="id" show-overflow-tooltip width="60" /> <el-table-column
<el-table-column label="公司名称" prop="company_name" show-overflow-tooltip /> label="id"
<el-table-column label="公司类型" prop="company_type" show-overflow-tooltip /> prop="id"
show-overflow-tooltip
width="60"
/>
<el-table-column
label="公司名称"
prop="company_name"
show-overflow-tooltip
/>
<el-table-column
label="公司类型"
prop="company_type"
show-overflow-tooltip
/>
<el-table-column label="区县" prop="area" show-overflow-tooltip /> <el-table-column label="区县" prop="area" show-overflow-tooltip />
<el-table-column label="乡镇" prop="street" show-overflow-tooltip /> <el-table-column label="乡镇" prop="street" show-overflow-tooltip />
<el-table-column label="主联系人" prop="master_name" show-overflow-tooltip /> <el-table-column
<el-table-column label="联系方式" prop="master_phone" show-overflow-tooltip /> label="主联系人"
<el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip /> prop="master_name"
<el-table-column label="是否签约" prop="is_contract" show-overflow-tooltip> show-overflow-tooltip
/>
<el-table-column
label="联系方式"
prop="master_phone"
show-overflow-tooltip
/>
<el-table-column
label="片区经理"
prop="area_manager"
show-overflow-tooltip
/>
<el-table-column
label="是否签约"
prop="is_contract"
show-overflow-tooltip
>
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.is_contract == 1" style="color: #67c23a">已签约</span> <span v-if="row.is_contract == 1" style="color: #67c23a"
>已签约</span
>
<span v-else style="color: #fe0000">未签约</span> <span v-else style="color: #fe0000">未签约</span>
</template></el-table-column </template></el-table-column
> >
<el-table-column label="操作" align="center" width="500" fixed="right"> <el-table-column
label="操作"
align="center"
width="500"
fixed="right"
>
<template #default="{ row }"> <template #default="{ row }">
<div style="display: flex"> <div style="display: flex">
<el-button type="primary" link> <el-button type="primary" link>
@ -105,8 +160,8 @@
path: getRoutePath('auth.admin/lists'), path: getRoutePath('auth.admin/lists'),
query: { query: {
company_id: row.id, company_id: row.id,
read: true read: true,
} },
}" }"
>查看成员</router-link >查看成员</router-link
> >
@ -117,8 +172,8 @@
path: getRoutePath('company/subordinate/lists'), path: getRoutePath('company/subordinate/lists'),
query: { query: {
company_id: row.id, company_id: row.id,
read: true read: true,
} },
}" }"
>下属公司</router-link >下属公司</router-link
> >
@ -129,8 +184,8 @@
path: getRoutePath('company/add:edit'), path: getRoutePath('company/add:edit'),
query: { query: {
id: row.id, id: row.id,
read: true read: true,
} },
}" }"
>详情</router-link >详情</router-link
> >
@ -141,8 +196,8 @@
path: getRoutePath('company/add:edit'), path: getRoutePath('company/add:edit'),
query: { query: {
id: row.id, id: row.id,
edit: true edit: true,
} },
}" }"
>编辑</router-link >编辑</router-link
> >
@ -174,7 +229,7 @@
v-perms="['company/postsms']" v-perms="['company/postsms']"
type="primary" type="primary"
link link
@click=";(showPop = true), (contractId = row.id)" @click="(showPop = true), (contractId = row.id)"
>发送短信</el-button >发送短信</el-button
> >
</template> </template>
@ -196,10 +251,16 @@
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约 确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
</div> </div>
<p class="btn_menu"> <p class="btn_menu">
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct" <el-button
type="primary"
size="large"
v-if="showConctactPop"
@click="creContct"
>确认创建</el-button >确认创建</el-button
> >
<el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button> <el-button type="primary" size="large" v-else @click="sendMsg"
>确认</el-button
>
<el-button type="info" size="large" @click="offPop">返回</el-button> <el-button type="info" size="large" @click="offPop">返回</el-button>
</p> </p>
</el-dialog> </el-dialog>
@ -207,100 +268,102 @@
</template> </template>
<script lang="ts" setup name="companyLists"> <script lang="ts" setup name="companyLists">
import { usePaging } from '@/hooks/usePaging' import { usePaging } from "@/hooks/usePaging";
import { useDictData } from '@/hooks/useDictOptions' import { useDictData } from "@/hooks/useDictOptions";
import useUserStore from '@/stores/modules/user' import useUserStore from "@/stores/modules/user";
import { import {
apiCompanyLists, apiCompanyLists,
apiCompanyDelete, apiCompanyDelete,
generateGontract, generateGontract,
sendMsgApi, sendMsgApi,
authentication authentication,
} from '@/api/company' } from "@/api/company";
import { timeFormat } from '@/utils/util' import { timeFormat } from "@/utils/util";
import feedback from '@/utils/feedback' import feedback from "@/utils/feedback";
import { dictDataLists } from '@/api/setting/dict' import { dictDataLists } from "@/api/setting/dict";
import { getRoutePath } from '@/router' import { getRoutePath } from "@/router";
const userStore = useUserStore() const userStore = useUserStore();
const route = useRoute() const route = useRoute();
const company_type_show = ref(true) const company_type_show = ref(true);
// //
// //
const showPop = ref(false) const showPop = ref(false);
const showConctactPop = ref(false) const showConctactPop = ref(false);
const offPop = () => { const offPop = () => {
showPop.value = false showPop.value = false;
showConctactPop.value = false showConctactPop.value = false;
} };
// id // id
const contractId = ref('') const contractId = ref("");
const showCreateConctPop = (row) => { const showCreateConctPop = (row) => {
;(showPop.value = true), (showConctactPop.value = true), (contractId.value = row.id) (showPop.value = true),
} (showConctactPop.value = true),
(contractId.value = row.id);
};
const creContct = () => { const creContct = () => {
generateGontract({ id: contractId.value }) generateGontract({ id: contractId.value });
offPop() offPop();
} };
const sendMsg = () => { const sendMsg = () => {
sendMsgApi({ id: contractId.value }) sendMsgApi({ id: contractId.value });
offPop() offPop();
} };
// //
// //
const queryParams = reactive({ const queryParams = reactive({
company_name: '', company_name: "",
area: '', area: "",
street: '', street: "",
company_type: '', company_type: "",
area_manager: '', area_manager: "",
// //
is_contract: '' is_contract: "",
}) });
if (route.query.company_type) { if (route.query.company_type) {
company_type_show.value = false company_type_show.value = false;
queryParams['company_type'] = route.query.company_type?.toString() || '' queryParams["company_type"] = route.query.company_type?.toString() || "";
} }
const datas = reactive({ const datas = reactive({
dictTypeLists: [] dictTypeLists: [],
}) });
const getdictTypeLists = async () => { const getdictTypeLists = async () => {
const data = await dictDataLists({ type_id: 6 }) const data = await dictDataLists({ type_id: 6 });
datas['dictTypeLists'] = data['lists'] datas["dictTypeLists"] = data["lists"];
} };
getdictTypeLists() getdictTypeLists();
// //
const selectData = ref<any[]>([]) const selectData = ref<any[]>([]);
// //
const handleSelectionChange = (val: any[]) => { const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id) selectData.value = val.map(({ id }) => id);
} };
// //
const { dictData } = useDictData('') const { dictData } = useDictData("");
// //
const { pager, getLists, resetParams, resetPage } = usePaging({ const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiCompanyLists, fetchFun: apiCompanyLists,
params: queryParams params: queryParams,
}) });
// //
const handleDelete = async (id: number | any[]) => { const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?') await feedback.confirm("确定要删除?");
await apiCompanyDelete({ id }) await apiCompanyDelete({ id });
getLists() getLists();
} };
const handleAuthentication = async (id: number | any[]) => { const handleAuthentication = async (id: number | any[]) => {
await feedback.confirm('确定要认证?') await feedback.confirm("确定要认证?");
await authentication({ id }) await authentication({ id });
getLists() getLists();
} };
getLists() getLists();
</script> </script>
<style lang="scss"> <style lang="scss">
.btn { .btn {

View File

@ -4,7 +4,12 @@
<el-page-header content="用户详情" @back="$router.back()" /> <el-page-header content="用户详情" @back="$router.back()" />
</el-card> </el-card>
<el-card class="mt-4 !border-none" header="基本资料" shadow="never"> <el-card class="mt-4 !border-none" header="基本资料" shadow="never">
<el-form ref="formRef" class="ls-form" :model="formData" label-width="120px"> <el-form
ref="formRef"
class="ls-form"
:model="formData"
label-width="120px"
>
<div class="bg-page flex py-5 mb-10 items-center"> <div class="bg-page flex py-5 mb-10 items-center">
<div class="basis-40 flex flex-col justify-center items-center"> <div class="basis-40 flex flex-col justify-center items-center">
<div class="mb-2 text-tx-regular">用户头像</div> <div class="mb-2 text-tx-regular">用户头像</div>
@ -28,7 +33,9 @@
<el-col :span="24" class="el-card pt-6"> <el-col :span="24" class="el-card pt-6">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="用户编号:"> {{ formData.sn }} </el-form-item> <el-form-item label="用户编号:">
{{ formData.sn }}
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="用户昵称:"> <el-form-item label="用户昵称:">
@ -52,7 +59,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="真实姓名:"> <el-form-item label="真实姓名:">
{{ formData.real_name || '-' }} {{ formData.real_name || "-" }}
<popover-input <popover-input
class="ml-[10px]" class="ml-[10px]"
@confirm="handleEdit($event, 'real_name')" @confirm="handleEdit($event, 'real_name')"
@ -74,16 +81,16 @@
:options="[ :options="[
{ {
label: '未知', label: '未知',
value: 0 value: 0,
}, },
{ {
label: '男', label: '男',
value: 1 value: 1,
}, },
{ {
label: '女', label: '女',
value: 2 value: 2,
} },
]" ]"
@confirm="handleEdit($event, 'sex')" @confirm="handleEdit($event, 'sex')"
v-perms="['user.user/edit']" v-perms="['user.user/edit']"
@ -96,7 +103,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话:"> <el-form-item label="联系电话:">
{{ formData.mobile || '-' }} {{ formData.mobile || "-" }}
<popover-input <popover-input
class="ml-[10px]" class="ml-[10px]"
type="number" type="number"
@ -110,7 +117,9 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="注册来源:"> {{ formData.channel }} </el-form-item> <el-form-item label="注册来源:">
{{ formData.channel }}
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="注册时间:"> <el-form-item label="注册时间:">
@ -136,59 +145,60 @@
</template> </template>
<script lang="ts" setup name="consumerDetail"> <script lang="ts" setup name="consumerDetail">
import type { FormInstance } from 'element-plus' import type { FormInstance } from "element-plus";
import { adjustMoney, getUserDetail, userEdit } from '@/api/consumer' import { adjustMoney, getUserDetail, userEdit } from "@/api/consumer";
import { isEmpty } from '@/utils/util' import { isEmpty } from "@/utils/util";
import AccountAdjust from '../components/account-adjust.vue' import AccountAdjust from "../components/account-adjust.vue";
const route = useRoute() const route = useRoute();
const formData = reactive({ const formData = reactive({
avatar: '', avatar: "",
channel: '', channel: "",
create_time: '', create_time: "",
login_time: '', login_time: "",
mobile: '', mobile: "",
nickname: '', nickname: "",
real_name: 0, real_name: 0,
sex: 0, sex: 0,
sn: '', sn: "",
account: '', account: "",
user_money: '' user_money: "",
}) });
const adjustState = reactive({ const adjustState = reactive({
show: false, show: false,
value: '' value: "",
}) });
const formRef = shallowRef<FormInstance>() const formRef = shallowRef<FormInstance>();
const getDetails = async () => { const getDetails = async () => {
const data = await getUserDetail({ const data = await getUserDetail({
id: route.query.id id: route.query.id,
}) });
Object.keys(formData).forEach((key) => { Object.keys(formData).forEach((key) => {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
}) key == "sex" ? (formData[key] = Number(data[key])) : "";
} });
};
const handleEdit = async (value: string, field: string) => { const handleEdit = async (value: string, field: string) => {
if (isEmpty(value)) return if (isEmpty(value)) return;
await userEdit({ await userEdit({
id: route.query.id, id: route.query.id,
field, field,
value value,
}) });
getDetails() getDetails();
} };
const handleAdjust = (value: string) => { const handleAdjust = (value: string) => {
adjustState.show = true adjustState.show = true;
adjustState.value = value adjustState.value = value;
} };
const handleConfirmAdjust = async (value: any) => { const handleConfirmAdjust = async (value: any) => {
await adjustMoney({ user_id: route.query.id, ...value }) await adjustMoney({ user_id: route.query.id, ...value });
adjustState.show = false adjustState.show = false;
getDetails() getDetails();
} };
getDetails() getDetails();
</script> </script>

View File

@ -5,13 +5,12 @@
</el-card> </el-card>
<el-card class="mt-4 !border-none" shadow="never"> <el-card class="mt-4 !border-none" shadow="never">
<el-form ref="formRef" :model="formData" label-width="84px"> <el-form ref="formRef" :model="formData" label-width="84px">
<div style="font-size: 1.2rem; margin: 10px 0"> <div style="font-size: 1.2rem; margin: 10px 0">基本信息创建</div>
基本信息创建{{ mode }}
</div>
<div class="headimg"> <div class="headimg">
<el-upload <el-upload
v-model="formData.avatar" v-model="formData.avatar"
class="avatar-uploader-head" class="avatar-uploader-head"
:disabled="flag"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
:show-file-list="false" :show-file-list="false"
@ -29,6 +28,7 @@
<el-form-item label="姓名" prop="nickname"> <el-form-item label="姓名" prop="nickname">
<el-input <el-input
v-model="formData.nickname" v-model="formData.nickname"
:disabled="flag"
placeholder="请输入姓名" placeholder="请输入姓名"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -39,11 +39,12 @@
<el-form-item label="性别" prop="sex"> <el-form-item label="性别" prop="sex">
<el-select <el-select
v-model="formData.sex" v-model="formData.sex"
:disabled="flag"
placeholder="请选择性别" placeholder="请选择性别"
:style="{ width: '100%' }" :style="{ width: '100%' }"
> >
<el-option label="男" value="1" /> <el-option label="男" :value="1" />
<el-option label="女" value="2" /> <el-option label="女" :value="2" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -53,6 +54,7 @@
<el-form-item label="身份证号" prop="id_card"> <el-form-item label="身份证号" prop="id_card">
<el-input <el-input
v-model="formData.id_card" v-model="formData.id_card"
:disabled="flag"
placeholder="请输入身份证号" placeholder="请输入身份证号"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -64,6 +66,7 @@
<el-input <el-input
v-model="formData.account" v-model="formData.account"
placeholder="请输入联系电话" placeholder="请输入联系电话"
:disabled="flag"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '100%' }"
></el-input> ></el-input>
@ -75,6 +78,7 @@
<el-select <el-select
v-model="formData.province" v-model="formData.province"
placeholder="请选择省" placeholder="请选择省"
:disabled="flag"
clearable clearable
@change="province_change" @change="province_change"
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -92,6 +96,7 @@
v-model="formData.city" v-model="formData.city"
placeholder="请选择市" placeholder="请选择市"
clearable clearable
:disabled="flag"
@change="city_change" @change="city_change"
:style="{ width: '100%' }" :style="{ width: '100%' }"
> >
@ -107,6 +112,7 @@
<el-select <el-select
v-model="formData.area" v-model="formData.area"
placeholder="请选择区" placeholder="请选择区"
:disabled="flag"
clearable clearable
@change="area_change" @change="area_change"
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -124,6 +130,7 @@
<el-select <el-select
v-model="formData.street" v-model="formData.street"
placeholder="请选择镇" placeholder="请选择镇"
:disabled="flag"
clearable clearable
@change="street_change" @change="street_change"
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -139,6 +146,7 @@
<el-form-item label="村社小队" prop="address" style="flex: 1.5"> <el-form-item label="村社小队" prop="address" style="flex: 1.5">
<el-input <el-input
v-model="formData.address" v-model="formData.address"
:disabled="flag"
placeholder="请输入村社小队" placeholder="请输入村社小队"
clearable clearable
:style="{ width: '100%' }" :style="{ width: '100%' }"
@ -148,7 +156,7 @@
</el-col> </el-col>
<el-col :span="24" style="margin-top: 1vh"> <el-col :span="24" style="margin-top: 1vh">
<el-row> <!-- <el-row>
<el-col :span="12" v-if="mode == 'initiate' || formData.party_b"> <el-col :span="12" v-if="mode == 'initiate' || formData.party_b">
<el-form-item label="签约方" prop="field130"> <el-form-item label="签约方" prop="field130">
<el-input <el-input
@ -161,7 +169,7 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row> -->
</el-col> </el-col>
<div style="font-size: 1.2rem; margin: 10px 0">资质信息</div> <div style="font-size: 1.2rem; margin: 10px 0">资质信息</div>
<div style="display: flex; justify-content: space-between"> <div style="display: flex; justify-content: space-between">
@ -169,6 +177,7 @@
<el-form-item label="身份证" prop="id_card"> <el-form-item label="身份证" prop="id_card">
<el-upload <el-upload
v-model="formData.qualification.id_card" v-model="formData.qualification.id_card"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -186,6 +195,7 @@
</el-upload> </el-upload>
<el-upload <el-upload
v-model="formData.qualification.id_card_b" v-model="formData.qualification.id_card_b"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -207,6 +217,7 @@
<el-form-item label="行驶证" prop="car_card"> <el-form-item label="行驶证" prop="car_card">
<el-upload <el-upload
v-model="formData.qualification.car_card" v-model="formData.qualification.car_card"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -224,6 +235,7 @@
</el-upload> </el-upload>
<el-upload <el-upload
v-model="formData.qualification.car_card_b" v-model="formData.qualification.car_card_b"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -246,6 +258,7 @@
<el-form-item label="银行卡号" prop="bank_account"> <el-form-item label="银行卡号" prop="bank_account">
<el-upload <el-upload
v-model="formData.qualification.bank_account" v-model="formData.qualification.bank_account"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -264,6 +277,7 @@
</el-upload> </el-upload>
<el-upload <el-upload
v-model="formData.qualification.bank_account_b" v-model="formData.qualification.bank_account_b"
:disabled="flag"
class="avatar-uploader pl-3" class="avatar-uploader pl-3"
:data="{ cid: 1 }" :data="{ cid: 1 }"
action="https://worker-task.lihaink.cn/api/upload/image" action="https://worker-task.lihaink.cn/api/upload/image"
@ -350,25 +364,6 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24">
<el-form-item label="合同类型" prop="contract_type">
<el-col :span="24">
<el-select
v-model="formData.contract_type"
placeholder="请选择合同类型"
clearable
:style="{ width: '100%' }"
>
<el-option
v-for="(item, index) in datas.contract_type"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-col>
</el-form-item>
</el-col>
</el-row> </el-row>
</el-col> </el-col>
</template> </template>
@ -387,26 +382,40 @@
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="24"> <!-- <el-col :span="24" v-if="formData.contract">
<el-form-item label="合同地址"> <el-form-item label="合同地址">
<el-link <el-link
type="success" type="success"
:href="formData.contract.url" :href="formData.contract.file"
target="_blank" target="_blank"
>在线查看</el-link >在线查看</el-link
> >
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="24" class="pt-6"> <el-col :span="24" v-if="mode == 'initiate'" class="pt-6">
<el-form-item label prop="field139"> <el-row>
<!-- <el-button <el-col :span="8">
type="primary" <el-form-item label="合同类型" prop="contract_type">
:disabled="isDisabled" <el-col :span="24">
size="medium" <el-select
@click="create" v-model="formData.contract_type"
>创建</el-button placeholder="请选择合同类型"
> --> clearable
:style="{ width: '100%' }"
>
<el-option
v-for="(item, index) in datas.contract_type"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-col>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item prop="field139">
<el-button <el-button
type="primary" type="primary"
v-if="mode == 'initiate'" v-if="mode == 'initiate'"
@ -415,6 +424,8 @@
> >
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
</el-col>
</el-form> </el-form>
</el-card> </el-card>
@ -423,9 +434,9 @@
:value="adjustState.value" :value="adjustState.value"
@confirm="handleConfirmAdjust" @confirm="handleConfirmAdjust"
/> />
<el-dialog v-model="isCompany" title="选择签约方" width="60%"> <!-- <el-dialog v-model="isCompany" title="选择签约方" width="60%">
<DialogIndex @customEvent="customEvent" /> <DialogIndex @customEvent="customEvent" />
</el-dialog> </el-dialog> -->
</div> </div>
</template> </template>
@ -459,8 +470,8 @@ import useUserStore from "@/stores/modules/user";
import feedback from "@/utils/feedback"; import feedback from "@/utils/feedback";
const { removeTab } = useMultipleTabs(); const { removeTab } = useMultipleTabs();
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const flag = ref(true);
const formData = reactive({ const formData = reactive({
id: "", id: "",
sex: "", sex: "",
@ -650,12 +661,15 @@ const handleAvatarSuccess_four: UploadProps["onSuccess"] = (
return; return;
} }
formData.file = response.data.uri; formData.file = response.data.uri;
fileList.value[0].url = response.data.uri; // fileList.value[0].url = response.data.uri;
fileList.value[0].name = "合同文件"; // fileList.value[0].name = "";
console.log(formData.file.substring(8));
upContact({ file: formData.file.substring(8), id: route.query.id }).then( // upContact({ file: formData.file.substring(8), id: route.query.id }).then(
(res) => [console.log(res)] // (res) => [console.log(res)]
); // );
upContact({ file: formData.file, id: route.query.id }).then((res) => [
console.log(res),
]);
}; };
const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => { const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => {
return true; return true;
@ -701,27 +715,18 @@ const handleConfirmAdjust = async (value: any) => {
}; };
// //
const initiateContactFn = () => { const initiateContactFn = () => {
const { party_b, contract_type } = formData; const { contract_type } = formData;
// console.log(party_b, contract_type); // console.log(party_b, contract_type);
initiateContact({ party_b, contract_type, type: 2 }).then((res) => { initiateContact({ party_b: route.query.id, contract_type, type: 2 }).then(
(res) => {
console.log(res); console.log(res);
feedback.msgSuccess("发起成功,等待平台风控部上传合同"); feedback.msgSuccess("发起成功,等待平台风控部上传合同");
}); }
}; );
const create = async () => {
await formRef.value?.validate();
const data = { ...formData };
// mode.value = route.query.mode;
// if (route.query.id) {
// await apiCompanyEdit(data)
// } else {
// await apiCompanyAdd(data)
// }
removeTab();
router.back();
}; };
getDetails(); getDetails();
getProvinceList(); getProvinceList();
console.log(formData);
</script> </script>
<style lang="scss"> <style lang="scss">

View File

@ -87,11 +87,12 @@
详情 详情
</router-link> </router-link>
</el-button> </el-button>
<template v-if="row.company_id != 0 && row.is_contract == 0"> <template v-if="row.is_contract == 0">
<el-button <el-button
v-perms="['auth.admin/Draftingcontracts']" v-perms="['user.user/edit']"
type="primary" type="primary"
link link
v-if="!row.contract"
> >
<router-link <router-link
:to="{ :to="{
@ -110,6 +111,7 @@
v-perms="['auth.admin/Draftingcontracts']" v-perms="['auth.admin/Draftingcontracts']"
type="primary" type="primary"
link link
v-if="row.contract?.check_status == 1"
> >
<router-link <router-link
:to="{ :to="{
@ -126,6 +128,7 @@
<el-button <el-button
v-perms="['auth.admin/Draftingcontracts']" v-perms="['auth.admin/Draftingcontracts']"
type="primary" type="primary"
v-if="row.contract?.check_status == 2"
link link
@click=" @click="
(showPop = true), (showPop = true),
@ -213,12 +216,7 @@
<script lang="ts" setup name="consumerLists"> <script lang="ts" setup name="consumerLists">
import { usePaging } from "@/hooks/usePaging"; import { usePaging } from "@/hooks/usePaging";
import { getRoutePath } from "@/router"; import { getRoutePath } from "@/router";
import { import { getUserList, creatContact, sendMsgApi } from "@/api/consumer";
getUserList,
creatContact,
initiateContact,
upContact,
} from "@/api/consumer";
import { ClientMap } from "@/enums/appEnums"; import { ClientMap } from "@/enums/appEnums";
import feedback from "@/utils/feedback"; import feedback from "@/utils/feedback";
@ -243,9 +241,11 @@ const creContct = () => {
offPop(); offPop();
}; };
const sendMsg = () => { const sendMsg = () => {
// sendMsgApi({ id: contractId.value }).then((res) => { console.log(contractId.value);
// feedback.msgSuccess(""); return;
// }); sendMsgApi({ id: contractId.value }).then((res) => {
feedback.msgSuccess("发送成功");
});
offPop(); offPop();
}; };
// const handleDelete = async (id: number) => { // const handleDelete = async (id: number) => {

View File

@ -10,7 +10,7 @@
<div class="mt-4"> <div class="mt-4">
<el-calendar v-model="dateValue"> <el-calendar v-model="dateValue">
<template #dateCell="{ data }"> <template #dateCell="{ data }">
<div style="width: 100%; height: 100%" @click="test(data)"> <div style="width: 100%; height: 100%">
<p :class="data.isSelected ? 'is-selected' : ''"> <p :class="data.isSelected ? 'is-selected' : ''">
{{ data.day.split("-").slice(1).join("-") }} {{ data.day.split("-").slice(1).join("-") }}
<!-- {{ data.isSelected ? '✔️' : '' }} --> <!-- {{ data.isSelected ? '✔️' : '' }} -->
@ -23,6 +23,7 @@
the: item.priority == 3, the: item.priority == 3,
}" }"
v-if="taskList[data.day]" v-if="taskList[data.day]"
@click="handleEdit(item)"
v-for="(item, index) in taskList[data.day]" v-for="(item, index) in taskList[data.day]"
:key="index" :key="index"
> >
@ -140,11 +141,11 @@ const handleEdit = async (data: any) => {
}; };
// //
const handleDelete = async (id: number | any[]) => { // const handleDelete = async (id: number | any[]) => {
await feedback.confirm("确定要删除?"); // await feedback.confirm("");
await apiFlowTypeDelete({ id }); // await apiFlowTypeDelete({ id });
getLists(); // getLists();
}; // };
// getLists(); // getLists();
</script> </script>

View File

@ -1,18 +1,37 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="1000px" @confirm="handleSubmit" @close="handleClose"> <popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="1000px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="84px"> <el-form ref="formRef" :model="formData" label-width="84px">
<el-col class="pt-6 !border-none"> <el-col class="pt-6 !border-none">
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<el-form-item label="任务主题" prop="title"> <el-form-item label="任务主题" prop="title">
<el-input v-model="formData.title" placeholder="请输入任务主题" clearable></el-input> <el-input
v-model="formData.title"
placeholder="请输入任务主题"
clearable
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="优先级" prop="name"> <el-form-item label="优先级" prop="name">
<el-select v-model="formData.priority" placeholder="请输入优先级"> <el-select
<el-option v-for="item in priorityList" :key="item.value" :value="item.value" :label="item.label"/> v-model="formData.priority"
placeholder="请输入优先级"
>
<el-option
v-for="item in priorityList"
:key="item.value"
:value="item.value"
:label="item.label"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -21,12 +40,21 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工作类型" prop="icon"> <el-form-item label="工作类型" prop="icon">
<el-select v-model="formData.type" placeholder="请选择工作类型"> <el-select v-model="formData.type" placeholder="请选择工作类型">
<el-option v-for="item in taskTypeList" :key="item.label" :value="item.value" :label="item.label"/> <el-option
v-for="item in taskTypeList"
:key="item.label"
:value="item.value"
:label="item.label"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="是否为修复BUG" label-width="auto" prop="icon"> <el-form-item
label="是否为修复BUG"
label-width="auto"
prop="icon"
>
<el-radio-group v-model="formData.is_bug"> <el-radio-group v-model="formData.is_bug">
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio> <el-radio :label="0"></el-radio>
@ -37,43 +65,75 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="负责人" prop="icon"> <el-form-item label="负责人" prop="icon">
<el-input v-model="formData.director_name" placeholder="请选择负责人" clearable @click="isMan = true"></el-input> <el-input
v-model="formData.director_name"
placeholder="请选择负责人"
clearable
@click="isMan = true"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="协作人" prop="icon"> <el-form-item label="协作人" prop="icon">
<el-input v-model="formData.assist_admin_names" placeholder="请选择协作人" clearable <el-input
@click="isManTow = true"></el-input> v-model="formData.assist_admin_names"
placeholder="请选择协作人"
clearable
@click="isManTow = true"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="审查人" prop="icon"> <el-form-item label="审查人" prop="icon">
<el-input v-model="formData.assist_check_names" placeholder="请选择审查人" clearable @click="isManThe = true"></el-input> <el-input
v-model="formData.assist_check_names"
placeholder="请选择审查人"
clearable
@click="isManThe = true"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="开始时间" prop="icon"> <el-form-item label="开始时间" prop="icon">
<el-date-picker type="date" placeholder="开始时间" value-format="YYYY-MM-DD" v-model="formData.start_time" /> <el-date-picker
type="date"
placeholder="开始时间"
value-format="YYYY-MM-DD"
v-model="formData.start_time"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="结束时间" prop="icon"> <el-form-item label="结束时间" prop="icon">
<el-date-picker type="date" placeholder="预计结束时间" value-format="YYYY-MM-DD" v-model="formData.end_time" /> <el-date-picker
type="date"
placeholder="预计结束时间"
value-format="YYYY-MM-DD"
v-model="formData.end_time"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="验收时间" prop="icon"> <el-form-item label="验收时间" prop="icon">
<el-date-picker type="date" placeholder="预计验收时间" value-format="YYYY-MM-DD" v-model="formData.check_time" /> <el-date-picker
type="date"
placeholder="预计验收时间"
value-format="YYYY-MM-DD"
v-model="formData.check_time"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="详细描述" prop="icon"> <el-form-item label="详细描述" prop="icon">
<editor v-model="formData.content" :height="500" /> <editor
</el-form-item></el-col> v-model="formData.content"
:height="500"
/> </el-form-item
></el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-form> </el-form>
@ -93,10 +153,10 @@
<script lang="ts" setup name="taskEidt"> <script lang="ts" setup name="taskEidt">
import type { FormInstance } from "element-plus"; import type { FormInstance } from "element-plus";
import Popup from "@/components/popup/index.vue"; import Popup from "@/components/popup/index.vue";
import { apiTaskCreat } from "@/api/task"; import { apiTaskCreat, apiTaskView } from "@/api/task";
import { timeFormat } from "@/utils/util"; import { timeFormat } from "@/utils/util";
import { reactive, onMounted, type PropType } from "vue"; import { reactive, onMounted, type PropType } from "vue";
import DialogIndexMan from './dialog_index_man.vue' import DialogIndexMan from "./dialog_index_man.vue";
const props = defineProps({ const props = defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
@ -104,8 +164,8 @@ const props = defineProps({
}, },
dateValue: { dateValue: {
type: Date, type: Date,
default: () => (null), default: () => null,
} },
}); });
const emit = defineEmits(["success", "close"]); const emit = defineEmits(["success", "close"]);
const formRef = shallowRef<FormInstance>(); const formRef = shallowRef<FormInstance>();
@ -118,42 +178,44 @@ const popupTitle = computed(() => {
}); });
onMounted(() => { onMounted(() => {
props.dateValue?.toDateString()?formData.start_time = props.dateValue.toDateString():null; props.dateValue?.toDateString()
}) ? (formData.start_time = props.dateValue.toDateString())
: null;
});
const priorityList = reactive([ const priorityList = reactive([
{ {
value: 1, value: 1,
label: "低" label: "低",
}, },
{ {
value: 2, value: 2,
label: "中" label: "中",
}, },
{ {
value: 3, value: 3,
label: "高" label: "高",
}, },
{ {
value: 4, value: 4,
label: "紧急" label: "紧急",
} },
]) ]);
const taskTypeList = reactive([ const taskTypeList = reactive([
{ {
value: 0, value: 0,
label: "测试" label: "测试",
}, },
{ {
value: 1, value: 1,
label: "修复" label: "修复",
}, },
{ {
value: 2, value: 2,
label: "新增" label: "新增",
} },
]) ]);
// const timeList = reactive([1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]) // const timeList = reactive([1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24])
@ -174,7 +236,7 @@ const formData = reactive({
assist_check_names: "", // assist_check_names: "", //
assist_check_ids: "", //id assist_check_ids: "", //id
content: "", // content: "", //
project_id: ""//id project_id: "", //id
}); });
// //
@ -187,11 +249,11 @@ const setFormData = async (data: Record<any, any>) => {
} }
}; };
const getDetail = async (row: Record<string, any>) => { const getDetail = async (id: number) => {
const data = await apiFlowTypeDetail({ const data = await apiTaskView({
id: row.id, id,
}); });
setFormData(data); setFormData(data.detail);
}; };
// //
@ -201,17 +263,17 @@ const isManTow = ref(false);
// //
const isManThe = ref(false); const isManThe = ref(false);
function customEvent(data: any) { function customEvent(data: any) {
isMan.value = false isMan.value = false;
formData.director_name = data.name; formData.director_name = data.name;
formData.director_uid = data.id; formData.director_uid = data.id;
} }
function customEventMan(data: any) { function customEventMan(data: any) {
isManTow.value = false isManTow.value = false;
formData.assist_admin_names = data.name; formData.assist_admin_names = data.name;
formData.assist_admin_ids = data.id; formData.assist_admin_ids = data.id;
} }
function customEventManThe(data: any) { function customEventManThe(data: any) {
isManThe.value = false isManThe.value = false;
formData.assist_check_names = data.name; formData.assist_check_names = data.name;
formData.assist_check_ids = data.id; formData.assist_check_ids = data.id;
} }

File diff suppressed because it is too large Load Diff

View File

@ -13,21 +13,11 @@
<el-button>重置</el-button> <el-button>重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-button v-perms="['flow_type/add']" type="primary" @click="">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<div class="mt-4"> <div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange"> <el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column label="用户编号" prop="id" show-overflow-tooltip /> <el-table-column label="用户编号" prop="id" show-overflow-tooltip />
<el-table-column label="用户名" prop="name" show-overflow-tooltip /> <el-table-column label="用户名" prop="name" show-overflow-tooltip />
<el-table-column <el-table-column label="联系方式" prop="phone" show-overflow-tooltip />
label="联系方式"
prop="phone"
show-overflow-tooltip
/>
<el-table-column label="地址" show-overflow-tooltip> <el-table-column label="地址" show-overflow-tooltip>
<template #default="{ row }"> <template #default="{ row }">
<!-- <dict-value :options="dictData.show_status" :value="row.status" /> --> <!-- <dict-value :options="dictData.show_status" :value="row.status" /> -->
@ -40,42 +30,19 @@
}} }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="所属生产队队长" prop="type_name" show-overflow-tooltip />
label="所属生产队队长" <el-table-column label="所属镇管理" prop="type_name" show-overflow-tooltip />
prop="type_name" <el-table-column label="所属区域经理" prop="type_name" show-overflow-tooltip />
show-overflow-tooltip <el-table-column label="最近更新时间" prop="type_name" show-overflow-tooltip />
/> <el-table-column label="操作" align="center" width="auto" fixed="right">
<el-table-column
label="所属镇管理"
prop="type_name"
show-overflow-tooltip
/>
<el-table-column
label="所属区域经理"
prop="type_name"
show-overflow-tooltip
/>
<el-table-column
label="最近更新时间"
prop="type_name"
show-overflow-tooltip
/>
<el-table-column
label="操作"
align="center"
width="auto"
fixed="right"
>
<template #default="{ row }"> <template #default="{ row }">
<el-button v-perms="['flow/edit']" type="primary" link> <el-button v-perms="['flow/edit']" type="primary" link>
<router-link <router-link :to="{
:to="{ path: 'user/user_informationgdetil',
path: getRoutePath('user.user/detil'),
query: { query: {
id: row.id, id: row.id,
}, },
}" }">
>
详情 详情
</router-link> </router-link>
</el-button> </el-button>
@ -87,13 +54,7 @@
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />
</div> </div>
</el-card> </el-card>
<edit-popup <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
v-if="showEdit"
ref="editRef"
:dict-data="dictData"
@success="getLists"
@close="showEdit = false"
/>
</div> </div>
</template> </template>
@ -108,6 +69,7 @@ import { timeFormat } from "@/utils/util";
import feedback from "@/utils/feedback"; import feedback from "@/utils/feedback";
// import { getRoutePath } from "router"; // import { getRoutePath } from "router";
import EditPopup from "./editCate.vue"; import EditPopup from "./editCate.vue";
console.log(getRoutePath);
const editRef = shallowRef<InstanceType<typeof EditPopup>>(); const editRef = shallowRef<InstanceType<typeof EditPopup>>();
// //
const showEdit = ref(false); const showEdit = ref(false);