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

package/files/.wl-skills/templates/sale/demo/billet-flame-cut-plan/index.scss

@@ -1,155 +1,155 @@
-.billet-flame-cut-plan {
-  padding: 8px;
-  background-color: #f5f5f5;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 8px;
-
-  .main-tabs {
-    background: #fff;
-    padding: 10px 10px;
-  }
-
-  .search-form {
-    .search-row {
-      margin-bottom: 8px;
-
-      :deep(.el-col) {
-        width: 20%;
-        flex: unset;
-      }
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-      :deep(.el-form-item) {
-        margin-bottom: 0;
-        width: 100%;
-
-        .el-form-item__content {
-          flex: 1;
-          margin-left: 0 !important;
-        }
-      }
-    }
-  }
-
-  .el-divider--horizontal {
-    margin: 16px 0;
-  }
-
-    .cut-info-divider {
-      margin: 8px 0 16px 0 !important;
-    }
-  .action-buttons {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-
-    .el-button + .el-button {
-      margin-left: 0;
-    }
-  }
-
-  .el-button--small {
-    font-size: 14px;
-  }
-
-  .page-container {
-    margin-top: 16px;
-    display: flex;
-    justify-content: flex-end;
-  }
-
-  .table-section {
-    margin-top: 16px;
-  }
-}
-
-// 子标题线条样式调整
-:deep(.el-divider__text.is-left) {
-  left: 0px;
-}
-
-:deep(.el-divider__text.is-left:after) {
-  content: "";
-  width: 4px;
-  height: 16px;
-  position: absolute;
-  left: 6px;
-  top: 4px;
-  background-color: rgba(85.8, 119.1, 255, 1);
-}
-
-// 覆盖tabs的样式
-.main-tab {
-  :deep(.el-tabs__header) {
-    margin-bottom: 0;
-  }
-
-  :deep(.el-tabs__nav) {
-    .el-tabs__active-bar {
-      background-color: transparent;
-    }
-
-    .el-tabs__item {
-      padding: 0 10px;
-      color: #666;
-      box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.05);
-      border-top-left-radius: 4px;
-      border-top-right-radius: 4px;
-
-      &:last-child {
-        padding-right: 10px;
-      }
-
-      &:nth-child(2) {
-        padding-left: 10px;
-      }
-    }
-
-    .is-active {
-      background-color: #fff;
-      color: #000;
-    }
-  }
-}
-
-// 主内容区域 - 左右布局
-.main-content {
-  display: flex;
-  gap: 16px;
-  height: calc(100vh - 280px);
-  align-items: flex-start; // 确保顶部对齐
-
-  .left-panel,
-  .right-panel {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-width: 0; // 防止内容溢出
-  }
-
-  .left-panel {
-    .pagination-wrapper {
-      margin-top: 16px;
-      display: flex;
-      justify-content: flex-end;
-    }
-  }
-
-  // 确保两个表格的divider和表头对齐
-  :deep(.el-divider) {
-    margin: 16px 0 !important;
-  }
-
-  :deep(.el-table) {
-    flex: 1;
-    
-    .el-table__header-wrapper {
-      background-color: #fafafa;
-    }
-  }
+.billet-flame-cut-plan {
+  padding: 8px;
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 8px;
+
+  .main-tabs {
+    background: #fff;
+    padding: 10px 10px;
+  }
+
+  .search-form {
+    .search-row {
+      margin-bottom: 8px;
+
+      :deep(.el-col) {
+        width: 20%;
+        flex: unset;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      :deep(.el-form-item) {
+        margin-bottom: 0;
+        width: 100%;
+
+        .el-form-item__content {
+          flex: 1;
+          margin-left: 0 !important;
+        }
+      }
+    }
+  }
+
+  .el-divider--horizontal {
+    margin: 16px 0;
+  }
+
+    .cut-info-divider {
+      margin: 8px 0 16px 0 !important;
+    }
+  .action-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+
+    .el-button + .el-button {
+      margin-left: 0;
+    }
+  }
+
+  .el-button--small {
+    font-size: 14px;
+  }
+
+  .page-container {
+    margin-top: 16px;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .table-section {
+    margin-top: 16px;
+  }
+}
+
+// 子标题线条样式调整
+:deep(.el-divider__text.is-left) {
+  left: 0px;
+}
+
+:deep(.el-divider__text.is-left:after) {
+  content: "";
+  width: 4px;
+  height: 16px;
+  position: absolute;
+  left: 6px;
+  top: 4px;
+  background-color: rgba(85.8, 119.1, 255, 1);
+}
+
+// 覆盖tabs的样式
+.main-tab {
+  :deep(.el-tabs__header) {
+    margin-bottom: 0;
+  }
+
+  :deep(.el-tabs__nav) {
+    .el-tabs__active-bar {
+      background-color: transparent;
+    }
+
+    .el-tabs__item {
+      padding: 0 10px;
+      color: #666;
+      box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.05);
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+
+      &:last-child {
+        padding-right: 10px;
+      }
+
+      &:nth-child(2) {
+        padding-left: 10px;
+      }
+    }
+
+    .is-active {
+      background-color: #fff;
+      color: #000;
+    }
+  }
+}
+
+// 主内容区域 - 左右布局
+.main-content {
+  display: flex;
+  gap: 16px;
+  height: calc(100vh - 280px);
+  align-items: flex-start; // 确保顶部对齐
+
+  .left-panel,
+  .right-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 0; // 防止内容溢出
+  }
+
+  .left-panel {
+    .pagination-wrapper {
+      margin-top: 16px;
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+
+  // 确保两个表格的divider和表头对齐
+  :deep(.el-divider) {
+    margin: 16px 0 !important;
+  }
+
+  :deep(.el-table) {
+    flex: 1;
+    
+    .el-table__header-wrapper {
+      background-color: #fafafa;
+    }
+  }
 }

package/files/.wl-skills/templates/sale/demo/billet-flame-cut-plan/index.vue

@@ -1,117 +1,117 @@
-<!--
- * @Author: ChenYu ycyplus@gmail.com
- * @Date: 2025-06-13 18:38:58
- * @LastEditors: ChenYu ycyplus@gmail.com
- * @LastEditTime: 2026-01-04 00:29:09
- * @FilePath: \cx-ui-sale\src\views\sale\demo\billet-flame-cut-plan\index.vue
- * @Description: 钢坯火切计划 - 视图层
- * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
- -->
-<template>
-  <div class="app-container app-page-container">
-    <el-tabs v-model="activeTab" class="main-tab">
-      <el-tab-pane label="火切计划" name="plan">
-        <!-- 搜索栏 -->
-        <BaseQuery
-          :form="queryParam"
-          :items="queryItems"
-          :columns="5"
-          @select="select"
-          @reset="select"
-        />
-        <!-- 工具栏 -->
-        <BaseToolbar :items="toolbars" />
-        <!-- 主内容区域 - 左右布局 -->
-        <div class="main-content">
-          <!-- 左侧：计划信息 -->
-          <div class="left-panel">
-            <el-divider content-position="left">计划信息</el-divider>
-            <BaseTable
-              ref="tableRef"
-              :data="list"
-              :columns="columns"
-              :render-type="renderType"
-              :loading="loading"
-            />
-            <!-- 分页 -->
-            <jh-pagination
-              v-show="page.total > 0"
-              :total="page.total"
-              v-model:currentPage="page.current"
-              v-model:pageSize="page.size"
-              @current-change="select"
-              @size-change="select"
-              class="pagination-wrapper"
-            />
-          </div>
-          <!-- 右侧：切割信息 -->
-          <div class="right-panel">
-            <el-divider content-position="left" class="cut-info-divider">切割信息</el-divider>
-            <BaseTable
-              :data="cutList"
-              :columns="cutColumns"
-              :render-type="renderType"
-              :loading="loading"
-            />
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="火切实绩" name="result">
-        <!-- 预留火切实绩内容 -->
-      </el-tab-pane>
-    </el-tabs>
-  </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="select" 
-  />
-</template>
-
-<script setup lang="ts">
-import c_formModal from "@/components/local/c_formModal/index.vue";
-import { createPageHook, renderType } from "./data";
-import "./index.scss";
-
-// 弹窗引用
-const modalRef = ref();
-
-// 创建页面Hook实例
-const Page = createPageHook(modalRef);
-
-// 解构使用
-const {
-  activeTab,
-  queryParam,
-  page,
-  tableRef,
-  list,
-  cutList,
-  loading,
-  queryItems,
-  toolbars,
-  columns,
-  cutColumns,
-  modalConfig
-} = Page;
-
-// 查询数据
-const select = async () => {
-  await Page.select();
-};
-
-// 初始化
-onMounted(() => {
-  select();
-});
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<!--
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2025-06-13 18:38:58
+ * @LastEditors: ChenYu ycyplus@gmail.com
+ * @LastEditTime: 2026-01-04 00:29:09
+ * @FilePath: \cx-ui-sale\src\views\sale\demo\billet-flame-cut-plan\index.vue
+ * @Description: 钢坯火切计划 - 视图层
+ * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
+ -->
+<template>
+  <div class="app-container app-page-container">
+    <el-tabs v-model="activeTab" class="main-tab">
+      <el-tab-pane label="火切计划" name="plan">
+        <!-- 搜索栏 -->
+        <BaseQuery
+          :form="queryParam"
+          :items="queryItems"
+          :columns="5"
+          @select="select"
+          @reset="select"
+        />
+        <!-- 工具栏 -->
+        <BaseToolbar :items="toolbars" />
+        <!-- 主内容区域 - 左右布局 -->
+        <div class="main-content">
+          <!-- 左侧：计划信息 -->
+          <div class="left-panel">
+            <el-divider content-position="left">计划信息</el-divider>
+            <BaseTable
+              ref="tableRef"
+              :data="list"
+              :columns="columns"
+              :render-type="renderType"
+              :loading="loading"
+            />
+            <!-- 分页 -->
+            <jh-pagination
+              v-show="page.total > 0"
+              :total="page.total"
+              v-model:currentPage="page.current"
+              v-model:pageSize="page.size"
+              @current-change="select"
+              @size-change="select"
+              class="pagination-wrapper"
+            />
+          </div>
+          <!-- 右侧：切割信息 -->
+          <div class="right-panel">
+            <el-divider content-position="left" class="cut-info-divider">切割信息</el-divider>
+            <BaseTable
+              :data="cutList"
+              :columns="cutColumns"
+              :render-type="renderType"
+              :loading="loading"
+            />
+          </div>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="火切实绩" name="result">
+        <!-- 预留火切实绩内容 -->
+      </el-tab-pane>
+    </el-tabs>
+  </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="select" 
+  />
+</template>
+
+<script setup lang="ts">
+import c_formModal from "@/components/local/c_formModal/index.vue";
+import { createPageHook, renderType } from "./data";
+import "./index.scss";
+
+// 弹窗引用
+const modalRef = ref();
+
+// 创建页面Hook实例
+const Page = createPageHook(modalRef);
+
+// 解构使用
+const {
+  activeTab,
+  queryParam,
+  page,
+  tableRef,
+  list,
+  cutList,
+  loading,
+  queryItems,
+  toolbars,
+  columns,
+  cutColumns,
+  modalConfig
+} = Page;
+
+// 查询数据
+const select = async () => {
+  await Page.select();
+};
+
+// 初始化
+onMounted(() => {
+  select();
+});
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>