剞劂冲突

2024-06-26 11:00:48 +08:00
parent 92c0c33fbd 0a391a4de5
commit f2cfe94dfc
9 changed files with 149 additions and 44 deletions
--- a/src/views/produce/data/add-or-updata.vue
+++ b/src/views/produce/data/add-or-updata.vue
@@ -1,7 +1,7 @@
 <!--
 * @Author: zhp
 * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2024-06-18 14:41:07
+ * @LastEditTime: 2024-06-25 08:59:33
 * @LastEditors: DY
 * @Description:
 -->
@@ -58,7 +58,7 @@
            <p class="text">{{ dataForm.chipCssMarriageRate }}</p>
          </el-col>
          <el-col :span="6">
-            <p class="title">芯片段OEE</p>
+            <p class="title">芯片段OEE(%)</p>
            <p class="text">{{ dataForm.chipOee }}</p>
          </el-col>
          <el-col :span="6">
@@ -116,6 +116,14 @@
            <p class="title">标准组件平均功率(W)</p>
            <p class="text">{{ dataForm.componentAveragePower }}</p>
          </el-col>
+          <el-col :span="6">
+            <p class="title">标准组件转化效率</p>
+            <p class="text">{{ dataForm.componentTransRate }}</p>
+          </el-col>
+          <el-col :span="6">
+            <p class="title">芯片投入</p>
+            <p class="text">{{ dataForm.chipInput }}</p>
+          </el-col>
        </el-row>
      </div>
      <div v-if="glass === 2">
--- a/src/views/produce/data/index.vue
+++ b/src/views/produce/data/index.vue
@@ -1,7 +1,7 @@
 <!--
 * @Author: zhp
 * @Date: 2024-04-15 10:49:13
- * @LastEditTime: 2024-06-25 10:34:51
+ * @LastEditTime: 2024-06-26 11:00:11
 * @LastEditors: zhp
 * @Description:
 -->
@@ -10,7 +10,7 @@
    <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-select size="small" clearable v-model="listQuery.type" placeholder="请选择">
+          <el-select v-model="listQuery.type" size="small" clearable placeholder="请选择">
            <el-option v-for="item in timeList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
@@ -74,7 +74,7 @@
      <!-- <el-row :gutter="24"> -->
      <!-- <el-col :span="12" v-for="item in  dataList" :key="item.id"> -->
      <search-bar :formConfigs="formConfig1" ref="searchBarForm1" style="margin-bottom: 0" />
-      <line-chart class="yearChart" ref="lineChart" style="height: 40vh;width: 100%"></line-chart>
+      <line-chart ref="lineChart" class="yearChart" style="height: 45vh;width: 100%"></line-chart>
      <!-- </el-col> -->
      <!-- <el-col :span="12">
            <line-chart :id=" 'second' " class="yearChart" ref="lineChart" style="height: 40vh;width: 100%"></line-chart>
@@ -135,9 +135,9 @@ export default {
        // reportType: 2,
        startDate: undefined,
        endDate:undefined,
-        reportTime: [],
-        start: undefined,
-        end: undefined
+        reportTime: null,
+        start: null,
+        end: null
      },
      detailOrUpdateVisible:false,
      date1: undefined,
@@ -241,7 +241,7 @@ export default {
      lineData: [],
      chart: null,
      seriesList: [],
-      colorList: ['#2760FF', '#8167F6', '#5B9BFF', '#FFD160']
+      colorList: ['#7164FF',  '#63BDFF', '#8EF0AB', '#FFCE6A']
 			// proLineList: [],
 			// all: {}
 		};
@@ -289,7 +289,6 @@ export default {
      // console.log(e);
    },
    onValueChange(picker, k) { // 选中近k周后触发的操作
-      // console.log(this.listQuery.reportTime[0], this.listQuery.reportTime[1])
      if (this.listQuery.start && this.listQuery.end) {
        console.log(this.listQuery.reportTime)
        this.date1 = moment(this.listQuery.start.getTime() - 24 * 60 * 60 * 1000).format('YYYY-MM-DD HH:mm:ss')
@@ -351,23 +350,31 @@ export default {
      }
    },
    async getDataList() {
-      await getProduceDataPage(this.listQuery).then(res => {
-        console.log(res)
-        if (res.code === 0) {
-          this.tableData = res.data.records
-          this.listQuery.total = res.data.total
-        }
-      })
+      if (this.listQuery.type === '') {
+        this.$message.warning('请选择时间维度！')
+        return
+      }
+      if (this.listQuery.startDate === undefined) {
+        this.$message.warning('请选择时间范围！')
+      } else {
+        await getProduceDataPage(this.listQuery).then(res => {
+          console.log(res)
+          if (res.code === 0) {
+            this.tableData = res.data.records
+            this.listQuery.total = res.data.total
+          }
+        })

-      // 图表
-      await getproddata(this.listQuery).then(resp => {
-        if (resp.data?.length > 0) {
-          const chartData = Object.groupBy(resp.data, (member) => member.datestr)
-          this.buildChart(chartData, resp.data)
-        } else {
-          this.$refs.lineChart.initChart([], [])
-        }
-      })
+        // 图表
+        await getproddata(this.listQuery).then(resp => {
+          if (resp.data?.length > 0) {
+            const chartData = Object.groupBy(resp.data, (member) => member.datestr)
+            this.buildChart(chartData, resp.data)
+          } else {
+            this.$refs.lineChart.initChart([], [])
+          }
+        })
+      }
    },
    buildChart(data, dataList) {
      let xAxisData = []
@@ -392,6 +399,13 @@ export default {
                barWidth: 20,
                itemStyle: {
                  color: this.colorList[i]
+                },
+                label: {
+                  show: i === 2 ? true : false,
+                  position: 'top',
+                  formatter(params) {
+                    return fac.name.substring(0, 2)
+                  }
                }
              }
              dataList.forEach(item => {
@@ -411,6 +425,18 @@ export default {
                    barWidth: 20,
                    itemStyle: {
                      color: this.colorList[i]
+                    },
+                    label: {
+                      show: true,
+                      position: 'top',
+                      formatter(params) {
+                        if (params.value === 0) {
+                          return ''
+                        } else {
+                          // return ['瑞昌', '邯郸'][params.seriesName.split('-')[1]]
+                          return fac.name.substring(0, 2)
+                        }
+                      }
                    }
                  }
                  dataList.forEach(item => {
--- a/src/views/produce/data/lineChart.vue
+++ b/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-06-24 11:13:48
 * @Description:
 -->
 <template>
@@ -40,7 +40,7 @@ export default {
    },
    height: {
      type: String,
-      default: '30vh'
+      default: '35vh'
    },
    legendPosition: {
      type: String,
@@ -140,20 +140,24 @@ export default {
        xAxis: [
          {
            type: 'category',
-            // prettier-ignore
-            data: xAxis
+            name: '日期',
+            data: xAxis,
+            axisLabel: {
+              rotate: 25
+            }
          }
        ],
        yAxis: [
          {
-            type: 'value'
+            type: 'value',
+            name: '单位：个'
          }
        ],
        grid: {
-          top: '20%',
+          top: '10%',
          left: "1%",
-          right: "3%",
-          bottom: "1%",
+          right: "5%",
+          bottom: "0%",
          containLabel: true
        },
        series: seriesList