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

package/files/.wl-skills/templates/sale/demo/domestic-trade-order/index.scss

@@ -1,99 +1,99 @@
-/**
- * 内贸订单 - 样式层
- */
-
-.app-container {
-  margin: 8px;
-  &.app-page-container {
-    padding: 16px;
-    background-color: #fff;
-  }
-}
-
-.base-toolbar-content {
-  flex-wrap: wrap;
-}
-
-// 查询区域下拉框宽度统一
-:deep(.base-query) {
-  .el-select {
-    width: 100%;
-  }
-}
-
-// 工具栏按钮样式
-:deep(.base-toolbar) {
-  .el-button.is-plain {
-    font-size: 12px;
-  }
-}
-
-// 玻璃风格按钮 - 淡蓝色高级玻璃质感
-:deep(.glass-button) {
-  position: relative;
-  background: linear-gradient(
-    135deg,
-    rgba(135, 206, 250, 0.25) 0%,
-    rgba(173, 216, 230, 0.15) 50%,
-    rgba(135, 206, 250, 0.2) 100%
-  ) !important;
-  backdrop-filter: blur(16px) !important;
-  -webkit-backdrop-filter: blur(16px) !important;
-  border: 1px solid rgba(135, 206, 250, 0.4) !important;
-  box-shadow: 0 4px 16px rgba(135, 206, 250, 0.15),
-    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
-  color: #2c5f8a !important;
-  font-weight: 500;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-
-  // 添加光泽效果
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 50%;
-    background: linear-gradient(
-      180deg,
-      rgba(255, 255, 255, 0.2) 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    border-radius: inherit;
-    pointer-events: none;
-  }
-
-  &:hover {
-    background: linear-gradient(
-      135deg,
-      rgba(135, 206, 250, 0.35) 0%,
-      rgba(173, 216, 230, 0.25) 50%,
-      rgba(135, 206, 250, 0.3) 100%
-    ) !important;
-    border-color: rgba(64, 158, 255, 0.6) !important;
-    box-shadow: 0 8px 24px rgba(135, 206, 250, 0.25),
-      inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
-    color: #1a4a75 !important;
-    transform: translateY(-1px);
-  }
-
-  &:active {
-    transform: translateY(0);
-    box-shadow: 0 2px 8px rgba(135, 206, 250, 0.2),
-      inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
-  }
-}
-// 表格区域
-:deep(.el-table) {
-  .el-table__header {
-    th {
-      background-color: #f5f7fa;
-    }
-  }
-}
-
-// 分页区域
-:deep(.jh-pagination) {
-  margin-top: 16px;
-  justify-content: flex-end;
-}
+/**
+ * 内贸订单 - 样式层
+ */
+
+.app-container {
+  margin: 8px;
+  &.app-page-container {
+    padding: 16px;
+    background-color: #fff;
+  }
+}
+
+.base-toolbar-content {
+  flex-wrap: wrap;
+}
+
+// 查询区域下拉框宽度统一
+:deep(.base-query) {
+  .el-select {
+    width: 100%;
+  }
+}
+
+// 工具栏按钮样式
+:deep(.base-toolbar) {
+  .el-button.is-plain {
+    font-size: 12px;
+  }
+}
+
+// 玻璃风格按钮 - 淡蓝色高级玻璃质感
+:deep(.glass-button) {
+  position: relative;
+  background: linear-gradient(
+    135deg,
+    rgba(135, 206, 250, 0.25) 0%,
+    rgba(173, 216, 230, 0.15) 50%,
+    rgba(135, 206, 250, 0.2) 100%
+  ) !important;
+  backdrop-filter: blur(16px) !important;
+  -webkit-backdrop-filter: blur(16px) !important;
+  border: 1px solid rgba(135, 206, 250, 0.4) !important;
+  box-shadow: 0 4px 16px rgba(135, 206, 250, 0.15),
+    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
+  color: #2c5f8a !important;
+  font-weight: 500;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+
+  // 添加光泽效果
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 50%;
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0.2) 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    border-radius: inherit;
+    pointer-events: none;
+  }
+
+  &:hover {
+    background: linear-gradient(
+      135deg,
+      rgba(135, 206, 250, 0.35) 0%,
+      rgba(173, 216, 230, 0.25) 50%,
+      rgba(135, 206, 250, 0.3) 100%
+    ) !important;
+    border-color: rgba(64, 158, 255, 0.6) !important;
+    box-shadow: 0 8px 24px rgba(135, 206, 250, 0.25),
+      inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
+    color: #1a4a75 !important;
+    transform: translateY(-1px);
+  }
+
+  &:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 8px rgba(135, 206, 250, 0.2),
+      inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
+  }
+}
+// 表格区域
+:deep(.el-table) {
+  .el-table__header {
+    th {
+      background-color: #f5f7fa;
+    }
+  }
+}
+
+// 分页区域
+:deep(.jh-pagination) {
+  margin-top: 16px;
+  justify-content: flex-end;
+}

package/files/.wl-skills/templates/sale/demo/domestic-trade-order/index.vue

@@ -1,77 +1,77 @@
-<!--
- * @Author: ChenYu ycyplus@gmail.com
- * @Date: 2025-12-31 11:03:17
- * @LastEditors: ChenYu ycyplus@gmail.com
- * @LastEditTime: 2026-01-01 22:21:41
- * @FilePath: \cx-ui-sale\src\views\sale\demo\domestic-trade-order\index.vue
- * @Description: 内贸订单 - 视图层（内贸订单列表的查询、新增、编辑、删除）
- * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
- -->
-<template>
-  <div class="app-container app-page-container">
-    <!-- 搜索栏 -->
-    <BaseQuery
-      :form="queryParam"
-      :items="queryItems"
-      :columns="5"
-      :auto-select="false"
-      @select="select"
-      @reset="select"
-    />
-    <!-- 工具栏 -->
-    <BaseToolbar :items="toolbars" :rightItems="rightToolbars" />
-    <!-- 表格 -->
-    <BaseTable
-      ref="tableRef"
-      :data="list"
-      :columns="columns"
-      :render-type="renderType"
-      showToolbar
-    />
-    <!-- 分页 -->
-    <jh-pagination
-      v-show="page.total && page.total > 0"
-      :total="page.total || 0"
-      v-model:currentPage="page.current"
-      v-model:pageSize="page.size"
-      @current-change="select"
-      @size-change="select"
-    />
-  </div>
-  <!-- 表单弹窗 -->
-  <c_formModal ref="modalRef" v-bind="modalConfig" @ok="select" />
-</template>
-
-<script setup lang="ts">
-import c_formModal from "@/components/local/c_formModal/index.vue";
-import { createPage, renderType, modalConfig } from "./data";
-
-// 弹窗引用
-const modalRef = ref<InstanceType<typeof c_formModal>>();
-
-// 创建页面Hook实例
-const Page = createPage(modalRef);
-
-// 解构使用
-const { page, queryParam, list, queryItems, toolbars, columns, select } = Page;
-
-// TODO: 右侧工具栏 - 临时用于切换表格类型演示，未来需删除除）
-const rightToolbars = [
-  {
-    label: "切换表格",
-    classnames: ["glass-button"],
-    onClick: () => {
-      renderType.value = renderType.value === "dataTable" ? "agGrid" : "dataTable";
-    }
-  }
-];
-
-// 初始化
-onMounted(() => {
-  select();
-});
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<!--
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2025-12-31 11:03:17
+ * @LastEditors: ChenYu ycyplus@gmail.com
+ * @LastEditTime: 2026-01-01 22:21:41
+ * @FilePath: \cx-ui-sale\src\views\sale\demo\domestic-trade-order\index.vue
+ * @Description: 内贸订单 - 视图层（内贸订单列表的查询、新增、编辑、删除）
+ * Copyright (c) 2025 by CHENY, All Rights Reserved 😎.
+ -->
+<template>
+  <div class="app-container app-page-container">
+    <!-- 搜索栏 -->
+    <BaseQuery
+      :form="queryParam"
+      :items="queryItems"
+      :columns="5"
+      :auto-select="false"
+      @select="select"
+      @reset="select"
+    />
+    <!-- 工具栏 -->
+    <BaseToolbar :items="toolbars" :rightItems="rightToolbars" />
+    <!-- 表格 -->
+    <BaseTable
+      ref="tableRef"
+      :data="list"
+      :columns="columns"
+      :render-type="renderType"
+      showToolbar
+    />
+    <!-- 分页 -->
+    <jh-pagination
+      v-show="page.total && page.total > 0"
+      :total="page.total || 0"
+      v-model:currentPage="page.current"
+      v-model:pageSize="page.size"
+      @current-change="select"
+      @size-change="select"
+    />
+  </div>
+  <!-- 表单弹窗 -->
+  <c_formModal ref="modalRef" v-bind="modalConfig" @ok="select" />
+</template>
+
+<script setup lang="ts">
+import c_formModal from "@/components/local/c_formModal/index.vue";
+import { createPage, renderType, modalConfig } from "./data";
+
+// 弹窗引用
+const modalRef = ref<InstanceType<typeof c_formModal>>();
+
+// 创建页面Hook实例
+const Page = createPage(modalRef);
+
+// 解构使用
+const { page, queryParam, list, queryItems, toolbars, columns, select } = Page;
+
+// TODO: 右侧工具栏 - 临时用于切换表格类型演示，未来需删除除）
+const rightToolbars = [
+  {
+    label: "切换表格",
+    classnames: ["glass-button"],
+    onClick: () => {
+      renderType.value = renderType.value === "dataTable" ? "agGrid" : "dataTable";
+    }
+  }
+];
+
+// 初始化
+onMounted(() => {
+  select();
+});
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>