From c7aebff7f6184b2d8da2669d2db5656e2bc09ec4 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 21 四月 2026 15:49:45 +0800
Subject: [PATCH] 湟水峡 1.反馈登记删减字段 2.售后服务字段匹配错误问题
---
src/views/productionManagement/productionCosting/index.vue | 143 +++++++++++++++++++++++++----------------------
1 files changed, 75 insertions(+), 68 deletions(-)
diff --git a/src/views/productionManagement/productionCosting/index.vue b/src/views/productionManagement/productionCosting/index.vue
index 67167c7..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="tableLoading1"
- 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)
+ },
},
]);
@@ -266,8 +277,8 @@
searchForm.value.entryDate = dayjs().format("YYYY-MM-DD");
searchForm.value.dateRange = searchForm.value.entryDate
} else {
- searchForm.value.entryDateStart = dayjs().format("YYYY-MM-DD");
- searchForm.value.entryDateEnd = dayjs().add(1, "day").format("YYYY-MM-DD");
+ 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]
}
@@ -316,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