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

完善合同管理;

Browse Source 
新增结算管理
This commit is contained in:
b2894lxlx
2023-06-12 01:33:08 +08:00
parent 7f080a4c54
commit df95f7d02c
31 changed files with 3815 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@@ -1,3 +1,3 @@
VITE_APP_NAME=后台管理系统
VITE_API_URL=http://127.0.0.1:9090/api
#VITE_API_URL=https://server.gxwebsoft.com/api
VITE_API_URL=http://127.0.0.1:10041/api
#VITE_API_URL=http://1.14.159.185:10041/api

2
.env.production
View File

@@ -1,2 +1,2 @@
VITE_APP_NAME=后台管理系统
VITE_API_URL=https://server.gxwebsoft.com/api
VITE_API_URL=http://1.14.159.185:10041/api

21
src/api/tower/contract/model/index.ts
View File

@@ -7,15 +7,15 @@ export interface Contract {
// 合同id
contractId?: any;
// 项目id
projectId: any;
projectId?: any;
// 承租方
companyId: any;
companyId?: any;
// 出租方
customerId: any;
customerId?: any;
// 业务负责人
customerContact?: string;
// 合同编号
contactNumber: string;
contactNumber?: string;
// 签订日期
signDate?: string;
// 开始日期
@@ -30,6 +30,10 @@ export interface Contract {
isInStock?: number;
// 是否自动结算
autoSettle?: number;
// 结算方式
settleMethod?: number;
// 跨月结算日期
extendMonthDate?: number;
userId?: any;
}
@@ -42,5 +46,12 @@ export interface ContractParam extends PageParam {
createTimeStart?: string;
createTimeEnd?: string;
betweenTime?: any;
}
export const ContractSettleMethod = [
'跨月结算',
'自然月结算',
'按日结算',
'系数结算-跨月',
'系数结算-自然月',
]

133
src/api/tower/contractSettle/equipment/index.ts Normal file
View File

@@ -0,0 +1,133 @@
import request from '@/utils/request';
import type {ApiResult, PageResult} from '@/api';
import type {ContractSettleEquipment, ContractSettleEquipmentParam} from './model';
/**
* 分页查询合同设备
*/
export async function pageContract(params: ContractSettleEquipmentParam) {
const res = await request.get<ApiResult<PageResult<ContractSettleEquipment>>>(
'/tower/tower-contract-settle-equipment/page',
{
params
}
);
if (res.data.code === 0) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 查询合同设备列表
*/
export async function listContractSettleEquipment(params?: ContractSettleEquipmentParam) {
const res = await request.get<ApiResult<ContractSettleEquipment[]>>(
'/tower/tower-contract-settle-equipment',
{
params
}
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 根据id查询合同设备
*/
export async function getContractSettleEquipment(id: number) {
const res = await request.get<ApiResult<ContractSettleEquipment>>(
'/tower/tower-contract-settle-equipment/' + id
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 添加合同设备
*/
export async function addContractSettleEquipment(data: ContractSettleEquipment) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 修改合同设备
*/
export async function updateContractSettleEquipment(data: ContractSettleEquipment) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量修改合同设备
*/
export async function updateBatchContractSettleEquipment(data: ContractSettleEquipment[]) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量添加合同设备
*/
export async function addBatchContractSettleEquipment(data: ContractSettleEquipment[]) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 删除合同设备
*/
export async function removeContractSettleEquipment(id?: number) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment/' + id
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量删除合同设备
*/
export async function removeBatchContractSettleEquipment(data: (number | undefined)[]) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-contract-settle-equipment/batch',
{
data
}
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}

39
src/api/tower/contractSettle/equipment/model/index.ts Normal file
View File

@@ -0,0 +1,39 @@
import type { PageParam } from '@/api';
/**
* 合同
*/
export interface ContractSettleEquipment {
contractSettleId?: any;
// 合同id
contractId: any;
// 设备名
equipmentName: string;
// 规格
equipmentModel: string;
// 进场编号
factoryNo: any;
// 自编号
equipmentNo: any;
// 租期
rentMonth: any;
// 租金
rentAmount: any;
// 进退场费
inOutAmount: any;
// 劳务费
workerAmount: any;
// 其他费用
otherAmount: any;
// 备注
remark?: any;
userId?: any;
}
/**
* 合同搜索条件
*/
export interface ContractSettleEquipmentParam extends PageParam {
contractId?: string;
}

133
src/api/tower/contractSettle/rule/index.ts Normal file
View File

@@ -0,0 +1,133 @@
import request from '@/utils/request';
import type {ApiResult, PageResult} from '@/api';
import type {ContractSettleRule, ContractSettleRuleParam} from './model';
/**
* 分页查询合同设备
*/
export async function pageContract(params: ContractSettleRuleParam) {
const res = await request.get<ApiResult<PageResult<ContractSettleRule>>>(
'/tower/tower-contract-settle-rule/page',
{
params
}
);
if (res.data.code === 0) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 查询合同设备列表
*/
export async function listContractSettleRule(params?: ContractSettleRuleParam) {
const res = await request.get<ApiResult<ContractSettleRule[]>>(
'/tower/tower-contract-settle-rule',
{
params
}
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 根据id查询合同设备
*/
export async function getContractSettleRule(id: number) {
const res = await request.get<ApiResult<ContractSettleRule>>(
'/tower/tower-contract-settle-rule/' + id
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 添加合同设备
*/
export async function addContractSettleRule(data: ContractSettleRule) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 修改合同设备
*/
export async function updateContractSettleRule(data: ContractSettleRule) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量修改合同设备
*/
export async function updateBatchContractSettleRule(data: ContractSettleRule[]) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量添加合同设备
*/
export async function addBatchContractSettleRule(data: ContractSettleRule[]) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 删除合同设备
*/
export async function removeContractSettleRule(id?: number) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule/' + id
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量删除合同设备
*/
export async function removeBatchContractSettleRule(data: (number | undefined)[]) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-contract-settle-rule/batch',
{
data
}
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}

18
src/api/tower/contractSettle/rule/model/index.ts Normal file
View File

@@ -0,0 +1,18 @@
import type { PageParam } from '@/api';
/**
* 合同
*/
export interface ContractSettleRule {
contractSettleRuleId?: any;
contractId: any;
startDate: string;
endDate: string;
}
/**
* 合同搜索条件
*/
export interface ContractSettleRuleParam extends PageParam {
contractId?: string;
}

119
src/api/tower/settle/index.ts Normal file
View File

@@ -0,0 +1,119 @@
import request from '@/utils/request';
import type {ApiResult, PageResult} from '@/api';
import type {Settle, SettleParam} from './model';
/**
* 分页查询结算
*/
export async function pageSettle(params: SettleParam) {
const res = await request.get<ApiResult<PageResult<Settle>>>(
'/tower/tower-settle/page',
{
params
}
);
if (res.data.code === 0) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 查询合同列表
*/
export async function listSettle(params?: SettleParam) {
const res = await request.get<ApiResult<Settle[]>>(
'/tower/tower-settle',
{
params
}
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 根据id查询合同
*/
export async function getSettle(id: number) {
const res = await request.get<ApiResult<Settle>>(
'/tower/tower-settle/' + id
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 添加合同
*/
export async function addSettle(data: Settle) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-settle',
data
);
if (res.data.code === 0) {
return res.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 修改合同
*/
export async function updateSettle(data: Settle) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-settle',
data
);
if (res.data.code === 0) {
return res.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量修改合同
*/
export async function updateBatchSettle(data: Settle[]) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-settle/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 删除合同
*/
export async function removeSettle(id?: number) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-settle/' + id
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量删除合同
*/
export async function removeBatchSettle(data: (number | undefined)[]) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-settle/batch',
{
data
}
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}

27
src/api/tower/settle/model/index.ts Normal file
View File

@@ -0,0 +1,27 @@
import type { PageParam } from '@/api';
/**
* 合同
*/
export interface Settle {
settleId?: any;
settleNo?: any;
status?: any;
contractId?: any;
startDate?: any;
endDate?: string;
settleMethod?: number;
extendMonthDate?: number;
totalAmount?: number;
userId?: any;
contactNumber?: any;
}
/**
* 合同搜索条件
*/
export interface SettleParam extends PageParam {
settleNo?: string;
contractId?: string;
}

129
src/api/tower/settleDetail/index.ts Normal file
View File

@@ -0,0 +1,129 @@
import request from '@/utils/request';
import type {ApiResult, PageResult} from '@/api';
import type {SettleDetail, SettleDetailParam} from './model';
/**
* 分页查询结算
*/
export async function pageSettleDetail(params: SettleDetailParam) {
const res = await request.get<ApiResult<PageResult<SettleDetail>>>(
'/tower/tower-settle-detail/page',
{
params
}
);
if (res.data.code === 0) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 查询合同列表
*/
export async function listSettleDetail(params?: SettleDetailParam) {
const res = await request.get<ApiResult<SettleDetail[]>>(
'/tower/tower-settle-detail',
{
params
}
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 根据id查询合同
*/
export async function getSettleDetail(id: number) {
const res = await request.get<ApiResult<SettleDetail>>(
'/tower/tower-settle-detail/' + id
);
if (res.data.code === 0 && res.data.data) {
return res.data.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 添加合同
*/
export async function addSettleDetail(data: SettleDetail) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-settle-detail',
data
);
if (res.data.code === 0) {
return res.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 修改合同
*/
export async function updateSettleDetail(data: SettleDetail) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-settle-detail',
data
);
if (res.data.code === 0) {
return res.data;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量修改合同
*/
export async function updateBatchSettleDetail(data: SettleDetail[]) {
const res = await request.put<ApiResult<unknown>>(
'/tower/tower-settle-detail/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
export async function addBatchSettleDetail(data: SettleDetail[]) {
const res = await request.post<ApiResult<unknown>>(
'/tower/tower-settle-detail/batch',
data
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 删除合同
*/
export async function removeSettleDetail(id?: number) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-settle-detail/' + id
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}
/**
* 批量删除合同
*/
export async function removeBatchSettleDetail(data: (number | undefined)[]) {
const res = await request.delete<ApiResult<unknown>>(
'/tower/tower-settle-detail/batch',
{
data
}
);
if (res.data.code === 0) {
return res.data.message;
}
return Promise.reject(new Error(res.data.message));
}

33
src/api/tower/settleDetail/model/index.ts Normal file
View File

@@ -0,0 +1,33 @@
import type { PageParam } from '@/api';
/**
* 合同
*/
export interface SettleDetail {
settleDetailId?: any;
settleId?: any;
type?: any;
settleCostType?: string;
equipmentName?: string;
equipmentModel?: string;
factoryNo?: string;
startDate?: any;
endDate?: any;
monthAmount?: any;
taxRate?: any;
singleAmount?: any;
num?: any;
unit?: string;
remark?: string;
userId?: any;
days?: any;
dailyAmount?: any;
}
/**
* 合同搜索条件
*/
export interface SettleDetailParam extends PageParam {
settleId?: string;
type?: string;
}

147
src/components/TowerContractSelectModel/components/select-data.vue Normal file
View File

@@ -0,0 +1,147 @@
<template>
<ele-modal
:width="750"
:visible="visible"
:maskClosable="false"
:title="title"
:body-style="{ paddingBottom: '28px' }"
@update:visible="updateVisible"
>
<ele-pro-table
ref="tableRef"
row-key="modelId"
:datasource="datasource"
:columns="columns"
:customRow="customRow"
:striped="true"
:pagination="false"
>
<template #toolbar>
<a-input-search
allow-clear
v-model:value="searchText"
placeholder="请输入搜索关键词"
style="width: 200px"
@search="reload"
@pressEnter="reload"
/>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-space>
<a-button type="link">选择</a-button>
</a-space>
</template>
</template>
</ele-pro-table>
</ele-modal>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import {
ColumnItem,
DatasourceFunction
} from "ele-admin-pro/es/ele-pro-table/types";
import { pageProject } from "@/api/tower/project";
import { FILE_THUMBNAIL } from "@/config/setting";
import { EleProTable } from "ele-admin-pro";
import { TowerModel, TowerModelParam } from "@/api/tower/model/model";
import { Contract, ContractParam } from "@/api/tower/contract/model";
import { pageContract } from "@/api/tower/contract";
import { message } from "ant-design-vue";
defineProps<{
// 弹窗是否打开
visible: boolean;
// 标题
title?: string;
// 修改回显的数据
data?: Contract | null;
selection?: Contract[];
}>();
const emit = defineEmits<{
(e: "done", data: Contract): void;
(e: "update:visible", visible: boolean): void;
}>();
/* 更新visible */
const updateVisible = (value: boolean) => {
emit("update:visible", value);
};
// 搜索内容
const searchText = ref(null);
// 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
// 表格配置
const columns = ref<ColumnItem[]>([
{
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef.value?.tableIndex ?? 0)
},
{
title: "合同编号",
dataIndex: "contractNumber"
},
{
title: "项目名称",
dataIndex: "projectName"
},
{
title: "业务负责人",
dataIndex: "customerContact"
},
{
title: "签订日期",
dataIndex: "signDate"
},
{
title: "操作",
key: "action",
align: "center"
}
]);
// 表格数据源
const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
// 搜索条件
if (searchText.value) {
where.keywords = searchText.value;
}
return pageContract({
...where,
...orders,
page,
limit
});
};
/* 搜索 */
const reload = (where?: ContractParam) => {
tableRef?.value?.reload({ page: 1, where });
};
/* 自定义行属性 */
const customRow = (record: Contract) => {
return {
// 行点击事件
onClick: () => {
updateVisible(false);
if (!record.settleMethod) {
message.warning("请先设置合同结算方式");
return;
}
emit("done", record);
}
};
};
</script>
<style lang="less"></style>

65
src/components/TowerContractSelectModel/index.vue Normal file
View File

@@ -0,0 +1,65 @@
<template>
<div>
<a-input-group compact>
<a-input
disabled
style="width: calc(100% - 32px)"
v-model:value="value"
:placeholder="placeholder"
/>
<a-button @click="openEdit">
<template #icon><BulbOutlined class="ele-text-warning" /></template>
</a-button>
</a-input-group>
<!-- 选择弹窗 -->
<SelectData
v-model:visible="showEdit"
:data="current"
:title="placeholder"
:customer-type="customerType"
@done="onChange"
/>
</div>
</template>
<script lang="ts" setup>
import { BulbOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';
import SelectData from './components/select-data.vue';
import { Contract } from "@/api/tower/contract/model";
const props = withDefaults(
defineProps<{
value?: any;
customerType?: string;
placeholder?: string;
index?: number;
}>(),
{
placeholder: '请选择数据'
}
);
const emit = defineEmits<{
(e: 'done', Contract): void;
(e: 'clear'): void;
(e: 'multiple', any): void;
}>();
// 是否显示编辑弹窗
const showEdit = ref(false);
// 当前编辑数据
const current = ref<Contract | null>(null);
/* 打开编辑弹窗 */
const openEdit = (row?: Contract) => {
current.value = row ?? null;
showEdit.value = true;
};
const onChange = (row) => {
// 第几行
row.index = Number(props.index);
emit('done', row);
};
</script>

161
src/components/TowerEquipmentModel/components/select-data.vue Normal file
View File

@@ -0,0 +1,161 @@
<template>
<ele-modal
:width="750"
:visible="visible"
:maskClosable="false"
:title="title"
:footer="null"
:body-style="{ paddingBottom: '28px' }"
@update:visible="updateVisible"
>
<ele-pro-table
ref="tableRef"
row-key="companyId"
:datasource="datasource"
:columns="columns"
:customRow="customRow"
:pagination="false"
>
<template #toolbar>
<a-input-search
allow-clear
v-model:value="searchText"
placeholder="请输入搜索关键词"
style="width: 200px"
@search="reload"
@pressEnter="reload"
/>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<a-space>
<a-button type="link">选择</a-button>
</a-space>
</template>
</template>
</ele-pro-table>
</ele-modal>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import {
ColumnItem,
DatasourceFunction
} from 'ele-admin-pro/es/ele-pro-table/types';
import { EleProTable } from 'ele-admin-pro';
import { TowerEquipment, TowerEquipmentParam } from "@/api/tower/equipment/model";
import { pageTowerEquipment } from "@/api/tower/equipment";
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 标题
title?: string;
// 修改回显的数据
data?: TowerEquipment | null;
}>();
const emit = defineEmits<{
(e: 'done', data: TowerEquipment): void;
(e: 'update:visible', visible: boolean): void;
}>();
/* 更新visible */
const updateVisible = (value: boolean) => {
emit('update:visible', value);
};
// 搜索内容
const searchText = ref(null);
// 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
// 表格配置
const columns = ref<ColumnItem[]>([
{
title: 'ID',
dataIndex: 'id'
},
{
title: '设备名称',
dataIndex: 'name',
key: 'name',
showSorterTooltip: false,
ellipsis: true
},
{
title: '设备型号',
key: 'model',
showSorterTooltip: false,
ellipsis: true
},
{
title: '出场编号',
dataIndex: 'factoryNo',
key: 'factoryNo',
showSorterTooltip: false,
ellipsis: true
},
{
title: '设备编号',
dataIndex: 'equipmentNo',
key: 'equipmentNo',
showSorterTooltip: false,
ellipsis: true
},
{
title: '制造单位',
dataIndex: 'manufactor',
key: 'manufactor',
showSorterTooltip: false,
ellipsis: true
},
{
title: '产权单位',
dataIndex: 'company',
key: 'company',
showSorterTooltip: false,
ellipsis: true
},
{
title: '操作',
key: 'action',
align: 'center'
}
]);
// 表格数据源
const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
where = {};
// 搜索条件
if (searchText.value) {
where.keywords = searchText.value;
}
where.isStaff = true;
return pageTowerEquipment({
...where,
...orders,
page,
limit
});
};
/* 搜索 */
const reload = (where?: TowerEquipmentParam) => {
tableRef?.value?.reload({ page: 1, where });
};
/* 自定义行属性 */
const customRow = (record: TowerEquipment) => {
return {
// 行点击事件
onClick: () => {
updateVisible(false);
emit('done', record);
}
};
};
</script>
<style lang="less"></style>

61
src/components/TowerEquipmentModel/index.vue Normal file
View File

@@ -0,0 +1,61 @@
<template>
<div>
<a-input-group compact>
<a-input
disabled
style="width: calc(100% - 32px)"
v-model:value="value"
:placeholder="placeholder"
/>
<a-button @click="openEdit">
<template #icon><BulbOutlined class="ele-text-warning" /></template>
</a-button>
</a-input-group>
<!-- 选择弹窗 -->
<SelectData
v-model:visible="showEdit"
:data="current"
:title="placeholder"
:customer-type="customerType"
@done="onChange"
/>
</div>
</template>
<script lang="ts" setup>
import { BulbOutlined } from '@ant-design/icons-vue';
import { ref } from 'vue';
import SelectData from './components/select-data.vue';
import { Customer } from '@/api/oa/customer/model';
withDefaults(
defineProps<{
value?: any;
customerType?: string;
placeholder?: string;
}>(),
{
placeholder: '请选择数据'
}
);
const emit = defineEmits<{
(e: 'done', Customer): void;
(e: 'clear'): void;
}>();
// 是否显示编辑弹窗
const showEdit = ref(false);
// 当前编辑数据
const current = ref<Customer | null>(null);
/* 打开编辑弹窗 */
const openEdit = (row?: Customer) => {
current.value = row ?? null;
showEdit.value = true;
};
const onChange = (row) => {
emit('done', row);
};
</script>

13
src/styles/common.less
View File

@@ -102,3 +102,16 @@
margin-top: .5rem;
margin-bottom: .5rem;
}
.ml-05{
margin-left: .5rem;
}
.mr-05{
margin-right: .5rem;
}
.mx-05{
margin-left: .5rem;
margin-right: .5rem;
}

6
src/views/tower/accessory/components/accessory-edit.vue
View File

@@ -108,10 +108,10 @@
/>
</a-form-item>
<a-form-item label="产权单位" name="companyName">
<TowerCompany
:placeholder="`请选择租赁单位`"
<DictSelect
:placeholder="'请选择产权单位'"
v-model:value="form.companyName"
:customer-type="`产权单位`"
:dict-code="'PropertyCompany'"
@done="chooseCompanyName"
/>
</a-form-item>

13
src/views/tower/contract/components/contract-edit.vue
View File

@@ -265,7 +265,6 @@ import { ref, reactive, watch, computed } from "vue";
import { Form, message } from "ant-design-vue";
import { assignObject } from "ele-admin-pro";
import { updateContract, addContract } from "@/api/tower/contract";
import type { Customer } from "@/api/oa/customer/model";
import { useUserStore } from "@/store/modules/user";
import { Contract } from "@/api/tower/contract/model";
import dayjs from "dayjs";
@@ -279,8 +278,8 @@ import {
import { ContractEquipment } from "@/api/tower/contractEquipment/model";
import { TowerModel } from "@/api/tower/model/model";
import { listTowerModel } from "@/api/tower/model";
import { addBatchContractFile } from "@/api/tower/contractFile";
import { addBatchContractEquipment } from "@/api/tower/contractEquipment";
import { addBatchContractFile, listContractFile } from "@/api/tower/contractFile";
import { addBatchContractEquipment, listContractEquipment } from "@/api/tower/contractEquipment";
const userStore = useUserStore();
// 当前用户信息
@@ -295,7 +294,7 @@ const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 修改回显的数据
data?: Customer | null;
data?: Contract | null;
}>();
const emit = defineEmits<{
@@ -400,7 +399,7 @@ const delFile = index => {
};
const getContractFileList = async () => {
contractFileList.value = await listContractFile({contactId: props.data?.contractId})
};
const equipmentList = ref<TowerModel[]>([]);
@@ -410,7 +409,7 @@ const getEquipmentList = async () => {
const contractEquipmentList = ref<ContractEquipment[]>([]);
const getContractEquipmentList = async () => {
contractEquipmentList.value = await listContractEquipment({contactId: props.data?.contractId})
};
const chooseEquipmentName = (res, index) => {
@@ -454,7 +453,6 @@ const save = () => {
const data = {
...form
};
console.log(contractEquipmentList.value)
for (let i = 0; i < contractEquipmentList.value.length; i++) {
if (!contractEquipmentList.value[i].equipmentName) {
console.log(contractEquipmentList.value[i].equipmentName)
@@ -546,6 +544,7 @@ watch(
assignObject(form, props.data);
isUpdate.value = true;
getContractFileList();
getContractEquipmentList();
projectName.value = props.data.projectName;
customerName.value = props.data.customerName;
companyName.value = props.data.companyName;

448
src/views/tower/contract/components/contract-settle.vue Normal file
View File

@@ -0,0 +1,448 @@
<!-- 用户编辑弹窗 -->
<template>
<ele-modal
:width="'90%'"
:visible="visible"
:confirm-loading="loading"
:maskClosable="false"
:maxable="maxable"
:title="'合同结算设置'"
:body-style="{ paddingBottom: '8px' }"
@update:visible="updateVisible"
@ok="save"
>
<a-form
:label-col="{ md: { span: 6 }, sm: { span: 20 }, xs: { span: 24 } }"
:wrapper-col="{ md: { span: 24 }, sm: { span: 20 }, xs: { span: 24 } }"
>
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="结算方式">
<a-select placeholder="必选项" style="width: 250px" size="small"
v-model:value="contract.settleMethod">
<a-select-option v-for="(item, index) in ContractSettleMethod" :key="index" :value="index">
{{ item }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12" v-if="[0, 3].indexOf(contract.settleMethod) > -1">
<span>每月</span>
<a-select placeholder="必选项" style="width: 250px" size="small"
v-model:value="contract.extendMonthDate">
<a-select-option v-for="item in dateList" :key="item" :value="item">
{{ item }}
</a-select-option>
</a-select>
<span>号</span>
<span class="ml-05">至下月</span>
<span class="ml-05" v-if="contract.extendMonthDate">{{ contract.extendMonthDate - 1 }}号</span>
</a-col>
</a-row>
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane :key="0" tab="结算规则设置">
<template #default>
<a-button type="primary" @click.native="showSelectEquip = true">添加结算设备</a-button>
<a-table ref="contractEquipmentSettleTableRef"
row-key="contractSettleId" :dataSource="settleEquipmentList" :columns="equipmentColumns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'rentMonth'">
<a-input v-model:value="record.rentMonth" type="number" />
</template>
<template v-if="column.key === 'rentAmount'">
<a-input v-model:value="record.rentAmount" type="number" />
</template>
<template v-if="column.key === 'rentAmountSum'">
<span>{{ record.rentMonth * record.rentAmount }}</span>
</template>
<template v-if="column.key === 'inOutAmount'">
<a-input v-model:value="record.inOutAmount" type="number" />
</template>
<template v-if="column.key === 'workerAmount'">
<a-input v-model:value="record.workerAmount" type="number" />
</template>
<template v-if="column.key === 'workerAmountSum'">
<span>{{ record.rentMonth * record.workerAmount }}</span>
</template>
<template v-if="column.key === 'otherAmount'">
<a-input v-model:value="record.otherAmount" type="number" />
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="delEquipment(index)" />
</div>
</template>
</template>
<template #summary>
<a-table-summary-row>
<a-table-summary-cell>合计</a-table-summary-cell>
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell>
{{ totals.rentAmountSum }}
</a-table-summary-cell>
<a-table-summary-cell />
<a-table-summary-cell />
<a-table-summary-cell>
{{ totals.workerAmountSum }}
</a-table-summary-cell>
<a-table-summary-cell />
<a-table-summary-cell />
</a-table-summary-row>
</template>
</a-table>
</template>
</a-tab-pane>
<a-tab-pane :key="1" tab="结算周期设置">
<template #default>
<a-button type="primary" @click.native="addRule">新增</a-button>
<a-table ref="contractRuleSettleTableRef"
row-key="contractSettleId" :dataSource="settleRuleList" :columns="ruleColumns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'startDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择开始日期"
v-model:value="record.startDate"
valueFormat="YYYY-MM-DD"
/>
</template>
<template v-if="column.key === 'endDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择结束日期"
v-model:value="record.endDate"
valueFormat="YYYY-MM-DD"
/>
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="delRule(index)" />
</div>
</template>
</template>
</a-table>
</template>
</a-tab-pane>
</a-tabs>
</a-form>
</ele-modal>
<SelectData
v-model:visible="showSelectEquip"
:data="null"
title="选择设备"
@done="onSelectEquip"
/>
</template>
<script lang="ts" setup>
import { ref, reactive, watch, computed } from "vue";
import { Form, message } from "ant-design-vue";
import { assignObject, EleProTable } from "ele-admin-pro";
import { useUserStore } from "@/store/modules/user";
import { Contract, ContractSettleMethod } from "@/api/tower/contract/model";
import dayjs from "dayjs";
import {
PlusOutlined,
UnorderedListOutlined,
CloseCircleOutlined
} from "@ant-design/icons-vue";
import { TowerModel } from "@/api/tower/model/model";
import { listTowerModel } from "@/api/tower/model";
import { ContractSettleEquipment } from "@/api/tower/contractSettle/equipment/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import SelectData from "@/components/TowerEquipmentModel/components/select-data.vue";
import { ContractSettleRule } from "@/api/tower/contractSettle/rule/model";
import { updateContract } from "@/api/tower/contract";
import { addBatchContractSettleEquipment, listContractSettleEquipment } from "@/api/tower/contractSettle/equipment";
import { addBatchContractSettleRule, listContractSettleRule } from "@/api/tower/contractSettle/rule";
const userStore = useUserStore();
// 当前用户信息
const loginUser = computed(() => userStore.info ?? {});
const now = dayjs().format("YYYY-MM-DD HH:mm:ss");
const dateList = ref<number[]>([]);
const activeKey = ref(0);
// 是否是修改
const isUpdate = ref(false);
const useForm = Form.useForm;
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 修改回显的数据
data?: Contract | null;
}>();
const emit = defineEmits<{
(e: "done"): void;
(e: "update:visible", visible: boolean): void;
}>();
// 提交状态
const loading = ref(false);
// 是否显示最大化切换按钮
const maxable = ref(true);
const showSelectEquip = ref<Boolean>(false);
const onSelectEquip = data => {
addEquipment(data);
};
const contract = reactive<Contract>({
contractId: undefined,
settleMethod: undefined,
extendMonthDate: undefined
});
const contractEquipmentSettleTableRef = ref<InstanceType<typeof EleProTable> | null>(null);
const equipmentColumns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (contractEquipmentSettleTableRef.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "规格",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "进场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "自编号",
dataIndex: "equipmentNo",
key: "equipmentNo"
},
{
title: "计划租期(月)",
dataIndex: "rentMonth",
key: "rentMonth"
},
{
title: "租金(元)",
dataIndex: "rentAmount",
key: "rentAmount"
},
{
title: "租金小计(元)",
dataIndex: "rentAmountSum",
key: "rentAmountSum"
},
{
title: "进退场费(元)",
dataIndex: "inOutAmount",
key: "inOutAmount"
},
{
title: "劳务费用(元)",
dataIndex: "workerAmount",
key: "workerAmount"
},
{
title: "劳务小计(元)",
dataIndex: "workerAmountSum",
key: "workerAmountSum"
},
{
title: "其他费用(元)",
dataIndex: "otherAmount",
key: "otherAmount"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const settleEquipmentList = ref<ContractSettleEquipment[]>([]);
const getSettleEquipmentList = async () => {
settleEquipmentList.value = await listContractSettleEquipment({ contractId: contract.contractId });
};
const addEquipment = data => {
settleEquipmentList.value = [...settleEquipmentList.value, {
contractSettleId: 0,
contractId: props.data?.contractId,
equipmentName: data.name,
equipmentModel: data.model,
factoryNo: data.factoryNo,
equipmentNo: data.equipmentNo,
rentMonth: 0,
rentAmount: 0,
inOutAmount: 0,
workerAmount: 0,
otherAmount: 0,
remark: "",
userId: loginUser.value.userId
}];
};
const delEquipment = index => {
settleEquipmentList.value.splice(index, 1);
};
const contractRuleSettleTableRef = ref<InstanceType<typeof EleProTable> | null>(null);
const settleRuleList = ref<ContractSettleRule[]>([]);
const getSettleRuleList = async () => {
settleRuleList.value = await listContractSettleRule({ contractId: contract.contractId });
};
const ruleColumns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (contractRuleSettleTableRef.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "结算开始日期",
dataIndex: "startDate",
key: "startDate"
},
{
title: "结算结束日期",
dataIndex: "endDate",
key: "endDate"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const addRule = () => {
settleRuleList.value.push({
contractId: props.data?.contractId,
startDate: "",
endDate: ""
});
};
const delRule = index => {
settleRuleList.value.splice(index, 1);
};
const totals = computed(() => {
let rentAmountSum = 0;
let workerAmountSum = 0;
settleEquipmentList.value.forEach(({ rentMonth, rentAmount, workerAmount }) => {
rentAmountSum += rentMonth * rentAmount;
workerAmountSum += rentMonth * workerAmount;
});
return { rentAmountSum, workerAmountSum };
});
/* 更新visible */
const updateVisible = (value: boolean) => {
emit("update:visible", value);
};
const equipmentList = ref<TowerModel[]>([]);
const getEquipmentList = async () => {
equipmentList.value = await listTowerModel();
};
/* 保存编辑 */
const save = () => {
if (!contract.settleMethod) {
message.error("请选择结算方式");
return;
}
if (settleEquipmentList.value.length === 0) {
message.error("请至少设置一条结算规则");
return;
}
if (settleRuleList.value.length === 0) {
message.error("请至少设置一条结算周期");
return;
}
for (let i = 0; i < settleRuleList.value.length; i++) {
if (!settleRuleList.value[i].startDate) {
message.error("请选择结算开始日期");
return;
}
if (!settleRuleList.value[i].endDate) {
message.error("请选择结算结束日期");
return;
}
}
loading.value = true;
updateContract(contract);
addBatchContractSettleEquipment(settleEquipmentList.value);
addBatchContractSettleRule(settleRuleList.value);
loading.value = false;
// message.success(res.message);
updateVisible(false);
emit("done");
};
watch(
() => props.visible,
(visible) => {
if (visible) {
for (let i = 2; i < 28; i++) dateList.value.push(i);
getEquipmentList();
if (props.data) {
loading.value = false;
assignObject(contract, props.data);
getSettleEquipmentList();
getSettleRuleList();
isUpdate.value = true;
} else {
isUpdate.value = false;
}
}
}
);
</script>
<style lang="less">
.title {
font-weight: bold;
font-size: 1.1rem;
padding-bottom: 10px;
border-bottom: 1px solid #dcdfe6;
color: #494949;
margin-bottom: 10px;
}
</style>

33
src/views/tower/contract/index.vue
View File

@@ -4,7 +4,7 @@
<a-card :bordered="false" :body-style="{ padding: '16px' }">
<ele-pro-table
ref="tableRef"
row-key="customerId"
row-key="contractId"
:columns="columns"
:datasource="datasource"
v-model:selection="selection"
@@ -29,6 +29,7 @@
</template>
<template v-if="column.key === 'action'">
<a-space>
<a @click="openSettle(record)">合同结算设置</a>
<a @click="openEdit(record)">修改</a>
<a-divider type="vertical" />
<a-popconfirm
@@ -45,6 +46,7 @@
<!-- 编辑弹窗 -->
<ContractEdit v-model:visible="showEdit" :data="current" @done="reload" />
<ContractSettle v-model:visible="showSettle" :data="current" @done="reload" />
<!-- 合同详情弹窗 -->
<ContractInfo v-model:visible="showInfo" :data="current" @done="reload" />
<!-- 批量转移弹窗 -->
@@ -68,6 +70,7 @@
import { toDateString } from 'ele-admin-pro';
import Search from './components/search.vue';
import ContractEdit from './components/contract-edit.vue';
import ContractSettle from './components/contract-settle.vue';
import ContractInfo from './components/contract-info.vue';
import {
pageContract,
@@ -75,21 +78,20 @@
removeBatchContract
} from '@/api/tower/contract';
import { timeAgo } from 'ele-admin-pro';
import type { Customer, CustomerParam } from '@/api/oa/customer/model';
import { useUserStore } from '@/store/modules/user';
import { Contract, ContractParam } from "@/api/tower/contract/model";
const userStore = useUserStore();
// 当前用户信息
const loginUser = computed(() => userStore.info ?? {});
const customerType = localStorage.getItem('customerType');
// 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
// 表格选中数据
const selection = ref<Customer[]>([]);
const selection = ref<Contract[]>([]);
// 当前编辑数据
const current = ref<Customer | null>(null);
const current = ref<Contract | null>(null);
// 是否显示资产详情
const showInfo = ref(false);
@@ -107,9 +109,6 @@
filters
}) => {
if (filters) {
where.progress = filters.progress;
where.customerSource = filters.customerSource;
where.customerType = filters.customerType;
where.status = filters.status;
}
return pageContract({
@@ -170,33 +169,39 @@
]);
/* 搜索 */
const reload = (where?: CustomerParam) => {
const reload = (where?: ContractParam) => {
console.log(where);
selection.value = [];
tableRef?.value?.reload({ where: where });
};
/* 打开编辑弹窗 */
const openEdit = (row?: Customer) => {
const openEdit = (row?: Contract) => {
current.value = row ?? null;
showEdit.value = true;
};
const showSettle = ref<Boolean>(false)
const openSettle = (row?: Contract) => {
current.value = row ?? null;
showSettle.value = true;
};
/* 打开批量移动弹窗 */
const openMove = () => {
showMove.value = true;
};
/* 打开用户详情弹窗 */
const openInfo = (row?: Customer) => {
const openInfo = (row?: Contract) => {
current.value = row ?? null;
showInfo.value = true;
};
/* 删除单个 */
const remove = (row: Customer) => {
const remove = (row: Contract) => {
const hide = message.loading('请求中..', 0);
removeContract(row.customerId)
removeContract(row.contractId)
.then((msg) => {
hide();
message.success(msg);
@@ -230,7 +235,7 @@
removeBatchContract(
selection.value.map((d) => {
if (loginUser.value.userId === d.userId) {
return d.customerId;
return d.contractId;
}
})
)

248
src/views/tower/fall/components/fall-edit.vue
View File

@@ -45,14 +45,11 @@
/>
</a-form-item>
<a-form-item label="产权单位" name="companyId">
<a-select
<DictSelect
:placeholder="'请选择产权单位'"
v-model:value="form.companyId"
:options="companyList"
:field-names="{
label: 'companyName',
value: 'companyId',
options: 'children'
}"
:dict-code="'PropertyCompany'"
@done="chooseCompanyName"
/>
</a-form-item>
<a-form-item label="出厂日期" name="factoryDate">
@@ -145,50 +142,50 @@
</template>
<script lang="ts" setup>
import { ref, reactive, watch } from 'vue';
import { Form, message } from 'ant-design-vue';
import { assignObject } from 'ele-admin-pro';
import { addTowerFall, updateTowerFall } from '@/api/tower/fall';
import { TowerFall } from '@/api/tower/fall/model';
import { useThemeStore } from '@/store/modules/theme';
import { storeToRefs } from 'pinia';
import { UploadOutlined } from '@ant-design/icons-vue';
import DictSelect from '@/views/search/components/dict-select.vue';
import { FormInstance } from 'ant-design-vue/es/form';
import { TOKEN_STORE_NAME } from '@/config/setting';
import { Warehouse } from '@/api/tower/warehouse/model';
import { User } from '@/api/user/model';
import { Organization } from '@/api/system/organization/model';
import { Customer } from '@/api/oa/customer/model';
import { Company } from '@/api/system/company/model';
// 是否是修改
const isUpdate = ref(false);
const useForm = Form.useForm;
// 是否开启响应式布局
const themeStore = useThemeStore();
const { styleResponsive } = storeToRefs(themeStore);
import { ref, reactive, watch } from "vue";
import { Form, message } from "ant-design-vue";
import { assignObject } from "ele-admin-pro";
import { addTowerFall, updateTowerFall } from "@/api/tower/fall";
import { TowerFall } from "@/api/tower/fall/model";
import { useThemeStore } from "@/store/modules/theme";
import { storeToRefs } from "pinia";
import { UploadOutlined } from "@ant-design/icons-vue";
import DictSelect from "@/views/search/components/dict-select.vue";
import { FormInstance } from "ant-design-vue/es/form";
import { TOKEN_STORE_NAME } from "@/config/setting";
import { Warehouse } from "@/api/tower/warehouse/model";
import { User } from "@/api/user/model";
import { Organization } from "@/api/system/organization/model";
import { Customer } from "@/api/oa/customer/model";
import { Company } from "@/api/system/company/model";
// 是否是修改
const isUpdate = ref(false);
const useForm = Form.useForm;
// 是否开启响应式布局
const themeStore = useThemeStore();
const { styleResponsive } = storeToRefs(themeStore);
const props = defineProps<{
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 修改回显的数据
data?: TowerFall | null;
companyList: Company[] | null;
}>();
}>();
const emit = defineEmits<{
(e: 'done'): void;
(e: 'update:visible', visible: boolean): void;
}>();
const emit = defineEmits<{
(e: "done"): void;
(e: "update:visible", visible: boolean): void;
}>();
// 提交状态
const loading = ref(false);
// 是否显示最大化切换按钮
const maxable = ref(true);
const formRef = ref<FormInstance | null>(null);
// 提交状态
const loading = ref(false);
// 是否显示最大化切换按钮
const maxable = ref(true);
const formRef = ref<FormInstance | null>(null);
interface FileItem {
interface FileItem {
uid: string;
name?: string;
status?: string;
@@ -196,103 +193,103 @@
thumbUrl?: string;
downloadUrl?: string;
url: string;
}
}
interface FileInfo {
interface FileInfo {
file: FileItem;
fileList: FileItem[];
}
}
// 文件上传
const file1 = ref<FileItem[]>();
const file2 = ref<FileItem[]>();
const file3 = ref<FileItem[]>();
const file4 = ref<FileItem[]>();
const file5 = ref<FileItem[]>();
const file6 = ref<FileItem[]>();
const file7 = ref<FileItem[]>();
// 文件上传
const file1 = ref<FileItem[]>();
const file2 = ref<FileItem[]>();
const file3 = ref<FileItem[]>();
const file4 = ref<FileItem[]>();
const file5 = ref<FileItem[]>();
const file6 = ref<FileItem[]>();
const file7 = ref<FileItem[]>();
// token
const token = localStorage.getItem(TOKEN_STORE_NAME);
// token
const token = localStorage.getItem(TOKEN_STORE_NAME);
// 表单信息
const form = reactive<TowerFall>({
// 表单信息
const form = reactive<TowerFall>({
id: undefined,
code: undefined,
companyId: undefined,
model: undefined,
factory: '',
factoryDate: '',
factory: "",
factoryDate: "",
discardDate: undefined,
file1: '[]',
file2: '[]',
file3: '[]',
file4: '[]',
users: '',
file1: "[]",
file2: "[]",
file3: "[]",
file4: "[]",
users: "",
status: undefined,
comments: '',
comments: "",
userId: undefined,
deleted: undefined,
tenantId: undefined,
createTime: undefined
});
});
/* 更新visible */
const updateVisible = (value: boolean) => {
emit('update:visible', value);
};
/* 更新visible */
const updateVisible = (value: boolean) => {
emit("update:visible", value);
};
// 表单验证规则
const rules = reactive({
// 表单验证规则
const rules = reactive({
code: [
{
required: true,
type: 'string',
message: '请输入防坠器编号',
trigger: 'blur'
type: "string",
message: "请输入防坠器编号",
trigger: "blur"
}
],
model: [
{
required: true,
type: 'string',
message: '请输入设备型号',
trigger: 'blur'
type: "string",
message: "请输入设备型号",
trigger: "blur"
}
],
factory: [
{
required: true,
type: 'string',
message: '请输入制造厂家',
trigger: 'blur'
type: "string",
message: "请输入制造厂家",
trigger: "blur"
}
],
factoryDate: [
{
required: true,
type: 'string',
message: '请输入出厂日期',
trigger: 'blur'
type: "string",
message: "请输入出厂日期",
trigger: "blur"
}
],
discardDate: [
{
required: true,
type: 'string',
message: '请输入报废日期',
trigger: 'blur'
type: "string",
message: "请输入报废日期",
trigger: "blur"
}
]
});
});
const { resetFields } = useForm(form, rules);
const { resetFields } = useForm(form, rules);
// const onFactoryDate = () => {
// form.scrapDate = form.factoryDate;
// };
// const onFactoryDate = () => {
// form.scrapDate = form.factoryDate;
// };
const onFile1 = (info: FileInfo) => {
const onFile1 = (info: FileInfo) => {
let resFileList = [...info.fileList];
file1.value = resFileList.map((file) => {
if (file.response) {
@@ -302,8 +299,8 @@
return file;
});
form.file1 = JSON.stringify(file1.value);
};
const onFile2 = (info: FileInfo) => {
};
const onFile2 = (info: FileInfo) => {
let resFileList = [...info.fileList];
file2.value = resFileList.map((file) => {
if (file.response) {
@@ -313,8 +310,8 @@
return file;
});
form.file2 = JSON.stringify(file2.value);
};
const onFile3 = (info: FileInfo) => {
};
const onFile3 = (info: FileInfo) => {
let resFileList = [...info.fileList];
file3.value = resFileList.map((file) => {
if (file.response) {
@@ -324,8 +321,8 @@
return file;
});
form.file3 = JSON.stringify(file3.value);
};
const onFile4 = (info: FileInfo) => {
};
const onFile4 = (info: FileInfo) => {
let resFileList = [...info.fileList];
file4.value = resFileList.map((file) => {
if (file.response) {
@@ -335,38 +332,38 @@
return file;
});
form.file4 = JSON.stringify(file4.value);
};
};
const chooseFallName = (data) => {
const chooseFallName = (data) => {
form.name = data.name;
form.model = data.model;
};
};
const chooseFallModel = (data) => {
const chooseFallModel = (data) => {
form.name = data.name;
form.model = data.model;
};
};
const chooseWarehouse = (data: Warehouse) => {
const chooseWarehouse = (data: Warehouse) => {
console.log(data);
form.warehouse = data.warehouseName;
form.currentLocation = data.address;
};
};
const chooseUsers = (data: User) => {
const chooseUsers = (data: User) => {
form.users = data.nickname;
};
};
const chooseOrganization = (data: Organization) => {
const chooseOrganization = (data: Organization) => {
form.organization = data.organizationName;
};
};
const chooseCompanyName = (data: Customer) => {
const chooseCompanyName = (data: Customer) => {
form.company = data.customerName;
};
};
/* 保存编辑 */
const save = () => {
/* 保存编辑 */
const save = () => {
if (!formRef.value) {
return;
}
@@ -383,17 +380,18 @@
loading.value = false;
message.success(msg);
updateVisible(false);
emit('done');
emit("done");
})
.catch((e) => {
loading.value = false;
message.error(e.message);
});
})
.catch(() => {});
};
.catch(() => {
});
};
watch(
watch(
() => props.visible,
(visible) => {
if (visible) {
@@ -428,18 +426,20 @@
resetFields();
}
}
);
);
</script>
<style lang="less"></style>
<style lang="less">
.tab-pane {
.tab-pane {
min-height: 300px;
}
.ml-10 {
}
.ml-10 {
margin-left: 5px;
}
.upload-text {
}
.upload-text {
margin-right: 70px;
}
}
</style>

8
src/views/tower/project/components/project-edit.vue
View File

@@ -59,7 +59,7 @@
/>
</a-form-item>
<a-form-item label="租赁单位" name="companyName">
<TowerCompany
<SelectCompany
:placeholder="`请选择租赁单位`"
v-model:value="form.companyName"
:customer-type="`产权单位`"
@@ -122,7 +122,7 @@
/>
</a-form-item>
<a-form-item label="承租单位" name="customerName">
<TowerCompany
<SelectCustomer
:placeholder="`请选择承租单位`"
v-model:value="form.customerName"
@done="chooseCustomerName"
@@ -412,11 +412,11 @@
});
const chooseCompanyName = (data: Customer) => {
form.companyName = data.customerName;
form.companyName = data.companyName;
};
const chooseCustomerName = (data: Customer) => {
form.customerName = data.customerName;
form.customerName = data.name;
};
const chooseDismantlingCompany = (data: Customer) => {

175
src/views/tower/settle/components/editTable/table0.vue Normal file
View File

@@ -0,0 +1,175 @@
<template>
<a-table ref="tableRef0"
row-key="contractSettleId" :dataSource="dataList" :columns="columns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'startDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择开始日期"
v-model:value="record.startDate"
valueFormat="YYYY-MM-DD"
@change="changeDate($event, index)"
@ok="changeDate($event, index)"
/>
</template>
<template v-if="column.key === 'endDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择结束日期"
v-model:value="record.endDate"
valueFormat="YYYY-MM-DD"
@change="changeDate($event, index)"
@ok="changeDate($event, index)"
/>
</template>
<template v-if="column.key === 'settleCycle'">
<span v-if="record.startDate && record.endDate">
{{ Math.floor(record.days / 30) }}月
{{ record.days - (Math.floor(record.days / 30) * 30) }}天
</span>
</template>
<template v-if="column.key === 'monthAmount'">
<a-input v-model:value="record.monthAmount" type="number" @change="changeDate($event, index)" />
</template>
<template v-if="column.key === 'dailyAmount'">
<span v-if="record.monthAmount">{{ record.dailyAmount }}</span>
</template>
<template v-if="column.key === 'amountWithTax'">
<span v-if="record.monthAmount">{{ (record.dailyAmount * record.days).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'tax'">
<span v-if="record.monthAmount">{{ (record.dailyAmount * record.days * (record.taxRate / 100)).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'amountWithoutTax'">
<span
v-if="record.monthAmount">{{ ((record.dailyAmount * record.days) - (record.dailyAmount * record.days * (record.taxRate / 100))).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="del(index)" />
</div>
</template>
</template>
</a-table>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from "vue";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import { assignObject, EleProTable } from "ele-admin-pro";
import {
CloseCircleOutlined
} from "@ant-design/icons-vue";
import dayjs from "dayjs";
const props = defineProps<{
dataSource: SettleDetail[]
}>();
const tableRef0 = ref<InstanceType<typeof EleProTable> | null>(null);
const columns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef0.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "设备型号",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "出场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "结算开始日期",
dataIndex: "startDate",
key: "startDate"
},
{
title: "结算结束日期",
dataIndex: "endDate",
key: "endDate"
},
{
title: "实际结算周期",
dataIndex: "settleCycle",
key: "settleCycle"
},
{
title: "月租金(元)",
dataIndex: "monthAmount",
key: "monthAmount"
},
{
title: "日租金(元)",
dataIndex: "dailyAmount",
key: "dailyAmount"
},
{
title: "本期租金含税金额(元)",
dataIndex: "amountWithTax",
key: "amountWithTax"
},
{
title: "税金(元)",
dataIndex: "tax",
key: "tax"
},
{
title: "不含税总价(元)",
dataIndex: "amountWithoutTax",
key: "amountWithoutTax"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const dataList = ref<SettleDetail[]>([]);
const changeDate = (data, index) => {
if (dataList.value[index].startDate && dataList.value[index].endDate) {
dataList.value[index].days = dayjs(dataList.value[index].endDate).diff(dayjs(dataList.value[index].startDate), "day");
if (dataList.value[index].monthAmount) dataList.value[index].dailyAmount = (dataList.value[index].monthAmount / 30).toFixed(8);
}
};
const del = (index: number) => {
dataList.value.splice(index, 1);
};
watch(
() => props.dataSource,
(dataSource) => {
dataList.value = dataSource;
},
{ deep: true }
);
defineExpose({ dataList })
</script>

145
src/views/tower/settle/components/editTable/table1.vue Normal file
View File

@@ -0,0 +1,145 @@
<template>
<a-table ref="tableRef0"
row-key="contractSettleId" :dataSource="dataList" :columns="columns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'singleAmount'">
<a-input v-model:value="record.singleAmount" type="number" />
</template>
<template v-if="column.key === 'num'">
<a-input v-model:value="record.num" type="number" />
</template>
<template v-if="column.key === 'sumAmount'">
<span v-if="record.singleAmount && record.num">
{{ (record.singleAmount * record.num).toFixed(2) }}
</span>
</template>
<template v-if="column.key === 'amountWithTax'">
<span v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'tax'">
<span v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num * (record.taxRate / 100)).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'amountWithoutTax'">
<span
v-if="record.singleAmount && record.num">{{ ((record.singleAmount * record.num) - (record.singleAmount * record.num * (record.taxRate / 100))).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="del(index)" />
</div>
</template>
</template>
</a-table>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from "vue";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import { assignObject, EleProTable } from "ele-admin-pro";
import {
CloseCircleOutlined
} from "@ant-design/icons-vue";
import dayjs from "dayjs";
const props = defineProps<{
dataSource: SettleDetail[]
}>();
const tableRef0 = ref<InstanceType<typeof EleProTable> | null>(null);
const columns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef0.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "设备型号",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "出场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "费用类型",
dataIndex: "settleCostType",
key: "settleCostType"
},
{
title: "单价",
dataIndex: "singleAmount",
key: "singleAmount"
},
{
title: "次数",
dataIndex: "num",
key: "num"
},
{
title: "进退场小计(元)",
dataIndex: "sumAmount",
key: "sumAmount"
},
{
title: "含税金额(元)",
dataIndex: "amountWithTax",
key: "amountWithTax"
},
{
title: "税金(元)",
dataIndex: "tax",
key: "tax"
},
{
title: "不含税总价(元)",
dataIndex: "amountWithoutTax",
key: "amountWithoutTax"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const dataList = ref<SettleDetail[]>([]);
const del = (index: number) => {
dataList.value.splice(index, 1);
};
watch(
() => props.dataSource,
(dataSource) => {
dataList.value = dataSource;
console.log(dataList.value)
},
{ deep: true }
);
defineExpose({ dataList })
</script>

178
src/views/tower/settle/components/editTable/table2.vue Normal file
View File

@@ -0,0 +1,178 @@
<template>
<a-table ref="tableRef0"
row-key="contractSettleId" :dataSource="dataList" :columns="columns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'startDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择开始日期"
v-model:value="record.startDate"
valueFormat="YYYY-MM-DD"
@change="changeDate($event, index)"
@ok="changeDate($event, index)"
/>
</template>
<template v-if="column.key === 'endDate'">
<a-date-picker
class="ele-fluid"
placeholder="请选择结束日期"
v-model:value="record.endDate"
valueFormat="YYYY-MM-DD"
@change="changeDate($event, index)"
@ok="changeDate($event, index)"
/>
</template>
<template v-if="column.key === 'settleCycle'">
<span v-if="record.startDate && record.endDate">
{{ Math.floor(record.days / 30) }}月
{{ record.days - (Math.floor(record.days / 30) * 30) }}天
</span>
</template>
<template v-if="column.key === 'monthAmount'">
<a-input v-model:value="record.monthAmount" type="number" @change="changeDate($event, index)" />
</template>
<template v-if="column.key === 'dailyAmount'">
<span v-if="record.monthAmount">{{ record.dailyAmount }}</span>
</template>
<template v-if="column.key === 'amountWithTax'">
<span v-if="record.monthAmount">{{ (record.dailyAmount * record.days).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'tax'">
<span v-if="record.monthAmount">{{ (record.dailyAmount * record.days * (record.taxRate / 100)).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'amountWithoutTax'">
<span
v-if="record.monthAmount">{{ ((record.dailyAmount * record.days) - (record.dailyAmount * record.days * (record.taxRate / 100))).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="del(index)" />
</div>
</template>
</template>
</a-table>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from "vue";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import { assignObject, EleProTable } from "ele-admin-pro";
import {
CloseCircleOutlined
} from "@ant-design/icons-vue";
import dayjs from "dayjs";
const props = defineProps<{
dataSource: SettleDetail[]
}>();
const tableRef0 = ref<InstanceType<typeof EleProTable> | null>(null);
const columns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef0.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "设备型号",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "出场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "结算开始日期",
dataIndex: "startDate",
key: "startDate"
},
{
title: "结算结束日期",
dataIndex: "endDate",
key: "endDate"
},
{
title: "实际结算周期",
dataIndex: "settleCycle",
key: "settleCycle"
},
{
title: "月工资(元)",
dataIndex: "monthAmount",
key: "monthAmount"
},
{
title: "日工资(元)",
dataIndex: "dailyAmount",
key: "dailyAmount"
},
{
title: "含税金额(元)",
dataIndex: "amountWithTax",
key: "amountWithTax"
},
{
title: "税金(元)",
dataIndex: "tax",
key: "tax"
},
{
title: "不含税金额(元)",
dataIndex: "amountWithoutTax",
key: "amountWithoutTax"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const dataList = ref<SettleDetail[]>([]);
const changeDate = (data, index) => {
if (dataList.value[index].startDate && dataList.value[index].endDate) {
dataList.value[index].days = dayjs(dataList.value[index].endDate).diff(dayjs(dataList.value[index].startDate), "day");
console.log(dataList.value[index].days)
if (dataList.value[index].monthAmount) dataList.value[index].dailyAmount = (dataList.value[index].monthAmount / 30).toFixed(8);
}
};
const del = (index: number) => {
dataList.value.splice(index, 1);
};
watch(
() => props.dataSource,
(dataSource) => {
dataList.value = dataSource;
},
{ deep: true }
);
defineExpose({ dataList })
</script>

168
src/views/tower/settle/components/editTable/table3.vue Normal file
View File

@@ -0,0 +1,168 @@
<template>
<a-table ref="tableRef0"
row-key="contractSettleId" :dataSource="dataList" :columns="columns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'settleCostType'">
<a-select placeholder="请先选择费用类型" style="width: 250px" size="small"
v-model:value="record.settleCostType">
<a-select-option v-for="(item, index) in dictList" :key="index" :value="item.dictDataName">
{{ item.dictDataName }}
</a-select-option>
</a-select>
</template>
<template v-if="column.key === 'singleAmount'">
<a-input v-model:value="record.singleAmount" type="number" />
</template>
<template v-if="column.key === 'num'">
<a-input v-model:value="record.num" type="number" />
</template>
<template v-if="column.key === 'unit'">
<a-input v-model:value="record.unit" />
</template>
<template v-if="column.key === 'sumAmount'">
<span v-if="record.singleAmount && record.num">
{{ (record.singleAmount * record.num).toFixed(2) }}
</span>
</template>
<template v-if="column.key === 'amountWithTax'">
<span v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'tax'">
<span
v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num * (record.taxRate / 100)).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'amountWithoutTax'">
<span
v-if="record.singleAmount && record.num">{{ ((record.singleAmount * record.num) - (record.singleAmount * record.num * (record.taxRate / 100))).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="del(index)" />
</div>
</template>
</template>
</a-table>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from "vue";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import { assignObject, EleProTable } from "ele-admin-pro";
import {
CloseCircleOutlined
} from "@ant-design/icons-vue";
import dayjs from "dayjs";
import { DictDataParam } from "@/api/system/dict-data/model";
import { listDictData } from "@/api/system/dict-data";
const props = defineProps<{
dataSource: SettleDetail[]
}>();
const tableRef0 = ref<InstanceType<typeof EleProTable> | null>(null);
const dictList = ref<DictDataParam[]>([]);
const getDictList = async () => {
dictList.value = await listDictData({ dictId: 146 });
};
const columns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef0.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "设备型号",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "出场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "费用类型",
dataIndex: "settleCostType",
key: "settleCostType"
},
{
title: "单价",
dataIndex: "singleAmount",
key: "singleAmount"
},
{
title: "数量",
dataIndex: "num",
key: "num"
},
{
title: "单位",
dataIndex: "unit",
key: "unit"
},
{
title: "含税金额(元)",
dataIndex: "amountWithTax",
key: "amountWithTax"
},
{
title: "税金(元)",
dataIndex: "tax",
key: "tax"
},
{
title: "不含税总价(元)",
dataIndex: "amountWithoutTax",
key: "amountWithoutTax"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const dataList = ref<SettleDetail[]>([]);
const del = (index: number) => {
dataList.value.splice(index, 1);
};
watch(
() => props.dataSource,
(dataSource) => {
dataList.value = dataSource;
console.log(dataList.value);
},
{ deep: true }
);
onMounted(() => {
getDictList();
});
defineExpose({ dataList })
</script>

168
src/views/tower/settle/components/editTable/table4.vue Normal file
View File

@@ -0,0 +1,168 @@
<template>
<a-table ref="tableRef0"
row-key="contractSettleId" :dataSource="dataList" :columns="columns">
<template #bodyCell="{ column, record, index }">
<template v-if="column.key === 'settleCostType'">
<a-select placeholder="请先选择费用类型" style="width: 250px" size="small"
v-model:value="record.settleCostType">
<a-select-option v-for="(item, index) in dictList" :key="index" :value="item.dictDataName">
{{ item.dictDataName }}
</a-select-option>
</a-select>
</template>
<template v-if="column.key === 'singleAmount'">
<a-input v-model:value="record.singleAmount" type="number" />
</template>
<template v-if="column.key === 'num'">
<a-input v-model:value="record.num" type="number" />
</template>
<template v-if="column.key === 'unit'">
<a-input v-model:value="record.unit" />
</template>
<template v-if="column.key === 'sumAmount'">
<span v-if="record.singleAmount && record.num">
{{ (record.singleAmount * record.num).toFixed(2) }}
</span>
</template>
<template v-if="column.key === 'amountWithTax'">
<span v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num).toFixed(2) }}</span>
</template>
<template v-if="column.key === 'tax'">
<span
v-if="record.singleAmount && record.num">{{ (record.singleAmount * record.num * (record.taxRate / 100)).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'amountWithoutTax'">
<span
v-if="record.singleAmount && record.num">{{ ((record.singleAmount * record.num) - (record.singleAmount * record.num * (record.taxRate / 100))).toFixed(2)
}}</span>
</template>
<template v-if="column.key === 'remark'">
<a-input v-model:value="record.remark" />
</template>
<template v-if="column.key === 'action'">
<div class="flex justify-center items-center">
<close-circle-outlined style="font-size: 1.5rem; color: pink;cursor: pointer"
@click.native="del(index)" />
</div>
</template>
</template>
</a-table>
</template>
<script setup lang="ts">
import { onMounted, ref, watch } from "vue";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
import { assignObject, EleProTable } from "ele-admin-pro";
import {
CloseCircleOutlined
} from "@ant-design/icons-vue";
import dayjs from "dayjs";
import { DictDataParam } from "@/api/system/dict-data/model";
import { listDictData } from "@/api/system/dict-data";
const props = defineProps<{
dataSource: SettleDetail[]
}>();
const tableRef0 = ref<InstanceType<typeof EleProTable> | null>(null);
const dictList = ref<DictDataParam[]>([]);
const getDictList = async () => {
dictList.value = await listDictData({ dictId: 147 });
};
const columns = ref<ColumnItem[]>([
{
title: "序号",
key: "index",
width: 48,
align: "center",
fixed: "left",
hideInSetting: true,
customRender: ({ index }) => index + (tableRef0.value?.tableIndex ?? 1)
},
{
title: "设备名",
dataIndex: "equipmentName",
key: "equipmentName"
},
{
title: "设备型号",
dataIndex: "equipmentModel",
key: "equipmentModel"
},
{
title: "出场编号",
dataIndex: "factoryNo",
key: "factoryNo"
},
{
title: "费用类型",
dataIndex: "settleCostType",
key: "settleCostType"
},
{
title: "单价",
dataIndex: "singleAmount",
key: "singleAmount"
},
{
title: "数量",
dataIndex: "num",
key: "num"
},
{
title: "单位",
dataIndex: "unit",
key: "unit"
},
{
title: "含税金额(元)",
dataIndex: "amountWithTax",
key: "amountWithTax"
},
{
title: "税金(元)",
dataIndex: "tax",
key: "tax"
},
{
title: "不含税总价(元)",
dataIndex: "amountWithoutTax",
key: "amountWithoutTax"
},
{
title: "备注",
dataIndex: "remark",
key: "remark"
},
{
title: "操作",
dataIndex: "action",
key: "action"
}
]);
const dataList = ref<SettleDetail[]>([]);
const del = (index: number) => {
dataList.value.splice(index, 1);
};
watch(
() => props.dataSource,
(dataSource) => {
dataList.value = dataSource;
console.log(dataList.value);
},
{ deep: true }
);
onMounted(() => {
getDictList();
});
defineExpose({ dataList })
</script>

205
src/views/tower/settle/components/search.vue Normal file
View File

@@ -0,0 +1,205 @@
<!-- 搜索表单 -->
<template>
<a-space :size="10" style="flex-wrap: wrap">
<a-button type="primary" class="ele-btn-icon" @click="add">
<template #icon>
<PlusOutlined />
</template>
<span>新增</span>
</a-button>
<a-button
danger
type="primary"
class="ele-btn-icon"
v-if="selection.length > 0"
@click="removeBatch"
>
<template #icon>
<DeleteOutlined />
</template>
<span>批量删除</span>
</a-button>
<!-- <a-button @click="batchMove" v-if="selection.length > 0">-->
<!-- <template #icon>-->
<!-- <UserSwitchOutlined />-->
<!-- </template>-->
<!-- 批量转移-->
<!-- </a-button>-->
<a-input-search
allow-clear
placeholder="请输入关键词"
v-model:value="searchText"
@pressEnter="search"
@search="search"
/>
</a-space>
</template>
<script lang="ts" setup>
import {
PlusOutlined,
DeleteOutlined,
UploadOutlined,
DownloadOutlined
} from '@ant-design/icons-vue';
import useSearch from '@/utils/use-search';
import type { CustomerParam } from '@/api/oa/customer/model';
import { ref, watch } from 'vue';
import { utils, read } from 'xlsx';
// import { assignObject } from 'ele-admin-pro';
import { message } from 'ant-design-vue/es';
const props = withDefaults(
defineProps<{
// 选中的角色
selection?: [];
}>(),
{}
);
const emit = defineEmits<{
(e: 'search', where?: CustomerParam): void;
(e: 'add'): void;
(e: 'remove'): void;
(e: 'batchMove'): void;
}>();
// 表单数据
const { where } = useSearch<CustomerParam>({
name: '',
creditCode: '',
keywords: '',
userId: undefined
});
// 下来选项
// 搜索内容
const searchText = ref('');
/* 搜索 */
const search = () => {
where.keywords = searchText.value;
emit('search', where);
};
// 新增
const add = () => {
emit('add');
};
// 导入数据的列
const importTitle = ref<string[]>(['A', 'B', 'C', 'D', 'E', 'F', 'G']);
// 导入的数据
const importData = ref<Record<string, any>[]>([]);
// 导入数据二维数组形式
const importDataAoa = ref<(string | number)[][]>([]);
/* 导入本地 excel 文件 */
const importBatch = (file: File) => {
if (
![
'application/vnd.ms-excel',
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
].includes(file.type)
) {
message.error('只能选择 excel 文件');
return false;
}
if (file.size / 1024 / 1024 > 20) {
message.error('大小不能超过 20MB');
return false;
}
const reader = new FileReader();
reader.onload = (e) => {
const data = new Uint8Array(e.target?.result as any);
const workbook = read(data, { type: 'array' });
const sheetNames = workbook.SheetNames;
const worksheet = workbook.Sheets[sheetNames[0]];
// 解析成二维数组
const aoa = utils.sheet_to_json<string[]>(worksheet, { header: 1 });
// 生成表格需要的数据
let list: Record<string, any>[] = [];
let maxCols = 0;
let title: string[] = [];
aoa.forEach((d) => {
if (d.length > maxCols) {
maxCols = d.length;
}
const row = {};
for (let i = 0; i < d.length; i++) {
const key = getCharByIndex(i);
row[key] = d[i];
row['__colspan__' + key] = 1;
row['__rowspan__' + key] = 1;
}
list.push(row);
});
for (let i = 0; i < maxCols; i++) {
title.push(getCharByIndex(i));
}
importTitle.value = title;
importData.value = list;
importDataAoa.value = aoa;
};
console.log(importData.value);
console.log(importDataAoa.value);
reader.readAsArrayBuffer(file);
return false;
};
/* 生成Excel列字母序号 */
const getCharByIndex = (index: number) => {
const chars = [
'A',
'B',
'C',
'D',
'E',
'F',
'G',
'H',
'I',
'J',
'K',
'L',
'M',
'N',
'O',
'P',
'Q',
'R',
'S',
'T',
'U',
'V',
'W',
'X',
'Y',
'Z'
];
if (index < chars.length) {
return chars[index];
}
const n = parseInt(String(index / chars.length));
const m = index % chars.length;
return chars[n] + chars[m];
};
// 转移
// const batchMove = () => {
// emit('batchMove');
// };
// 批量删除
const removeBatch = () => {
emit('remove');
};
const onClear = () => {
where.userId = undefined;
search();
};
watch(
() => props.selection,
() => {}
);
</script>

504
src/views/tower/settle/components/settle-edit.vue Normal file
View File

@@ -0,0 +1,504 @@
<!-- 用户编辑弹窗 -->
<template>
<ele-modal
:width="'90%'"
:visible="visible"
:confirm-loading="loading"
:maskClosable="false"
:maxable="maxable"
:title="isUpdate ? '编辑结算' : '添加结算'"
:body-style="{ paddingBottom: '8px' }"
@update:visible="updateVisible"
@ok="save"
>
<a-form
:label-col="{ md: { span: 6 }, sm: { span: 20 }, xs: { span: 24 } }"
:wrapper-col="{ md: { span: 24 }, sm: { span: 20 }, xs: { span: 24 } }"
>
<a-card title="填报人信息" :bordered="false">
<a-row :gutter="16">
<a-col :md="12" :sm="24" :xs="24">
<a-form-item label="填报人">
<a-input disabled v-model:value="loginUser.username" />
</a-form-item>
</a-col>
<a-col :md="12" :sm="24" :xs="24">
<a-form-item label="填报时间">
<a-input disabled v-model:value="now" />
</a-form-item>
</a-col>
</a-row>
</a-card>
<a-card title="结算信息" :bordered="false">
<a-row :gutter="16">
<a-col :md="8" :sm="24" :xs="24">
<a-form-item label="结算项目" v-bind="validateInfos.contractId">
<TowerContractSelectModel
:placeholder="`请选择结算项目`"
v-model:value="contactNumber"
@done="chooseContract"
/>
</a-form-item>
<a-form-item label="结算单号" v-bind="validateInfos.settleNo">
<a-input v-model:value="form.settleNo" />
</a-form-item>
</a-col>
<a-col :md="8" :sm="24" :xs="24">
<a-form-item label="本期开始日期" v-bind="validateInfos.startDate">
<a-date-picker
class="ele-fluid"
placeholder="请选择开始日期"
v-model:value="form.startDate"
valueFormat="YYYY-MM-DD"
/>
</a-form-item>
<a-form-item label="结算方式">
<a-select placeholder="请先选择项目" style="width: 250px" size="small" :disabled="!form.contractId"
v-model:value="form.settleMethod">
<a-select-option v-for="(item, index) in ContractSettleMethod" :key="index" :value="index">
{{ item }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24" :xs="24">
<a-form-item label="本期结束日期" v-bind="validateInfos.endDate">
<a-date-picker
class="ele-fluid"
placeholder="请选择开始日期"
v-model:value="form.endDate"
valueFormat="YYYY-MM-DD"
/>
</a-form-item>
<div v-if="[0, 3].indexOf(form.settleMethod) > -1">
<span>每月</span>
<a-select placeholder="必选项" style="width: 250px" size="small"
v-model:value="form.extendMonthDate">
<a-select-option v-for="item in dateList" :key="item" :value="item">
{{ item }}
</a-select-option>
</a-select>
<span>号</span>
<span class="ml-05">至下月</span>
<span class="ml-05" v-if="form.extendMonthDate">{{ form.extendMonthDate - 1 }}号</span>
</div>
</a-col>
</a-row>
</a-card>
</a-form>
<a-card>
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane :key="0" tab="租金结算">
<template #default>
<div class="flex justify-between items-center">
<div class="flex-1">
<a-button :disabled="!form.contractId || contractEquipmentList.length === 0" type="primary"
@click.native="doShowSelectEquipment(0)">
选择结算设备
</a-button>
<a-button class="mx-05" :disabled="!form.contractId || contractEquipmentList.length === 0"
type="primary" @click.native="oneKetAddEquipment(0)">一键加载结算设备
</a-button>
<a-button :disabled="!form.startDate || !form.startDate" type="primary"
@click.native="onyKeyAsyncDate(0)">同步结算起止日期
</a-button>
</div>
<a-input style="width: 300px" v-model:value="taxRate[0]" @change="changeTaxRate($event, 0)">
<template #prefix>税率</template>
<template #addonAfter>%</template>
</a-input>
</div>
<table0 :data-source="dataSource[0]" />
</template>
</a-tab-pane>
<a-tab-pane :key="1" tab="进退场费">
<template #default>
<div class="flex justify-between items-center">
<div class="flex-1">
<a-button :disabled="!form.contractId || contractEquipmentList.length === 0" type="primary"
@click.native="doShowSelectEquipment(1)">
选择结算设备
</a-button>
<a-button class="mx-05" :disabled="!form.contractId || contractEquipmentList.length === 0"
type="primary" @click.native="oneKetAddEquipment(1)">一键加载结算设备
</a-button>
<a-button :disabled="!form.startDate || !form.startDate" type="primary"
@click.native="onyKeyAsyncDate(1)">同步结算起止日期
</a-button>
</div>
<a-input style="width: 300px" v-model:value="taxRate[1]" @change="changeTaxRate($event, 1)">
<template #prefix>税率</template>
<template #addonAfter>%</template>
</a-input>
</div>
<table1 :data-source="dataSource[1]" />
</template>
</a-tab-pane>
<a-tab-pane :key="2" tab="操作人员工资结算">
<template #default>
<div class="flex justify-between items-center">
<div class="flex-1">
<a-button :disabled="!form.contractId || contractEquipmentList.length === 0" type="primary"
@click.native="doShowSelectEquipment(2)">
选择结算设备
</a-button>
<a-button class="mx-05" :disabled="!form.contractId || contractEquipmentList.length === 0"
type="primary" @click.native="oneKetAddEquipment(2)">一键加载结算设备
</a-button>
<a-button :disabled="!form.startDate || !form.startDate" type="primary"
@click.native="onyKeyAsyncDate(2)">同步结算起止日期
</a-button>
</div>
<a-input style="width: 300px" v-model:value="taxRate[2]" @change="changeTaxRate($event, 2)">
<template #prefix>税率</template>
<template #addonAfter>%</template>
</a-input>
</div>
<table2 :data-source="dataSource[2]" />
</template>
</a-tab-pane>
<a-tab-pane :key="3" tab="其他费用清单">
<template #default>
<div class="flex justify-between items-center">
<div class="flex-1">
<a-button :disabled="!form.contractId || contractEquipmentList.length === 0" type="primary"
@click.native="doShowSelectEquipment(3)">
选择结算设备
</a-button>
<a-button class="mx-05" :disabled="!form.contractId || contractEquipmentList.length === 0"
type="primary" @click.native="oneKetAddEquipment(3)">一键加载结算设备
</a-button>
<a-button :disabled="!form.startDate || !form.startDate" type="primary"
@click.native="onyKeyAsyncDate(3)">同步结算起止日期
</a-button>
</div>
<a-input style="width: 300px" v-model:value="taxRate[3]" @change="changeTaxRate($event, 3)">
<template #prefix>税率</template>
<template #addonAfter>%</template>
</a-input>
</div>
<table3 :data-source="dataSource[3]" />
</template>
</a-tab-pane>
<a-tab-pane :key="4" tab="扣除项">
<template #default>
<div class="flex justify-between items-center">
<div class="flex-1">
<a-button :disabled="!form.contractId || contractEquipmentList.length === 0" type="primary"
@click.native="doShowSelectEquipment(4)">
选择结算设备
</a-button>
<a-button class="mx-05" :disabled="!form.contractId || contractEquipmentList.length === 0"
type="primary" @click.native="oneKetAddEquipment(4)">一键加载结算设备
</a-button>
<a-button :disabled="!form.startDate || !form.startDate" type="primary"
@click.native="onyKeyAsyncDate(4)">同步结算起止日期
</a-button>
</div>
<a-input style="width: 300px" v-model:value="taxRate[4]" @change="changeTaxRate($event, 4)">
<template #prefix>税率</template>
<template #addonAfter>%</template>
</a-input>
</div>
<table4 :data-source="dataSource[4]" />
</template>
</a-tab-pane>
</a-tabs>
</a-card>
</ele-modal>
<ele-modal
:width="'80%'"
:visible="showSelectEquipment"
:maskClosable="false"
title="选择设备"
:body-style="{ paddingBottom: '8px' }"
@update:visible="showSelectEquipment"
@cancel="showSelectEquipment = false"
@ok="showSelectEquipment = false"
>
<a-row :gutter="16">
<a-col :span="8">设备名称</a-col>
<a-col :span="8">设备型号</a-col>
<a-col :span="8">操作</a-col>
</a-row>
<a-row :gutter="16" class="my-05" v-for="(item, index) in contractEquipmentList" :key="index">
<a-col :span="8">{{ item.equipmentName }}</a-col>
<a-col :span="8">{{ item.equipmentModel }}</a-col>
<a-col :span="8">
<a-button type="link" @click.native="selectEquipment(item)">选择</a-button>
</a-col>
</a-row>
</ele-modal>
</template>
<script lang="ts" setup>
import { ref, reactive, watch, computed } from "vue";
import { Form, message } from "ant-design-vue";
import { assignObject, EleProTable } from "ele-admin-pro";
import { useUserStore } from "@/store/modules/user";
import { Contract, ContractSettleMethod } from "@/api/tower/contract/model";
import dayjs from "dayjs";
import { Settle } from "@/api/tower/settle/model";
import { addSettle, updateSettle } from "@/api/tower/settle";
import { ContractEquipment, ContractEquipmentParam } from "@/api/tower/contractEquipment/model";
import { SettleDetail } from "@/api/tower/settleDetail/model";
import Table0 from "@/views/tower/settle/components/editTable/table0.vue";
import { listContractSettleEquipment } from "@/api/tower/contractSettle/equipment";
import { ContractSettleEquipment } from "@/api/tower/contractSettle/equipment/model";
import Table1 from "@/views/tower/settle/components/editTable/table1.vue";
import Table2 from "@/views/tower/settle/components/editTable/table2.vue";
import Table3 from "@/views/tower/settle/components/editTable/table3.vue";
import Table4 from "@/views/tower/settle/components/editTable/table4.vue";
import { addBatchSettleDetail, addSettleDetail, listSettleDetail } from "@/api/tower/settleDetail";
const userStore = useUserStore();
// 当前用户信息
const loginUser = computed(() => userStore.info ?? {});
const now = dayjs().format("YYYY-MM-DD HH:mm:ss");
const dateList = ref<number[]>([]);
// 是否是修改
const isUpdate = ref(false);
const useForm = Form.useForm;
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 修改回显的数据
data?: Settle | null;
}>();
const emit = defineEmits<{
(e: "done"): void;
(e: "update:visible", visible: boolean): void;
}>();
// 提交状态
const loading = ref(false);
// 是否显示最大化切换按钮
const maxable = ref(true);
const activeKey = ref(0);
// 用户信息
const form = reactive<Settle>({
settleId: undefined,
settleNo: `JS-${dayjs().format("YYYY-MM-DD")}`,
status: undefined,
contractId: undefined,
startDate: "",
endDate: "",
settleMethod: undefined,
extendMonthDate: undefined,
userId: loginUser.value.userId
});
const taxRate = ref([0, 0, 0, 0, 0]);
const dataSource = ref<Array<SettleDetail>[]>([
<SettleDetail[]>[],
<SettleDetail[]>[],
<SettleDetail[]>[],
<SettleDetail[]>[],
<SettleDetail[]>[]
]);
const getDataSource = async () => {
const res = await listSettleDetail({ settleId: form.settleId });
dataSource.value.forEach((item, index) => {
dataSource.value[index] = <SettleDetail[]>[];
});
res.forEach(item => {
if ((item.type === 0 || item.type === 2)) {
const days = dayjs(item.endDate).diff(dayjs(item.startDate), "day");
item.dailyAmount = (item.monthAmount / 30).toFixed(2);
item = { ...item, ...{ days } };
}
dataSource.value[item.type].push(item);
taxRate.value[item.type] = parseFloat(item.taxRate);
});
};
const contractEquipmentList = ref<ContractSettleEquipment[]>([]);
const getContractEquipmentList = async () => {
const contractEquipmentParam = <ContractSettleEquipment>{
contractId: form.contractId
};
contractEquipmentList.value = await listContractSettleEquipment(contractEquipmentParam);
};
/* 更新visible */
const updateVisible = (value: boolean) => {
emit("update:visible", value);
};
// 表单验证规则
const rules = reactive({
contractId: [
{
required: true,
message: "请选择项目",
trigger: "blur"
}
],
startDate: [
{
required: true,
message: "请选择开始日期",
trigger: "blur"
}
],
endDate: [
{
required: true,
message: "请选择结束日期",
trigger: "blur"
}
],
settleNo: [
{
required: true,
message: "请输入结算单号",
trigger: "blur"
}
]
});
const contactNumber = ref<string | undefined>("");
const chooseContract = (res: Contract) => {
contactNumber.value = res.contactNumber;
form.contractId = res.contractId;
form.settleMethod = res.settleMethod;
form.startDate = res.startDate;
form.endDate = res.endDate;
getContractEquipmentList();
};
const { resetFields, validate, validateInfos } = useForm(form, rules);
/* 保存编辑 */
const save = () => {
validate()
.then(async () => {
loading.value = true;
const data = {
...form
};
let totalAmount = 0;
dataSource.value.forEach(data => {
data.forEach(item => {
if ((item.type === 0 || item.type === 2) && item.dailyAmount && item.days) totalAmount += item.dailyAmount * item.days;
else if ((item.type === 1 || item.type === 3) && item.singleAmount && item.num) totalAmount += item.singleAmount * item.num;
else if (item.type === 4 && item.singleAmount && item.num) totalAmount -= item.singleAmount * item.num;
});
});
data.totalAmount = totalAmount;
// 转字符串
const saveOrUpdate = isUpdate.value ? updateSettle : addSettle;
const res = await saveOrUpdate(data).catch((e) => {
loading.value = false;
message.error(e.message);
});
const settleId = res.data;
const detailList = <SettleDetail[]>[];
dataSource.value.forEach((data, dataIndex) => {
data.forEach((item, index) => {
item.settleId = settleId;
detailList.push(item);
});
});
await addBatchSettleDetail(detailList);
loading.value = false;
message.success(res.message);
updateVisible(false);
emit("done");
})
.catch(() => {
});
};
const showSelectEquipment = ref<Boolean>(false);
const selectEquipmentType = ref<number>(0);
const doShowSelectEquipment = (index: number) => {
selectEquipmentType.value = index;
showSelectEquipment.value = true;
};
const selectEquipment = (data: ContractSettleEquipment) => {
addDataSource(data, selectEquipmentType.value);
showSelectEquipment.value = false;
};
const oneKetAddEquipment = index => {
contractEquipmentList.value.forEach(data => {
addDataSource(data, index);
});
};
const addDataSource = (data: ContractSettleEquipment, index) => {
let days = 0;
if (form.startDate && form.endDate) days = dayjs(form.endDate).diff(dayjs(form.startDate), "day");
dataSource.value[index].push({
settleDetailId: 0,
settleId: 0,
type: index,
settleCostType: index === 1 ? "进退场费" : "",
equipmentName: data.equipmentName,
equipmentModel: data.equipmentModel,
// factoryNo: data.factoryNo,
startDate: form.startDate ?? "",
endDate: form.endDate ?? "",
monthAmount: 0,
taxRate: taxRate.value[index],
singleAmount: 0,
num: 0,
unit: "",
remark: "",
userId: loginUser.value.userId,
days,
dailyAmount: 0
});
};
const onyKeyAsyncDate = index => {
dataSource.value[index].forEach((item, dataIndex) => {
dataSource.value[index][dataIndex].startDate = form.startDate;
dataSource.value[index][dataIndex].endDate = form.endDate;
});
};
const changeTaxRate = ({ target: { value } }, index) => {
dataSource.value[index].forEach((item, dataIndex) => {
dataSource.value[index][dataIndex].taxRate = parseFloat(value);
});
};
watch(
() => props.visible,
(visible) => {
for (let i = 2; i < 28; i++) dateList.value.push(i);
if (visible) {
if (props.data) {
loading.value = false;
assignObject(form, props.data);
isUpdate.value = true;
contactNumber.value = props.data.contactNumber;
getDataSource();
} else {
isUpdate.value = false;
}
} else {
contactNumber.value = "";
resetFields();
}
}
);
</script>
<style lang="less">
.title {
font-weight: bold;
font-size: 1.1rem;
padding-bottom: 10px;
border-bottom: 1px solid #dcdfe6;
color: #494949;
margin-bottom: 10px;
}
</style>

148
src/views/tower/settle/components/settle-info.vue Normal file
View File

@@ -0,0 +1,148 @@
<!-- 用户编辑弹窗 -->
<template>
<ele-modal
width="75%"
:visible="visible"
:confirm-loading="loading"
:title="'合同详情'"
:maxable="true"
:body-style="{ paddingBottom: '8px' }"
@update:visible="updateVisible"
:footer="null"
>
<a-form
:label-col="{ md: { span: 4 }, sm: { span: 24 } }"
:wrapper-col="{ md: { span: 19 }, sm: { span: 24 } }"
>
<div class="base-form" style="margin-bottom: 20px">
<a-descriptions bordered>
<a-descriptions-item label="合同名称">
{{ customer.customerName }}
</a-descriptions-item>
<a-descriptions-item label="社会统一信用代码">
{{ customer.customerCode }}
</a-descriptions-item>
<a-descriptions-item label="跟进状态">
<div color="blue" v-for="(d, index) in progress" :key="index">
<span v-if="d.value == customer.progress">{{ d.label }}</span>
</div>
</a-descriptions-item>
<a-descriptions-item label="联系人">
{{ customer.customerContacts }}
</a-descriptions-item>
<a-descriptions-item label="联系电话">
{{ customer.customerMobile }}
</a-descriptions-item>
<a-descriptions-item label="座机电话">
{{ customer.customerPhone }}
</a-descriptions-item>
<a-descriptions-item label="合同类型">
<div color="blue" v-for="(d, index) in customerType" :key="index">
<span v-if="d.value == customer.customerType">{{ d.value }}</span>
</div>
</a-descriptions-item>
<a-descriptions-item label="联系地址">
{{ customer.customerAddress }}
</a-descriptions-item>
<a-descriptions-item label="备注">
{{ customer.comments }}
</a-descriptions-item>
</a-descriptions>
<!-- <a-descriptions-->
<!-- title="其他信息"-->
<!-- :column="1"-->
<!-- bordered-->
<!-- style="margin-top: 30px"-->
<!-- >-->
<!-- <a-descriptions-item label="相关项目">-->
<!-- {{ customer.comments }}-->
<!-- </a-descriptions-item>-->
<!-- </a-descriptions>-->
</div>
</a-form>
</ele-modal>
</template>
<script lang="ts" setup>
import { ref, reactive, watch } from 'vue';
import { Form } from 'ant-design-vue';
import { assignObject } from 'ele-admin-pro';
import type { Customer } from '@/api/oa/customer/model';
import { FILE_SERVER } from '@/config/setting';
import { getDictionaryOptions } from '@/utils/common';
const useForm = Form.useForm;
const props = defineProps<{
// 弹窗是否打开
visible: boolean;
// 修改回显的数据
data?: Customer | null;
}>();
const emit = defineEmits<{
(e: 'done'): void;
(e: 'update:visible', visible: boolean): void;
}>();
// 用户信息
const customer = reactive<Customer>({
customerCode: '',
customerName: '',
customerType: undefined,
customerMobile: '',
customerAvatar: '',
customerPhone: '',
customerContacts: '',
customerAddress: '',
comments: '',
progress: '',
status: '0',
sortNumber: 100,
customerId: 0
});
// 请求状态
const loading = ref(true);
const { resetFields } = useForm(customer);
/* 更新visible */
const updateVisible = (value: boolean) => {
emit('update:visible', value);
};
/* 打开外部链接 */
// const openUrl = (record) => {
// window.open(record.panel);
// };
/* 获取字典数据 */
const customerType = getDictionaryOptions('customerType');
const progress = getDictionaryOptions('customerFollowStatus');
watch(
() => props.visible,
(visible) => {
if (visible) {
if (props.data) {
loading.value = false;
assignObject(customer, props.data);
}
} else {
resetFields();
}
}
);
</script>
<style lang="less">
.tab-pane {
min-height: 100px;
}
.card-head {
display: flex;
height: 40px;
align-items: center;
margin-bottom: 30px;
}
</style>

264
src/views/tower/settle/index.vue Normal file
View File

@@ -0,0 +1,264 @@
<template>
<div class="page">
<div class="ele-body">
<a-card :bordered="false" :body-style="{ padding: '16px' }">
<ele-pro-table
ref="tableRef"
row-key="settleId"
:columns="columns"
:datasource="datasource"
v-model:selection="selection"
tool-class="ele-toolbar-form"
:scroll="{ x: 800 }"
class="sys-org-table"
>
<template #toolbar>
<search
@search="reload"
:selection="selection"
@add="openEdit"
@remove="removeBatch"
@batchMove="openMove"
/>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'createTime'">
<a-tooltip :title="`${toDateString(record.createTime)}`">
{{ timeAgo(record.createTime) }}
</a-tooltip>
</template>
<template v-if="column.key === 'action'">
<a-space>
<a @click="openEdit(record)">修改</a>
<a-divider type="vertical" />
<a-popconfirm
title="确定要删除此记录吗？"
@confirm="remove(record)"
>
<a class="ele-text-danger">删除</a>
</a-popconfirm>
</a-space>
</template>
</template>
</ele-pro-table>
</a-card>
<!-- 编辑弹窗 -->
<SettleEdit v-model:visible="showEdit" :data="current" @done="reload" />
<!-- 合同详情弹窗 -->
<SettleInfo v-model:visible="showInfo" :data="current" @done="reload" />
<!-- 批量转移弹窗 -->
<!-- <CustomerMove v-model:visible="showMove" :data="selection" @done="batchMove" />-->
</div>
</div>
</template>
<script lang="ts" setup>
import { computed, createVNode, ref } from 'vue';
import { message, Modal } from 'ant-design-vue';
import {
ExclamationCircleOutlined,
UserOutlined
} from '@ant-design/icons-vue';
import type { EleProTable } from 'ele-admin-pro';
import type {
DatasourceFunction,
ColumnItem
} from 'ele-admin-pro/es/ele-pro-table/types';
import { toDateString } from 'ele-admin-pro';
import Search from './components/search.vue';
import SettleEdit from './components/settle-edit.vue';
import SettleInfo from './components/settle-info.vue';
import { timeAgo } from 'ele-admin-pro';
import { useUserStore } from '@/store/modules/user';
import { pageSettle, removeBatchSettle, removeSettle } from "@/api/tower/settle";
import { Settle, SettleParam } from "@/api/tower/settle/model";
const userStore = useUserStore();
// 当前用户信息
const loginUser = computed(() => userStore.info ?? {});
// 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
// 表格选中数据
const selection = ref<Settle[]>([]);
// 当前编辑数据
const current = ref<Settle | null>(null);
// 是否显示资产详情
const showInfo = ref(false);
// 是否显示编辑弹窗
const showEdit = ref(false);
// 是否显示批量移动弹窗
const showMove = ref(false);
// 表格数据源
const datasource: DatasourceFunction = ({
page,
limit,
where,
orders,
filters
}) => {
if (filters) {
where.status = filters.status;
}
return pageSettle({
...where,
...orders,
page,
limit
});
};
// 表格列配置
const columns = ref<ColumnItem[]>([
{
key: 'index',
width: 48,
align: 'center',
fixed: 'left',
hideInSetting: true,
customRender: ({ index }) => index + (tableRef.value?.tableIndex ?? 0)
},
{
title: '结算状态',
dataIndex: 'status',
key: 'status',
},
{
title: '项目名称',
dataIndex: 'projectName'
},
{
title: '合同编号',
dataIndex: 'contactNumber'
},
{
title: '结算开始日期',
dataIndex: 'endDate'
},
{
title: '结算结束日期',
dataIndex: 'endDate'
},
{
title: '本次结算总额',
dataIndex: 'totalAmount'
},
{
title: '制单日期',
dataIndex: 'createTime'
},
{
title: '操作',
key: 'action',
width: 200,
align: 'center',
hideInSetting: true
}
]);
/* 搜索 */
const reload = (where?: SettleParam) => {
console.log(where);
selection.value = [];
tableRef?.value?.reload({ where: where });
};
/* 打开编辑弹窗 */
const openEdit = (row?: Settle) => {
current.value = row ?? null;
showEdit.value = true;
};
const showSettle = ref<Boolean>(false)
const openSettle = (row?: Settle) => {
current.value = row ?? null;
showSettle.value = true;
};
/* 打开批量移动弹窗 */
const openMove = () => {
showMove.value = true;
};
/* 打开用户详情弹窗 */
const openInfo = (row?: Settle) => {
current.value = row ?? null;
showInfo.value = true;
};
/* 删除单个 */
const remove = (row: Settle) => {
const hide = message.loading('请求中..', 0);
removeSettle(row.settleId)
.then((msg) => {
hide();
message.success(msg);
reload();
})
.catch((e) => {
hide();
message.error(e.message);
});
};
/* 批量转移 */
const batchMove = (userId) => {
console.log(userId, '批量转移0000');
console.log(selection.value);
};
/* 批量删除 */
const removeBatch = () => {
if (!selection.value.length) {
message.error('请至少选择一条数据');
return;
}
Modal.confirm({
title: '提示',
content: '确定要删除选中的记录吗?',
icon: createVNode(ExclamationCircleOutlined),
maskClosable: true,
onOk: () => {
const hide = message.loading('请求中..', 0);
removeBatchSettle(
selection.value.map((d) => {
if (loginUser.value.userId === d.userId) {
return d.settleId;
}
})
)
.then((msg) => {
hide();
message.success(msg);
reload();
})
.catch((e) => {
hide();
message.error(e.message);
});
}
});
};
</script>
<script lang="ts">
export default {
name: 'Accessory'
};
</script>
<style lang="less" scoped>
.sys-org-table :deep(.ant-table-body) {
overflow: auto !important;
overflow: overlay !important;
}
.sys-org-table :deep(.ant-table-pagination.ant-pagination) {
padding: 0 4px;
margin-bottom: 0;
}
</style>