mkm/TaskSystem-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

审批流程页面完善

Browse Source
This commit is contained in:
THK3121 2023-07-25 17:54:59 +08:00
commit 4ae6508917
18 changed files with 2612 additions and 1513 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/api/company.ts
View File

@ -1,39 +1,42 @@
import request from "@/utils/request";
import request from '@/utils/request'
// 公司列表
export function apiCompanyLists(params: any) {
return request.get({ url: "/company/lists", params });
return request.get({ url: '/company/lists', params })
}
// 添加公司
export function apiCompanyAdd(params: any) {
return request.post({ url: "/company/add", params });
return request.post({ url: '/company/add', params })
}
// 编辑公司
export function apiCompanyEdit(params: any) {
return request.post({ url: "/company/edit", params });
return request.post({ url: '/company/edit', params })
}
// 删除公司
export function apiCompanyDelete(params: any) {
return request.post({ url: "/company/delete", params });
return request.post({ url: '/company/delete', params })
}
// 公司详情
export function apiCompanyDetail(params: any) {
return request.get({ url: "/company/detail", params });
return request.get({ url: '/company/detail', params })
}
// 下属公司详情
export function apiSubordinateList(params: any) {
return request.get({ url: "/company/subordinate", params });
return request.get({ url: '/company/subordinate', params })
}
export function sendMsgApi(params: any) {
return request.get({ url: '/company/postsms', params })
}
// 生成合同
export function generateGontract(params: any) {
return request.get({ url: "/company/Draftingcontracts", params });
return request.get({ url: '/company/Draftingcontracts', params })
}
// 发送短信
export function sendMsgApi(params: any) {
return request.get({ url: "/company/postsms", params });
export function authentication(params: any) {
return request.get({ url: '/company/authentication', params })
}

30
src/api/examined.ts Normal file
View File

@ -0,0 +1,30 @@
import request from "@/utils/request";
//审批类型列表
export function apiCateLists(params: any) {
return request.get({ url: "/cate/index", params });
}
//审批流程列表
export function apiFlowLists(params: any) {
return request.get({ url: "/flow/index", params });
}
//创建审批类型
export function apiCateCreat(params: any) {
return request.post({ url: "/cate/create", params });
}
// 创建流程
export function apiFlowCreat(params: any) {
return request.post({ url: "/flow/create", params });
}
// 启用审批类型
export function apiCateStatus(params: any) {
return request.get({ url: "/cate/status", params });
}
// 启用审批流程
export function apiFlowStatus(params: any) {
return request.get({ url: "/flow/status", params });
}
// 审批流程详情
export function apiFlowDetil(params: any) {
return request.get({ url: "/flow/view", params });
}

65
src/hooks/usePaging.ts
View File

@ -1,18 +1,24 @@
import { reactive, toRaw } from 'vue'
import { reactive, toRaw } from "vue";
// 分页钩子函数
interface Options {
page?: number
size?: number
fetchFun: (_arg: any) => Promise<any>
params?: Record<any, any>
firstLoading?: boolean
page?: number;
size?: number;
fetchFun: (_arg: any) => Promise<any>;
params?: Record<any, any>;
firstLoading?: boolean;
}
export function usePaging(options: Options) {
const { page = 1, size = 15, fetchFun, params = {}, firstLoading = false } = options
const {
page = 1,
size = 15,
fetchFun,
params = {},
firstLoading = false,
} = options;
// 记录分页初始参数
const paramsInit: Record<any, any> = Object.assign({}, toRaw(params))
const paramsInit: Record<any, any> = Object.assign({}, toRaw(params));
// 分页数据
const pager = reactive({
page,
@ -20,45 +26,46 @@ export function usePaging(options: Options) {
loading: firstLoading,
count: 0,
lists: [] as any[],
extend: {} as Record<string, any>
})
extend: {} as Record<string, any>,
});
// 请求分页接口
const getLists = () => {
pager.loading = true
pager.loading = true;
return fetchFun({
page_no: pager.page,
page_size: pager.size,
...params
...params,
})
.then((res: any) => {
pager.count = res?.count
pager.lists = res?.lists
pager.extend = res?.extend
return Promise.resolve(res)
pager.count = res?.count;
res.lists ? (pager.lists = res.lists) : (pager.lists = res.data);
// pager.lists = res?.lists
pager.extend = res?.extend;
return Promise.resolve(res);
})
.catch((err: any) => {
return Promise.reject(err)
return Promise.reject(err);
})
.finally(() => {
pager.loading = false
})
}
pager.loading = false;
});
};
// 重置为第一页
const resetPage = () => {
pager.page = 1
getLists()
}
pager.page = 1;
getLists();
};
// 重置参数
const resetParams = () => {
Object.keys(paramsInit).forEach((item) => {
params[item] = paramsInit[item]
})
getLists()
}
params[item] = paramsInit[item];
});
getLists();
};
return {
pager,
getLists,
resetParams,
resetPage
}
resetPage,
};
}

48
src/router/routes.ts
View File

@ -13,41 +13,49 @@
}
*/
import type { RouteRecordRaw } from 'vue-router'
import { PageEnum } from '@/enums/pageEnum'
import Layout from '@/layout/default/index.vue'
import type { RouteRecordRaw } from "vue-router";
import { PageEnum } from "@/enums/pageEnum";
import Layout from "@/layout/default/index.vue";
export const LAYOUT = () => Promise.resolve(Layout)
export const LAYOUT = () => Promise.resolve(Layout);
export const INDEX_ROUTE_NAME = Symbol()
export const INDEX_ROUTE_NAME = Symbol();
export const constantRoutes: Array<RouteRecordRaw> = [
{
path: '/:pathMatch(.*)*',
component: () => import('@/views/error/404.vue')
path: "/:pathMatch(.*)*",
component: () => import("@/views/error/404.vue"),
},
{
path: PageEnum.ERROR_403,
component: () => import('@/views/error/403.vue')
component: () => import("@/views/error/403.vue"),
},
{
path: PageEnum.LOGIN,
component: () => import('@/views/account/login.vue')
component: () => import("@/views/account/login.vue"),
},
{
path: '/user',
path: "/user",
component: LAYOUT,
children: [
{
path: 'setting',
component: () => import('@/views/user/setting.vue'),
path: "setting",
component: () => import("@/views/user/setting.vue"),
name: Symbol(),
meta: {
title: '个人设置'
}
}
]
}
title: "个人设置",
},
},
{
path: "examined",
component: () => import("@/views/examined/examinedFlow.vue"),
name: Symbol(),
meta: {
title: "个人设置",
},
},
],
},
// {
// path: '/dev_tools',
// component: LAYOUT,
@ -76,10 +84,10 @@ export const constantRoutes: Array<RouteRecordRaw> = [
// }
// ]
// }
]
];
export const INDEX_ROUTE: RouteRecordRaw = {
path: PageEnum.INDEX,
component: LAYOUT,
name: INDEX_ROUTE_NAME
}
name: INDEX_ROUTE_NAME,
};

4
src/views/company/dialog_index.vue
View File

@ -27,14 +27,12 @@
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<div class="mt-4">
<el-table :data="pager.lists" @cell-click="handleCurrentChange">
<el-table-column label="签约公司" property="company_name" />
<el-table-column label="公司名称" property="company_name" />
<el-table-column label="公司类型" property="company_type" />
<el-table-column label="区县" property="area" />
<el-table-column label="乡镇" property="street" />
<el-table-column label="主联系人" property="master_name" />
<el-table-column label="联系方式" property="master_phone" />
<el-table-column label="片区经理" property="area_manager" />
<el-table-column label="是否签约" property="is_contract" />
</el-table>
</div>
<div class="flex mt-4 justify-end">

461
src/views/company/edit.vue
View File

@ -1,11 +1,6 @@
<template>
<div class="edit-popup">
<el-form
ref="formRef"
:model="formData"
label-width="90px"
:rules="formRules"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<div style="font-size: 1.2rem; margin: 10px 0">公司基本信息创建</div>
<el-col :span="24" class="el-card pt-6">
<el-row>
@ -175,7 +170,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮箱" prop="master_email">
<el-form-item label="邮箱">
<el-input
:disabled="isDisabled"
v-model="formData.master_email"
@ -214,10 +209,7 @@
<div style="font-size: 1.2rem; margin: 10px 0">其他联系人</div>
<el-col :span="24" class="el-card pt-6">
<el-row>
<template
v-for="(item, index) in formData.other_contacts"
:key="index"
>
<template v-for="(item, index) in formData.other_contacts" :key="index">
<el-col :span="12">
<el-form-item label="姓名" prop="field120">
<el-input
@ -252,7 +244,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮箱" prop="field123">
<el-form-item label="邮箱">
<el-input
:disabled="isDisabled"
v-model="item.email"
@ -281,7 +273,7 @@
<el-col :span="24" class="el-card pt-6">
<el-row>
<el-col :span="12">
<el-form-item label="营业执照" required>
<el-form-item label="公司资质" required>
<el-upload
:disabled="isDisabled"
v-model="formData.qualification.business_license"
@ -321,7 +313,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="对公银行" required>
<el-form-item label="其他资质" required>
<el-upload
:disabled="isDisabled"
v-model="formData.qualification.bank_account"
@ -362,7 +354,6 @@
</el-col>
</el-row>
</el-col>
<template v-if="userStore.userInfo.root == 0">
<div style="font-size: 1.2rem; margin: 10px 0">电子合同</div>
<el-col :span="24" class="el-card pt-6">
<el-row>
@ -379,11 +370,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label-width="100px"
label="被签约公司"
prop="field131"
>
<el-form-item label-width="100px" label="被签约公司" prop="field131">
<el-input
:disabled="true"
v-model="formData.company_name"
@ -394,11 +381,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label-width="100px"
label="合同类型"
prop="contract_type"
>
<el-form-item label-width="100px" label="合同类型" prop="contract_type">
<el-select
:disabled="isDisabled"
v-model="formData.contract.contract_type"
@ -417,11 +400,7 @@
</el-col>
<el-col :span="12">
<el-form-item
label-width="100px"
label="合同编号"
prop="field133"
>
<el-form-item label-width="100px" label="合同编号" prop="field133">
<el-input
placeholder="系统自动生成"
v-model="formData.contract.contract_no"
@ -447,15 +426,12 @@
:limit="1"
:on-success="handleAvatarSuccess_three"
>
<el-button :disabled="isDisabled" type="primary"
>上传</el-button
>
<el-button :disabled="isDisabled" type="primary">上传</el-button>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-col>
</template>
<el-col :span="24" class="el-card pt-6">
<el-form-item label prop="field139">
@ -486,79 +462,64 @@
</template>
<script lang="ts" setup name="companyEdit">
import type {
FormInstance,
UploadProps,
ElMessage,
UploadUserFile,
} from "element-plus";
import Popup from "@/components/popup/index.vue";
import {
apiCompanyAdd,
apiCompanyEdit,
apiCompanyDetail,
apiCompanyLists,
} from "@/api/company";
import {
apiCityList,
apiAreaList,
apiStreetList,
apiProvinceList,
} from "@/api/common";
import { dictDataLists } from "@/api/setting/dict";
import { timeFormat } from "@/utils/util";
import DialogIndex from "./dialog_index.vue";
import DialogIndexMan from "./dialog_index_man.vue";
import type { PropType } from "vue";
import useMultipleTabs from "@/hooks/useMultipleTabs";
import useUserStore from "@/stores/modules/user";
const userStore = useUserStore();
import type { FormInstance, UploadProps, ElMessage, UploadUserFile } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiCompanyAdd, apiCompanyEdit, apiCompanyDetail, apiCompanyLists } from '@/api/company'
import { apiCityList, apiAreaList, apiStreetList, apiProvinceList } from '@/api/common'
import { dictDataLists } from '@/api/setting/dict'
import { timeFormat } from '@/utils/util'
import DialogIndex from './dialog_index.vue'
import DialogIndexMan from './dialog_index_man.vue'
import type { PropType } from 'vue'
import useMultipleTabs from '@/hooks/useMultipleTabs'
import useUserStore from '@/stores/modules/user'
const userStore = useUserStore()
const { removeTab } = useMultipleTabs();
const router = useRouter();
const route = useRoute();
let isDisabled = ref(false);
let isEdit = ref(false);
const { removeTab } = useMultipleTabs()
const router = useRouter()
const route = useRoute()
let isDisabled = ref(false)
let isEdit = ref(false)
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();
isDisabled = route.query.read;
isEdit = route.query.edit;
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref()
isDisabled = route.query.read
isEdit = route.query.edit
// 表单数据
const formData = reactive({
admin_id: "",
admin_name: "",
area_manager: "",
area_manager_name: "",
id: "",
admin_id: '',
admin_name: '',
area_manager: '',
area_manager_name: '',
id: '',
// level_two: '',
// level_one: '',
company_name: "",
organization_code: "",
province: "",
city: "",
area: "",
street: "",
address: "",
company_type: "",
master_name: "",
master_position: "",
master_phone: "",
master_email: "",
company_name: '',
organization_code: '',
province: '',
city: '',
area: '',
street: '',
address: '',
company_type: '',
master_name: '',
master_position: '',
master_phone: '',
master_email: '',
other_contacts: [
{
name: "",
position: "",
phone: "",
email: "",
},
name: '',
position: '',
phone: '',
email: ''
}
],
// area_manager: '',
// is_contract: '',
@ -567,26 +528,26 @@ const formData = reactive({
// deposit: '',
// deposit_time: '',
qualification: {
business_license: "",
business_licenseB: "",
bank_account: "",
bank_accountB: "",
business_license: '',
business_licenseB: '',
bank_account: '',
bank_accountB: ''
},
contract: {
contract_type: "",
contract_type: '',
party_a: 0,
file: "",
contract_no: "系统自动生成",
file: '',
contract_no: '系统自动生成'
},
//签约方
party_a_name: "",
file_image: "",
party_a_name: '',
file_image: ''
// status: ''
});
})
if (userStore.userInfo.root == 0) {
formData.contract.party_a = userStore.userInfo.company?.id;
formData.party_a_name = userStore.userInfo.company?.company_name;
formData.contract.party_a = userStore.userInfo.company?.id
formData.party_a_name = userStore.userInfo.company?.company_name
}
const datas = reactive({
provinceOptions: [],
@ -594,96 +555,83 @@ const datas = reactive({
areaOptions: [],
streetOptions: [],
dictTypeLists: [],
contract_type: [],
});
const fileList = ref<UploadUserFile[]>([
{
name: "",
url: "",
},
]);
contract_type: []
})
const fileList = ref<UploadUserFile[]>([])
// 表单验证
const formRules = reactive<any>({
company_name: [
{
required: true,
message: "请输入公司名称",
trigger: ["blur"],
},
message: '请输入公司名称',
trigger: ['blur']
}
],
organization_code: [
{
required: true,
message: "请输入组织机构代码",
trigger: ["blur"],
},
message: '请输入组织机构代码',
trigger: ['blur']
}
],
master_name: [
{
required: true,
message: "请输入主联系人姓名",
trigger: ["blur"],
},
message: '请输入主联系人姓名',
trigger: ['blur']
}
],
master_position: [
{
required: true,
message: "请输入主联系人职务",
trigger: ["blur"],
},
message: '请输入主联系人职务',
trigger: ['blur']
}
],
master_phone: [
{
required: true,
message: "请输入主联系人手机",
trigger: ["blur"],
},
],
master_email: [
{
required: true,
message: "请输入主联系人邮箱",
trigger: ["blur"],
},
message: '请输入主联系人手机',
trigger: ['blur']
}
],
account: [
{
required: true,
message: "请输入账号",
trigger: ["blur"],
},
message: '请输入账号',
trigger: ['blur']
}
],
password: [
{
required: true,
message: "请输入密码",
trigger: ["blur"],
},
],
});
const isCompany = ref(false);
const isMan = ref(false);
const isAreaManager = ref(false);
message: '请输入密码',
trigger: ['blur']
}
]
})
const isCompany = ref(false)
const isMan = ref(false)
const isAreaManager = ref(false)
function customEvent(data: any) {
isCompany.value = false;
formData.contract.party_a = data.id;
formData.party_a_name = data.company_name;
isCompany.value = false
formData.contract.party_a = data.id
formData.party_a_name = data.company_name
}
function customEventMan(data: any) {
isMan.value = false;
formData.admin_name = data.name;
formData.admin_id = data.id;
console.log(formData);
isMan.value = false
formData.admin_name = data.name
formData.admin_id = data.id
}
//区域管理人员
function EventAreaManager(data: any) {
isAreaManager.value = false;
formData.area_manager_name = data.name;
formData.area_manager = data.id;
isAreaManager.value = false
formData.area_manager_name = data.name
formData.area_manager = data.id
}
function openCompany() {
isCompany.value = true;
isCompany.value = true
}
// 获取详情
@ -691,163 +639,148 @@ 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];
formData[key] = data[key]
}
}
};
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiCompanyDetail({
id: row.id,
});
setFormData(data);
};
id: row.id
})
setFormData(data)
}
//上传图片1
const handleAvatarSuccess: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
const handleAvatarSuccess: UploadProps['onSuccess'] = (response, uploadFile) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
ElMessage.error(response.msg)
return
}
formData.qualification.business_license = response.data.uri;
};
const handleAvatarSuccessB: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
formData.qualification.business_license = response.data.uri
}
const handleAvatarSuccessB: UploadProps['onSuccess'] = (response, uploadFile) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
ElMessage.error(response.msg)
return
}
formData.qualification.business_licenseB = response.data.uri;
};
formData.qualification.business_licenseB = response.data.uri
}
//上传图片2
const handleAvatarSuccess_two: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
const handleAvatarSuccess_two: UploadProps['onSuccess'] = (response, uploadFile) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
ElMessage.error(response.msg)
return
}
formData.qualification.bank_account = response.data.uri;
};
const handleAvatarSuccess_twoB: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
formData.qualification.bank_account = response.data.uri
}
const handleAvatarSuccess_twoB: UploadProps['onSuccess'] = (response, uploadFile) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
ElMessage.error(response.msg)
return
}
formData.qualification.bank_accountB = response.data.uri;
};
formData.qualification.bank_accountB = response.data.uri
}
//上传文件3
const handleAvatarSuccess_three: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
const handleAvatarSuccess_three: UploadProps['onSuccess'] = (response, uploadFile) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
ElMessage.error(response.msg)
return
}
formData.file_image = response.data.uri;
formData.contract.file = response.data.uri;
fileList.value[0].url = response.data.uri;
fileList.value[0].name = "合同文件";
};
formData.file_image = response.data.uri
formData.contract.file = response.data.uri
fileList.value[0].url = response.data.uri
fileList.value[0].name = '合同文件'
}
//增加其他联系人
function other() {
formData.other_contacts.push({
name: "",
position: "",
phone: "",
email: "",
});
name: '',
position: '',
phone: '',
email: ''
})
}
//获取省份
function province_change(value: string) {
getCityList();
getCityList()
}
function city_change(value: string) {
getAreaList();
getAreaList()
}
function area_change(value: string) {
getStreetList();
getStreetList()
}
function street_change(value: string) {
formData.street = value;
formData.street = value
}
const getProvinceList = async () => {
const data = await apiProvinceList({});
datas["provinceOptions"] = data;
};
const data = await apiProvinceList({})
datas['provinceOptions'] = data
}
const getCityList = async () => {
const data = await apiCityList({ city: formData.province });
datas["cityOptions"] = data;
};
const data = await apiCityList({ city: formData.province })
datas['cityOptions'] = data
}
const getAreaList = async () => {
const data = await apiAreaList({ area: formData.city });
datas["areaOptions"] = data;
};
const data = await apiAreaList({ area: formData.city })
datas['areaOptions'] = data
}
const getStreetList = async () => {
const data = await apiStreetList({ street: formData.area });
datas["streetOptions"] = data;
};
getProvinceList();
const data = await apiStreetList({ street: formData.area })
datas['streetOptions'] = data
}
getProvinceList()
const getcontract_type = async () => {
const data = await dictDataLists({ type_id: 7 });
datas["contract_type"] = data["lists"];
};
const data = await dictDataLists({ type_id: 7 })
datas['contract_type'] = data['lists']
}
const getdictTypeLists = async () => {
const data = await dictDataLists({ type_id: 6 });
datas["dictTypeLists"] = data["lists"];
};
const data = await dictDataLists({ type_id: 6 })
datas['dictTypeLists'] = data['lists']
}
const getDetails = async () => {
const data = await apiCompanyDetail({
id: route.query.id,
});
id: route.query.id
})
Object.keys(formData).forEach((key) => {
const stringArr = ["province", "city", "area", "street"];
const stringArr = ['province', 'city', 'area', 'street']
//@ts-ignore
formData[key] = data[key];
if (stringArr.includes(key)) formData[key] = formData[key].toString();
});
formData["party_a_name"] = data["contract"]["party_a_name"];
formData["file_image"] = data["contract"]["file"];
fileList.value[0].url = data["contract"]["file"];
fileList.value[0].name = "合同文件";
await getCityList();
await getAreaList();
await getStreetList();
};
formData[key] = data[key]
if (stringArr.includes(key)) formData[key] = formData[key].toString()
})
formData['party_a_name'] = data['contract']['party_a_name']
formData['file_image'] = data['contract']['file']
fileList.value[0].url = data['contract']['file']
fileList.value[0].name = '合同文件'
await getCityList()
await getAreaList()
await getStreetList()
}
getdictTypeLists();
getcontract_type();
getdictTypeLists()
getcontract_type()
const create = async () => {
await formRef.value?.validate();
const data = { ...formData };
await formRef.value?.validate()
const data = { ...formData }
if (route.query.id) {
await apiCompanyEdit(data);
await apiCompanyEdit(data)
} else {
await apiCompanyAdd(data);
await apiCompanyAdd(data)
}
removeTab();
router.back();
};
route.query.id && getDetails();
removeTab()
router.back()
}
route.query.id && getDetails()
defineExpose({
open,
setFormData,
getDetail,
});
getDetail
})
</script>
<style>
.avatar-uploader .el-upload {

37
src/views/company/index.vue
View File

@ -83,15 +83,20 @@
<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_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 />
<el-table-column label="操作" align="center" width="450" fixed="right">
<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>
@ -149,6 +154,15 @@
@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"
@ -163,6 +177,7 @@
@click=";(showPop = true), (contractId = row.id)"
>发送短信</el-button
>
</template>
</div>
</template>
</el-table-column>
@ -194,13 +209,20 @@
<script lang="ts" setup name="companyLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiCompanyLists, apiCompanyDelete } from '@/api/company'
import { generateGontract, sendMsgApi } from '@/api/perms/admin'
import useUserStore from '@/stores/modules/user'
import {
apiCompanyLists,
apiCompanyDelete,
generateGontract,
sendMsgApi,
authentication
} from '@/api/company'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import { dictDataLists } from '@/api/setting/dict'
import { getRoutePath } from '@/router'
const userStore = useUserStore()
const route = useRoute()
const company_type_show = ref(true)
// 创建合同与发送短信
@ -272,6 +294,11 @@ const handleDelete = async (id: number | any[]) => {
await apiCompanyDelete({ id })
getLists()
}
const handleAuthentication = async (id: number | any[]) => {
await feedback.confirm('确定要认证？')
await authentication({ id })
getLists()
}
getLists()
</script>

19
src/views/company/subordinate.vue
View File

@ -4,14 +4,23 @@
<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_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="area_name" show-overflow-tooltip />
<el-table-column label="乡镇" prop="street_name" 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 />
<el-table-column
label="片区经理"
prop="area_manager_name"
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="450" fixed="right">
<template #default="{ row }">
<div style="display: flex">

102
src/views/contract/contractDetil.vue
View File

@ -1,19 +1,6 @@
<template>
<el-dialog @confirm="handleSubmit" title="合同详情" v-model="show">
<el-form
ref="formRef"
:model="formData"
label-width="90px"
:rules="formRules"
>
<el-form-item label="公司" prop="company_id">
<el-input
v-model="formData.company_name"
:disabled="true"
clearable
placeholder="请输入公司"
/>
</el-form-item>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="合同类型" prop="contract_type">
<el-input
v-model="formData.contract_type_name"
@ -30,23 +17,7 @@
placeholder="暂无合同编号"
/>
</el-form-item>
<el-form-item label="文件" prop="file">
<el-input
v-model="formData.file"
:disabled="true"
clearable
placeholder="暂无文件"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-input
v-model="formData.status"
:disabled="true"
clearable
placeholder="暂无状态"
/>
</el-form-item>
<el-form-item label="甲方" prop="party_a_name">
<el-form-item label="甲方" prop="party_a">
<el-input
v-model="formData.party_a_name"
:disabled="true"
@ -54,7 +25,7 @@
placeholder="暂无甲方"
/>
</el-form-item>
<el-form-item label="乙方" prop="party_b_name">
<el-form-item label="乙方" prop="party_b">
<el-input
v-model="formData.party_b_name"
:disabled="true"
@ -62,7 +33,7 @@
placeholder="暂无乙方"
/>
</el-form-item>
<el-form-item label="片区经理" prop="area_manager">
<el-form-item label="片区经理" prop="area_manager_name">
<el-input
v-model="formData.area_manager"
:disabled="true"
@ -70,14 +41,25 @@
placeholder="暂无经理"
/>
</el-form-item>
<el-form-item label="状态" prop="type">
<el-form-item label="类型" prop="type">
<el-input
v-model="formData.type"
v-model="formData.type_name"
:disabled="true"
clearable
placeholder="暂无状态"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-input
v-model="formData.status_name"
:disabled="true"
clearable
placeholder="暂无状态"
/>
</el-form-item>
<el-form-item label="合同地址" v-if="formData.status == 1">
<el-link type="success" :href="formData.url" target="_blank">在线查看</el-link>
</el-form-item>
</el-form>
<div class="btn_men">
<el-button @click="show = false">取消</el-button>
@ -87,40 +69,46 @@
</template>
<script setup>
import { ref, reactive, defineExpose } from "vue";
import { ref, reactive, defineExpose } from 'vue'
const formData = reactive({
id: "",
company_id: "",
company_name: "",
contract_type: "",
contract_type_name: "",
contract_no: "",
file: "",
status: "",
party_a: "",
party_a_name: "",
party_b: "",
party_b_name: "",
area_manager: "",
});
const show = ref(false);
id: '',
company_id: '',
contract_type: '',
contract_type_name: '',
contract_no: '',
file: '',
status: '',
party_a: '',
party_a_name: '',
party_b: '',
party_b_name: '',
area_manager: '',
area_manager_name: '',
type_name: '',
url: '',
status_name: ''
})
const show = ref(false)
const shoeEditFn = (flag) => {
show.value = flag;
};
show.value = flag
}
// 传值赋值
const setFormData = async (data) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key];
formData[key] = data[key]
if (key == 'type') {
formData.type = data.type == 1 ? '公司' : '个人'
}
}
};
}
}
defineExpose({
shoeEditFn,
setFormData,
});
setFormData
})
</script>
<style lang="scss" scoped>

91
src/views/contract/edit.vue
View File

@ -1,8 +1,6 @@
<template>
<div class="edit-popup">
<popup
v-if="true"
ref="popupRef"
:title="popupTitle"
@ -12,29 +10,35 @@
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="公司" prop="company_id">
<el-input v-model="formData.company_id" clearable placeholder="请输入公司" />
</el-form-item>
<el-form-item label="合同类型" prop="contract_type">
<el-input v-model="formData.contract_type" clearable placeholder="请输入合同类型" />
<el-form-item label="合同类型" prop="contract_type_name">
<el-input
v-model="formData.contract_type_name"
clearable
placeholder="请输入合同类型"
/>
</el-form-item>
<el-form-item label="合同编号" prop="contract_no">
<el-input v-model="formData.contract_no" clearable placeholder="请输入合同编号" />
</el-form-item>
<el-form-item label="文件" prop="file">
<el-input v-model="formData.file" clearable placeholder="请输入文件" />
<el-input
v-model="formData.contract_no"
clearable
placeholder="请输入合同编号"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-input v-model="formData.status" clearable placeholder="请输入状态" />
</el-form-item>
<el-form-item label="甲方" prop="party_a">
<el-input v-model="formData.party_a" clearable placeholder="请输入甲方" />
<el-form-item label="甲方" prop="party_a_name">
<el-input v-model="formData.party_a_name" clearable placeholder="请输入甲方" />
</el-form-item>
<el-form-item label="乙方" prop="party_b">
<el-input v-model="formData.party_b" clearable placeholder="请输入乙方" />
<el-form-item label="乙方" prop="party_b_name">
<el-input v-model="formData.party_b_name" clearable placeholder="请输入乙方" />
</el-form-item>
<el-form-item label="片区经理" prop="area_manager">
<el-input v-model="formData.area_manager" clearable placeholder="请输入片区经理" />
<el-form-item label="片区经理" prop="area_manager_name">
<el-input
v-model="formData.area_manager_name"
clearable
placeholder="请输入片区经理"
/>
</el-form-item>
</el-form>
</popup>
@ -68,50 +72,64 @@ const formData = reactive({
id: '',
company_id: '',
contract_type: '',
contract_type_name: '',
contract_no: '',
file: '',
status: '',
party_a: '',
party_a_name: '',
party_b: '',
party_b_name: '',
area_manager: '',
area_manager_name: ''
})
// 表单验证
const formRules = reactive<any>({
company_id: [{
company_id: [
{
required: true,
message: '请输入公司',
trigger: ['blur']
}],
contract_type: [{
}
],
contract_type: [
{
required: true,
message: '请输入合同类型',
trigger: ['blur']
}],
contract_no: [{
}
],
contract_no: [
{
required: true,
message: '请输入合同编号',
trigger: ['blur']
}],
file: [{
}
],
file: [
{
required: true,
message: '请输入文件',
trigger: ['blur']
}],
party_a: [{
}
],
party_a: [
{
required: true,
message: '请输入甲方',
trigger: ['blur']
}],
party_b: [{
}
],
party_b: [
{
required: true,
message: '请输入乙方',
trigger: ['blur']
}]
}
]
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
@ -120,8 +138,6 @@ const setFormData = async (data: Record<any, any>) => {
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
@ -131,14 +147,11 @@ const getDetail = async (row: Record<string, any>) => {
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiContractEdit(data)
: await apiContractAdd(data)
const data = { ...formData }
mode.value == 'edit' ? await apiContractEdit(data) : await apiContractAdd(data)
popupRef.value?.close()
emit('success')
}
@ -154,8 +167,6 @@ const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,

167
src/views/contract/index.vue
View File

@ -3,20 +3,45 @@
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="公司名称" prop="company_id">
<el-input class="w-[280px]" v-model="queryParams.company_id" clearable placeholder="请输入公司" />
<el-input
class="w-[280px]"
v-model="queryParams.company_id"
clearable
placeholder="请输入公司"
/>
</el-form-item>
<el-form-item label="合同类型" prop="contract_type">
<el-input class="w-[280px]" v-model="queryParams.contract_type" clearable placeholder="请输入合同类型" />
<el-input
class="w-[280px]"
v-model="queryParams.contract_type"
clearable
placeholder="请输入合同类型"
/>
</el-form-item>
<el-form-item label="合同编号" prop="contract_no">
<el-input class="w-[280px]" v-model="queryParams.contract_no" clearable placeholder="请输入合同编号" />
<el-input
class="w-[280px]"
v-model="queryParams.contract_no"
clearable
placeholder="请输入合同编号"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态" />
<el-input
class="w-[280px]"
v-model="queryParams.status"
clearable
placeholder="请输入状态"
/>
</el-form-item>
<el-form-item label="片区经理" prop="area_manager">
<el-input class="w-[280px]" v-model="queryParams.area_manager" clearable placeholder="请输入片区经理" />
<el-input
class="w-[280px]"
v-model="queryParams.area_manager"
clearable
placeholder="请输入片区经理"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
@ -31,49 +56,59 @@
</template>
新增
</el-button>-->
<el-button v-perms="['contract.contract/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">删除</el-button>
<el-button
v-perms="['contract.contract/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="id" prop="id" show-overflow-tooltip />
<el-table-column label="公司" prop="company_name" show-overflow-tooltip />
<el-table-column label="合同类型" prop="contract_type_name" show-overflow-tooltip />
<el-table-column
label="合同类型"
prop="contract_type_name"
show-overflow-tooltip
/>
<el-table-column label="合同编号" prop="contract_no" show-overflow-tooltip />
<el-table-column label="状态" prop="status" show-overflow-tooltip />
<el-table-column label="甲方" prop="party_a_name" show-overflow-tooltip />
<el-table-column label="乙方" prop="party_b_name" show-overflow-tooltip />
<el-table-column
label="片区经理"
prop="area_manager_name"
show-overflow-tooltip
/>
<el-table-column label="类型" prop="type" show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row.type == 1 ? '公司' : scope.row.type == 0 ? "" : '个人' }}</span>
<span>{{
scope.row.type == 1 ? '公司' : scope.row.type == 0 ? '' : '个人'
}}</span>
</template>
</el-table-column>
<el-table-column label="状态" prop="status_name" show-overflow-tooltip>
<template #default="scope">
<span v-if="scope.row.status_name == '已签约'" style="color: #67c23a"
>已签约</span
>
<span v-else style="color: #fe0000">未签约</span>
</template>
</el-table-column>
<el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip />
<el-table-column label="操作" width="180" fixed="right" align="center">
<template #default="{ row }">
<!-- <el-button
v-perms="['contract.contract/edit']"
<el-button
v-perms="['contract.contract/delete']"
type="primary"
link
@click="handleEdit(row)"
@click="showDetil(row.id)"
>
编辑
</el-button>-->
<el-button v-perms="['contract.contract/delete']" type="primary" link
@click="checkContcat(row.id)">
<!-- <a href="https://www.zhihu.com/signin?next=%2F">查看</a> -->
查看
</el-button>
<el-button v-perms="['contract.contract/delete']" type="primary" link
@click="showDetil(row.id)">
<!-- <a href="https://www.zhihu.com/signin?next=%2F">查看</a> -->
详情
</el-button>
<el-button v-perms="['contract.contract/delete']" type="danger" link
@click="handleDelete(row.id)">删除</el-button>
<!-- <el-button v-perms="['contract.contract/delete']" type="danger" link
@click="handleDelete(row.id)">删除</el-button> -->
</template>
</el-table-column>
</el-table>
@ -87,64 +122,60 @@
</template>
<script lang="ts" setup name="contractLists">
import contractDetil from "./contractDetil.vue";
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
import {
apiContractLists,
apiContractDelete,
apiContractDetail,
} from "@/api/contract";
import { timeFormat } from "@/utils/util";
import feedback from "@/utils/feedback";
import contractDetil from './contractDetil.vue'
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiContractLists, apiContractDelete, apiContractDetail } from '@/api/contract'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false);
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
company_id: "",
contract_type: "",
contract_no: "",
status: "",
party_a: "",
party_b: "",
area_manager: "",
});
company_id: '',
contract_type: '',
contract_no: '',
status: '',
party_a: '',
party_b: '',
area_manager: ''
})
// 选中数据
const selectData = ref<any[]>([]);
const selectData = ref<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({
fetchFun: apiContractLists,
params: queryParams,
});
params: queryParams
})
// 详情
let childDetil = ref();
const childDetil = ref()
const showDetil = async (id) => {
let res = await apiContractDetail({ id });
childDetil.value.setFormData(res);
childDetil.value.shoeEditFn(true);
};
const res = await apiContractDetail({ id })
childDetil.value.setFormData(res)
childDetil.value.shoeEditFn(true)
}
// 查看合同
const checkContcat = (id: Number) => {
const checkContcat = (id: number) => {
apiContractDetail({ id }).then((res) => {
res.file ? window.open(res.file) : feedback.msgError("暂无合同可以查看");
});
res.file ? window.open(res.file) : feedback.msgError('暂无合同可以查看')
})
// window.open('https://www.zhihu.com/signin?next=%2F')
};
}
// 添加
// const handleAdd = async () => {
@ -163,12 +194,12 @@ const checkContcat = (id: Number) => {
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm("确定要删除？");
await apiContractDelete({ id });
getLists();
};
await feedback.confirm('确定要删除？')
await apiContractDelete({ id })
getLists()
}
getLists();
getLists()
// pager.lists.forEach((item) => {
// console.log(item.type);
// });

139
src/views/examined/dialog_index.vue Normal file
View File

@ -0,0 +1,139 @@
<template>
<div>
<el-card class="!border-none" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="公司名称" prop="company_name">
<el-input
class="w-[280px]"
v-model="queryParams.company_name"
clearable
placeholder="请输入公司名称"
/>
</el-form-item>
<el-form-item label="公司类型" prop="company_type">
<el-input
class="w-[280px]"
v-model="queryParams.company_type"
clearable
placeholder="请输入公司类型"
/>
</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">
<div class="mt-4">
<el-table
:data="pager.lists"
size="large"
@cell-click="handleCurrentChange"
>
<el-table-column label="ID" prop="id" min-width="60" />>
<el-table-column label="头像" min-width="100">
<template #default="{ row }">
<el-avatar :size="50" :src="row.avatar"></el-avatar>
</template>
</el-table-column>
<el-table-column label="姓名" prop="name" min-width="100" />
<el-table-column label="联系方式" prop="account" min-width="130" />
<el-table-column
label="隶属公司"
prop="company.company_name"
min-width="120"
align="center"
>
<template #default="{ row }">
{{ row.company.company_name || "/" }}
</template>
</el-table-column>
<el-table-column
label="所在乡镇"
prop="street_name"
min-width="120"
/>
<el-table-column label="授权身份" prop="role_name" min-width="120" />
<el-table-column
label="是否签约"
prop="is_contract"
align="center"
min-width="120"
>
<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="最近登录时间"
prop="login_time"
min-width="180"
/>
<el-table-column
label="创建时间"
prop="create_time"
min-width="180"
align="center"
/>
<el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
</div>
</template>
<script lang="ts" setup name="companyLists">
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
import { apiCompanyLists, apiCompanyDelete } from "@/api/company";
import { defineEmits } from "vue";
import { adminLists } from "@/api/perms/admin";
// 查询条件
const queryParams = reactive({
level_two: "",
level_one: "",
company_name: "",
organization_code: "",
city: "",
area: "",
street: "",
company_type: "",
master_name: "",
master_position: "",
master_phone: "",
master_email: "",
other_contacts: "",
area_manager: "",
is_contract: "",
account: "",
password: "",
deposit: "",
deposit_time: "",
qualification: "",
status: "",
});
// 选中数据
const emits = defineEmits(["customEvent"]);
// 选中数据子父传递
const handleCurrentChange = (value: any) => {
emits("customEvent", value);
};
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: adminLists,
params: queryParams,
});
getLists();
</script>

126
src/views/examined/editCate.vue Normal file
View File

@ -0,0 +1,126 @@
<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="84px">
<el-col class="pt-6 !border-none">
<el-row>
<el-col>
<el-form-item label="名称" prop="title">
<el-input
v-model="formData.title"
placeholder="请输入名称"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="标识" prop="name">
<el-input
v-model="formData.name"
placeholder="请输入审批类型标识"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="图标" prop="icon">
<el-input
v-model="formData.icon"
placeholder="请输入审批类型图标"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="flowTypeEdit">
import type { FormInstance } from "element-plus";
import Popup from "@/components/popup/index.vue";
import { apiCateCreat } from "@/api/examined";
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: "",
type: "",
title: "",
name: "",
icon: "",
department_ids: "",
status: "",
});
// 获取详情
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 apiFlowTypeDetail({
id: row.id,
});
setFormData(data);
};
// 提交按钮
const handleSubmit = async () => {
const data = { ...formData };
mode.value == "edit" ? await apiCateCreat(data) : await apiCateCreat(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>

373
src/views/examined/editFlow.vue Normal file
View File

@ -0,0 +1,373 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="80vw"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" :rules="formRules">
<el-col>
<el-row>
<el-col :span="8">
<el-form-item label="审批流名称" prop="name">
<el-input
v-model="formData.name"
clearable
placeholder="请输入审批流名称"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="应用模块" prop="type">
<el-select
v-model="formData.type"
clearable
:style="{ width: '100%' }"
>
<el-option label="假勤" value="1"></el-option>
<el-option label="行政" value="2"></el-option>
<el-option label="财务" value="3"></el-option>
<el-option label="人事" value="3"></el-option>
<el-option label="其他" value="3"></el-option>
<el-option label="报销" value="3"></el-option>
<el-option label="发票" value="3"></el-option>
<el-option label="合同" value="3"></el-option>
</el-select> </el-form-item
></el-col>
<el-col :span="8">
<el-form-item label="审批类型" prop="flow_cate">
<el-select
v-model="formData.flow_cate"
placeholder="审批类型"
clearable
:style="{ width: '100%' }"
>
<el-option label="8" value="1"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="流程说明" prop="remark">
<el-input
v-model="formData.remark"
clearable
type="textarea"
placeholder="请输入流程说明"
/>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="8">
<el-form-item
label="流程类型"
prop="check_type"
clearable
:style="{ width: '100%' }"
>
<!-- <el-select v-model="formData.check_type">
<el-option label="固定审批" value="1"></el-option>
<el-option label="授权审批人" value="2"></el-option>
<el-option label="可回退审批" value="3"></el-option>
</el-select> -->
<el-radio-group
v-model="formData.flow_detail.type"
@change="checkTypeFn"
>
<el-radio :label="1">固定审批</el-radio>
<el-radio :label="2">授权审批人</el-radio>
<el-radio :label="3">可回退审批 </el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<p v-if="formData.flow_detail.type == 1">
<el-row v-for="(item, index) in formData.flow_detail.step">
<el-col :span="12">
<el-form-item label="审批流程">
<el-select
v-model="formData.flow_detail.step[index].type"
placeholder="审批类型"
clearable
:style="{ width: '100%' }"
>
<el-option label="当前部门负责人" value="1"></el-option>
<el-option label="上一级部门负责人" value="2"></el-option>
<el-option label="指定人员(多人或签)" value="3"></el-option>
<el-option label="指定人员(多人会签)" value="4"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="item.type == '3' || item.type == '4'">
<el-form-item label="指定人员">
<el-input
clearable
v-model="item.user.name"
placeholder="指定人员"
@click="test(index)"
/>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item prop="field126">
<el-button
type="primary"
@click="
formData.flow_detail.step.push({
type: '',
user: [{ id: '', name: '' }],
})
"
>其他联系人</el-button
>
</el-form-item>
</el-col>
</p>
<el-row v-if="formData.flow_detail.type == 2">
<el-col :span="12"> 无需审批 </el-col>
</el-row>
<p v-if="formData.flow_detail.type == 3">
<el-row v-for="(item, index) in formData.flow_detail.step">
<el-col :span="12">
<el-form-item label="审批流程" prop="copy_uids">
<el-input
v-model="item.type"
clearable
placeholder="请输入流程名称"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="指定人员">
<el-input
v-model="item.user.name"
@click="test(index)"
clearable
placeholder="指定人员"
/>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item prop="field126">
<el-button
type="primary"
@click="
formData.flow_detail.step.push({
type: '',
user: [{ id: '', name: '' }],
})
"
>其他联系人</el-button
>
</el-form-item>
</el-col>
</p>
<el-form-item label="抄送人ID" prop="copy_unames">
<el-input
v-model="formData.copy_to[0].name"
clearable
@click="isCompany = true"
placeholder="请输入抄送人"
/>
</el-form-item>
<!-- <el-form-item label="创建人ID" prop="admin_id">
<el-input
v-model="formData.admin_id"
clearable
placeholder="请输入创建人ID"
/>
</el-form-item> -->
<!-- <el-form-item label="状态 1启用，0禁用" prop="status">
<el-select v-model="formData.status">
<el-option label="启用" value="1"></el-option>
<el-option label="禁用" value="2"></el-option>
</el-select>
</el-form-item> -->
<!-- <el-form-item label="删除人ID" prop="delete_user_id">
<el-input
v-model="formData.delete_user_id"
clearable
placeholder="请输入删除人ID"
/>
</el-form-item> -->
</el-form>
</popup>
<el-dialog v-model="isCompany" title="选择签约方" width="60%">
<DialogIndex @customEvent="customEvent" />
</el-dialog>
</div>
</template>
<script lang="ts" setup name="flowEdit">
import type { FormInstance } from "element-plus";
import Popup from "@/components/popup/index.vue";
import { apiFlowCreat, apiFlowDetil } from "@/api/examined";
import { timeFormat } from "@/utils/util";
import DialogIndex from "./dialog_index.vue";
import type { PropType } from "vue";
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({}),
},
});
const isCompany = ref(false);
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({
// flow_detail: {
// type: 1,
// layer: [
// { type: 1 },
// { type: 3, user: [{ id: 1, name: "sdf" }] },
// { name: "看见对方" },
// ],
// },
id: "",
name: "4444",
check_type: 1,
type: "1",
flow_cate: "6",
remark: "666666",
// admin_id: "",
flow_detail: {
type: 1,
step: [{ type: "", user: [{ id: "", name: "" }] }],
},
// flowType: [""],
// flowUnamesA: [""],
// flowUidsA: [],
// flowName: [""],
// flowUnamesB: [""],
// flowUidsB: [],
copy_to: [{ id: "", name: "4524545" }],
});
//单选框改变时清空单选下的表单数据
const checkTypeFn = () => {
formData.flow_detail.step = [{ type: "", user: [{ id: "", name: "" }] }];
};
// 表单验证
const formRules = reactive<any>({
name: [
{
required: true,
message: "请输入审批流名称",
trigger: ["blur"],
},
],
check_type: [
{
required: true,
message: "请输入1固定审批,2授权审批人",
trigger: ["blur"],
},
],
type: [
{
required: true,
message: "请输入应用模块,1假勤,2行政,3财务,4人事,5其他,6报销,7发票,8合同",
trigger: ["blur"],
},
],
flow_cate: [
{
required: true,
message: "请输入应用审批类型id",
trigger: ["blur"],
},
],
remark: [
{
required: true,
message: "请输入流程说明",
trigger: ["blur"],
},
],
});
// dialog弹出框选择时i=-1代表抄送人,其余为flow_detail的step下标
let i = -1;
const test = (index: number) => {
isCompany.value = true;
i = index;
};
function customEvent(data: any) {
isCompany.value = false;
if (i == -1) {
formData.copy_to[0].id = data.id;
formData.copy_to[0].name = data.name;
} else {
formData.flow_detail.step[i].user.id = data.id;
formData.flow_detail.step[i].user.name = data.name;
}
i = -1;
}
// 获取详情
const setFormData = async (data: Record<any, any>) => {
let res = await apiFlowDetil(data.id);
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = res[key];
}
}
console.log(formData);
};
const getDetail = async (row: Record<string, any>) => {
const data = await apiFlowDetail({
id: row.id,
});
setFormData(data);
};
const a = {};
// 提交按钮
const handleSubmit = async () => {
console.log(formData);
await formRef.value?.validate();
mode.value == "edit"
? await apiFlowCreat(formData)
: await apiFlowCreat(formData);
popupRef.value?.close();
emit("success");
};
//打开弹窗
const open = (type = "add") => {
mode.value = type;
popupRef.value?.open();
};
// 关闭回调
const handleClose = () => {
emit("close");
};
defineExpose({
open,
setFormData,
getDetail,
});
</script>

149
src/views/examined/examinedCate.vue Normal file
View File

@ -0,0 +1,149 @@
<template>
<div>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['flow_type/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<!-- <el-button
v-perms="['flow_type/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除
</el-button> -->
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
{{ pager }}
<el-table-column
label="id"
prop="id"
show-overflow-tooltip
width="60"
/>
<el-table-column label="名称" prop="title" show-overflow-tooltip />
<el-table-column
label="应用部门"
prop="department"
show-overflow-tooltip
/>
<el-table-column label="标识" prop="name" show-overflow-tooltip />
<el-table-column label="图标" prop="icon" show-overflow-tooltip />
<el-table-column
label="所属分类"
prop="type_name"
show-overflow-tooltip
/>
<el-table-column label="状态" prop="status" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.status == 1" style="color: #67c23a">正常</span>
<span v-else style="color: #fe0000">禁用</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="auto"
fixed="right"
>
<template #default="{ row }">
<el-button
v-perms="['flow/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['flow/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="flowTypeLists">
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
import { apiCateLists } from "@/api/examined";
import { timeFormat } from "@/utils/util";
import feedback from "@/utils/feedback";
// import { getRoutePath } from "router";
import EditPopup from "./editCate.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
// 是否显示编辑框
const showEdit = ref(false);
// 查询条件
const queryParams = reactive({
type: "",
title: "",
name: "",
icon: "",
department_ids: "",
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: apiCateLists,
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 apiFlowTypeDelete({ id });
getLists();
};
getLists();
</script>

228
src/views/examined/examinedFlow.vue Normal file
View File

@ -0,0 +1,228 @@
<template>
<div>
<!-- <el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="审批流名称" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入审批流名称" />
</el-form-item>
<el-form-item label="1固定审批,2授权审批人" prop="check_type">
<el-input class="w-[280px]" v-model="queryParams.check_type" clearable placeholder="请输入1固定审批,2授权审批人" />
</el-form-item>
<el-form-item label="应用模块,1假勤,2行政,3财务,4人事,5其他,6报销,7发票,8合同" prop="type">
<el-input class="w-[280px]" v-model="queryParams.type" clearable placeholder="请输入应用模块,1假勤,2行政,3财务,4人事,5其他,6报销,7发票,8合同" />
</el-form-item>
<el-form-item label="应用审批类型id" prop="flow_cate">
<el-input class="w-[280px]" v-model="queryParams.flow_cate" clearable placeholder="请输入应用审批类型id" />
</el-form-item>
<el-form-item label="应用部门ID（0为全部）1,2,3" prop="department_ids">
<el-input class="w-[280px]" v-model="queryParams.department_ids" clearable placeholder="请输入应用部门ID（0为全部）1,2,3" />
</el-form-item>
<el-form-item label="抄送人ID" prop="copy_uids">
<el-input class="w-[280px]" v-model="queryParams.copy_uids" clearable placeholder="请输入抄送人ID" />
</el-form-item>
<el-form-item label="流程说明" prop="remark">
<el-input class="w-[280px]" v-model="queryParams.remark" clearable placeholder="请输入流程说明" />
</el-form-item>
<el-form-item label="流程数据序列化" prop="flow_list">
<el-input class="w-[280px]" v-model="queryParams.flow_list" clearable placeholder="请输入流程数据序列化" />
</el-form-item>
<el-form-item label="创建人ID" prop="admin_id">
<el-input class="w-[280px]" v-model="queryParams.admin_id" clearable placeholder="请输入创建人ID" />
</el-form-item>
<el-form-item label="状态 1启用，0禁用" prop="status">
<el-input class="w-[280px]" v-model="queryParams.status" clearable placeholder="请输入状态 1启用，0禁用" />
</el-form-item>
<el-form-item label="删除人ID" prop="delete_user_id">
<el-input class="w-[280px]" v-model="queryParams.delete_user_id" clearable placeholder="请输入删除人ID" />
</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="['flow/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<!-- <el-button
v-perms="['flow/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="name"
show-overflow-tooltip
/>
<!-- <el-table-column label="1固定审批,2授权审批人" prop="check_type" show-overflow-tooltip /> -->
<el-table-column label="应用模块" prop="type" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.type == 1">假勤</span>
<span v-if="row.type == 2">行政</span>
<span v-if="row.type == 3">财务</span>
<span v-if="row.type == 4">人事</span>
<span v-if="row.type == 5">其他</span>
<span v-if="row.type == 6">报销</span>
<span v-if="row.type == 7">发票</span>
<span v-if="row.type == 8">合同</span>
</template>
</el-table-column>
<el-table-column
label="应用审批类型id"
prop="flow_cate"
show-overflow-tooltip
/>
<el-table-column
label="应用部门"
prop="department"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="抄送人ID"
prop="copy_uids"
show-overflow-tooltip
/>
<el-table-column
label="流程说明"
prop="remark"
show-overflow-tooltip
/>
<el-table-column
label="流程数据序列化"
prop="flow_list"
show-overflow-tooltip
/>
<el-table-column
label="创建人ID"
prop="admin_id"
show-overflow-tooltip
/>
<el-table-column label="状态" prop="status" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.status == 1">启用</span>
<span v-if="row.status == 0">禁用</span>
</template>
</el-table-column>
<el-table-column
label="删除人ID"
prop="delete_user_id"
show-overflow-tooltip
/>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['flow/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['flow/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="flowLists">
import { usePaging } from "@/hooks/usePaging";
import { useDictData } from "@/hooks/useDictOptions";
import { apiFlowLists, apiFlowDetil } from "@/api/examined";
import { timeFormat } from "@/utils/util";
import feedback from "@/utils/feedback";
import EditPopup from "./editFlow.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
// 是否显示编辑框
const showEdit = ref(false);
// 查询条件
const queryParams = reactive({
name: "",
check_type: "",
type: "",
flow_cate: "",
department_ids: "",
copy_uids: "",
remark: "",
flow_list: "",
admin_id: "",
status: "",
delete_user_id: "",
});
// 选中数据
const selectData = ref<any[]>([]);
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id);
};
// 获取字典数据
const { dictData } = useDictData("");
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiFlowLists,
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 apiFlowDelete({ id });
// getLists();
// };
getLists();
</script>

128
src/views/permission/admin/edit.vue
View File

@ -166,14 +166,14 @@
<el-col :span="24" style="margin-top: 1vh">
<el-row>
<!-- <el-col :span="12" v-if="userStore.userInfo.root == 0"> -->
<el-col :span="12" v-if="true">
<el-col :span="12">
<el-form-item label="授权身份" prop="role_id">
<el-select
v-model="formData.role_id"
:disabled="formData.root == 1 || isCheck"
placeholder="请选择授权身份"
:style="{ width: '100%' }"
@change="role_change"
clearable
>
<el-option
@ -190,31 +190,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" v-else>
<el-form-item label="授权身份" prop="role_id">
<el-select
v-model="formData.role_id"
:disabled="formData.root == 1 || isCheck"
placeholder="请选择授权身份"
:style="{ width: '100%' }"
clearable
>
<el-option
v-if="formData.root == 1"
label="系统管理员"
:value="0"
/>
<el-option
v-for="(item, index) in optionsData.role"
:key="index"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="12" v-if="userStore.userInfo.root == 0"> -->
<el-col :span="12" v-if="true">
<el-col :span="12" v-if="disabledPartyA">
<el-form-item label="签约方" prop="field130">
<el-input
:disabled="isCheck"
@ -223,6 +199,7 @@
clearable
:style="{ width: '100%' }"
@click="isCompany = true"
@clear="clearPartyA"
></el-input>
</el-form-item>
</el-col>
@ -354,8 +331,7 @@
</el-form-item>
</div>
</div>
<!-- <template v-if="userStore.userInfo.root == 0"> -->
<template v-if="true">
<template v-if="disabledPartyA">
<el-col :span="24">
<el-row>
<el-col :span="12">
@ -376,7 +352,7 @@
:disabled="true"
clearable
:style="{ width: '100%' }"
:value="formData.sex == '1' ? '男' : '女'"
:value="formData.sex == 1 ? '男' : '女'"
></el-input>
</el-form-item>
</el-col>
@ -403,7 +379,7 @@
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.name">
<el-form-item label="账号" prop="account">
<el-form-item label="账号">
<el-input
v-model="formData.account"
:disabled="true"
@ -413,9 +389,9 @@
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.name">
<el-form-item label="密码" prop="password">
<el-form-item label="初始密码" prop="password">
<el-input
v-model="formData.account"
:model-value="'m' + formData.account"
:disabled="true"
clearable
:style="{ width: '100%' }"
@ -444,11 +420,11 @@
</el-col>
</el-row>
</el-col>
<el-col :span="24" v-if="!isCheck">
<el-col :span="24" v-if="!isCheck && mode != 'view'">
<el-form-item label="合同上传" prop="field127">
<el-upload
:headers="{ Token: userStore.token }"
v-model="formData.file"
v-model:file-list="fileList"
class="upload-demo"
action="https://worker-task.lihaink.cn/adminapi/upload/file"
:on-success="handleAvatarSuccess_four"
@ -459,6 +435,16 @@
</el-upload>
</el-form-item>
</el-col>
<el-col :span="24" v-if="mode == 'view'">
<el-form-item label="合同地址">
<el-link
type="success"
:href="formData.contract.url"
target="_blank"
>在线查看</el-link
>
</el-form-item>
</el-col>
</template>
</el-form>
</popup>
@ -468,7 +454,12 @@
</div>
</template>
<script lang="ts" setup>
import type { FormInstance, UploadProps } from "element-plus";
import type {
FormInstance,
UploadProps,
ElMessage,
UploadUserFile,
} from "element-plus";
import Popup from "@/components/popup/index.vue";
import { useDictOptions } from "@/hooks/useDictOptions";
import { adminAdd, adminDetail, adminEdit } from "@/api/perms/admin";
@ -484,6 +475,7 @@ import {
import { dictDataLists } from "@/api/setting/dict";
import DialogIndex from "./dialog_index.vue";
import useUserStore from "@/stores/modules/user";
const disabledPartyA = ref(true);
const isCheck = ref(false);
const isCheckFn = (flag: boolean) => {
isCheck.value = flag;
@ -525,6 +517,10 @@ const formData = reactive({
avatar: "",
multipoint_login: 1,
root: 0,
disable: 0,
contract: {
url: "",
},
});
// 字典信息
const datas: any = reactive({
@ -549,6 +545,10 @@ function customEvent(data: any) {
formData.party_a = data.id;
formData.party_a_name = data.company_name;
}
function clearPartyA() {
formData.party_a = "";
formData.party_a_name = "";
}
// 表单验证
// 手机号校验
const ValidatorPhone = (rule: object, value: string, callback: any) => {
@ -585,6 +585,14 @@ const ValidatorBankcardB = (rule: object, value: string, callback: any) => {
? callback()
: callback(new Error("请输入银行卡反面"));
};
function role_change(e: any) {
if (e == 8) {
disabledPartyA.value = false;
formData.party_a = "";
} else {
disabledPartyA.value = true;
}
}
const formRules = reactive({
account: [
{
@ -607,6 +615,7 @@ const formRules = reactive({
trigger: ["blur"],
},
],
name: [
{
required: true,
@ -681,36 +690,60 @@ const handleSubmit = async () => {
const open = (type = "add") => {
mode.value = type;
popupRef.value?.open();
if (type == "view") {
isCheck.value = true;
}
};
const fileList = ref<UploadUserFile[]>([]);
// 图片上传成功返回的url
const handleAvatarSuccessIdA: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.id_card = response.data.uri;
};
const handleAvatarSuccessAvatar: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.avatar = response.data.uri;
};
const handleAvatarSuccessIdB: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.id_card_b = response.data.uri;
};
const handleAvatarSuccessCarA: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.car_card = response.data.uri;
};
const handleAvatarSuccessCarB: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.car_card_b = response.data.uri;
};
const beforeAvatarUpload_two: UploadProps["beforeUpload"] = (rawFile) => {
@ -720,19 +753,34 @@ const handleAvatarSuccessBankA: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.bank_account = response.data.uri;
};
const handleAvatarSuccessBankB: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.qualification.bank_account_b = response.data.uri;
};
const handleAvatarSuccess_four: UploadProps["onSuccess"] = (
response,
uploadFile
) => {
if (response.code == 0) {
ElMessage.error(response.msg);
return;
}
formData.file = response.data.uri;
fileList.value[0].url = response.data.uri;
fileList.value[0].name = "合同文件";
};
const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => {
return true;
@ -787,11 +835,17 @@ const setFormData = async (row: any) => {
formData.party_a_name = data.contract.party_a_name;
formData.party_a = data.contract.party_a;
formData.file = data.contract.file;
if (data.role_id[0] == 8) {
disabledPartyA.value = false;
}
fileList.value[0] = {
url: data["contract"]["file"],
name: "合同文件",
};
await getCityList();
await getAreaList();
await getStreetList();
};
const handleClose = () => {
emit("close");
};

197
src/views/permission/admin/index.vue
View File

@ -57,30 +57,23 @@
align="center"
>
<template #default="{ row }">
{{ row.company.company_name || "/" }}
{{ row.company.company_name || '/' }}
</template>
</el-table-column>
<el-table-column
label="所在乡镇"
prop="street_name"
min-width="120"
/>
<el-table-column label="所在乡镇" prop="street_name" min-width="120" />
<el-table-column label="授权身份" prop="role_name" min-width="120" />
<el-table-column
label="是否签约"
prop="contract_id"
prop="is_contract"
align="center"
min-width="120"
>
<template #default="{ row }">
{{ row.contract_id == 0 ? "未签约" : "已签约" }}
<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="最近登录时间"
prop="login_time"
min-width="180"
/>
<el-table-column label="最近登录时间" prop="login_time" min-width="180" />
<el-table-column
label="创建时间"
prop="create_time"
@ -88,11 +81,7 @@
align="center"
/>
<el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
<el-table-column
label="账号状态"
min-width="100"
v-perms="['auth.admin/edit']"
>
<el-table-column label="账号状态" min-width="100" v-perms="['auth.admin/edit']">
<template #default="{ row }">
<el-switch
v-if="row.root != 1"
@ -104,19 +93,14 @@
</template>
</el-table-column>
<el-table-column
label="操作"
width="330"
align="center"
fixed="right"
>
<el-table-column label="操作" width="330" align="center" fixed="right">
<template #default="{ row }">
<div style="display: flex">
<el-button
v-perms="['auth.admin/edit']"
v-perms="['auth.admin/view']"
type="primary"
link
@click="handleCheck(row)"
@click="handleView(row)"
>查看</el-button
>
<el-button
@ -134,24 +118,26 @@
@click="handleDelete(row.id)"
>删除</el-button
>
<template v-if="row.company_id != 0 && row.is_contract == 0">
<el-button
v-perms="['company/edit', 'company/add']"
v-perms="['auth.admin/Draftingcontracts']"
type="primary"
link
@click="
(showPop = true),
;(showPop = true),
(showConctactPop = true),
(contractId = row.id)
"
>生成个人合同</el-button
>
<el-button
v-perms="['company/edit', 'company/add']"
v-perms="['auth.admin/postsms']"
type="primary"
link
@click="(showPop = true), (contractId = row.id)"
>发送短信</el-button
@click=";(showPop = true), (contractId = row.id)"
>重新短信</el-button
>
</template>
</div>
</template>
</el-table-column>
@ -164,6 +150,7 @@
<edit-popup
v-if="showEdit"
ref="editRef"
:isCheck="isCheck"
@success="getLists"
@close="showEdit = false"
/>
@ -176,16 +163,10 @@
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
</div>
<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 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>
</p>
</el-dialog>
@ -193,51 +174,47 @@
</template>
<script lang="ts" setup name="admin">
import {
adminEdit,
adminLists,
adminDelete,
generateGontract,
sendMsgApi,
} from "@/api/perms/admin";
import { roleAll } from "@/api/perms/role";
import { useDictOptions } from "@/hooks/useDictOptions";
import { usePaging } from "@/hooks/usePaging";
import feedback from "@/utils/feedback";
import EditPopup from "./edit.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
import { adminEdit, adminLists, adminDelete, generateGontract, sendMsgApi } from '@/api/perms/admin'
import { roleAll } from '@/api/perms/role'
import { useDictOptions } from '@/hooks/useDictOptions'
import { usePaging } from '@/hooks/usePaging'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const route = useRoute()
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 表单数据
const formData = reactive({
name: "",
role_id: "",
});
const contractId = ref("");
name: '',
role_id: '',
company_id: ''
})
const contractId = ref('')
// 弹窗
const showPop = ref(false);
const showConctactPop = ref(false);
const showPop = ref(false)
const showConctactPop = ref(false)
const offPop = () => {
showPop.value = false;
showConctactPop.value = false;
};
showPop.value = false
showConctactPop.value = false
}
const creContct = () => {
// feedback.msgSuccess("复制成功");
generateGontract({ id: contractId.value }).then(() => {
feedback.msgSuccess("发送成功");
});
offPop();
};
feedback.msgSuccess('发送成功')
})
offPop()
}
const sendMsg = () => {
sendMsgApi({ id: contractId.value }).then((res) => {
feedback.msgSuccess("发送成功");
});
offPop();
};
feedback.msgSuccess('发送成功')
})
offPop()
}
//
const showEdit = ref(false);
const showEdit = ref(false)
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: adminLists,
params: formData,
});
params: formData
})
const changeStatus = (data: any) => {
adminEdit({
@ -246,52 +223,60 @@ const changeStatus = (data: any) => {
name: data.name,
role_id: data.role_id,
disable: data.disable,
multipoint_login: data.multipoint_login,
multipoint_login: data.multipoint_login
}).finally(() => {
getLists();
});
};
getLists()
})
}
// 查看
// isCheckFn
const isCheck = ref(false)
const handleCheck = async (data: any) => {
showEdit.value = true;
await nextTick();
editRef.value?.open("edit");
editRef.value?.isCheckFn(true);
editRef.value?.setFormData(data);
};
isCheck.value = true
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
const handleAdd = async () => {
showEdit.value = true;
await nextTick();
editRef.value?.isCheckFn(false);
editRef.value?.open("add");
};
isCheck.value = false
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
const handleEdit = async (data: any) => {
showEdit.value = true;
await nextTick();
editRef.value?.isCheckFn(false);
editRef.value?.open("edit");
editRef.value?.setFormData(data);
};
isCheck.value = false
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
const handleView = async (data: any) => {
isCheck.value = false
showEdit.value = true
await nextTick()
editRef.value?.open('view')
editRef.value?.setFormData(data)
}
const handleDelete = async (id: number) => {
await feedback.confirm("确定要删除？");
await adminDelete({ id });
getLists();
};
await feedback.confirm('确定要删除？')
await adminDelete({ id })
getLists()
}
const { optionsData } = useDictOptions<{
role: any[];
role: any[]
}>({
role: {
api: roleAll,
},
});
api: roleAll
}
})
if (route.query.company_id) {
formData.company_id = route.query.company_id?.toString()
}
onMounted(() => {
getLists();
});
getLists()
})
</script>
<style lang="scss" scoped>
h1 {