From 3229be76ae2fe7aa895dd995ebccb4d74f9e888e Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期一, 02 二月 2026 11:21:31 +0800
Subject: [PATCH] Merge branch 'dev_New' of http://114.132.189.42:9002/r/product-inventory-management into dev_New
---
src/views/productionManagement/productionCosting/index.vue | 249 +++++++++++++++++++++++++++++++------------------
1 files changed, 157 insertions(+), 92 deletions(-)
diff --git a/src/views/productionManagement/productionCosting/index.vue b/src/views/productionManagement/productionCosting/index.vue
index fd3a11b..8e1d40b 100644
--- a/src/views/productionManagement/productionCosting/index.vue
+++ b/src/views/productionManagement/productionCosting/index.vue
@@ -1,117 +1,131 @@
<template>
<div class="app-container">
- <div class="content-layout">
+ <el-row :gutter="16" class="content-row">
<!-- 宸︿晶鍙拌处 + 椤堕儴绛涢�� -->
- <div class="left-panel">
+ <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8" class="left-col">
+ <div class="left-panel">
<div class="left-header">
- <!-- <div class="left-title">鐢熶骇鍙拌处</div> -->
- <el-radio-group v-model="dateType" size="small" @change="handleDateTypeChange">
- <el-radio-button label="day">鏃�</el-radio-button>
- <el-radio-button label="month">鏈�</el-radio-button>
- </el-radio-group>
-
+ <el-form :model="searchForm" inline>
+ <el-form-item prop="dateType">
+ <el-radio-group v-model="searchForm.dateType" size="small" @change="handleDateTypeChange">
+ <el-radio-button label="day">鏃�</el-radio-button>
+ <el-radio-button label="month">鏈�</el-radio-button>
+ </el-radio-group>
+ </el-form-item>
+
+ <el-form-item label="鏃ユ湡锛�" prop="dateRange">
+ <el-date-picker
+ v-model="searchForm.dateRange"
+ :type="searchForm.dateType === 'day' ? 'date' : 'daterange'"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ format="YYYY-MM-DD"
+ value-format="YYYY-MM-DD"
+ style="width: 200px"
+ @change="handleDateRangeChange"
+ />
+ </el-form-item>
+ </el-form>
</div>
<PIMTable
rowKey="id"
:column="leftTableColumn"
:tableData="leftTableData"
:tableLoading="tableLoading"
- @rowClick="handleLeftRowClick"
- ></PIMTable>
- </div>
+ :page="page"
+ @row-click="handleLeftRowClick"
+ @pagination="pagination"
+ ></PIMTable>
+ </div>
+ </el-col>
- <!-- 鍙充晶鏄庣粏锛堝師鏈夊唴瀹癸級 -->
- <div class="right-panel">
- <div class="header-filters">
- <el-button @click="handleOut" class="ml10">瀵煎嚭</el-button>
- </div>
+ <!-- 鍙充晶鏄庣粏 -->
+ <el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16" class="right-col">
+ <div class="right-panel">
+
+ <el-form inline>
+ <el-form-item>
+ <el-button type="primary" @click="handleOut">瀵煎嚭</el-button>
+ </el-form-item>
+ </el-form>
<PIMTable
rowKey="id"
:column="tableColumn"
:tableData="tableData"
- :page="page"
- :tableLoading="tableLoading"
+ :page="page1"
+ :tableLoading="tableLoading1"
style="margin-right: 20px;"
- @pagination="pagination"
+ @pagination="pagination1"
></PIMTable>
- </div>
- </div>
+ </div>
+ </el-col>
+ </el-row>
</div>
</template>
<script setup>
import {onMounted, ref} from "vue";
-import {
- listCustomer,
-} from "@/api/basicData/customerFile.js";
import { ElMessageBox } from "element-plus";
import dayjs from "dayjs";
-import {productionAccountingListPage} from "@/api/productionManagement/productionCosting.js";
+import {salesLedgerProductionAccountingListProductionDetails, salesLedgerProductionAccountingList} from "@/api/productionManagement/productionCosting.js";
const { proxy } = getCurrentInstance();
const tableColumn = ref([
{
label: "鐢熶骇鏃ユ湡",
prop: "schedulingDate",
- width: 120,
+ minWidth: 100,
},
{
label: "鐢熶骇浜�",
prop: "schedulingUserName",
- width: 90,
+ minWidth: 100,
},
{
label: "鍚堝悓鍙�",
prop: "salesContractNo",
- width: 220,
+ minWidth: 100,
},
- // {
- // label: "瀹㈡埛鍚堝悓鍙�",
- // prop: "customerContractNo",
- // width: 250,
- // },
{
label: "瀹㈡埛鍚嶇О",
prop: "customerName",
- width: 250,
+ minWidth: 100,
},
- // {
- // label: "椤圭洰鍚嶇О",
- // prop: "projectName",
- // width:300
- // },
{
label: "浜у搧澶х被",
- prop: "productCategory",
- width: 160,
+ prop: "productName",
+ minWidth: 100,
},
{
label: "瑙勬牸鍨嬪彿",
- prop: "specificationModel",
- width: 160,
+ prop: "productModelName",
+ minWidth: 100,
},
{
label: "鍗曚綅",
prop: "unit",
+ minWidth: 100,
},
{
label: "宸ュ簭",
prop: "process",
+ minWidth: 100,
},
{
label: "鐢熶骇鏁伴噺",
- prop: "finishedNum",
- width: 100,
+ prop: "quantity",
+ minWidth: 100,
},
{
label: "宸ユ椂瀹氶",
prop: "workHours",
- width: 100,
+ minWidth: 100,
},
{
label: "宸ヨ祫",
prop: "wages",
- width: 100,
+ minWidth: 100,
},
]);
@@ -120,83 +134,115 @@
{
label: "鐢熶骇浜�",
prop: "schedulingUserName",
- width: 120,
+ minWidth: 100,
},
{
label: "浜ч噺",
- prop: "finishedNum",
- width: 100,
- },
+ prop: "outputNum",
+ minWidth: 100,
+
+ },
{
label: "宸ヨ祫",
prop: "wages",
- width: 100,
+ minWidth: 100,
+
},
{
label: "鍚堟牸鐜�",
- prop: "qualifiedRate",
- width: 100,
+ prop: "outputRate",
+ minWidth: 100,
+ formatData: (val) => {
+ if (val == null || val === '') return '-'
+ return parseFloat(val).toFixed(2)
+ },
},
]);
const tableData = ref([]);
const tableLoading = ref(false);
+const tableLoading1 = ref(false);
const leftTableData = ref([]);
// 鏃� / 鏈� 鍒囨崲锛堥粯璁ゆ寜鏃ワ級
-const dateType = ref("day");
const page = reactive({
current: 1,
size: 100,
total: 0,
});
+const page1 = reactive({
+ current: 1,
+ size: 100,
+ total: 0,
+});
+
const data = reactive({
searchForm: {
schedulingUserName: "",
salesContractNo: "",
- entryDate: [
- dayjs().format("YYYY-MM-DD"),
- dayjs().add(1, "day").format("YYYY-MM-DD"),
- ], // 褰曞叆鏃ユ湡
- entryDateStart: dayjs().format("YYYY-MM-DD"),
- entryDateEnd: dayjs().add(1, "day").format("YYYY-MM-DD"),
+ dateType: "day",
+ dateRange: dayjs().format("YYYY-MM-DD"),
+ entryDate: dayjs().format("YYYY-MM-DD"),
+ entryDateStart: undefined,
+ entryDateEnd: undefined,
},
});
const { searchForm } = toRefs(data);
-// 鏌ヨ鍒楄〃
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
- page.current = 1;
- getList();
-};
const pagination = (obj) => {
page.current = obj.page;
page.size = obj.limit;
getList();
};
-const changeDaterange = (value) => {
+
+const pagination1 = (obj) => {
+ page1.current = obj.page;
+ page1.size = obj.limit;
+ getList1();
+};
+
+const handleDateRangeChange = (value) => {
if (value) {
- searchForm.value.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
- searchForm.value.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
+ if (searchForm.value.dateType === "day") {
+ searchForm.value.entryDate = value;
+ } else {
+ searchForm.value.entryDateStart = dayjs(value[0]).format("YYYY-MM-DD");
+ searchForm.value.entryDateEnd = dayjs(value[1]).format("YYYY-MM-DD");
+ }
+
} else {
+ searchForm.value.entryDate = undefined;
searchForm.value.entryDateStart = undefined;
searchForm.value.entryDateEnd = undefined;
}
- handleQuery();
+ reloadData()
};
+
const getList = () => {
tableLoading.value = true;
const params = { ...searchForm.value, ...page };
- params.dateType = dateType.value;
- params.entryDate = undefined
- productionAccountingListPage(params).then((res) => {
- tableLoading.value = false;
+
+ salesLedgerProductionAccountingList(params).then((res) => {
const records = res.data.records || [];
- tableData.value = records;
+ leftTableData.value = records;
page.total = res.data.total || 0;
- buildLeftTableData(records);
- });
+ }).finally(() => {
+ tableLoading.value = false;
+ })
+
+
+
+};
+
+const getList1 = () => {
+ tableLoading1.value = true;
+ const params = { ...page1, ...searchForm.value };
+ salesLedgerProductionAccountingListProductionDetails(params).then((res) => {
+ tableData.value = res.data.records || [];;
+ page1.total = res.data.total || 0;
+ }).finally(() => {
+ tableLoading1.value = false;
+ })
};
// 鏋勫缓宸︿晶姹囨�诲彴璐︼紙鎸夌敓浜т汉姹囨�讳骇閲忋�佸伐璧勭瓑锛�
@@ -223,16 +269,40 @@
};
// 宸︿晶鏃�/鏈堝垏鎹�
-const handleDateTypeChange = () => {
+const handleDateTypeChange = (value) => {
// 杩欓噷鍙綔涓虹瓫閫夋潯浠剁殑涓�閮ㄥ垎锛岀洿鎺ラ噸鏂版煡璇㈠垪琛�
- handleQuery();
+ if (value === "day") {
+ searchForm.value.entryDate = dayjs().format("YYYY-MM-DD");
+ searchForm.value.dateRange = searchForm.value.entryDate
+ } else {
+ searchForm.value.entryDateStart = dayjs().startOf("month").format("YYYY-MM-DD");
+ searchForm.value.entryDateEnd = dayjs().endOf("month").format("YYYY-MM-DD");
+ searchForm.value.dateRange = [searchForm.value.entryDateStart, searchForm.value.entryDateEnd]
+ }
+
+ reloadData()
};
+
+const reloadData = () => {
+ page.current = 1;
+ page1.current = 1;
+ getList();
+ tableData.value = []
+}
// 鐐瑰嚮宸︿晶琛岋紝鍒峰彸渚ф槑缁嗭紙鎸夌敓浜т汉杩囨护锛�
const handleLeftRowClick = (row) => {
searchForm.value.schedulingUserName = row.schedulingUserName || "";
handleQuery();
};
+
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ page1.current = 1;
+ getList1();
+};
+
// 瀵煎嚭
const handleOut = () => {
@@ -255,32 +325,27 @@
</script>
<style scoped lang="scss">
-.content-layout {
- display: flex;
- gap: 16px;
+.content-row {
+ width: 100%;
}
-.left-panel {
- flex: 0 0 50%;
- max-width: 50%;
- display: flex;
- flex-direction: column;
- gap: 10px;
+.content-row .left-col,
+.content-row .right-col {
+ margin-bottom: 16px;
}
+.left-panel,
.right-panel {
- flex: 0 0 50%;
- max-width: 49%;
display: flex;
flex-direction: column;
gap: 10px;
+ min-width: 0;
}
.left-header {
display: flex;
align-items: center;
gap: 12px;
- margin-bottom: 8px;
}
.left-title {
--
Gitblit v1.9.3