修改看板大屏，动态获取数据

huang

2025-06-12 e206ea8f7dbb655c0d8868996dae8ff1ff5ed11a

 UI-Project/src/views/KanbanData/kanbanData.vue

@@ -62,7 +62,8 @@


// 当前激活的标签页
const activeTab = ref('yield')
const activeTab = ref('utilization')
const showTab = ref(false)

// 单小时产量数据
const yieldFormData = ref({
@@ -685,7 +686,7 @@
    <el-main>
      <el-tabs v-model="activeTab">
        <!-- 单小时产量标签页 -->
        <el-tab-pane label="单小时产量" name="yield">
        <el-tab-pane label="单小时产量"  name="yield">
          <!-- 添加目标值设置部分 -->
          <div class="target-setting">
            <el-form :inline="true" label-width="100px">
@@ -714,7 +715,7 @@
              </el-form-item>
            </el-form>
          </div>
          <el-form :inline="true" :model="yieldFormData" label-width="100px" class="form-container">
          <el-form :inline="true" :model="yieldFormData" label-width="100px" v-if="showTab" class="form-container">
            <el-form-item label="日期">
              <el-date-picker
                v-model="yieldFormData.recordDate"
@@ -746,7 +747,7 @@
            </el-form-item>
          </el-form>

          <el-table :data="yieldData"  v-loading="yieldLoading" style="width: 100%">
          <el-table :data="yieldData"  v-loading="yieldLoading" style="width: 100%" v-if="showTab">
            <el-table-column prop="recordDate" label="日期" width="180">
              <template #default="scope">
                <el-date-picker
@@ -949,7 +950,7 @@
        </el-tab-pane>

        <!-- 在制量标签页 -->
        <el-tab-pane label="在制量" name="quantity">
        <el-tab-pane label="在制量"  name="quantity">
          <!-- 添加目标值设置部分 -->
          <div class="target-setting">
            <el-form :inline="true" label-width="100px">
@@ -1001,8 +1002,8 @@
            <el-form-item label="类型">
              <el-select v-model="quantityFormData.locationCode" placeholder="选择类型" style="width: 180px">
                <el-option label="半成品" value="半成品" />
                <el-option label="7014" value="7014" />
                <el-option label="7016" value="7016" />
                <!-- <el-option label="7014" value="7014" />
                <el-option label="7016" value="7016" /> -->
              </el-select>
            </el-form-item>
            <el-form-item label="数量">
@@ -1021,7 +1022,7 @@
            </el-form-item>
          </el-form>

          <el-table :data="quantityData"  v-loading="quantityLoading" style="width: 100%">
          <el-table :data="quantityData"  v-loading="quantityLoading" style="width: 100%" >
            <el-table-column prop="recordDate" label="日期" width="180">
              <template #default="scope">
                <el-date-picker
@@ -1095,7 +1096,7 @@
        </el-tab-pane>

        <!-- 计划产量标签页 -->
        <el-tab-pane label="计划产量" name="planned">
        <el-tab-pane label="计划产量" v-if="showTab" name="planned">
          <el-form :inline="true" :model="plannedFormData" label-width="100px" class="form-container">
            <el-form-item label="日期">
              <el-date-picker