页面修改
This commit is contained in:
THK3121
parent
0e217c3647
commit
2903f6ac4e
@ -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 });
|
||||||
|
}
|
||||||
|
|||||||
26
src/api/withdraw.ts
Normal file
26
src/api/withdraw.ts
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
// 提现申请列表
|
||||||
|
export function apiWithdrawLists(params: any) {
|
||||||
|
return request.get({ url: "/withdraw/index", params });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加提现申请
|
||||||
|
export function apiWithdrawAdd(params: any) {
|
||||||
|
return request.post({ url: "/withdraw/add", params });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑提现申请
|
||||||
|
export function apiWithdrawEdit(params: any) {
|
||||||
|
return request.post({ url: "/withdraw/edit", params });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除提现申请
|
||||||
|
export function apiWithdrawDelete(params: any) {
|
||||||
|
return request.post({ url: "/withdraw/delete", params });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提现申请详情
|
||||||
|
export function apiWithdrawDetail(params: any) {
|
||||||
|
return request.get({ url: "/withdraw/detail", params });
|
||||||
|
}
|
||||||
@ -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: "个人设置",
|
||||||
|
// },
|
||||||
|
// },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -810,15 +810,15 @@ const getDetails = async () => {
|
|||||||
}
|
}
|
||||||
if (stringArr.includes(key)) formData[key] = formData[key].toString();
|
if (stringArr.includes(key)) formData[key] = formData[key].toString();
|
||||||
});
|
});
|
||||||
|
await getCityList();
|
||||||
|
await getAreaList();
|
||||||
|
await getStreetList();
|
||||||
formData["party_a_name"] = data.contract?.party_a_name;
|
formData["party_a_name"] = data.contract?.party_a_name;
|
||||||
formData["file_image"] = data.contract?.file;
|
formData["file_image"] = data.contract?.file;
|
||||||
if (data.contract?.file) {
|
if (data.contract?.file) {
|
||||||
fileList.value[0].url = data.contract?.file;
|
fileList.value[0].url = data.contract?.file;
|
||||||
fileList.value[0].name = "合同文件";
|
fileList.value[0].name = "合同文件";
|
||||||
}
|
}
|
||||||
await getCityList();
|
|
||||||
await getAreaList();
|
|
||||||
await getStreetList();
|
|
||||||
};
|
};
|
||||||
|
|
||||||
getdictTypeLists();
|
getdictTypeLists();
|
||||||
|
|||||||
@ -1,334 +1,398 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-card class="!border-none mb-4" shadow="never">
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||||
<el-form-item label="公司名称" prop="company_name">
|
<el-form-item label="公司名称" prop="company_name">
|
||||||
<el-input
|
<el-input
|
||||||
class="w-[280px]"
|
class="w-[280px]"
|
||||||
v-model="queryParams.company_name"
|
v-model="queryParams.company_name"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入公司名称"
|
placeholder="请输入公司名称"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="区" prop="area" v-show="company_type_show">
|
<el-form-item label="区" prop="area" v-show="company_type_show">
|
||||||
<el-input
|
<el-input
|
||||||
class="w-[280px]"
|
class="w-[280px]"
|
||||||
v-model="queryParams.area"
|
v-model="queryParams.area"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入区"
|
placeholder="请输入区"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="镇" prop="street" v-show="company_type_show">
|
<el-form-item label="镇" prop="street" v-show="company_type_show">
|
||||||
<el-input
|
<el-input
|
||||||
class="w-[280px]"
|
class="w-[280px]"
|
||||||
v-model="queryParams.street"
|
v-model="queryParams.street"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入镇"
|
placeholder="请输入镇"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公司类型" prop="company_type" v-show="company_type_show">
|
<el-form-item
|
||||||
<el-select
|
label="公司类型"
|
||||||
v-model="queryParams.company_type"
|
prop="company_type"
|
||||||
placeholder="请选择公司类型"
|
v-show="company_type_show"
|
||||||
clearable
|
>
|
||||||
:style="{ width: '100%' }"
|
<el-select
|
||||||
>
|
v-model="queryParams.company_type"
|
||||||
<el-option
|
placeholder="请选择公司类型"
|
||||||
v-for="(item, index) in datas.dictTypeLists"
|
clearable
|
||||||
:key="index"
|
class="w-[280px]"
|
||||||
:label="item.name"
|
>
|
||||||
:value="item.id"
|
<el-option
|
||||||
></el-option>
|
v-for="(item, index) in datas.dictTypeLists"
|
||||||
</el-select>
|
:key="index"
|
||||||
</el-form-item>
|
:label="item.name"
|
||||||
<el-form-item label="片区经理" prop="area_manager">
|
:value="item.id"
|
||||||
<el-input
|
></el-option>
|
||||||
class="w-[280px]"
|
</el-select>
|
||||||
v-model="queryParams.area_manager"
|
</el-form-item>
|
||||||
clearable
|
<el-form-item label="片区经理" prop="area_manager">
|
||||||
placeholder="请输入片区经理"
|
<el-input
|
||||||
/>
|
class="w-[280px]"
|
||||||
</el-form-item>
|
v-model="queryParams.area_manager"
|
||||||
<el-form-item label="是否签约" prop="is_contract">
|
clearable
|
||||||
<el-select
|
placeholder="请输入片区经理"
|
||||||
v-model="queryParams.is_contract"
|
/>
|
||||||
placeholder="是否签约"
|
</el-form-item>
|
||||||
clearable
|
<el-form-item label="是否签约" prop="is_contract">
|
||||||
:style="{ width: '100%' }"
|
<el-select
|
||||||
>
|
v-model="queryParams.is_contract"
|
||||||
<el-option label="已签约" value="1"></el-option>
|
placeholder="是否签约"
|
||||||
<el-option label="未签约" value="0"></el-option>
|
clearable
|
||||||
</el-select>
|
class="w-[240px]"
|
||||||
</el-form-item>
|
>
|
||||||
<el-form-item>
|
<el-option label="已签约" value="1"></el-option>
|
||||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
<el-option label="未签约" value="0"></el-option>
|
||||||
<el-button @click="resetParams">重置</el-button>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
<el-form-item>
|
||||||
</el-card>
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
<el-button @click="resetParams">重置</el-button>
|
||||||
<router-link
|
</el-form-item>
|
||||||
v-perms="['company/add:edit']"
|
</el-form>
|
||||||
:to="{
|
</el-card>
|
||||||
path: getRoutePath('company/add:edit')
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
}"
|
<router-link
|
||||||
>
|
v-perms="['company/add:edit']"
|
||||||
<el-button type="primary" class="mb-4">
|
:to="{
|
||||||
<template #icon>
|
path: getRoutePath('company/add:edit'),
|
||||||
<icon name="el-icon-Plus" />
|
}"
|
||||||
</template>
|
>
|
||||||
创建
|
<el-button type="primary" class="mb-4">
|
||||||
|
<template #icon>
|
||||||
|
<icon name="el-icon-Plus" />
|
||||||
|
</template>
|
||||||
|
创建
|
||||||
|
</el-button>
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
<router-link
|
||||||
|
:to="{
|
||||||
|
path: getRoutePath('company/add:edit'),
|
||||||
|
query: {
|
||||||
|
id: userStore.userInfo.company_id,
|
||||||
|
read: true,
|
||||||
|
},
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<el-button type="primary" class="mb-4">
|
||||||
|
我的公司
|
||||||
|
</el-button></router-link
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="mt-4">
|
||||||
|
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column
|
||||||
|
label="id"
|
||||||
|
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="street" show-overflow-tooltip />
|
||||||
|
<el-table-column
|
||||||
|
label="主联系人"
|
||||||
|
prop="master_name"
|
||||||
|
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 }">
|
||||||
|
<span v-if="row.is_contract == 1" style="color: #67c23a"
|
||||||
|
>已签约</span
|
||||||
|
>
|
||||||
|
<span v-else style="color: #fe0000">未签约</span>
|
||||||
|
</template></el-table-column
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
width="500"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div style="display: flex">
|
||||||
|
<el-button type="primary" link>
|
||||||
|
<router-link
|
||||||
|
:to="{
|
||||||
|
path: getRoutePath('auth.admin/lists'),
|
||||||
|
query: {
|
||||||
|
company_id: row.id,
|
||||||
|
read: true,
|
||||||
|
},
|
||||||
|
}"
|
||||||
|
>查看成员</router-link
|
||||||
|
>
|
||||||
</el-button>
|
</el-button>
|
||||||
</router-link>
|
<el-button type="primary" link>
|
||||||
<div class="mt-4">
|
<router-link
|
||||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
:to="{
|
||||||
<el-table-column label="id" prop="id" show-overflow-tooltip width="60" />
|
path: getRoutePath('company/subordinate/lists'),
|
||||||
<el-table-column label="公司名称" prop="company_name" show-overflow-tooltip />
|
query: {
|
||||||
<el-table-column label="公司类型" prop="company_type" show-overflow-tooltip />
|
company_id: row.id,
|
||||||
<el-table-column label="区县" prop="area" show-overflow-tooltip />
|
read: true,
|
||||||
<el-table-column label="乡镇" prop="street" show-overflow-tooltip />
|
},
|
||||||
<el-table-column label="主联系人" prop="master_name" show-overflow-tooltip />
|
}"
|
||||||
<el-table-column label="联系方式" prop="master_phone" show-overflow-tooltip />
|
>下属公司</router-link
|
||||||
<el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip />
|
>
|
||||||
<el-table-column label="是否签约" prop="is_contract" show-overflow-tooltip>
|
</el-button>
|
||||||
<template #default="{ row }">
|
<el-button v-perms="['company/add:edit']" type="primary" link>
|
||||||
<span v-if="row.is_contract == 1" style="color: #67c23a">已签约</span>
|
<router-link
|
||||||
<span v-else style="color: #fe0000">未签约</span>
|
:to="{
|
||||||
</template></el-table-column
|
path: getRoutePath('company/add:edit'),
|
||||||
>
|
query: {
|
||||||
<el-table-column label="操作" align="center" width="500" fixed="right">
|
id: row.id,
|
||||||
<template #default="{ row }">
|
read: true,
|
||||||
<div style="display: flex">
|
},
|
||||||
<el-button type="primary" link>
|
}"
|
||||||
<router-link
|
>详情</router-link
|
||||||
:to="{
|
>
|
||||||
path: getRoutePath('auth.admin/lists'),
|
</el-button>
|
||||||
query: {
|
<el-button v-perms="['company/add:edit']" type="primary" link>
|
||||||
company_id: row.id,
|
<router-link
|
||||||
read: true
|
:to="{
|
||||||
}
|
path: getRoutePath('company/add:edit'),
|
||||||
}"
|
query: {
|
||||||
>查看成员</router-link
|
id: row.id,
|
||||||
>
|
edit: true,
|
||||||
</el-button>
|
},
|
||||||
<el-button type="primary" link>
|
}"
|
||||||
<router-link
|
>编辑</router-link
|
||||||
:to="{
|
>
|
||||||
path: getRoutePath('company/subordinate/lists'),
|
</el-button>
|
||||||
query: {
|
<el-button
|
||||||
company_id: row.id,
|
v-perms="['company/delete']"
|
||||||
read: true
|
type="danger"
|
||||||
}
|
link
|
||||||
}"
|
@click="handleDelete(row.id)"
|
||||||
>下属公司</router-link
|
>删除</el-button
|
||||||
>
|
|
||||||
</el-button>
|
|
||||||
<el-button v-perms="['company/add:edit']" type="primary" link>
|
|
||||||
<router-link
|
|
||||||
:to="{
|
|
||||||
path: getRoutePath('company/add:edit'),
|
|
||||||
query: {
|
|
||||||
id: row.id,
|
|
||||||
read: true
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>详情</router-link
|
|
||||||
>
|
|
||||||
</el-button>
|
|
||||||
<el-button v-perms="['company/add:edit']" type="primary" link>
|
|
||||||
<router-link
|
|
||||||
:to="{
|
|
||||||
path: getRoutePath('company/add:edit'),
|
|
||||||
query: {
|
|
||||||
id: row.id,
|
|
||||||
edit: true
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>编辑</router-link
|
|
||||||
>
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
v-perms="['company/delete']"
|
|
||||||
type="danger"
|
|
||||||
link
|
|
||||||
@click="handleDelete(row.id)"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-if="row.is_authentication == 0"
|
|
||||||
v-perms="['company/authentication']"
|
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
@click="handleAuthentication(row.id)"
|
|
||||||
>企业认证</el-button
|
|
||||||
>
|
|
||||||
<template v-if="row.is_contract == 0">
|
|
||||||
<el-button
|
|
||||||
v-perms="['company/Draftingcontracts']"
|
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
@click="showCreateConctPop(row)"
|
|
||||||
>生成合同</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-perms="['company/postsms']"
|
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
@click=";(showPop = true), (contractId = row.id)"
|
|
||||||
>发送短信</el-button
|
|
||||||
>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div class="flex mt-4 justify-end">
|
|
||||||
<pagination v-model="pager" @change="getLists" />
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
<el-dialog v-model="showPop" @close="offPop">
|
|
||||||
<h1>重要提醒</h1>
|
|
||||||
<div class="content" v-if="showConctactPop">
|
|
||||||
请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
|
|
||||||
</div>
|
|
||||||
<div class="content" v-else>
|
|
||||||
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
|
|
||||||
</div>
|
|
||||||
<p class="btn_menu">
|
|
||||||
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
|
|
||||||
>确认创建</el-button
|
|
||||||
>
|
>
|
||||||
<el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
|
<el-button
|
||||||
<el-button type="info" size="large" @click="offPop">返回</el-button>
|
v-if="row.is_authentication == 0"
|
||||||
</p>
|
v-perms="['company/authentication']"
|
||||||
</el-dialog>
|
type="primary"
|
||||||
</div>
|
link
|
||||||
|
@click="handleAuthentication(row.id)"
|
||||||
|
>企业认证</el-button
|
||||||
|
>
|
||||||
|
<template v-if="row.is_contract == 0">
|
||||||
|
<el-button
|
||||||
|
v-perms="['company/Draftingcontracts']"
|
||||||
|
type="primary"
|
||||||
|
link
|
||||||
|
@click="showCreateConctPop(row)"
|
||||||
|
>生成合同</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
v-perms="['company/postsms']"
|
||||||
|
type="primary"
|
||||||
|
link
|
||||||
|
@click="(showPop = true), (contractId = row.id)"
|
||||||
|
>发送短信</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<el-dialog v-model="showPop" @close="offPop">
|
||||||
|
<h1>重要提醒</h1>
|
||||||
|
<div class="content" v-if="showConctactPop">
|
||||||
|
请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
|
||||||
|
</div>
|
||||||
|
<div class="content" v-else>
|
||||||
|
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
|
||||||
|
</div>
|
||||||
|
<p class="btn_menu">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="large"
|
||||||
|
v-if="showConctactPop"
|
||||||
|
@click="creContct"
|
||||||
|
>确认创建</el-button
|
||||||
|
>
|
||||||
|
<el-button type="primary" size="large" v-else @click="sendMsg"
|
||||||
|
>确认</el-button
|
||||||
|
>
|
||||||
|
<el-button type="info" size="large" @click="offPop">返回</el-button>
|
||||||
|
</p>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</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()
|
console.log(userStore.userInfo.company_id);
|
||||||
const company_type_show = ref(true)
|
const route = useRoute();
|
||||||
|
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 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: red;
|
color: red;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
color: red;
|
color: red;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_menu {
|
.btn_menu {
|
||||||
margin-top: 10vh;
|
margin-top: 10vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,194 +1,204 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-card class="!border-none" shadow="never">
|
<el-card class="!border-none" shadow="never">
|
||||||
<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
|
||||||
<div class="bg-page flex py-5 mb-10 items-center">
|
ref="formRef"
|
||||||
<div class="basis-40 flex flex-col justify-center items-center">
|
class="ls-form"
|
||||||
<div class="mb-2 text-tx-regular">用户头像</div>
|
:model="formData"
|
||||||
<el-avatar :src="formData.avatar" :size="58" />
|
label-width="120px"
|
||||||
</div>
|
>
|
||||||
<div class="basis-40 flex flex-col justify-center items-center">
|
<div class="bg-page flex py-5 mb-10 items-center">
|
||||||
<div class="text-tx-regular">账户余额</div>
|
<div class="basis-40 flex flex-col justify-center items-center">
|
||||||
<div class="mt-2 flex items-center">
|
<div class="mb-2 text-tx-regular">用户头像</div>
|
||||||
¥{{ formData.user_money }}
|
<el-avatar :src="formData.avatar" :size="58" />
|
||||||
<el-button
|
</div>
|
||||||
v-perms="['user.user/adjustMoney']"
|
<div class="basis-40 flex flex-col justify-center items-center">
|
||||||
type="primary"
|
<div class="text-tx-regular">账户余额</div>
|
||||||
link
|
<div class="mt-2 flex items-center">
|
||||||
@click="handleAdjust(formData.user_money)"
|
¥{{ formData.user_money }}
|
||||||
>
|
<el-button
|
||||||
调整
|
v-perms="['user.user/adjustMoney']"
|
||||||
</el-button>
|
type="primary"
|
||||||
</div>
|
link
|
||||||
</div>
|
@click="handleAdjust(formData.user_money)"
|
||||||
</div>
|
>
|
||||||
<el-col :span="24" class="el-card pt-6">
|
调整
|
||||||
<el-row>
|
</el-button>
|
||||||
<el-col :span="12">
|
</div>
|
||||||
<el-form-item label="用户编号："> {{ formData.sn }} </el-form-item>
|
</div>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="12">
|
<el-col :span="24" class="el-card pt-6">
|
||||||
<el-form-item label="用户昵称：">
|
<el-row>
|
||||||
{{ formData.nickname }}
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="用户编号：">
|
||||||
</el-col>
|
{{ formData.sn }}
|
||||||
<el-col :span="12">
|
</el-form-item>
|
||||||
<el-form-item label="账号：">
|
</el-col>
|
||||||
{{ formData.account }}
|
<el-col :span="12">
|
||||||
<popover-input
|
<el-form-item label="用户昵称：">
|
||||||
class="ml-[10px]"
|
{{ formData.nickname }}
|
||||||
@confirm="handleEdit($event, 'account')"
|
</el-form-item>
|
||||||
:limit="32"
|
</el-col>
|
||||||
v-perms="['user.user/edit']"
|
<el-col :span="12">
|
||||||
>
|
<el-form-item label="账号：">
|
||||||
<el-button type="primary" link>
|
{{ formData.account }}
|
||||||
<icon name="el-icon-EditPen" />
|
<popover-input
|
||||||
</el-button>
|
class="ml-[10px]"
|
||||||
</popover-input>
|
@confirm="handleEdit($event, 'account')"
|
||||||
</el-form-item>
|
:limit="32"
|
||||||
</el-col>
|
v-perms="['user.user/edit']"
|
||||||
<el-col :span="12">
|
>
|
||||||
<el-form-item label="真实姓名：">
|
<el-button type="primary" link>
|
||||||
{{ formData.real_name || '-' }}
|
<icon name="el-icon-EditPen" />
|
||||||
<popover-input
|
</el-button>
|
||||||
class="ml-[10px]"
|
</popover-input>
|
||||||
@confirm="handleEdit($event, 'real_name')"
|
</el-form-item>
|
||||||
:limit="32"
|
</el-col>
|
||||||
v-perms="['user.user/edit']"
|
<el-col :span="12">
|
||||||
>
|
<el-form-item label="真实姓名：">
|
||||||
<el-button type="primary" link>
|
{{ formData.real_name || "-" }}
|
||||||
<icon name="el-icon-EditPen" />
|
<popover-input
|
||||||
</el-button>
|
class="ml-[10px]"
|
||||||
</popover-input>
|
@confirm="handleEdit($event, 'real_name')"
|
||||||
</el-form-item>
|
:limit="32"
|
||||||
</el-col>
|
v-perms="['user.user/edit']"
|
||||||
<el-col :span="12">
|
>
|
||||||
<el-form-item label="性别：">
|
<el-button type="primary" link>
|
||||||
{{ formData.sex }}
|
<icon name="el-icon-EditPen" />
|
||||||
<popover-input
|
</el-button>
|
||||||
class="ml-[10px]"
|
</popover-input>
|
||||||
type="select"
|
</el-form-item>
|
||||||
:options="[
|
</el-col>
|
||||||
{
|
<el-col :span="12">
|
||||||
label: '未知',
|
<el-form-item label="性别：">
|
||||||
value: 0
|
{{ formData.sex }}
|
||||||
},
|
<popover-input
|
||||||
{
|
class="ml-[10px]"
|
||||||
label: '男',
|
type="select"
|
||||||
value: 1
|
:options="[
|
||||||
},
|
{
|
||||||
{
|
label: '未知',
|
||||||
label: '女',
|
value: 0,
|
||||||
value: 2
|
},
|
||||||
}
|
{
|
||||||
]"
|
label: '男',
|
||||||
@confirm="handleEdit($event, 'sex')"
|
value: 1,
|
||||||
v-perms="['user.user/edit']"
|
},
|
||||||
>
|
{
|
||||||
<el-button type="primary" link>
|
label: '女',
|
||||||
<icon name="el-icon-EditPen" />
|
value: 2,
|
||||||
</el-button>
|
},
|
||||||
</popover-input>
|
]"
|
||||||
</el-form-item>
|
@confirm="handleEdit($event, 'sex')"
|
||||||
</el-col>
|
v-perms="['user.user/edit']"
|
||||||
<el-col :span="12">
|
>
|
||||||
<el-form-item label="联系电话：">
|
<el-button type="primary" link>
|
||||||
{{ formData.mobile || '-' }}
|
<icon name="el-icon-EditPen" />
|
||||||
<popover-input
|
</el-button>
|
||||||
class="ml-[10px]"
|
</popover-input>
|
||||||
type="number"
|
</el-form-item>
|
||||||
@confirm="handleEdit($event, 'mobile')"
|
</el-col>
|
||||||
v-perms="['user.user/edit']"
|
<el-col :span="12">
|
||||||
>
|
<el-form-item label="联系电话：">
|
||||||
<el-button type="primary" link>
|
{{ formData.mobile || "-" }}
|
||||||
<icon name="el-icon-EditPen" />
|
<popover-input
|
||||||
</el-button>
|
class="ml-[10px]"
|
||||||
</popover-input>
|
type="number"
|
||||||
</el-form-item>
|
@confirm="handleEdit($event, 'mobile')"
|
||||||
</el-col>
|
v-perms="['user.user/edit']"
|
||||||
<el-col :span="12">
|
>
|
||||||
<el-form-item label="注册来源："> {{ formData.channel }} </el-form-item>
|
<el-button type="primary" link>
|
||||||
</el-col>
|
<icon name="el-icon-EditPen" />
|
||||||
<el-col :span="12">
|
</el-button>
|
||||||
<el-form-item label="注册时间：">
|
</popover-input>
|
||||||
{{ formData.create_time }}
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
<el-col :span="12">
|
<el-form-item label="注册来源：">
|
||||||
<el-form-item label="最近登录时间：">
|
{{ formData.channel }}
|
||||||
{{ formData.login_time }}
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
</el-row>
|
<el-form-item label="注册时间：">
|
||||||
</el-col>
|
{{ formData.create_time }}
|
||||||
</el-form>
|
</el-form-item>
|
||||||
</el-card>
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="最近登录时间：">
|
||||||
|
{{ formData.login_time }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
<account-adjust
|
<account-adjust
|
||||||
v-model:show="adjustState.show"
|
v-model:show="adjustState.show"
|
||||||
:value="adjustState.value"
|
:value="adjustState.value"
|
||||||
@confirm="handleConfirmAdjust"
|
@confirm="handleConfirmAdjust"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
||||||
|
|||||||
@ -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,33 +382,49 @@
|
|||||||
</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
|
||||||
<el-button
|
:style="{ width: '100%' }"
|
||||||
type="primary"
|
>
|
||||||
v-if="mode == 'initiate'"
|
<el-option
|
||||||
@click="initiateContactFn"
|
v-for="(item, index) in datas.contract_type"
|
||||||
>发起合同</el-button
|
:key="index"
|
||||||
>
|
:label="item.name"
|
||||||
</el-form-item>
|
: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
|
||||||
|
type="primary"
|
||||||
|
v-if="mode == 'initiate'"
|
||||||
|
@click="initiateContactFn"
|
||||||
|
>发起合同</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-col>
|
</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.mdoeid }).then((res) => [
|
||||||
|
console.log(res),
|
||||||
|
]);
|
||||||
};
|
};
|
||||||
const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => {
|
const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => {
|
||||||
return true;
|
return true;
|
||||||
@ -701,27 +715,17 @@ 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(
|
||||||
console.log(res);
|
(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">
|
||||||
|
|||||||
@ -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/launch']"
|
||||||
type="primary"
|
type="primary"
|
||||||
link
|
link
|
||||||
|
v-if="!row.contract"
|
||||||
>
|
>
|
||||||
<router-link
|
<router-link
|
||||||
:to="{
|
:to="{
|
||||||
@ -107,9 +108,10 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button
|
<el-button
|
||||||
v-perms="['auth.admin/Draftingcontracts']"
|
v-perms="['user.user/uplode']"
|
||||||
type="primary"
|
type="primary"
|
||||||
link
|
link
|
||||||
|
v-if="row.contract?.check_status == 1"
|
||||||
>
|
>
|
||||||
<router-link
|
<router-link
|
||||||
:to="{
|
:to="{
|
||||||
@ -117,6 +119,7 @@
|
|||||||
query: {
|
query: {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
mode: 'uplode',
|
mode: 'uplode',
|
||||||
|
mdoeid: row.contract.id,
|
||||||
},
|
},
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
@ -124,8 +127,9 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-perms="['auth.admin/Draftingcontracts']"
|
v-perms="['user.user/launch']"
|
||||||
type="primary"
|
type="primary"
|
||||||
|
v-if="row.contract?.check_status == 2"
|
||||||
link
|
link
|
||||||
@click="
|
@click="
|
||||||
(showPop = true),
|
(showPop = true),
|
||||||
@ -135,49 +139,14 @@
|
|||||||
>生成个人合同</el-button
|
>生成个人合同</el-button
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
v-perms="['auth.admin/postsms']"
|
v-if="row.contract?.check_status == 2"
|
||||||
|
v-perms="['user.user/launch']"
|
||||||
type="primary"
|
type="primary"
|
||||||
link
|
link
|
||||||
@click="(showPop = true), (contractId = row.id)"
|
@click="(showPop = true), (contractId = row.id)"
|
||||||
>重新短信</el-button
|
>重新短信</el-button
|
||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
<!-- <el-button
|
|
||||||
v-if="row.root != 1"
|
|
||||||
v-perms="['auth.admin/delete']"
|
|
||||||
type="danger"
|
|
||||||
link
|
|
||||||
@click="handleDelete(row.id)"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-if="row.is_contract == 1"
|
|
||||||
v-perms="['auth.admin/abolition']"
|
|
||||||
type="danger"
|
|
||||||
link
|
|
||||||
@click="handleAbolition(row.id)"
|
|
||||||
>废除合同</el-button
|
|
||||||
>
|
|
||||||
<template v-if="row.company_id != 0 && row.is_contract == 0">
|
|
||||||
<el-button
|
|
||||||
v-perms="['auth.admin/Draftingcontracts']"
|
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
@click="
|
|
||||||
;(showPop = true),
|
|
||||||
(showConctactPop = true),
|
|
||||||
(contractId = row.id)
|
|
||||||
"
|
|
||||||
>生成个人合同</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-perms="['auth.admin/postsms']"
|
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
@click=";(showPop = true), (contractId = row.id)"
|
|
||||||
>重新短信</el-button
|
|
||||||
>
|
|
||||||
</template> -->
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -213,12 +182,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";
|
||||||
|
|
||||||
@ -236,6 +200,7 @@ const offPop = () => {
|
|||||||
showConctactPop.value = false;
|
showConctactPop.value = false;
|
||||||
};
|
};
|
||||||
const creContct = () => {
|
const creContct = () => {
|
||||||
|
console.log(contractId.value);
|
||||||
// feedback.msgSuccess("复制成功");
|
// feedback.msgSuccess("复制成功");
|
||||||
creatContact({ id: contractId.value }).then(() => {
|
creatContact({ id: contractId.value }).then(() => {
|
||||||
feedback.msgSuccess("发送成功");
|
feedback.msgSuccess("发送成功");
|
||||||
@ -243,9 +208,10 @@ const creContct = () => {
|
|||||||
offPop();
|
offPop();
|
||||||
};
|
};
|
||||||
const sendMsg = () => {
|
const sendMsg = () => {
|
||||||
// sendMsgApi({ id: contractId.value }).then((res) => {
|
|
||||||
// feedback.msgSuccess("发送成功");
|
sendMsgApi({ id: contractId.value }).then((res) => {
|
||||||
// });
|
feedback.msgSuccess("发送成功");
|
||||||
|
});
|
||||||
offPop();
|
offPop();
|
||||||
};
|
};
|
||||||
// const handleDelete = async (id: number) => {
|
// const handleDelete = async (id: number) => {
|
||||||
@ -268,7 +234,7 @@ onActivated(() => {
|
|||||||
|
|
||||||
getLists();
|
getLists();
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style scoped>
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|||||||
185
src/views/finance/Withdrawal.vue
Normal file
185
src/views/finance/Withdrawal.vue
Normal file
@ -0,0 +1,185 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||||
|
<el-form-item label="订单编号" prop="order_sn">
|
||||||
|
<el-input
|
||||||
|
class="w-[280px]"
|
||||||
|
v-model="queryParams.order_sn"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入订单编号"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="" prop="user_id">
|
||||||
|
<el-input
|
||||||
|
class="w-[280px]"
|
||||||
|
v-model="queryParams.user_id"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="" prop="admin_id">
|
||||||
|
<el-input
|
||||||
|
class="w-[280px]"
|
||||||
|
v-model="queryParams.admin_id"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="提现金额" prop="amount">
|
||||||
|
<el-input
|
||||||
|
class="w-[280px]"
|
||||||
|
v-model="queryParams.amount"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入提现金额"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="状态：0待审核，1通过，2拒绝，3已转账"
|
||||||
|
prop="status"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
class="w-[280px]"
|
||||||
|
v-model="queryParams.status"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入状态：0待审核，1通过，2拒绝，3已转账"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
|
<el-button @click="resetParams">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
|
<el-button v-perms="['withdraw/add']" type="primary" @click="handleAdd">
|
||||||
|
<template #icon>
|
||||||
|
<icon name="el-icon-Plus" />
|
||||||
|
</template>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-perms="['withdraw/delete']"
|
||||||
|
:disabled="!selectData.length"
|
||||||
|
@click="handleDelete(selectData)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
<div class="mt-4">
|
||||||
|
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column
|
||||||
|
label="订单编号"
|
||||||
|
prop="order_sn"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column label="" prop="user_id" show-overflow-tooltip />
|
||||||
|
<el-table-column label="" prop="admin_id" show-overflow-tooltip />
|
||||||
|
<el-table-column
|
||||||
|
label="提现金额"
|
||||||
|
prop="amount"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="状态：0待审核，1通过，2拒绝，3已转账"
|
||||||
|
prop="status"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column label="操作" width="120" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button
|
||||||
|
v-perms="['withdraw/edit']"
|
||||||
|
type="primary"
|
||||||
|
link
|
||||||
|
@click="handleEdit(row)"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-perms="['withdraw/delete']"
|
||||||
|
type="danger"
|
||||||
|
link
|
||||||
|
@click="handleDelete(row.id)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<edit-popup
|
||||||
|
v-if="showEdit"
|
||||||
|
ref="editRef"
|
||||||
|
:dict-data="dictData"
|
||||||
|
@success="getLists"
|
||||||
|
@close="showEdit = false"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="withdrawLists">
|
||||||
|
import { usePaging } from "@/hooks/usePaging";
|
||||||
|
import { useDictData } from "@/hooks/useDictOptions";
|
||||||
|
import { apiWithdrawLists, apiWithdrawDelete } from "@/api/withdraw";
|
||||||
|
import { timeFormat } from "@/utils/util";
|
||||||
|
import feedback from "@/utils/feedback";
|
||||||
|
import EditPopup from "./edit.vue";
|
||||||
|
|
||||||
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
|
||||||
|
// 是否显示编辑框
|
||||||
|
const showEdit = ref(false);
|
||||||
|
|
||||||
|
// 查询条件
|
||||||
|
const queryParams = reactive({
|
||||||
|
order_sn: "",
|
||||||
|
user_id: "",
|
||||||
|
admin_id: "",
|
||||||
|
amount: "",
|
||||||
|
status: "",
|
||||||
|
});
|
||||||
|
|
||||||
|
// 选中数据
|
||||||
|
const selectData = ref<any[]>([]);
|
||||||
|
|
||||||
|
// 表格选择后回调事件
|
||||||
|
const handleSelectionChange = (val: any[]) => {
|
||||||
|
selectData.value = val.map(({ id }) => id);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取字典数据
|
||||||
|
const { dictData } = useDictData("");
|
||||||
|
|
||||||
|
// 分页相关
|
||||||
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
|
fetchFun: apiWithdrawLists,
|
||||||
|
params: queryParams,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 添加
|
||||||
|
const handleAdd = async () => {
|
||||||
|
showEdit.value = true;
|
||||||
|
await nextTick();
|
||||||
|
editRef.value?.open("add");
|
||||||
|
};
|
||||||
|
|
||||||
|
// 编辑
|
||||||
|
const handleEdit = async (data: any) => {
|
||||||
|
showEdit.value = true;
|
||||||
|
await nextTick();
|
||||||
|
editRef.value?.open("edit");
|
||||||
|
editRef.value?.setFormData(data);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
const handleDelete = async (id: number | any[]) => {
|
||||||
|
await feedback.confirm("确定要删除？");
|
||||||
|
await apiWithdrawDelete({ id });
|
||||||
|
getLists();
|
||||||
|
};
|
||||||
|
|
||||||
|
getLists();
|
||||||
|
</script>
|
||||||
175
src/views/finance/edit.vue
Normal file
175
src/views/finance/edit.vue
Normal file
@ -0,0 +1,175 @@
|
|||||||
|
<template>
|
||||||
|
<div class="edit-popup">
|
||||||
|
<popup
|
||||||
|
ref="popupRef"
|
||||||
|
:title="popupTitle"
|
||||||
|
:async="true"
|
||||||
|
width="550px"
|
||||||
|
@confirm="handleSubmit"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
ref="formRef"
|
||||||
|
:model="formData"
|
||||||
|
label-width="90px"
|
||||||
|
:rules="formRules"
|
||||||
|
>
|
||||||
|
<el-form-item label="订单编号" prop="order_sn">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.order_sn"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入订单编号"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="" prop="user_id">
|
||||||
|
<el-input v-model="formData.user_id" clearable placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="" prop="admin_id">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.admin_id"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="提现金额" prop="amount">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.amount"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入提现金额"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="状态：0待审核，1通过，2拒绝，3已转账"
|
||||||
|
prop="status"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formData.status"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入状态：0待审核，1通过，2拒绝，3已转账"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="withdrawEdit">
|
||||||
|
import type { FormInstance } from "element-plus";
|
||||||
|
import Popup from "@/components/popup/index.vue";
|
||||||
|
import {
|
||||||
|
apiWithdrawAdd,
|
||||||
|
apiWithdrawEdit,
|
||||||
|
apiWithdrawDetail,
|
||||||
|
} from "@/api/withdraw";
|
||||||
|
import { timeFormat } from "@/utils/util";
|
||||||
|
import type { PropType } from "vue";
|
||||||
|
defineProps({
|
||||||
|
dictData: {
|
||||||
|
type: Object as PropType<Record<string, any[]>>,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const emit = defineEmits(["success", "close"]);
|
||||||
|
const formRef = shallowRef<FormInstance>();
|
||||||
|
const popupRef = shallowRef<InstanceType<typeof Popup>>();
|
||||||
|
const mode = ref("add");
|
||||||
|
|
||||||
|
// 弹窗标题
|
||||||
|
const popupTitle = computed(() => {
|
||||||
|
return mode.value == "edit" ? "编辑提现申请" : "新增提现申请";
|
||||||
|
});
|
||||||
|
|
||||||
|
// 表单数据
|
||||||
|
const formData = reactive({
|
||||||
|
id: "",
|
||||||
|
order_sn: "",
|
||||||
|
user_id: "",
|
||||||
|
admin_id: "",
|
||||||
|
amount: "",
|
||||||
|
status: "",
|
||||||
|
});
|
||||||
|
|
||||||
|
// 表单验证
|
||||||
|
const formRules = reactive<any>({
|
||||||
|
order_sn: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入订单编号",
|
||||||
|
trigger: ["blur"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
user_id: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: ["blur"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
admin_id: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: ["blur"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
amount: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入提现金额",
|
||||||
|
trigger: ["blur"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
status: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入状态：0待审核，1通过，2拒绝，3已转账",
|
||||||
|
trigger: ["blur"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
// 获取详情
|
||||||
|
const setFormData = async (data: Record<any, any>) => {
|
||||||
|
for (const key in formData) {
|
||||||
|
if (data[key] != null && data[key] != undefined) {
|
||||||
|
//@ts-ignore
|
||||||
|
formData[key] = data[key];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getDetail = async (row: Record<string, any>) => {
|
||||||
|
const data = await apiWithdrawDetail({
|
||||||
|
id: row.id,
|
||||||
|
});
|
||||||
|
setFormData(data);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 提交按钮
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
await formRef.value?.validate();
|
||||||
|
const data = { ...formData };
|
||||||
|
mode.value == "edit"
|
||||||
|
? await apiWithdrawEdit(data)
|
||||||
|
: await apiWithdrawAdd(data);
|
||||||
|
popupRef.value?.close();
|
||||||
|
emit("success");
|
||||||
|
};
|
||||||
|
|
||||||
|
//打开弹窗
|
||||||
|
const open = (type = "add") => {
|
||||||
|
mode.value = type;
|
||||||
|
popupRef.value?.open();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 关闭回调
|
||||||
|
const handleClose = () => {
|
||||||
|
emit("close");
|
||||||
|
};
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
open,
|
||||||
|
setFormData,
|
||||||
|
getDetail,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@ -82,7 +82,7 @@ const checkMobile = (rule: any, value: any, callback: any) => {
|
|||||||
return callback()
|
return callback()
|
||||||
} else {
|
} else {
|
||||||
const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
|
const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
|
||||||
console.log(reg.test(value))
|
|
||||||
if (reg.test(value)) {
|
if (reg.test(value)) {
|
||||||
callback()
|
callback()
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -159,5 +159,5 @@ const toggleExpand = (children: any[], unfold = true) => {
|
|||||||
getLists().then((res) => {
|
getLists().then((res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
});
|
});
|
||||||
console.log(556666666666665);
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
@ -20,13 +39,22 @@
|
|||||||
<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-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,19 +153,19 @@
|
|||||||
<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[]>>,
|
||||||
default: () => ({}),
|
default: () => ({}),
|
||||||
},
|
},
|
||||||
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>();
|
||||||
@ -117,64 +177,66 @@ const popupTitle = computed(() => {
|
|||||||
return mode.value == "edit" ? "编辑任务" : "新增任务";
|
return mode.value == "edit" ? "编辑任务" : "新增任务";
|
||||||
});
|
});
|
||||||
|
|
||||||
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])
|
||||||
|
|
||||||
// 表单数据
|
// 表单数据
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
id: "",
|
id: "",
|
||||||
title: "",//任务名称
|
title: "", //任务名称
|
||||||
priority: "",//任务优先级
|
priority: "", //任务优先级
|
||||||
type: "",//任务类型
|
type: "", //任务类型
|
||||||
is_bug: "",//是否为修复bug
|
is_bug: "", //是否为修复bug
|
||||||
start_time: "",//预计开始时间
|
start_time: "", //预计开始时间
|
||||||
end_time: "",//预计结束时间
|
end_time: "", //预计结束时间
|
||||||
check_time: "",//预计验收时间
|
check_time: "", //预计验收时间
|
||||||
director_name: "",//负责人
|
director_name: "", //负责人
|
||||||
director_uid: "",//负责人id
|
director_uid: "", //负责人id
|
||||||
assist_admin_names: "",//协作人
|
assist_admin_names: "", //协作人
|
||||||
assist_admin_ids: "",//协作人id
|
assist_admin_ids: "", //协作人id
|
||||||
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
@ -1,45 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="edit-popup">
|
<div class="edit-popup">
|
||||||
<popup
|
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||||
ref="popupRef"
|
|
||||||
:title="popupTitle"
|
|
||||||
:async="true"
|
|
||||||
width="550px"
|
|
||||||
@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>
|
<el-col>
|
||||||
<el-form-item label="名称" prop="title">
|
<el-form-item label="名称" prop="title">
|
||||||
<el-input
|
<el-input v-model="formData.title" placeholder="请输入名称" clearable></el-input>
|
||||||
v-model="formData.title"
|
|
||||||
placeholder="请输入名称"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col>
|
<el-col>
|
||||||
<el-form-item label="标识" prop="name">
|
<el-form-item label="标识" prop="name">
|
||||||
<el-input
|
<el-input v-model="formData.name" placeholder="请输入审批类型标识" clearable></el-input>
|
||||||
v-model="formData.name"
|
|
||||||
placeholder="请输入审批类型标识"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col>
|
<el-col>
|
||||||
<el-form-item label="图标" prop="icon">
|
<el-form-item label="图标" prop="icon">
|
||||||
<el-input
|
<el-input v-model="formData.icon" placeholder="请输入审批类型图标" clearable></el-input>
|
||||||
v-model="formData.icon"
|
|
||||||
placeholder="请输入审批类型图标"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -56,6 +37,8 @@ import { apiCateCreat } from "@/api/examined";
|
|||||||
import { timeFormat } from "@/utils/util";
|
import { timeFormat } from "@/utils/util";
|
||||||
import type { PropType } from "vue";
|
import type { PropType } from "vue";
|
||||||
import { fileManagelist, fileManageDetil } from "@/api/informationg";
|
import { fileManagelist, fileManageDetil } from "@/api/informationg";
|
||||||
|
import { getUserList } from "@/api/consumer";
|
||||||
|
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
dictData: {
|
dictData: {
|
||||||
@ -94,12 +77,12 @@ const setFormData = async (data: Record<any, any>) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const getDetail = async (row: Record<string, any>) => {
|
// const getDetail = async (row: Record<string, any>) => {
|
||||||
const data = await apiFlowTypeDetail({
|
// const data = await apiFlowTypeDetail({
|
||||||
id: row.id,
|
// id: row.id,
|
||||||
});
|
// });
|
||||||
setFormData(data);
|
// setFormData(data);
|
||||||
};
|
// };
|
||||||
|
|
||||||
// 提交按钮
|
// 提交按钮
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
|
|||||||
@ -3,22 +3,19 @@
|
|||||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
<el-form class="mb-[-16px]" inline>
|
<el-form class="mb-[-16px]" inline>
|
||||||
<el-form-item label="公司名称" prop="company_id">
|
<el-form-item label="公司名称" prop="company_id">
|
||||||
<el-input class="w-[280px]" clearable placeholder="请输入公司" />
|
<el-input
|
||||||
</el-form-item>
|
class="w-[280px]"
|
||||||
<el-form-item label="合同类型" prop="contract_type">
|
v-model="queryParams.name"
|
||||||
<el-input class="w-[280px]" clearable placeholder="请输入合同类型" />
|
clearable
|
||||||
|
placeholder="请输入公司"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary">查询</el-button>
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
<el-button>重置</el-button>
|
<el-button @click="resetParams">重置</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 />
|
||||||
@ -70,7 +67,7 @@
|
|||||||
<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: getRoutePath('user.user/detil'),
|
path: 'user/user_informationgdetil',
|
||||||
query: {
|
query: {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
},
|
},
|
||||||
@ -100,26 +97,22 @@
|
|||||||
<script lang="ts" setup name="flowTypeLists">
|
<script lang="ts" setup name="flowTypeLists">
|
||||||
import { usePaging } from "@/hooks/usePaging";
|
import { usePaging } from "@/hooks/usePaging";
|
||||||
import { useDictData } from "@/hooks/useDictOptions";
|
import { useDictData } from "@/hooks/useDictOptions";
|
||||||
import { apiCateLists, apiCateStatus } from "@/api/examined";
|
// import { apiCateLists, apiCateStatus } from "@/api/examined";
|
||||||
import { fileManagelist, fileManageDetil } from "@/api/informationg";
|
import { fileManagelist, fileManageDetil } from "@/api/informationg";
|
||||||
import { getRoutePath } from "@/router";
|
import { getRoutePath } from "@/router";
|
||||||
|
|
||||||
import { timeFormat } from "@/utils/util";
|
// 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);
|
||||||
|
|
||||||
// 查询条件
|
// 查询条件
|
||||||
const queryParams = reactive({
|
const queryParams = reactive({
|
||||||
type: "",
|
|
||||||
title: "",
|
|
||||||
name: "",
|
name: "",
|
||||||
icon: "",
|
|
||||||
department_ids: "",
|
|
||||||
status: "",
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 选中数据
|
// 选中数据
|
||||||
@ -139,20 +132,21 @@ const { pager, getLists, resetParams, resetPage } = usePaging({
|
|||||||
params: queryParams,
|
params: queryParams,
|
||||||
});
|
});
|
||||||
|
|
||||||
// 添加
|
|
||||||
const handleAdd = async () => {
|
|
||||||
showEdit.value = true;
|
|
||||||
await nextTick();
|
|
||||||
editRef.value?.open("add");
|
|
||||||
};
|
|
||||||
|
|
||||||
// 编辑
|
// 添加
|
||||||
const handleEdit = async (data: any) => {
|
// const handleAdd = async () => {
|
||||||
showEdit.value = true;
|
// showEdit.value = true;
|
||||||
await nextTick();
|
// await nextTick();
|
||||||
editRef.value?.open("edit");
|
// editRef.value?.open("add");
|
||||||
editRef.value?.setFormData(data);
|
// };
|
||||||
};
|
|
||||||
|
// // 编辑
|
||||||
|
// const handleEdit = async (data: any) => {
|
||||||
|
// showEdit.value = true;
|
||||||
|
// await nextTick();
|
||||||
|
// editRef.value?.open("edit");
|
||||||
|
// editRef.value?.setFormData(data);
|
||||||
|
// };
|
||||||
|
|
||||||
// 删除
|
// 删除
|
||||||
// const handleDelete = async (id: number | any[]) => {
|
// const handleDelete = async (id: number | any[]) => {
|
||||||
@ -161,8 +155,8 @@ const handleEdit = async (data: any) => {
|
|||||||
// getLists();
|
// getLists();
|
||||||
// };
|
// };
|
||||||
// 状态
|
// 状态
|
||||||
const changeStatus = (row: any) => {
|
// const changeStatus = (row: any) => {
|
||||||
apiCateStatus({ id: row.id, status: row.status });
|
// apiCateStatus({ id: row.id, status: row.status });
|
||||||
};
|
// };
|
||||||
getLists();
|
getLists();
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user