@agile-team/wl-skills-kit 2.11.1 → 2.11.2

package/files/.wl-skills/templates/sale/demo/heat-batch-return/index.scss

@@ -1,100 +1,100 @@
-/**
- * 炉次返送 - 样式层
- */
-
-.furnace-batch-page-container {
-  width: 100%;
-  height: calc(100% - 16px);
-  padding: 8px;
-  background-color: #f5f5f5;
-}
-
-.furnace-batch-page {
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-}
-
-// 工具栏容器
-.toolbar-container {
-  flex-shrink: 0;
-  padding: 16px 16px 0 16px;
-  margin-bottom: 16px;
-}
-
-.page-container {
-  display: flex;
-  gap: 6px;
-  flex: 1;
-  overflow: hidden;
-}
-
-// 左右区块通用样式
-.section {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  background-color: #fff;
-  position: relative;
-  padding: 0 16px 16px 16px;
-  overflow: hidden;
-
-  &.left-section {
-    padding-right: 8px;
-  }
-
-  &.right-section {
-    padding-left: 8px;
-  }
-}
-
-// 表格容器
-.table-box {
-  flex: 1;
-  overflow: hidden;
-}
-
-// 区块标题
-.section-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  height: 24px;
-  background: rgba(67, 104, 255, 0.1);
-
-  .title-bar {
-    width: 4px;
-    height: 80%;
-    background-color: #4368FF;
-    margin-right: 6px;
-    margin-left: 8px;
-  }
-
-  .section-title {
-    margin: 0;
-    font-size: 14px;
-    font-weight: 500;
-    color: #000000;
-  }
-}
-
-// 分页容器
-.pagination-container {
-  margin-top: 16px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  .pagination-info {
-    font-size: 14px;
-    color: #666;
-  }
-}
-
-// 分页样式调整
-:deep(.el-pagination) {
-  position: sticky;
-}
+/**
+ * 炉次返送 - 样式层
+ */
+
+.furnace-batch-page-container {
+  width: 100%;
+  height: calc(100% - 16px);
+  padding: 8px;
+  background-color: #f5f5f5;
+}
+
+.furnace-batch-page {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+// 工具栏容器
+.toolbar-container {
+  flex-shrink: 0;
+  padding: 16px 16px 0 16px;
+  margin-bottom: 16px;
+}
+
+.page-container {
+  display: flex;
+  gap: 6px;
+  flex: 1;
+  overflow: hidden;
+}
+
+// 左右区块通用样式
+.section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  position: relative;
+  padding: 0 16px 16px 16px;
+  overflow: hidden;
+
+  &.left-section {
+    padding-right: 8px;
+  }
+
+  &.right-section {
+    padding-left: 8px;
+  }
+}
+
+// 表格容器
+.table-box {
+  flex: 1;
+  overflow: hidden;
+}
+
+// 区块标题
+.section-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  height: 24px;
+  background: rgba(67, 104, 255, 0.1);
+
+  .title-bar {
+    width: 4px;
+    height: 80%;
+    background-color: #4368FF;
+    margin-right: 6px;
+    margin-left: 8px;
+  }
+
+  .section-title {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 500;
+    color: #000000;
+  }
+}
+
+// 分页容器
+.pagination-container {
+  margin-top: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .pagination-info {
+    font-size: 14px;
+    color: #666;
+  }
+}
+
+// 分页样式调整
+:deep(.el-pagination) {
+  position: sticky;
+}

package/files/.wl-skills/templates/sale/demo/heat-batch-return/index.vue

@@ -1,170 +1,170 @@
-<!--
- * @Author: ChenYu ycyplus@gmail.com
- * @Date: 2025-06-13 18:38:58
- * @LastEditors: ChenYu ycyplus@gmail.com
- * @LastEditTime: 2026-01-04 08:29:26
- * @FilePath: \cx-ui-sale\src\views\sale\demo\heat-batch-return\index.vue
- * @Description: 炉次返送 - 视图层（待炉次返送与已炉次返送数据管理）
- * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
- -->
-<template>
-  <div class="furnace-batch-page-container">
-    <div class="furnace-batch-page">
-      <!-- 工具栏单独占一行 -->
-      <div class="toolbar-container">
-        <BaseToolbar :items="pendingToolbarItems" />
-      </div>
-
-      <!-- 表格内容区域 -->
-      <div class="page-container">
-        <!-- 左侧：待炉次返送 -->
-        <div class="section left-section">
-          <!-- 标题 -->
-          <div class="section-header">
-            <div class="title-bar"></div>
-            <h2 class="section-title">待炉次返送</h2>
-          </div>
-
-          <!-- 表格 -->
-          <div class="table-box">
-            <BaseTable
-              :data="pendingData.list"
-              :columns="pendingColumnsConfig"
-              :loading="pendingLoading"
-              border
-              stripe
-              size="small"
-              height="100%"
-              @selection-change="handlePendingSelectionChange"
-            />
-          </div>
-
-          <!-- 分页 -->
-          <div class="pagination-container">
-            <div class="pagination-info">共{{ pendingData.total }}条</div>
-            <jh-pagination
-              v-model:currentPage="pendingPagination.page"
-              v-model:pageSize="pendingPagination.pageSize"
-              :total="pendingData.total"
-              :page-sizes="[15, 30, 50, 100]"
-              layout="prev, pager, next, sizes, jumper"
-              size="small"
-              @current-change="handlePendingPageChange"
-              @size-change="handlePendingSizeChange"
-            />
-          </div>
-        </div>
-
-        <!-- 右侧：已炉次返送 -->
-        <div class="section right-section">
-          <!-- 标题 -->
-          <div class="section-header">
-            <div class="title-bar"></div>
-            <h2 class="section-title">已炉次返送</h2>
-          </div>
-
-          <!-- 表格 -->
-          <div class="table-box">
-            <BaseTable
-              :data="returnedData.list"
-              :columns="returnedColumnsConfig"
-              :loading="returnedLoading"
-              border
-              stripe
-              size="small"
-              height="100%"
-              @selection-change="handleReturnedSelectionChange"
-            />
-          </div>
-
-          <!-- 分页 -->
-          <div class="pagination-container">
-            <div class="pagination-info">共{{ returnedData.total }}条</div>
-            <jh-pagination
-              v-model:currentPage="returnedPagination.page"
-              v-model:pageSize="returnedPagination.pageSize"
-              :total="returnedData.total"
-              :page-sizes="[15, 30, 50, 100]"
-              layout="prev, pager, next, sizes, jumper"
-              size="small"
-              @current-change="handleReturnedPageChange"
-              @size-change="handleReturnedSizeChange"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 新增返送弹窗 -->
-    <c_formModal
-      ref="modalRef"
-      :form-items="modalConfig.formItems"
-      :api="modalConfig.api"
-      :width="modalConfig.width"
-      :columns="modalConfig.columns"
-      :label-width="modalConfig.labelWidth"
-      :title-prefix="modalConfig.titlePrefix"
-      @ok="handleModalOk"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from "vue";
-import c_formModal from "@/components/local/c_formModal/index.vue";
-import {
-  pendingColumnsConfig,
-  returnedColumnsConfig,
-  pendingLoading,
-  returnedLoading,
-  pendingData,
-  returnedData,
-  pendingPagination,
-  returnedPagination,
-  fetchPendingData,
-  fetchReturnedData,
-  handlePendingPageChange,
-  handlePendingSizeChange,
-  handleReturnedPageChange,
-  handleReturnedSizeChange,
-  handlePendingSelectionChange,
-  handleReturnedSelectionChange,
-  handleQuery,
-  getToolbarConfig,
-  modalConfig
-} from "./data";
-import "./index.scss";
-
-// 弹窗引用
-const modalRef = ref<InstanceType<typeof c_formModal>>();
-
-// 待返送工具栏配置
-const pendingToolbarItems = computed(() =>
-  getToolbarConfig({
-    onReturn: () => modalRef.value?.open(),
-    onQuery: handleQuery
-  })
-);
-
-// 弹窗操作成功回调
-const handleModalOk = () => {
-  fetchPendingData();
-  fetchReturnedData();
-};
-
-// 初始化数据
-onMounted(() => {
-  fetchPendingData();
-  fetchReturnedData();
-});
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-
-.input-suffix {
-  color: #909399;
-  font-size: 12px;
-  padding-right: 0px;
-}
-</style>
+<!--
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2025-06-13 18:38:58
+ * @LastEditors: ChenYu ycyplus@gmail.com
+ * @LastEditTime: 2026-01-04 08:29:26
+ * @FilePath: \cx-ui-sale\src\views\sale\demo\heat-batch-return\index.vue
+ * @Description: 炉次返送 - 视图层（待炉次返送与已炉次返送数据管理）
+ * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
+ -->
+<template>
+  <div class="furnace-batch-page-container">
+    <div class="furnace-batch-page">
+      <!-- 工具栏单独占一行 -->
+      <div class="toolbar-container">
+        <BaseToolbar :items="pendingToolbarItems" />
+      </div>
+
+      <!-- 表格内容区域 -->
+      <div class="page-container">
+        <!-- 左侧：待炉次返送 -->
+        <div class="section left-section">
+          <!-- 标题 -->
+          <div class="section-header">
+            <div class="title-bar"></div>
+            <h2 class="section-title">待炉次返送</h2>
+          </div>
+
+          <!-- 表格 -->
+          <div class="table-box">
+            <BaseTable
+              :data="pendingData.list"
+              :columns="pendingColumnsConfig"
+              :loading="pendingLoading"
+              border
+              stripe
+              size="small"
+              height="100%"
+              @selection-change="handlePendingSelectionChange"
+            />
+          </div>
+
+          <!-- 分页 -->
+          <div class="pagination-container">
+            <div class="pagination-info">共{{ pendingData.total }}条</div>
+            <jh-pagination
+              v-model:currentPage="pendingPagination.page"
+              v-model:pageSize="pendingPagination.pageSize"
+              :total="pendingData.total"
+              :page-sizes="[15, 30, 50, 100]"
+              layout="prev, pager, next, sizes, jumper"
+              size="small"
+              @current-change="handlePendingPageChange"
+              @size-change="handlePendingSizeChange"
+            />
+          </div>
+        </div>
+
+        <!-- 右侧：已炉次返送 -->
+        <div class="section right-section">
+          <!-- 标题 -->
+          <div class="section-header">
+            <div class="title-bar"></div>
+            <h2 class="section-title">已炉次返送</h2>
+          </div>
+
+          <!-- 表格 -->
+          <div class="table-box">
+            <BaseTable
+              :data="returnedData.list"
+              :columns="returnedColumnsConfig"
+              :loading="returnedLoading"
+              border
+              stripe
+              size="small"
+              height="100%"
+              @selection-change="handleReturnedSelectionChange"
+            />
+          </div>
+
+          <!-- 分页 -->
+          <div class="pagination-container">
+            <div class="pagination-info">共{{ returnedData.total }}条</div>
+            <jh-pagination
+              v-model:currentPage="returnedPagination.page"
+              v-model:pageSize="returnedPagination.pageSize"
+              :total="returnedData.total"
+              :page-sizes="[15, 30, 50, 100]"
+              layout="prev, pager, next, sizes, jumper"
+              size="small"
+              @current-change="handleReturnedPageChange"
+              @size-change="handleReturnedSizeChange"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 新增返送弹窗 -->
+    <c_formModal
+      ref="modalRef"
+      :form-items="modalConfig.formItems"
+      :api="modalConfig.api"
+      :width="modalConfig.width"
+      :columns="modalConfig.columns"
+      :label-width="modalConfig.labelWidth"
+      :title-prefix="modalConfig.titlePrefix"
+      @ok="handleModalOk"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import c_formModal from "@/components/local/c_formModal/index.vue";
+import {
+  pendingColumnsConfig,
+  returnedColumnsConfig,
+  pendingLoading,
+  returnedLoading,
+  pendingData,
+  returnedData,
+  pendingPagination,
+  returnedPagination,
+  fetchPendingData,
+  fetchReturnedData,
+  handlePendingPageChange,
+  handlePendingSizeChange,
+  handleReturnedPageChange,
+  handleReturnedSizeChange,
+  handlePendingSelectionChange,
+  handleReturnedSelectionChange,
+  handleQuery,
+  getToolbarConfig,
+  modalConfig
+} from "./data";
+import "./index.scss";
+
+// 弹窗引用
+const modalRef = ref<InstanceType<typeof c_formModal>>();
+
+// 待返送工具栏配置
+const pendingToolbarItems = computed(() =>
+  getToolbarConfig({
+    onReturn: () => modalRef.value?.open(),
+    onQuery: handleQuery
+  })
+);
+
+// 弹窗操作成功回调
+const handleModalOk = () => {
+  fetchPendingData();
+  fetchReturnedData();
+};
+
+// 初始化数据
+onMounted(() => {
+  fetchPendingData();
+  fetchReturnedData();
+});
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+
+.input-suffix {
+  color: #909399;
+  font-size: 12px;
+  padding-right: 0px;
+}
+</style>