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

package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/index.scss

@@ -1 +1 @@
-// 新增申请列表页样式
+// 新增申请列表页样式

package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/index.vue

@@ -1,28 +1,28 @@
-<template>
-  <div class="app-container app-page-container">
-    <BaseQuery :form="queryParam" :items="queryItems" @select="select" @reset="select" />
-    <BaseToolbar :items="toolbars" />
-    <BaseTable ref="tableRef" :data="list" :columns="columns" 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>
-</template>
-
-<script setup lang="ts">
-import { createPage } from "./data";
-
-const Page = createPage();
-const { tableRef, page, queryParam, list, queryItems, columns, toolbars, select } = Page;
-
-onMounted(() => select());
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+  <div class="app-container app-page-container">
+    <BaseQuery :form="queryParam" :items="queryItems" @select="select" @reset="select" />
+    <BaseToolbar :items="toolbars" />
+    <BaseTable ref="tableRef" :data="list" :columns="columns" 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>
+</template>
+
+<script setup lang="ts">
+import { createPage } from "./data";
+
+const Page = createPage();
+const { tableRef, page, queryParam, list, queryItems, columns, toolbars, select } = Page;
+
+onMounted(() => select());
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>

package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/data.ts

@@ -1,115 +1,115 @@
-import { postAction, getAction } from "@jhlc/common-core/src/api/action";
-import { ElMessage } from "element-plus";
-import { useRouter } from "vue-router";
-import { createAddMockData } from "@/components/local/c_customerTabs/data";
-import envConfig from "@jhlc/common-core/src/store/env-config";
-
-export const API_CONFIG = {
-  getById: "/sale/customerApply/getById",
-  save: "/sale/customerApply/save",
-  submit: "/sale/customerApply/submit",
-  changeHistory: "/sale/customerApply/changeHistory"
-} as const;
-
-export function useApplyAddForm(tabsRef: any) {
-  const router = useRouter();
-  const loading = ref(false);
-  const isEdit = ref(false);
-  const currentId = ref<string>("");
-
-  async function loadDetail(id: string) {
-    loading.value = true;
-    isEdit.value = true;
-    currentId.value = id;
-    try {
-      const res = await getAction(API_CONFIG.getById, { id });
-      if (res?.data) tabsRef.value?.loadData(res.data);
-    } finally {
-      loading.value = false;
-    }
-  }
-
-  function loadMockData() {
-    tabsRef.value?.loadData(createAddMockData());
-  }
-
-  async function handleSave() {
-    const valid = await tabsRef.value?.validate();
-    if (!valid) {
-      ElMessage.warning("请完善必填项");
-      return;
-    }
-    loading.value = true;
-    try {
-      const formData = tabsRef.value?.collectFormData();
-      const payload = isEdit.value
-        ? { ...formData, id: currentId.value }
-        : formData;
-      const res = await postAction(API_CONFIG.save, payload);
-      if (res?.code === 200) {
-        ElMessage.success("保存成功");
-        if (!isEdit.value && res.data?.id) {
-          currentId.value = res.data.id;
-          isEdit.value = true;
-        }
-      }
-    } finally {
-      loading.value = false;
-    }
-  }
-
-  async function handleSaveAndChange() {
-    const valid = await tabsRef.value?.validate();
-    if (!valid) {
-      ElMessage.warning("请完善必填项");
-      return;
-    }
-    loading.value = true;
-    try {
-      const formData = tabsRef.value?.collectFormData();
-      const payload = isEdit.value
-        ? { ...formData, id: currentId.value }
-        : formData;
-      const saveRes = await postAction(API_CONFIG.save, payload);
-      if (saveRes?.code === 200) {
-        const id = currentId.value || saveRes.data?.id;
-        const submitRes = await postAction(API_CONFIG.submit, { ids: [id] });
-        if (submitRes?.code === 200) ElMessage.success("保存并变更成功");
-      }
-    } finally {
-      loading.value = false;
-    }
-  }
-
-  const HISTORY_ROUTE = "/aiflow/mmwrCustomerApplyChangeHistory";
-  function handleChangeHistory() {
-    if (!currentId.value) {
-      ElMessage.warning("请先保存申请后再查看变更历史");
-      return;
-    }
-    const router = envConfig()?.router;
-    if (!router) {
-      ElMessage.error("路由未初始化，请刷新页面重试");
-      return;
-    }
-    location.href = router.resolve({
-      path: HISTORY_ROUTE,
-      query: { id: currentId.value }
-    }).href;
-  }
-
-  function handleCancel() {
-    router.back();
-  }
-
-  return {
-    loading,
-    isEdit,
-    loadDetail,
-    loadMockData,
-    handleSave,
-    handleSaveAndChange,
-    handleChangeHistory,
-    handleCancel
-  };
-}
+import { postAction, getAction } from "@jhlc/common-core/src/api/action";
+import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
+import { createAddMockData } from "@/components/local/c_customerTabs/data";
+import envConfig from "@jhlc/common-core/src/store/env-config";
+
+export const API_CONFIG = {
+  getById: "/sale/customerApply/getById",
+  save: "/sale/customerApply/save",
+  submit: "/sale/customerApply/submit",
+  changeHistory: "/sale/customerApply/changeHistory"
+} as const;
+
+export function useApplyAddForm(tabsRef: any) {
+  const router = useRouter();
+  const loading = ref(false);
+  const isEdit = ref(false);
+  const currentId = ref<string>("");
+
+  async function loadDetail(id: string) {
+    loading.value = true;
+    isEdit.value = true;
+    currentId.value = id;
+    try {
+      const res = await getAction(API_CONFIG.getById, { id });
+      if (res?.data) tabsRef.value?.loadData(res.data);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function loadMockData() {
+    tabsRef.value?.loadData(createAddMockData());
+  }
+
+  async function handleSave() {
+    const valid = await tabsRef.value?.validate();
+    if (!valid) {
+      ElMessage.warning("请完善必填项");
+      return;
+    }
+    loading.value = true;
+    try {
+      const formData = tabsRef.value?.collectFormData();
+      const payload = isEdit.value
+        ? { ...formData, id: currentId.value }
+        : formData;
+      const res = await postAction(API_CONFIG.save, payload);
+      if (res?.code === 200) {
+        ElMessage.success("保存成功");
+        if (!isEdit.value && res.data?.id) {
+          currentId.value = res.data.id;
+          isEdit.value = true;
+        }
+      }
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  async function handleSaveAndChange() {
+    const valid = await tabsRef.value?.validate();
+    if (!valid) {
+      ElMessage.warning("请完善必填项");
+      return;
+    }
+    loading.value = true;
+    try {
+      const formData = tabsRef.value?.collectFormData();
+      const payload = isEdit.value
+        ? { ...formData, id: currentId.value }
+        : formData;
+      const saveRes = await postAction(API_CONFIG.save, payload);
+      if (saveRes?.code === 200) {
+        const id = currentId.value || saveRes.data?.id;
+        const submitRes = await postAction(API_CONFIG.submit, { ids: [id] });
+        if (submitRes?.code === 200) ElMessage.success("保存并变更成功");
+      }
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  const HISTORY_ROUTE = "/aiflow/mmwrCustomerApplyChangeHistory";
+  function handleChangeHistory() {
+    if (!currentId.value) {
+      ElMessage.warning("请先保存申请后再查看变更历史");
+      return;
+    }
+    const router = envConfig()?.router;
+    if (!router) {
+      ElMessage.error("路由未初始化，请刷新页面重试");
+      return;
+    }
+    location.href = router.resolve({
+      path: HISTORY_ROUTE,
+      query: { id: currentId.value }
+    }).href;
+  }
+
+  function handleCancel() {
+    router.back();
+  }
+
+  return {
+    loading,
+    isEdit,
+    loadDetail,
+    loadMockData,
+    handleSave,
+    handleSaveAndChange,
+    handleChangeHistory,
+    handleCancel
+  };
+}

package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/index.scss

@@ -1,44 +1,44 @@
-.app-page-container {
-  overflow-y: auto;
-  padding-bottom: 24px;
-}
-
-.page-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 8px;
-
-  .page-title {
-    font-size: 18px;
-    font-weight: 600;
-    margin-right: 12px;
-  }
-
-  .page-tag {
-    display: inline-block;
-    padding: 2px 8px;
-    font-size: 12px;
-    border-radius: 4px;
-    margin-right: 8px;
-
-    &--add {
-      background-color: var(--el-color-primary-light-9);
-      color: var(--el-color-primary);
-      border: 1px solid var(--el-color-primary-light-7);
-    }
-
-    &--status {
-      background-color: var(--el-color-warning-light-9);
-      color: var(--el-color-warning);
-      border: 1px solid var(--el-color-warning-light-7);
-    }
-  }
-
-  .only-required-check {
-    margin-left: 8px;
-  }
-}
-
-.page-toolbar {
-  margin-bottom: 12px;
-}
+.app-page-container {
+  overflow-y: auto;
+  padding-bottom: 24px;
+}
+
+.page-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .page-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin-right: 12px;
+  }
+
+  .page-tag {
+    display: inline-block;
+    padding: 2px 8px;
+    font-size: 12px;
+    border-radius: 4px;
+    margin-right: 8px;
+
+    &--add {
+      background-color: var(--el-color-primary-light-9);
+      color: var(--el-color-primary);
+      border: 1px solid var(--el-color-primary-light-7);
+    }
+
+    &--status {
+      background-color: var(--el-color-warning-light-9);
+      color: var(--el-color-warning);
+      border: 1px solid var(--el-color-warning-light-7);
+    }
+  }
+
+  .only-required-check {
+    margin-left: 8px;
+  }
+}
+
+.page-toolbar {
+  margin-bottom: 12px;
+}

package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/index.vue

@@ -1,43 +1,43 @@
-<template>
-  <div class="app-container app-page-container" v-loading="loading">
-    <div class="page-header">
-      <span class="page-title">客户申请详情</span>
-      <span class="page-tag page-tag--add">新增</span>
-      <span class="page-tag page-tag--status">未审核</span>
-      <el-checkbox v-model="onlyRequired" class="only-required-check">只看必填项</el-checkbox>
-    </div>
-    <div class="page-toolbar">
-      <el-button type="danger" @click="handleSaveAndChange">保存并变更</el-button>
-      <el-button type="warning" @click="handleSave">保存</el-button>
-      <el-button type="primary" plain @click="handleChangeHistory">变更历史查询</el-button>
-      <el-button @click="handleCancel">取消</el-button>
-    </div>
-    <c_customerTabs ref="tabsRef" mode="add" :only-required="onlyRequired" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useRoute } from "vue-router";
-import { useApplyAddForm } from "./data";
-import c_customerTabs from "@/components/local/c_customerTabs/index.vue";
-
-const tabsRef = ref();
-const route = useRoute();
-const onlyRequired = ref(false);
-
-const { loading, loadDetail, loadMockData, handleSave, handleSaveAndChange, handleChangeHistory, handleCancel } =
-  useApplyAddForm(tabsRef);
-
-onMounted(() => {
-  const id = route.query.id as string;
-  if (id) {
-    loadDetail(id);
-  } else {
-    loadMockData();
-  }
-});
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+  <div class="app-container app-page-container" v-loading="loading">
+    <div class="page-header">
+      <span class="page-title">客户申请详情</span>
+      <span class="page-tag page-tag--add">新增</span>
+      <span class="page-tag page-tag--status">未审核</span>
+      <el-checkbox v-model="onlyRequired" class="only-required-check">只看必填项</el-checkbox>
+    </div>
+    <div class="page-toolbar">
+      <el-button type="danger" @click="handleSaveAndChange">保存并变更</el-button>
+      <el-button type="warning" @click="handleSave">保存</el-button>
+      <el-button type="primary" plain @click="handleChangeHistory">变更历史查询</el-button>
+      <el-button @click="handleCancel">取消</el-button>
+    </div>
+    <c_customerTabs ref="tabsRef" mode="add" :only-required="onlyRequired" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from "vue-router";
+import { useApplyAddForm } from "./data";
+import c_customerTabs from "@/components/local/c_customerTabs/index.vue";
+
+const tabsRef = ref();
+const route = useRoute();
+const onlyRequired = ref(false);
+
+const { loading, loadDetail, loadMockData, handleSave, handleSaveAndChange, handleChangeHistory, handleCancel } =
+  useApplyAddForm(tabsRef);
+
+onMounted(() => {
+  const id = route.query.id as string;
+  if (id) {
+    loadDetail(id);
+  } else {
+    loadMockData();
+  }
+});
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>