完善合同管理;

新增结算管理

.env.development

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

.env.production

@@ -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

src/api/tower/contract/model/index.ts

@@ -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 = [
+  '跨月结算',
+  '自然月结算',
+  '按日结算',
+  '系数结算-跨月',
+  '系数结算-自然月',
+]

src/api/tower/contractSettle/equipment/index.ts

@@ -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));
+}

src/api/tower/contractSettle/equipment/model/index.ts

@@ -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;
+}

src/api/tower/contractSettle/rule/index.ts

@@ -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));
+}

src/api/tower/contractSettle/rule/model/index.ts

@@ -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;
+}

src/api/tower/settle/index.ts

@@ -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));
+}

src/api/tower/settle/model/index.ts

@@ -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;
+}

src/api/tower/settleDetail/index.ts

@@ -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));
+}

src/api/tower/settleDetail/model/index.ts

@@ -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;
+}

src/components/TowerContractSelectModel/components/select-data.vue

@@ -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>

src/components/TowerContractSelectModel/index.vue

@@ -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>

src/components/TowerEquipmentModel/components/select-data.vue

@@ -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>

src/components/TowerEquipmentModel/index.vue

@@ -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>

src/styles/common.less

@@ -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;
+}

src/views/tower/accessory/components/accessory-edit.vue

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

src/views/tower/contract/components/contract-edit.vue

@@ -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 { addBatchContractFile, listContractFile } from "@/api/tower/contractFile";
-import { addBatchContractEquipment } from "@/api/tower/contractEquipment";
+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;

src/views/tower/contract/components/contract-settle.vue

@@ -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>

src/views/tower/contract/index.vue

@@ -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;
             }
           })
         )

src/views/tower/fall/components/fall-edit.vue

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

src/views/tower/project/components/project-edit.vue

@@ -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) => {

src/views/tower/settle/components/editTable/table0.vue

@@ -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>

src/views/tower/settle/components/editTable/table1.vue

@@ -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>

src/views/tower/settle/components/editTable/table2.vue

@@ -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>

src/views/tower/settle/components/editTable/table3.vue

@@ -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>

src/views/tower/settle/components/editTable/table4.vue

@@ -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>

src/views/tower/settle/components/search.vue

@@ -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>

src/views/tower/settle/components/settle-edit.vue

@@ -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>

src/views/tower/settle/components/settle-info.vue

@@ -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>

src/views/tower/settle/index.vue

@@ -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>