From 0c4bdf3dca76f9b8c348f2f7e48f9a6319dee4e1 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 17 四月 2026 17:09:22 +0800
Subject: [PATCH] 进销存升级 1.销售台账不能删除和编辑别人维护的数据 2.产品维护固定产品大类为:成品、半成品、原材料。

---
 src/views/productionManagement/productionCosting/index.vue |  177 +++++++++++++++++++++++++++++++---------------------------
 1 files changed, 95 insertions(+), 82 deletions(-)

diff --git a/src/views/productionManagement/productionCosting/index.vue b/src/views/productionManagement/productionCosting/index.vue
index fe8d781..fc93570 100644
--- a/src/views/productionManagement/productionCosting/index.vue
+++ b/src/views/productionManagement/productionCosting/index.vue
@@ -1,59 +1,67 @@
 <template>
 	<div class="app-container">
-		<div class="content-layout">
-			<!-- 宸︿晶鍙拌处 + 椤堕儴绛涢�� -->
-			<div class="left-panel">
-				<div class="left-header">
-          <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: 300px"
-                  @change="handleDateRangeChange"
-              />
-            </el-form-item>
-          </el-form>
-				</div>
-				<PIMTable
-					rowKey="id"
-					:column="leftTableColumn"
-					:tableData="leftTableData"
-					:tableLoading="tableLoading"
-          :page="page"
-          :height="200"
-          @row-click="handleLeftRowClick"
-          @pagination="pagination"
-        ></PIMTable>
-			</div>
-
-			<!-- 鍙充晶鏄庣粏锛堝師鏈夊唴瀹癸級 -->
-			<div class="right-panel">
-				<div class="header-filters">
-						<el-button @click="handleOut" class="ml10">瀵煎嚭</el-button>
+		<div class="table_list">
+			<el-row :gutter="16" class="content-row">
+				<!-- 宸︿晶鍙拌处 + 椤堕儴绛涢�� -->
+				<el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8" class="left-col">
+					<div class="left-panel">
+						<div class="left-header">
+							<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"
+							:page="page"
+							@row-click="handleLeftRowClick"
+							@pagination="pagination"
+						></PIMTable>
 					</div>
-					<PIMTable
-						rowKey="id"
-						:column="tableColumn"
-						:tableData="tableData"
-						:page="page1"
-						:tableLoading="tableLoading"
-						style="margin-right: 20px;"
-						@pagination="pagination1"
-					></PIMTable>
-			</div>
+				</el-col>
+				
+				<!-- 鍙充晶鏄庣粏 -->
+				<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="page1"
+							:tableLoading="tableLoading1"
+							style="margin-right: 20px;"
+							@pagination="pagination1"
+						></PIMTable>
+					</div>
+				</el-col>
+			</el-row>
 		</div>
 	</div>
 </template>
@@ -68,7 +76,7 @@
 const tableColumn = ref([
 	{
 		label: "鐢熶骇鏃ユ湡",
-		prop: "scheduleDate",
+		prop: "schedulingDate",
     minWidth: 100,
 	},
 	{
@@ -146,7 +154,10 @@
 		label: "鍚堟牸鐜�",
 		prop: "outputRate",
     minWidth: 100,
-
+    formatData: (val) => {
+      if (val == null || val === '') return '-'
+      return parseFloat(val).toFixed(2)
+    },
 	},
 ]);
 
@@ -172,13 +183,10 @@
 		schedulingUserName: "",
 		salesContractNo: "",
     dateType: "day",
-    dateRange: undefined,
-		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"),
+    dateRange: dayjs().format("YYYY-MM-DD"),
+		entryDate: dayjs().format("YYYY-MM-DD"),
+		entryDateStart: undefined,
+		entryDateEnd: undefined,
 	},
 });
 const { searchForm } = toRefs(data);
@@ -217,11 +225,14 @@
 	const params = { ...searchForm.value, ...page };
 
   salesLedgerProductionAccountingList(params).then((res) => {
-		tableLoading.value = false;
 		const records = res.data.records || [];
     leftTableData.value = records;
 		page.total = res.data.total || 0;
-	});
+	}).finally(() => {
+    tableLoading.value = false;
+  })
+
+
 
 };
 
@@ -229,10 +240,11 @@
   tableLoading1.value = true;
   const params = { ...page1, ...searchForm.value };
   salesLedgerProductionAccountingListProductionDetails(params).then((res) => {
-    tableLoading1.value = false;
     tableData.value = res.data.records || [];;
     page1.total = res.data.total || 0;
-  });
+  }).finally(() => {
+    tableLoading1.value = false;
+  })
 };
 
 // 鏋勫缓宸︿晶姹囨�诲彴璐︼紙鎸夌敓浜т汉姹囨�讳骇閲忋�佸伐璧勭瓑锛�
@@ -259,12 +271,17 @@
 };
 
 // 宸︿晶鏃�/鏈堝垏鎹�
-const handleDateTypeChange = () => {
+const handleDateTypeChange = (value) => {
 	// 杩欓噷鍙綔涓虹瓫閫夋潯浠剁殑涓�閮ㄥ垎锛岀洿鎺ラ噸鏂版煡璇㈠垪琛�
-  searchForm.value.dateRange = undefined;
-  searchForm.value.entryDate = undefined;
-  searchForm.value.entryDateStart = undefined;
-  searchForm.value.entryDateEnd = undefined;
+  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()
 };
 
@@ -310,31 +327,27 @@
 </script>
 
 <style scoped lang="scss">
-.content-layout {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
+.content-row {
+  width: 100%;
 }
 
-.left-panel {
-  flex: 0 0 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%;
   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