20260803173356
This commit is contained in:
oneao committed
1 parent
5f67172892
commit
efd5a2bc93
21 files changed
+14314
No files matched your search
@@ -0,0 +1,542 @@
|
||||
<script setup lang="js">
|
||||
import g3filter from "@/components/query-conditions/g3filter.vue";
|
||||
|
||||
import { ArrowDown } from "@element-plus/icons-vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { computed, onMounted, reactive, ref } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import axios from "@/utils/axios";
|
||||
import { formatValueByFormat, getAlignByFormat, updateTableFooterData } from "@/utils/column";
|
||||
import { getTablePage, getTableColumns, handleSaveColumn } from "@/utils/dodata";
|
||||
import { confirmDelete, delBefore } from "@/utils/doDel";
|
||||
import { ExportVxeTableExcel } from "@/utils/excel";
|
||||
import { useUserStore } from "@/store";
|
||||
import { handleSs, handleSh, handleBh, handleShowshdetail } from "@/views/shcenter";
|
||||
import { loaddataApi } from "@/utils/doSql";
|
||||
import { generateInvoice, generateSfd } from "../components";
|
||||
import { morePermission } from "@/utils/auth";
|
||||
|
||||
defineOptions({
|
||||
name: "BillList",
|
||||
});
|
||||
|
||||
const tableRef = ref(null);
|
||||
|
||||
const userStore = useUserStore();
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const moduleid = computed(() => currentModule.value?.b_codemoduleid);
|
||||
const columns = ref([]);
|
||||
const tableData = ref([]);
|
||||
const tableFooterData = computed(() => {
|
||||
return updateTableFooterData(columns.value, tableData.value);
|
||||
});
|
||||
|
||||
const saving = ref(false);
|
||||
const loading = ref(false);
|
||||
const error = ref(null);
|
||||
const searchCondition = ref("");
|
||||
|
||||
// 分页参数
|
||||
const pagination = reactive({
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
total: 0,
|
||||
});
|
||||
|
||||
// 列配置
|
||||
async function addColumn() {
|
||||
const result = await getTableColumns(currentModule.value?.b_viewtable);
|
||||
if (result.success) {
|
||||
columns.value = result.data;
|
||||
} else {
|
||||
ElMessage.error(`加载失败: ${result.error}`);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadTableData(whereClause = "") {
|
||||
loading.value = true;
|
||||
try {
|
||||
await getTablePage({
|
||||
tableName: currentModule.value?.b_viewtable,
|
||||
whereClause,
|
||||
page: pagination.currentPage,
|
||||
size: pagination.pageSize,
|
||||
pkColumn: "b_id desc",
|
||||
moduleId: moduleid.value,
|
||||
targetRef: tableData,
|
||||
paginationTarget: pagination,
|
||||
errorRef: error,
|
||||
});
|
||||
|
||||
console.log(tableData.value);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleRowDblClick({ row }) {
|
||||
handleEditClick(row);
|
||||
}
|
||||
function handleEditId(row) {
|
||||
handleEditClick(row);
|
||||
}
|
||||
// 点击行显示详情
|
||||
function handleEditClick(row) {
|
||||
router.push({
|
||||
name: "ysdetailbill",
|
||||
query: { id: row.b_id, op: "mod", cfgid: currentModule.value?.b_id },
|
||||
});
|
||||
}
|
||||
|
||||
async function deleteRows(rows) {
|
||||
if (!rows || !rows.length) {
|
||||
ElMessage.warning("请选择要删除的数据");
|
||||
return;
|
||||
}
|
||||
|
||||
// 删除前校验
|
||||
for (const row of rows) {
|
||||
const res = await delBefore(moduleid.value, row.b_id);
|
||||
|
||||
if (!res?.success) {
|
||||
ElMessage.error(res?.message || "删除校验执行失败");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (!(await confirmDelete(rows))) {
|
||||
return;
|
||||
}
|
||||
|
||||
for (const row of rows) {
|
||||
const params = {
|
||||
moduleid: moduleid.value,
|
||||
ID: row.b_id,
|
||||
};
|
||||
|
||||
const response = await axios.post("/deleteobject", params);
|
||||
|
||||
if (!response.data.success) {
|
||||
ElMessage.error(response.data.message || "删除失败");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
ElMessage.success("删除成功");
|
||||
await loadTableData(buildSqlWhere());
|
||||
}
|
||||
|
||||
async function handleDelClick(row) {
|
||||
deleteRows([row]);
|
||||
}
|
||||
|
||||
const query_visible = ref(true);
|
||||
function handleSearchVisible() {
|
||||
query_visible.value = !query_visible.value;
|
||||
}
|
||||
function handleAdd() {
|
||||
router.push({
|
||||
name: "ysdetailbill",
|
||||
query: { op: "new" },
|
||||
});
|
||||
}
|
||||
|
||||
function buildSqlWhere() {
|
||||
return searchCondition.value;
|
||||
}
|
||||
async function handlefilter(filtersql) {
|
||||
pagination.currentPage = 1;
|
||||
|
||||
searchCondition.value = filtersql;
|
||||
await loadTableData(buildSqlWhere());
|
||||
}
|
||||
|
||||
// 每页条数变化
|
||||
async function handleSizeChange(val) {
|
||||
pagination.pageSize = val;
|
||||
await loadTableData(buildSqlWhere());
|
||||
}
|
||||
|
||||
// 当前页变化
|
||||
async function handleCurrentChange(val) {
|
||||
pagination.currentPage = val;
|
||||
await loadTableData(buildSqlWhere());
|
||||
}
|
||||
|
||||
async function ds() {
|
||||
pagination.currentPage = 1;
|
||||
let sql = `${buildSqlWhere() || " 2>1 "} and b_state='送审'`;
|
||||
await loadTableData(sql);
|
||||
}
|
||||
|
||||
async function handleToInvoiceByBill() {
|
||||
try {
|
||||
if (!tableRef.value) {
|
||||
return;
|
||||
}
|
||||
|
||||
const rows = tableRef.value.getCheckboxRecords();
|
||||
|
||||
if (!Array.isArray(rows) || rows.length === 0) {
|
||||
ElMessage.warning("请选择操作行");
|
||||
return;
|
||||
}
|
||||
|
||||
// 收集账单ID
|
||||
const ids = rows.map((row) => `'${row.b_id}'`).join(",");
|
||||
|
||||
// 根据账单查询费用明细
|
||||
const subdata = await loaddataApi(currentModule.value?.b_subtable, `father in (${ids})`);
|
||||
|
||||
if (!subdata.length) {
|
||||
ElMessage.warning("未找到对应费用明细");
|
||||
return;
|
||||
}
|
||||
|
||||
// 收集费用ID
|
||||
const subids = subdata.map((row) => row.mx_fee_id);
|
||||
|
||||
await generateInvoice(subids, "应收");
|
||||
|
||||
ElMessage.success("保存成功");
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
ElMessage.warning(error.message || "操作失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleToSfdByBill() {
|
||||
try {
|
||||
if (!tableRef.value) {
|
||||
return;
|
||||
}
|
||||
|
||||
const rows = tableRef.value.getCheckboxRecords();
|
||||
|
||||
if (!Array.isArray(rows) || rows.length === 0) {
|
||||
ElMessage.warning("请选择操作行");
|
||||
return;
|
||||
}
|
||||
|
||||
// 收集账单ID
|
||||
const ids = rows.map((row) => `'${row.b_id}'`).join(",");
|
||||
|
||||
// 根据账单查询费用明细
|
||||
const subdata = await loaddataApi(currentModule.value?.b_subtable, `father in (${ids})`);
|
||||
|
||||
if (!subdata.length) {
|
||||
ElMessage.warning("未找到对应费用明细");
|
||||
return;
|
||||
}
|
||||
|
||||
// 收集费用ID
|
||||
const subids = subdata.map((row) => row.mx_fee_id);
|
||||
|
||||
await generateSfd(subids, "应收");
|
||||
|
||||
ElMessage.success("保存成功");
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
ElMessage.warning(error.message || "操作失败");
|
||||
}
|
||||
}
|
||||
|
||||
// --------
|
||||
const moduleList = ref([]);
|
||||
const currentModule = ref(null);
|
||||
|
||||
async function loadModules() {
|
||||
const modules = await loaddataApi(
|
||||
"s_module_config",
|
||||
`b_type = 'cw_bill' and b_cwtype = '应收' and b_canuse='1'`,
|
||||
);
|
||||
|
||||
moduleList.value = modules;
|
||||
if (modules.length > 0) {
|
||||
currentModule.value = modules[0];
|
||||
} else {
|
||||
currentModule.value = null;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleModuleChange(value) {
|
||||
currentModule.value = value;
|
||||
|
||||
await addColumn();
|
||||
|
||||
pagination.currentPage = 1;
|
||||
pagination.pageSize = 50;
|
||||
pagination.total = 0;
|
||||
|
||||
await loadTableData("");
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
await loadModules();
|
||||
await addColumn();
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<div class="g3pagecontainerview">
|
||||
<div class="g3containerview">
|
||||
<div class="g3modulebar">
|
||||
<span>业务模块：</span>
|
||||
<el-select
|
||||
v-model="currentModule"
|
||||
placeholder="请选择模块"
|
||||
size="small"
|
||||
value-key="b_id"
|
||||
@change="handleModuleChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in moduleList"
|
||||
:key="item.b_id"
|
||||
:label="item.b_name"
|
||||
:value="item"
|
||||
/>
|
||||
</el-select>
|
||||
</div>
|
||||
<div v-show="query_visible" class="g3queryview">
|
||||
<g3filter :module-id="moduleid" @update:search="handlefilter" />
|
||||
</div>
|
||||
<div class="g3mainview">
|
||||
<div class="g3containerheaderview">
|
||||
<div>
|
||||
<el-button :disabled="morePermission(1)" type="primary" @click="handleAdd">
|
||||
新建
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<div class="g3svgview g3mright10" @click="handleSearchVisible">
|
||||
<SvgIcon name="search" />
|
||||
</div>
|
||||
<el-dropdown>
|
||||
<div class="g3svgview">
|
||||
<SvgIcon name="more" />
|
||||
</div>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click="ds()"> 待审 </el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(7)"
|
||||
divided
|
||||
@click="handleSs(tableRef.getCheckboxRecords())"
|
||||
>
|
||||
送审
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(7)"
|
||||
@click="handleSh(tableRef.getCheckboxRecords())"
|
||||
>
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(7)"
|
||||
@click="handleBh(tableRef.getCheckboxRecords())"
|
||||
>
|
||||
驳回
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(21)"
|
||||
divided
|
||||
@click="handleToInvoiceByBill"
|
||||
>
|
||||
应收发票
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="morePermission(22)" @click="handleToSfdByBill">
|
||||
收款登记
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(6)"
|
||||
divided
|
||||
@click="ExportVxeTableExcel(tableRef)"
|
||||
>
|
||||
导出Excel
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(9)"
|
||||
divided
|
||||
@click="() => handleSaveColumn(tableRef, 'v_cw_ysbill')"
|
||||
>
|
||||
栏位设定
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<div class="g3gridview">
|
||||
<vxe-table
|
||||
ref="tableRef"
|
||||
border
|
||||
stripe
|
||||
header-align="center"
|
||||
:data="tableData"
|
||||
:show-footer="true"
|
||||
:footer-data="tableFooterData"
|
||||
:loading="loading"
|
||||
:sort-config="{
|
||||
// showIcon: false,
|
||||
trigger: 'cell',
|
||||
}"
|
||||
:filter-config="{
|
||||
showIcon: false,
|
||||
}"
|
||||
:column-drag-config="{
|
||||
showIcon: false,
|
||||
trigger: 'cell',
|
||||
}"
|
||||
:row-config="{
|
||||
useKey: true,
|
||||
isCurrent: true,
|
||||
isHover: true,
|
||||
}"
|
||||
size="small"
|
||||
:cell-config="{
|
||||
height: 26,
|
||||
}"
|
||||
:column-config="{
|
||||
resizable: true,
|
||||
drag: true,
|
||||
}"
|
||||
show-overflow
|
||||
show-header-overflow
|
||||
show-footer-overflow
|
||||
height="100%"
|
||||
@cell-dblclick="handleRowDblClick"
|
||||
>
|
||||
<vxe-column field="seq" type="seq" width="50" align="center" title=" " fixed="left" />
|
||||
<vxe-column type="checkbox" width="50" align="center" fixed="left" />
|
||||
<vxe-column
|
||||
v-for="column in columns"
|
||||
:key="column.prop"
|
||||
:field="column.prop"
|
||||
:title="column.label"
|
||||
:width="column.width"
|
||||
:params="column"
|
||||
:align="getAlignByFormat(column.displayFormat)"
|
||||
sortable
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<template v-if="column.edit_type == 'checkbox'">
|
||||
<el-checkbox
|
||||
v-model="row[column.prop]"
|
||||
disabled
|
||||
true-value="1"
|
||||
false-value="0"
|
||||
@change="handleCheckChange(row, column.prop)"
|
||||
/>
|
||||
</template>
|
||||
<template v-else-if="['b_id', 'b_ywno'].includes(column.prop)">
|
||||
<span class="g3color" @click="handleEditId(row)">
|
||||
{{ row[column.prop] }}
|
||||
</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ formatValueByFormat(row[column.prop], column.displayFormat) }}
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="column.showSummary === '1'" #footer="{ row }">
|
||||
{{ formatValueByFormat(row[column.prop], row.displayFormat) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column width="180" align="center" fixed="right" title="操作">
|
||||
<template #default="{ row }">
|
||||
<div class="g3gridactionsview">
|
||||
<el-button
|
||||
:disabled="morePermission(3)"
|
||||
link
|
||||
type="primary"
|
||||
size="small"
|
||||
style="font-size: 14px"
|
||||
@click="handleEditClick(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
:disabled="morePermission(4)"
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
style="font-size: 14px"
|
||||
@click="handleDelClick(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
<el-dropdown>
|
||||
<span class="g3eldropdownmoreview">
|
||||
更多
|
||||
<el-icon class="el-icon--right">
|
||||
<ArrowDown />
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item :disabled="morePermission(7)" @click="handleSs([row])">
|
||||
送审
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="morePermission(7)" @click="handleSh([row])">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="morePermission(7)" @click="handleBh([row])">
|
||||
驳回
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="morePermission(7)"
|
||||
@click="handleShowshdetail(row)"
|
||||
>
|
||||
审核进度
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item
|
||||
:disabled="morePermission(7)"
|
||||
@click="handleShCenterCS(row)"
|
||||
>
|
||||
撤审
|
||||
</el-dropdown-item> -->
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<div class="g3paginationview">
|
||||
<el-pagination
|
||||
:current-page="pagination.currentPage"
|
||||
:page-sizes="[20, 50, 100]"
|
||||
:page-size="pagination.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pagination.total"
|
||||
size="small"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-alert v-if="error" :title="error" type="error" show-icon closable @close="error = ''" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.g3modulebar {
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.g3modulebar .el-select {
|
||||
width: 160px;
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user