.env.dev

@@ -1,7 +1,7 @@
 ###
  # @Author: zhp
  # @Date: 2024-04-28 13:42:51
- # @LastEditTime: 2024-06-19 16:05:46
+ # @LastEditTime: 2024-06-17 09:01:32
  # @LastEditors: DY
  # @Description:
 ###

src/api/produceData/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author: zhp
  * @Date: 2024-05-07 08:54:59
- * @LastEditTime: 2024-06-19 15:22:10
+ * @LastEditTime: 2024-06-03 08:52:02
  * @LastEditors: DY
  * @Description:
  */
@@ -10,33 +10,23 @@ import request from '@/utils/request'
 // 查询生产数据管理分页
 export function getProduceDataPage(data) {
   return request({
-    url: '/ip/proddata/page',
+    url: 'ip/prod-output/prodOutputDataPage',
     method: 'post',
     data: data
   })
 }
 
-// 查询图数据
+export function getProduceDataDetail(id){
-export function getproddata(data) {
   return request({
-    url: '/ip/proddata/list',
+     url: '/ip/prod-output/get?id=' + id,
-    method: 'post',
+    method: 'get'
-    data: data
-  })
-}
-
-export function getProduceDataDetail(data){
-  return request({
-    url: '/ip/proddata/get',
-    method: 'post',
-    data: data
   })
 }
 
 // 导出生产数据
 export function exportOutPutExcel(data) {
   return request({
-    url: '/ip/proddata/export-excel',
+    url: '/ip/prod-output/output-export-excel',
     method: 'post',
     data: data,
     responseType: 'blob'

src/utils/constants.js

@@ -143,8 +143,6 @@ export const tyjxfactoryList =[
 
 // 暂时只有瑞昌邯郸数据
 export const factoryList =['瑞昌中建材光电材料有限公司', '邯郸中建材光电材料有限公司']
-
-export const factoryListabbr =['瑞昌', '邯郸']
 export const factoryArray =[
   {
     name: '瑞昌中建材光电材料有限公司',

src/views/produce/data/add-or-updata.vue

@@ -1,12 +1,12 @@
 <!--
  * @Author: zhp
  * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2024-06-18 14:41:07
+ * @LastEditTime: 2024-06-07 10:28:51
  * @LastEditors: DY
  * @Description:
 -->
 <template>
-  <el-drawer class="drawer" :visible.sync="visible" size="65%" @closed="$emit('destroy')">
+  <el-drawer class="drawer" :visible.sync="visible" size="60%" @closed="$emit('destroy')">
     <small-title slot="title" :no-padding="true">
       {{ '碲化镉工厂生产数据详情' }}
     </small-title>
@@ -14,169 +14,167 @@
       <el-row :gutter="24">
         <el-col :span="8">
           <p class="title">工厂名称</p>
-          <p class="text">{{ factoryList[dataForm.factory] }}</p>
+          <p class="text">{{ dataForm.factory }}</p>
         </el-col>
         <el-col :span="8">
           <p class="title">时间维度</p>
-          <p class="text">{{ ['日', '周', '月', '年'][date] }}</p>
+          <p class="text">{{ date }}</p>
         </el-col>
         <el-col :span="8">
           <p class="title">时间</p>
-          <p class="text">{{ dataForm.datestr }}</p>
+          <p class="text">{{ dataForm.reportDate?.length > 0 ? dataForm.reportDate[0] + '年' + dataForm.reportDate[1] + '月' + dataForm.reportDate[2] + '日' : '' }}</p>
         </el-col>
       </el-row>
       <el-divider></el-divider>
-      <div v-if="glass === 0">
       <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
         {{ '芯片' }}
       </small-title>
       <el-row :gutter="24">
         <el-col :span="6">
           <p class="title">芯片产量(片)</p>
-            <p class="text">{{ dataForm.chipYieldSum }}</p>
+          <p class="text">{{ }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片良率(%)</p>
-            <p class="text">{{ dataForm.chipYieldRate }}</p>
+          <p class="text">{{ dataForm.yieldRate }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片BOM</p>
-            <p class="text">{{ dataForm.chipBom }}</p>
+          <p class="text">{{ dataForm.bom }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片总功率(MW)</p>
-            <p class="text">{{ dataForm.chipTotalPower }}</p>
+          <p class="text">{{ dataForm.totalPower }}</p>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="6">
           <p class="title">FTO投入量(片)</p>
-            <p class="text">{{ dataForm.ftoInput }}</p>
+          <p class="text">{{ dataForm.chipInput }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">CSS稼动率(%)</p>
-            <p class="text">{{ dataForm.chipCssMarriageRate }}</p>
+          <p class="text">{{ dataForm.marriageRate }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片段OEE</p>
-            <p class="text">{{ dataForm.chipOee }}</p>
+          <p class="text">{{ dataForm.oee }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片平均功率(W)</p>
-            <p class="text">{{ dataForm.chipAveragePower }}</p>
+          <p class="text">{{ dataForm.averagePower }}</p>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="6">
           <p class="title">芯片人均产量(片/人)</p>
-            <p class="text">{{ dataForm.chipAnnualAverageProduction }}</p>
+          <p class="text">{{ dataForm.annualAverageProduction }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">芯片产能利用率(%)</p>
-            <p class="text">{{ dataForm.chipCapacityUtilizationRate }}</p>
+          <p class="text">{{ dataForm.capacityUtilizationRate }}</p>
         </el-col>
       </el-row>
-      </div>
-      <div v-if="glass === 1">
       <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
         {{ '标准组件' }}
       </small-title>
       <el-row :gutter="24">
         <el-col :span="6">
           <p class="title">封装BOM</p>
-            <p class="text">{{ dataForm.componentBom }}</p>
+          <!-- 没参数 -->
+          <!-- <p class="text">{{ dataForm.bom }}</p> -->
         </el-col>
         <el-col :span="6">
           <p class="title">封装线OEE(%)</p>
-            <p class="text">{{ dataForm.componentOee }}</p>
+          <!-- <p class="text">{{ dataForm.code }}</p> -->
         </el-col>
         <el-col :span="6">
           <p class="title">标准组件良率(%)</p>
-            <p class="text">{{ dataForm.componentYieldRate }}</p>
+          <!-- <p class="text">{{ dataForm.productName }}</p> -->
         </el-col>
         <el-col :span="6">
           <p class="title">标准组件产量(片)</p>
-            <p class="text">{{ dataForm.componentYield }}</p>
+          <!-- <p class="text">{{ dataForm.productName }}</p> -->
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="6">
           <p class="title">标准组件总功率(MW)</p>
-            <p class="text">{{ dataForm.componentTotalPower }}</p>
+          <p class="text">{{ }}</p>
         </el-col>
         <el-col :span="6">
           <p class="title">封装产能利用率(%)</p>
-            <p class="text">{{ dataForm.componentCapacityUtilizationRate }}</p>
+          <!-- <p class="text">{{ dataForm.code }}</p> -->
         </el-col>
         <el-col :span="6">
-            <p class="title">标准组件人均产量(片/人)</p>
+          <p class="title">标准组件人均产量</p>
-            <p class="text">{{ dataForm.componentAnnualAverageProduction }}</p>
+          <!-- <p class="text">{{ dataForm.productName }}</p> -->
         </el-col>
         <el-col :span="6">
-            <p class="title">标准组件平均功率(W)</p>
+          <p class="title">标准组件平均功率</p>
-            <p class="text">{{ dataForm.componentAveragePower }}</p>
+          <!-- <p class="text">{{ dataForm.productName }}</p> -->
         </el-col>
       </el-row>
-      </div>
-      <div v-if="glass === 2">
       <small-title style=" margin: 0;padding: 26px 32px 24px;margin-bottom: 22px;" :no-padding="false">
         {{ 'BIPV产品' }}
       </small-title>
       <el-row :gutter="24">
         <el-col :span="6">
-            <p class="title">产品产量(㎡)</p>
+          <p class="title">产品产量</p>
-            <p class="text">{{ dataForm.bipvProductOutput }}</p>
+          <p class="text">{{ }}</p>
         </el-col>
         <el-col :span="6">
-            <p class="title">人均产量(㎡/人)</p>
+          <p class="title">人均产量</p>
-            <p class="text">{{ dataForm.bipvAnnualAverageProduction }}</p>
+          <p class="text">{{ dataForm.code }}</p>
         </el-col>
         <el-col :span="6">
-            <p class="title">芯片使用量(片)</p>
+          <p class="title">芯片使用量</p>
-            <p class="text">{{ dataForm.bipvChipUsage }}</p>
+          <p class="text">{{ dataForm.productName }}</p>
         </el-col>
         <el-col :span="6">
-            <p class="title">芯片利用率(%)</p>
+          <p class="title">芯片使用量</p>
-            <p class="text">{{ dataForm.bipvChipUtilizationRate }}</p>
+          <p class="text">{{ dataForm.productName }}</p>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="6">
-            <p class="title">内部材料成本(元/㎡)</p>
+          <p class="title">内部材料成本</p>
-            <p class="text">{{ dataForm.bipvInsideMaterialCost }}</p>
+          <p class="text">{{ }}</p>
         </el-col>
         <el-col :span="6">
-            <p class="title">OEM及委外材料成本(元/㎡)</p>
+          <p class="title">内部材料成本</p>
           <p class="text">{{ dataForm.code }}</p>
         </el-col>
         <el-col :span="6">
-            <p class="title">综合材料成本(元/㎡)</p>
+          <p class="title">内部材料成本</p>
-            <p class="text">{{ dataForm.bipvComprehensiveMaterialCost }}</p>
+          <p class="text">{{ dataForm.productName }}</p>
         </el-col>
       </el-row>
     </div>
-      <div v-if="glass === 4">
-        <!-- 铜铟镓硒待完成 -->
-      </div>
-    </div>
   </el-drawer>
 
 </template>
 
 <script>
 // import basicAdd from './basic-add';
-import { getProduceDataDetail } from "@/api/produceData";
+import {
+  getProduceDataDetail
+} from "@/api/produceData";
 // import { getList, } from "@/api/base/qualityScrapType";
 import SmallTitle from './SmallTitle';
-import { factoryList } from "@/utils/constants";
-
 export default {
   components: {
     SmallTitle,
   },
+  // mixins: [basicAdd],
+  props: {
+    date: {
+      type: Number,
+      default: 0
+    }
+  },
   data() {
     return {
-      factoryList,
       urlOptions: {
         isGetCode: false,
         // codeURL: getCode,
@@ -200,8 +198,6 @@ export default {
         }
       ],
       sectionList: [],
-      glass: 0,
-      date: 0,
       visible: false,
       dataForm: {
         id: undefined,
@@ -233,16 +229,11 @@ export default {
     // this.getCurrentTime()
   },
   methods: {
-    init(id, type, glass) {
+    init(id) {
       this.visible = true
-      this.glass = glass
+      console.log('打印', id)
-      this.date = type
-      console.log('打印', id, glass)
       if (id) {
-        getProduceDataDetail({
+        getProduceDataDetail(id).then(res => {
-          id: id,
-          type: type
-        }).then(res => {
           this.dataForm = res.data
           console.log('你好', res.data)
         })

src/views/produce/data/index.vue

@@ -1,26 +1,26 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-15 10:49:13
- * @LastEditTime: 2024-06-19 15:47:17
+ * @LastEditTime: 2024-06-07 09:41:56
  * @LastEditors: DY
  * @Description:
 -->
 <template>
-  <div style="display: flex; flex-direction: column; min-height: calc(100vh - 200px - 31px)">
+  <div style="display: flex; flex-direction: column; min-height: calc(100vh - 96px - 31px)">
     <div class="app-container" style="padding: 16px 24px 0;height: auto; flex-grow: 1;">
       <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip">
-        <el-form-item label="时间维度" prop="type">
+        <el-form-item label="时间维度" prop="date">
-          <el-select size="small" clearable v-model="listQuery.type" placeholder="请选择">
+          <el-select size="small" clearable v-model="listQuery.date" placeholder="请选择">
             <el-option v-for="item in timeList" :key="item.value" :label="item.label" :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item v-show="listQuery.type === 0 || listQuery.type === ''" label="时间范围" prop="reportTime">
+        <el-form-item v-show="listQuery.date === 0 || listQuery.date === ''" label="时间范围" prop="reportTime">
           <el-date-picker size="small" clearable v-model="listQuery.reportTime" type="datetimerange" range-separator="至"
-            start-placeholder="开始日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" @change="changeDayTime" end-placeholder="结束日期">
+            start-placeholder="开始日期" value-format="timestamp" format="yyyy-MM-dd" @change="changeDayTime" end-placeholder="结束日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
+        <el-form-item v-show="listQuery.date === 1" label="时间范围" prop="reportTime">
           <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" placeholder="选择周"
             style="width: 180px" @change="onValueChange">
           </el-date-picker>
@@ -28,26 +28,26 @@
           <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" placeholder="选择周"
             style="width: 180px" @change="onValueChange">
           </el-date-picker>
-          <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
+          <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
             {{ date1 }} 至 {{ date2 }}，共 {{ weekNum }} 周
-          </span> -->
+          </span>
         </el-form-item>
-        <el-form-item v-show="listQuery.type === 2" label="时间范围" prop="reportTime">
+        <el-form-item v-show="listQuery.date === 2" label="时间范围" prop="reportTime">
-          <el-date-picker size="small" clearable v-model="listQuery.reportTime" type="monthrange" value-format="yyyy-MM-dd" range-separator="至"
+          <el-date-picker size="small" clearable v-model="listQuery.reportTime" type="monthrange" value-format="timestamp" range-separator="至"
             start-placeholder="开始月份" end-placeholder="结束月份" @change="changeTime">
           </el-date-picker>
         </el-form-item>
-        <el-form-item v-show="listQuery.type === 3" label="时间范围" prop="reportTime">
+        <el-form-item v-show="listQuery.date === 3" label="时间范围" prop="reportTime">
-          <el-date-picker size="small" clearable v-model="listQuery.start" value-format="yyyy-MM-dd" type="year"
+          <el-date-picker size="small" clearable v-model="listQuery.start" format="yyyy-MM-dd" value-format="timestamp" type="year"
             placeholder="开始时间">
           </el-date-picker>
           ~
-          <el-date-picker size="small" clearable v-model="listQuery.end" value-format="yyyy-MM-dd" type="year" placeholder="结束时间"
+          <el-date-picker size="small" clearable v-model="listQuery.end" format="yyyy-MM-dd" value-format="timestamp" type="year" placeholder="结束时间"
             @change="getYear">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="工厂名称" prop="factory">
+        <el-form-item label="工厂名称" prop="factorys">
-          <el-select size="small" clearable v-model="listQuery.factory" placeholder="请选择工厂名称" multiple >
+          <el-select size="small" clearable v-model="listQuery.factorys" placeholder="请选择工厂名称" multiple >
             <el-option v-for="item in factoryArray" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
@@ -58,8 +58,8 @@
             </el-option>
           </el-select>
         </el-form-item> -->
-        <el-form-item label="玻璃类型" prop="glass">
+        <el-form-item label="玻璃类型" prop="type">
-          <el-select size="small" clearable v-model="listQuery.glass" multiple placeholder="请选择玻璃类型">
+          <el-select size="small" clearable v-model="listQuery.type" multiple placeholder="请选择玻璃类型">
             <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
@@ -82,19 +82,19 @@
     </div>
     <div class="app-container" style="margin-top: 8px;flex-grow: 1; height: auto; padding: 16px;">
       <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" style="margin-bottom: 0" />
-      <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize"
+      <base-table :table-props="tableProps" :page="listQuery.current" :limit="listQuery.size"
-        :table-data="tableData" :max-height="tableH">
+        :table-data="tableData">
         <method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" fixed="right"
           :method-list="tableBtn" @clickBtn="handleClick" />
       </base-table>
       <pagination
-        :limit.sync="listQuery.pageSize"
+        :limit.sync="listQuery.size"
-        :page.sync="listQuery.pageNo"
+        :page.sync="listQuery.current"
         :total="listQuery.total"
         @pagination="getDataList"
       />
     </div>
-    <add-or-update v-if="detailOrUpdateVisible" ref="detailOrUpdate" @refreshDataList="successSubmit" @destroy="detailOrUpdateVisible = false" />
+    <add-or-update v-if="detailOrUpdateVisible" ref="detailOrUpdate" :date="listQuery.date" @refreshDataList="successSubmit" @destroy="detailOrUpdateVisible = false" />
     <!-- <inputTable :date="date" :data="tableData" :time="[startTimeStamp, endTimeStamp]" :sum="all"
       :type="listQuery.reportType" @refreshDataList="getDataList" /> -->
     <!-- <pagination
@@ -106,9 +106,8 @@
 </template>
 
 <script>
-// import { parseTime } from "@/utils/ruoyi";
+// import { parseTime } from '../../core/mixins/code-filter';
-import tableHeightMixin from "@/mixins/tableHeightMixin";
+import { getProduceDataPage, prodOutputDataList, exportOutPutExcel } from '@/api/produceData';
-import { getProduceDataPage, getproddata, exportOutPutExcel } from '@/api/produceData';
 // import inputTable from './inputTable.vue';
 import lineChart from './lineChart';
 import moment from 'moment'
@@ -119,22 +118,22 @@ import { factoryList, factoryArray, factoryArray1 } from "@/utils/constants";
 
 export default {
   components: { lineChart, ButtonNav, AddOrUpdate },
-  mixins: [basicPage, tableHeightMixin],
+  mixins: [basicPage],
 	data() {
     return {
       factoryList,
       factoryArray,
       factoryArray1,
       listQuery: {
-        pageSize: 20,
+        size: 20,
-        pageNo: 1,
+        current: 1,
-        factory: undefined,
+        factorys: undefined,
         total: 0,
-        type: 0, // 时间维度
+        date: 0,
-        glass: undefined, // 玻璃类型
+        type:undefined,
         // reportType: 2,
-        startDate: undefined,
+        beginTime: undefined,
-        endDate:undefined,
+        endTime:undefined,
         reportTime: [],
         start: undefined,
         end: undefined
@@ -154,7 +153,7 @@ export default {
       ].filter((v) => v),
       typeList: [
         {
-          name: '玻璃芯片',
+          name: '芯片',
           id: 0,
         },
         {
@@ -165,10 +164,6 @@ export default {
           name: 'BIPV产品',
           id: 2,
         },
-        // {
-        //   name: '定制组件',
-        //   id: 3,
-        // },
       ],
       formConfig: [
         {
@@ -202,16 +197,16 @@ export default {
       ],
       tableProps: [
         {
-          prop: 'datestr',
+          prop: 'groupTime',
           label: '日期',
-          minWidth: 120,
+          minWidth: 100,
           showOverflowtooltip: true
         },
         {
           prop: 'factory',
           label: '工厂名称',
           filter: (val) => factoryList[val],
-          minWidth: 180,
+          minWidth: 200,
           showOverflowtooltip: true
         },
         {
@@ -220,19 +215,19 @@ export default {
           filter: (val) => ['玻璃芯片', '标准组件', 'BIPV', '定制组件'][val]
         },
         {
-          prop: 'inputNum',
+          prop: 'inputNumber',
           label: '投入数量',
         },
         {
-          prop: 'outputNum',
+          prop: 'outputNumber',
           label: '产出数量',
         },
         {
-          prop: 'goodNum',
+          prop: 'goodNumber',
           label: '良品数量',
         },
         {
-          prop: 'goodRatio',
+          prop: 'yieldRate',
           label: '良品率%',
           filter: (val) => (val * 100) + '%'
         },
@@ -240,23 +235,22 @@ export default {
       tableData: [],
       lineData: [],
       chart: null,
-      seriesList: [],
+      seriesList: []
-      colorList: ['#2760FF', '#8167F6', '#5B9BFF', '#FFD160']
 			// proLineList: [],
 			// all: {}
 		}; 
   },
-  // computed: {
+  computed: {
-  //   weekNum() {
+    weekNum() {
-  //     return Math.round((this.listQuery.end - this.listQuery.start) / (24 * 60 * 60 * 1000 * 7)) + 1
+      return Math.round((this.listQuery.end - this.listQuery.start) / (24 * 60 * 60 * 1000 * 7)) + 1
-  //   },
+    },
-  // },
+  },
   created() {
     const today = new Date()
     const sevenDaysAgo = new Date(today.getTime() - (7 * 24 * 60 * 60 * 1000))
-    this.listQuery.startDate = moment(sevenDaysAgo).format('yyyy-MM-DD')
+    this.listQuery.beginTime = sevenDaysAgo.getTime()
-    this.listQuery.endDate = moment(today).format('yyyy-MM-DD')
+    this.listQuery.endTime = today.getTime()
-    this.listQuery.reportTime = [this.listQuery.startDate, this.listQuery.endDate]
+    this.listQuery.reportTime = [this.listQuery.beginTime, this.listQuery.endTime]
 	},
 	mounted() {
 	},
@@ -265,7 +259,7 @@ export default {
       this.detailOrUpdateVisible = true;
       this.addOrEditTitle = "详情";
       this.$nextTick(() => {
-        this.$refs.detailOrUpdate.init(val.data.id, this.listQuery.type, val.data.glassType);
+        this.$refs.detailOrUpdate.init(val.data.id);
       });
     },
     getYear(e) {
@@ -279,12 +273,8 @@ export default {
         this.listQuery.end = undefined
         // console.log();
       } else {
-        this.listQuery.startDate = this.listQuery.start
+        this.listQuery.beginTime = this.listQuery.start
-        this.listQuery.endDate = this.listQuery.end
+        this.listQuery.endTime = this.listQuery.end
-      }
-      if (!this.listQuery.start && !this.listQuery.end) {
-        this.listQuery.startDate = undefined
-        this.listQuery.endDate = undefined
       }
       // console.log(e);
     },
@@ -302,14 +292,10 @@ export default {
             type: 'warning'
           });
         } else {
-          this.listQuery.startDate = moment(this.listQuery.start.getTime() - 24 * 60 * 60 * 1000).format('YYYY-MM-DD')
+          this.listQuery.beginTime = this.listQuery.start.getTime() - 24 * 60 * 60 * 1000
-          this.listQuery.endDate = moment(this.listQuery.end.getTime() + 5 * 24 * 60 * 60 * 1000).format('YYYY-MM-DD')
+          this.listQuery.endTime = this.listQuery.end.getTime() + 5 * 24 * 60 * 60 * 1000
         }
       }
-      if (!this.listQuery.start && !this.listQuery.end) {
-        this.listQuery.startDate = undefined
-        this.listQuery.endDate = undefined
-      }
     },
     changeDayTime() {
       if (this.listQuery.reportTime) {
@@ -324,12 +310,10 @@ export default {
           });
           this.listQuery.reportTime = [];
         } else {
-          this.listQuery.startDate = this.listQuery.reportTime[0]
+          this.listQuery.beginTime = this.listQuery.reportTime[0]
-          this.listQuery.endDate = this.listQuery.reportTime[1]
+          this.listQuery.endTime = this.listQuery.reportTime[1]
         }
       } else {
-        this.listQuery.startDate = undefined
-        this.listQuery.endDate = undefined
       }
     },
     changeTime(value) {
@@ -342,115 +326,114 @@ export default {
           });
           this.listQuery.reportTime = [];
         } else {
-          this.listQuery.startDate = this.listQuery.reportTime[0]
+          this.listQuery.beginTime = this.listQuery.reportTime[0]
-          this.listQuery.endDate = this.listQuery.reportTime[1]
+          this.listQuery.endTime = this.listQuery.reportTime[1]
         }
       } else {
-        this.listQuery.startDate = undefined
+        console.log(this.listQuery.reportTime[0])
-        this.listQuery.endDate = undefined
       }
     },
     async getDataList() {
-      await getProduceDataPage(this.listQuery).then(res => {
+      const res = await getProduceDataPage(this.listQuery)
       console.log(res)
       if (res.code === 0) {
         this.tableData = res.data.records
         this.listQuery.total = res.data.total
+        // if (this.listQuery.total > 0) {
+        //   this.tableData.forEach(item => {
+        //     item.tableTime = item?.reportDate?.length > 0 ? item.reportDate[0] + '-' + item.reportDate[1] + '-' + item.reportDate[2] : '--'
+        //   })
+        // }
       }
-      })
 
       // 图表
-      await getproddata(this.listQuery).then(resp => {
+      await prodOutputDataList({
-        if (resp.data?.length > 0) {
+        current: 1,
-          const chartData = Object.groupBy(resp.data, (member) => member.datestr)
+        size: 99,
-          this.buildChart(chartData, resp.data)
+        beginTime: this.listQuery.beginTime,
-        } else {
+        endTime: this.listQuery.endTime,
-          this.$refs.lineChart.initChart([], [])
+        factorys: this.listQuery.factorys,
+        date: this.listQuery.date,
+        type: this.listQuery.type
+      }).then(resp => {
+        console.log('Aaa', resp.data)
+        this.lineData = resp?.data || []
+        if (this.lineData.length > 0) {
+          this.buildChart(this.lineData)
         }
       })
+      // this.buildChart(this.tableData)
     },
-    buildChart(data, dataList) {
+    buildChart(list) {
+      let temp = []
       let xAxisData = []
-      this.seriesList = []
+      list.forEach(item => {
+        temp.push(item.groupTime)
+      })
       // x轴数据
-      xAxisData = Object.keys(data)
+      xAxisData = Array.from(new Set(temp))
       
       // y轴数据
-      this.factoryArray.forEach(fac => {
+      for (const y of this.factoryArray1) {
-        let i =  0
+        for (const type of this.typeList) {
-        while ( i < 3) {
+          const seriesItem = {
-          // 下标
+            name: y.name,
-          const index1 = ['chipYield', 'componentYield', 'bipvProductOutput'][i]
+            record: type.name,
-          // let oneChart = {}
+            type: 'bar',
+            emphasis: {
+              focus: 'series'
+            },
+            data: Array(xAxisData.length).fill(0)
+          }
+          list.forEach(data => {
             xAxisData.forEach((x, index) => {
-            if (this.listQuery.glass.length === 0 || this.listQuery.glass.length === 3) {
+              if (x === data.groupTime && y.id === data.factory && type.id === data.glassType) {
-              let series = {
+                seriesItem.data[index] = data.goodNumber
-                name: ['玻璃芯片', '标准组件', 'BIPV'][i] + '-' + fac.id,
-                type: 'bar',
-                stack: String(fac.id),
-                data: Array(xAxisData.length).fill(0),
-                barWidth: 20,
-                itemStyle: {
-                  color: this.colorList[i]
-                }
-              }
-              dataList.forEach(item => {
-                if (fac.id === item.factory && item.datestr === x) {
-                  series.data[index] = item[index1]
               }
             })
-              this.seriesList.push(series)
-            } else {
-              this.listQuery.glass.forEach(gl => {
-                if (gl === i) {
-                  let series = {
-                    name: ['玻璃芯片', '标准组件', 'BIPV'][i] + '-' + fac.id,
-                    type: 'bar',
-                    stack: String(fac.id),
-                    data: Array(xAxisData.length).fill(0),
-                    barWidth: 20,
-                    itemStyle: {
-                      color: this.colorList[i]
-                    }
-                  }
-                  dataList.forEach(item => {
-                    if (fac.id === item.factory && item.datestr === x) {
-                      series.data[index] = item[index1]
-                    }
           })
-                  this.seriesList.push(series)
+          this.seriesList.push(seriesItem)
         }
-              })
       }
-            // let series = {
+      console.log('啊啊', this.seriesList)
-            //   name: ['玻璃芯片', '标准组件', 'BIPV'][i] + '-' + fac.id,
+      this.$refs.lineChart.initChart(xAxisData, this.seriesList)
+      // const chartList = Object.groupBy(list, (item) => item.tableTime)
+      // this.xAxis = []
+      // this.seriesList = []
+      // for (const keyIndex in chartList) {
+      //   // X坐标轴数据
+      //   this.xAxis.push(keyIndex)
+      // }
+      // // y轴数据
+      // for (const y of this.factoryArray) {
+      //   // y: {name: , id: }
+      //   const seriesItem = {
+      //     name: y.name,
       //       type: 'bar',
-            //   stack: String(fac.id),
+      //       emphasis: {
-            //   data: Array(xAxisData.length).fill(0),
+      //         focus: 'series'
-            //   barWidth: 20,
+      //       },
-            //   itemStyle: {
+      //     data: Array(this.xAxis.length).fill(0)
-            //     color: this.colorList[i]
       //   }
-            // }
+      //   for (const a in chartList) {
-            // dataList.forEach(item => {
+      //     for (const z of chartList[a]) {
-            //   if (fac.id === item.factory && item.datestr === x) {
+      //       this.xAxis.forEach((item, index) => {
-            //     series.data[index] = item[index1]
+      //         if (z.factory === y.id && a === item) {
+      //           seriesItem.data[index] = z.goodNumber
       //         }
       //       })
-            // this.seriesList.push(series)
+      //     }
-          })
+      //   }
-          i ++
+      //   this.seriesList.push(seriesItem)
-        }
+      // }
-      })
+      // this.$refs.lineChart.initChart(this.xAxis, this.seriesList)
-      console.log('你好', this.seriesList)
-      this.$refs.lineChart.initChart(xAxisData, this.seriesList)
     },
 		buttonClick(val) {
 			this.listQuery.reportTime = val.reportTime ? val.reportTime : undefined;
 			switch (val.btnName) {
 				case 'search':
-					this.listQuery.pageNo = 1;
+					this.listQuery.current = 1;
-					this.listQuery.pageSize = 20;
+					this.listQuery.size = 20;
 					this.getDataList();
 					break;
 				case 'export':
@@ -465,8 +448,8 @@ export default {
       this.$modal.confirm('是否确认导出生产数据?').then(() => {
         // 处理查询参数
         let params = {...this.listQuery};
-        params.pageNo = 1;
+        params.current = 1;
-        params.pageSize = 999;
+        params.size = 999;
         this.exportLoading = true;
         return exportOutPutExcel(params);
       }).then(response => {

src/views/produce/data/lineChart.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2022-01-21 14:43:06
  * @LastEditors: DY
- * @LastEditTime: 2024-06-19 15:13:23
+ * @LastEditTime: 2024-05-30 14:52:05
  * @Description:
 -->
 <template>
@@ -16,8 +16,6 @@
 import * as echarts from 'echarts'
 import 'echarts/theme/macarons' // echarts theme
 import resize from '@/mixins/resize'
-import { factoryListabbr } from "@/utils/constants";
-
 export default {
   name: 'OverviewBar',
   mixins: [resize],
@@ -74,11 +72,6 @@ export default {
   },
   methods: {
     initChart(xAxis, seriesList) {
-      console.log('2', xAxis, seriesList)
-      if (xAxis.length === 0) {
-        this.chart.clear()
-      }
-      else {
       this.chart = echarts.init(document.getElementById(this.id))
       console.log(this.$parent);
       this.chart.setOption({
@@ -86,56 +79,28 @@ export default {
           text: '',
           // subtext: 'Fake Data'
         },
+        tooltip: {
+          trigger: 'axis'
+        },
+        grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
         legend: {
+          // data: ['工厂1', '工厂2'],
           right: '90px',
           top: '0%',
           icon: 'rect',
           itemWidth: 10,
           itemHeight: 10,
           itemGap: 40,
-          formatter(name) {
-            return name.split('-')[0]
         },
-          data: ['玻璃芯片-0', '标准组件-0', 'BIPV-0']
+        // toolbox: {
-        },
+        //   show: true,
-        tooltip: {
+        //   feature: {
-          trigger: 'axis',
+        //     dataView: { show: true, readOnly: false },
-          formatter: function(params) {
+        //     magicType: { show: true, type: ['line', 'bar'] },
-            let result = `
+        //     restore: { show: true },
-            <div style="width: 270px; display: flex">
+        //     saveAsImage: { show: true }
-              <div style="width: 150px">${params[0].name}</div>
+        //   }
-              <div style="width: 60px">${factoryListabbr[0]}</div>
+        // },
-              <div style="width: 60px">${factoryListabbr[1]}</div>
-            </div>`
-            const newArray = params.map(p => {
-              return {
-                glass: p.seriesName.split('-')[0], // 玻璃类型
-                factoryName: factoryListabbr[p.seriesName.split('-')[1]], // 工厂名称
-                value: p.value,
-                name: p.name,
-                marker: p.marker
-              }
-            })
-            const analyzeList = Object.groupBy(newArray, (member) => member.glass)
-            for (let g in analyzeList) {
-              // date => 玻璃类型
-              let oneData = `<div style="width: 270px; display: flex">
-              <div style="width: 150px">${analyzeList[g][0].marker} ${g}</div>`
-              for (let fac of factoryListabbr) {
-                let goodNum = 0
-                for (let ana of analyzeList[g]) {
-                  if (ana.factoryName === fac && ana.value !== 0) {
-                    goodNum = ana.value
-                  }
-                }
-                oneData += `<div style="width: 60px">${goodNum}</div>`
-              }
-              result = result + oneData + '</div>'
-            }
-            return result
-          }
-        },
-        grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
         calculable: true,
         xAxis: [
           {
@@ -161,14 +126,9 @@ export default {
     }
   }
 }
-}
 </script>
 
 <style scoped>
-.chartTooltipSpan {
-  width: 50px;
-  background: #787878;
-}
 /* .reportChart {
   position: absolute;
   height: 100%;