1.润泰-BI大屏展示修改

gaoluyang

2025-12-11 c4e7a4be56f5fa865843574b6f0ad91f1861f1b9

 src/views/productionManagement/productionDispatching/index.vue

@@ -1,32 +1,32 @@
<template>
   <div class="app-container">
      <!-- 炒机1-4 展示（总量 / 正在生产量 / 空余量） -->
      <div class="machines-grid">
         <div v-for="machine in machines" :key="machine.id" class="machine-card">
            <div class="machine-title">{{ machine.name }}</div>
            <div class="machine-metrics">
            <div class="machine-control">
               <span>总量(kg)：</span>
               <el-input-number v-model="machineData[machine.name].workLoad" :min="0" :step="1" size="small" />
            </div>
            <div><span> 预计投入量(kg)：</span><span>{{ machineData[machine.name].currentWorkLoad }}</span></div>
            <div><span>空余工作量(kg)：</span><span>{{ machineData[machine.name].vacant }}</span></div>
         </div>
         </div>
         <div class="save-button-container">
            <div class="loss-rate-container">
               <span class="loss-rate-label">损耗率(%)：</span>
               <el-select v-model="rate" placeholder="请选择损耗率" style="width: 120px" size="small">
                  <el-option label="6" :value="6" />
                  <el-option label="7" :value="7" />
                  <el-option label="8" :value="8" />
                  <el-option label="9" :value="9" />
                  <el-option label="10" :value="10" />
               </el-select>
            </div>
            <el-button type="primary" @click="saveMachineTotals" size="small">保存设置</el-button>
         </div>
      </div>
<!--      <div class="machines-grid">-->
<!--         <div v-for="machine in machines" :key="machine.id" class="machine-card">-->
<!--            <div class="machine-title">{{ machine.name }}</div>-->
<!--            <div class="machine-metrics">-->
<!--            <div class="machine-control">-->
<!--               <span>总量(kg)：</span>-->
<!--               <el-input-number v-model="machineData[machine.name].workLoad" :min="0" :step="1" size="small" />-->
<!--            </div>-->
<!--            <div><span> 预计投入量(kg)：</span><span>{{ machineData[machine.name].currentWorkLoad }}</span></div>-->
<!--            <div><span>空余工作量(kg)：</span><span>{{ machineData[machine.name].vacant }}</span></div>-->
<!--         </div>-->
<!--         </div>-->
<!--         <div class="save-button-container">-->
<!--            <div class="loss-rate-container">-->
<!--               <span class="loss-rate-label">损耗率(%)：</span>-->
<!--               <el-select v-model="rate" placeholder="请选择损耗率" style="width: 120px" size="small">-->
<!--                  <el-option label="6" :value="6" />-->
<!--                  <el-option label="7" :value="7" />-->
<!--                  <el-option label="8" :value="8" />-->
<!--                  <el-option label="9" :value="9" />-->
<!--                  <el-option label="10" :value="10" />-->
<!--               </el-select>-->
<!--            </div>-->
<!--            <el-button type="primary" @click="saveMachineTotals" size="small">保存设置</el-button>-->
<!--         </div>-->
<!--      </div>-->
      <div class="search_form">
         <div>
            <span class="search_title">客户名称：</span>
@@ -38,7 +38,7 @@
               clearable
               prefix-icon="Search"
            />
            <span class="search_title ml10">项目名称：</span>
            <!-- <span class="search_title ml10">项目名称：</span>
            <el-input
               v-model="searchForm.projectName"
               style="width: 240px"
@@ -46,7 +46,7 @@
               @change="handleQuery"
               clearable
               prefix-icon="Search"
            />
            /> -->
            <span class="search_title ml10">录入日期：</span>
            <el-date-picker v-model="searchForm.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange"
                              placeholder="请选择" clearable @change="changeDaterange" />
@@ -87,10 +87,11 @@
const data = reactive({
   searchForm: {
      customerName: "",
      projectName: "",
      entryDate: null, // 录入日期
      entryDateStart: undefined,
      entryDateEnd: undefined,
      // projectName: "",
      status: "",
      entryDate: [dayjs().format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")], // 录入日期，默认当天
      entryDateStart: dayjs().format("YYYY-MM-DD"),
      entryDateEnd: dayjs().format("YYYY-MM-DD"),
   },
});
const { searchForm } = toRefs(data);
@@ -110,11 +111,11 @@
      prop: "customerName",
      width: 250,
   },
   {
      label: "项目名称",
      prop: "projectName",
      width:300
   },
   // {
   //    label: "项目名称",
   //    prop: "projectName",
   //    width:300
   // },
   {
      label: "产品大类",
      prop: "productCategory",
@@ -125,11 +126,11 @@
      prop: "specificationModel",
      width: 120,
   },
   {
      label: "绑定机器",
      prop: "speculativeTradingName",
      width: 220,
   },
   // {
   //    label: "绑定机器",
   //    prop: "speculativeTradingName",
   //    width: 220,
   // },
   {
      label: "单位",
      prop: "unit",