ljr-cli 1.0.8 → 1.0.9

package/bin/templates/vue3.5.25-2025.12.4/src/css/index.css

@@ -0,0 +1,3 @@
+@import "./theme.css";
+@import "./base.css";
+@import "./global.css";

package/bin/templates/vue3.5.25-2025.12.4/src/css/theme.css

@@ -0,0 +1,61 @@
+/* 主题变量 */
+:root {
+  /* 主色 */
+  --c-primary-color: #0d99ff;
+  --c-primary-color7: #0077d9;
+  --c-primary-color6: #0d99ff;
+  --c-primary-color5: #39abff;
+  --c-primary-color4: #65bdff;
+  --c-primary-color3: #91cffe;
+  --c-primary-color2: #bde1fe;
+  --c-primary-color1: #e9f3fe;
+  /* 成功色 */
+  --c-success-color: #00b42a;
+  --c-success-color7: #008f26;
+  --c-success-color6: #00b42a;
+  --c-success-color5: #1fc240;
+  --c-success-color4: #42cf5a;
+  --c-success-color3: #69db78;
+  --c-success-color2: #95e89d;
+  --c-success-color1: #dcf5de;
+  /* 警告色 */
+  --c-warning-color: #ff7d00;
+  --c-warning-color7: #d96200;
+  --c-warning-color6: #ff7d00;
+  --c-warning-color5: #ff9729;
+  --c-warning-color4: #ffb152;
+  --c-warning-color3: #ffc87a;
+  --c-warning-color2: #ffdca3;
+  --c-warning-color1: #fff6e6;
+  /* 危险色 */
+  --c-danger-color: #f53f3f;
+  --c-danger-color7: #cf2b31;
+  --c-danger-color6: #f53f3f;
+  --c-danger-color5: #ff706b;
+  --c-danger-color4: #ff9b94;
+  --c-danger-color3: #ffc3bd;
+  --c-danger-color2: #ffe9e6;
+  --c-danger-color1: #fff2f0;
+  /* 灰色 */
+  --c-gray-color6: #4a4b4d;
+  --c-gray-color5: #67696b;
+  --c-gray-color4: #86888b;
+  --c-gray-color3: #9d9fa3;
+  --c-gray-color2: #c3c6ca;
+  --c-gray-color1: #ebedf0;
+  /* 字体色 */
+  --c-text-color1: #333;
+  --c-text-color2: #666;
+  --c-text-color3: #999;
+  --c-text-color4: #fff;
+  /* 背景色 */
+  --c-bg-color1: #ffffff;
+  /* 阴影色 */
+  --c-shadow-color1: #e5dcdc;
+}
+/* 黑暗主题 */
+.dark:root {
+  /* 等有需要再把上面的:root全部覆盖一遍 */
+  /* 主色 */
+  --c-primary-color1: red;
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/device/index.ts

@@ -0,0 +1 @@
+// 格式跟 user-info 一致

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/dialog.vue

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import type { DialogProps } from "./helper"
+
+const modelValue = defineModel<boolean>({ default: false })
+
+const props = withDefaults(
+  // 声明类型
+  defineProps<DialogProps>(),
+  // 默认值
+  {
+    showOk: true,
+    okText: "确认",
+    showClose: true,
+    closeText: "关闭",
+  },
+)
+
+const emit = defineEmits<{
+  /** 确认按钮的回调 */
+  (e: "ok"): void
+
+  /** Dialog 打开的回调 */
+  (e: "open"): void
+
+  /** Dialog 打开动画结束时的回调 */
+  (e: "opened"): void
+
+  /** Dialog 关闭的回调 */
+  (e: "close"): void
+
+  /** Dialog 关闭动画结束时的回调 */
+  (e: "closed"): void
+
+  /** 输入焦点聚焦在 Dialog 内容时的回调 */
+  (e: "open-auto-focus"): void
+
+  /** 输入焦点从 Dialog 内容失焦时的回调 */
+  (e: "close-auto-focus"): void
+}>()
+</script>
+
+<template>
+  <el-dialog
+    v-model="modelValue"
+    :title="props.title"
+    :width="props.width"
+    @open="(...args) => $emit('open', ...args)"
+    @opened="(...args) => $emit('opened', ...args)"
+    @close="(...args) => $emit('close', ...args)"
+    @closed="(...args) => $emit('closed', ...args)"
+    @open-auto-focus="(...args) => $emit('open-auto-focus', ...args)"
+    @close-auto-focus="(...args) => $emit('close-auto-focus', ...args)"
+  >
+    <slot></slot>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button v-if="props.showClose && props.closeText" :loading="props.loading" @click="modelValue = false">
+          {{ props.closeText }}
+        </el-button>
+        <el-button v-if="props.showOk && props.okText" :loading="props.loading" type="primary" @click="$emit('ok')">
+          {{ props.okText }}
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/helper.ts

@@ -0,0 +1,90 @@
+import type { App, Component } from "vue"
+import { h, mergeProps, createApp } from "vue"
+
+/** 弹窗props类型 */
+export interface DialogProps {
+  /** 是否显示 Dialog(v-model) */
+  modelValue?: boolean
+
+  /** 标题 */
+  title?: string
+
+  /** 对话框的宽度，默认值为 50% */
+  width?: number | string
+
+  /** 是否显示加载中 */
+  loading?: boolean
+
+  /** 显示确定按钮 */
+  showOk?: boolean
+
+  /** 确定按钮文本 */
+  okText?: string
+
+  /** 显示关闭按钮 */
+  showClose?: boolean
+
+  /** 关闭按钮文本 */
+  closeText?: string
+}
+
+/**
+ * 打开自定义弹窗
+ * @param component 组件
+ * @param props 参数
+ * @returns 返回promise，then为弹窗关闭
+ */
+export function openDialog<P = Record<string, unknown> & Partial<DialogProps>>(component: Component, props?: P) {
+  /** 所有响应式的props */
+  const allProps = reactive({
+    modelValue: true,
+    ...props,
+  })
+
+  /** 关闭弹窗方法 */
+  const close = () => {
+    allProps.modelValue = false
+  }
+
+  /** 弹窗要渲染的元素 */
+  let div: HTMLDivElement | undefined = document.createElement("div")
+
+  // 渲染到哪个父级
+  const parent =
+    window.top?.document.body ??
+    window.top?.document.getElementById("app") ??
+    document.body ??
+    document.getElementById("app")
+  parent.appendChild(div)
+
+  let app: App | undefined = createApp({
+    setup: () => {
+      const node = () =>
+        h(
+          component,
+          mergeProps(allProps, {
+            "onUpdate:modelValue": (bool: boolean) => {
+              allProps.modelValue = bool
+            },
+            onClose: () => {
+              close()
+            },
+            onClosed: () => {
+              app?.unmount()
+              div?.remove()
+              app = undefined
+              div = undefined
+            },
+          }),
+        )
+
+      return () => h(node)
+    },
+  })
+
+  app.mount(div)
+
+  return {
+    close,
+  }
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/index.ts

@@ -0,0 +1,2 @@
+export * from "./device/index"
+export * from "./user-info/index"

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/template.ts

@@ -0,0 +1,41 @@
+import type { ModelRef } from "vue"
+
+export function useTemplate(modelValue: ModelRef<boolean>) {
+  const loading = ref(false)
+  interface TableRow {
+    id: string
+    name: string
+  }
+
+  const tableData = ref<TableRow[]>([
+    { id: "1", name: "模版1" },
+    { id: "2", name: "模版2" },
+    { id: "3", name: "模版3" },
+    { id: "4", name: "模版4" },
+    { id: "5", name: "模版5" },
+  ])
+
+  function onOk() {
+    console.log("ok=====>")
+    loading.value = true
+    setTimeout(() => {
+      loading.value = false
+      modelValue.value = false
+    }, 2000)
+  }
+
+  function edit(row: TableRow) {
+    console.log("row=====>", row)
+  }
+
+  function del(row: TableRow) {
+    console.log("row=====>", row)
+  }
+  return {
+    loading,
+    tableData,
+    onOk,
+    edit,
+    del,
+  }
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/template.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import myDialog from "@/dialogs/dialog.vue"
+import { useTemplate } from "./template"
+
+const props = withDefaults(
+  defineProps<{
+    fatherData?: object
+  }>(),
+  {},
+)
+
+const modelValue = defineModel<boolean>({ default: false })
+const { loading, tableData, onOk, edit, del } = useTemplate(modelValue)
+</script>
+
+<template>
+  <my-dialog v-model="modelValue" title="模版列表（复制用的，勿删）" width="800" :loading="loading" @ok="onOk">
+    <el-table :data="tableData" border>
+      <el-table-column property="id" label="id" width="100" />
+      <el-table-column property="name" label="模版" />
+      <el-table-column fixed="right" label="操作" width="160">
+        <template #default="{ row }">
+          <el-button type="primary" size="small" @click="edit(row)"> 编辑 </el-button>
+          <el-button type="danger" size="small" @click="del(row)"> 删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </my-dialog>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/index.ts

@@ -0,0 +1,31 @@
+import { openDialog } from "../helper"
+
+/** 通知 */
+import type Notification from "./notification.vue"
+export type NotificationInstance = InstanceType<typeof Notification>
+export function openNotification(props: NotificationInstance["$props"]) {
+  return openDialog(
+    defineAsyncComponent(() => import("./notification.vue")),
+    props,
+  )
+}
+
+/** 权限 */
+import type Permission from "./permission.vue"
+export type PermissionInstance = InstanceType<typeof Permission>
+export function openPermission(props?: PermissionInstance["$props"]) {
+  return openDialog(
+    defineAsyncComponent(() => import("./permission.vue")),
+    props,
+  )
+}
+
+/** 布局 */
+import type Layout from "./layout.vue"
+export type LayoutInstance = InstanceType<typeof Layout>
+export function openLayout(props?: LayoutInstance["$props"]) {
+  return openDialog(
+    defineAsyncComponent(() => import("./layout.vue")),
+    props,
+  )
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/layout.ts

@@ -0,0 +1,47 @@
+import { useLayoutStore } from "@/stores"
+
+export function useLayout() {
+  const loading = ref(false)
+  const layoutStore = useLayoutStore()
+  const form = ref({
+    layout: layoutStore.layout,
+    showHeader: layoutStore.showHeader,
+    showMenu: layoutStore.showMenu,
+    onlyShowContent: layoutStore.onlyShowContent,
+    showLogo: layoutStore.showLogo,
+  })
+
+  watch(
+    () => layoutStore.showHeader,
+    (newValue) => {
+      form.value.showHeader = newValue
+    },
+  )
+  watch(
+    () => layoutStore.showMenu,
+    (newValue) => {
+      form.value.showMenu = newValue
+    },
+  )
+  watch(
+    () => layoutStore.onlyShowContent,
+    (newValue) => {
+      form.value.onlyShowContent = newValue
+    },
+  )
+
+  function onOk() {
+    console.log("布局=====>", layoutStore.layout)
+    console.log("显示头部=====>", layoutStore.showHeader)
+    console.log("显示菜单=====>", layoutStore.showMenu)
+    console.log("仅显示内容=====>", layoutStore.onlyShowContent)
+    console.log("显示logo=====>", layoutStore.showLogo)
+  }
+
+  return {
+    loading,
+    form,
+    onOk,
+    layoutStore,
+  }
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/layout.vue

@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import myDialog from "@/dialogs/dialog.vue"
+import { useLayout } from "./layout"
+
+const props = withDefaults(
+  defineProps<{
+    fatherData?: object
+  }>(),
+  {},
+)
+
+const modelValue = defineModel<boolean>({ default: false })
+const { layoutStore, form, onOk } = useLayout()
+</script>
+
+<template>
+  <my-dialog v-model="modelValue" title="布局设置" width="400" :show-close="false" ok-text="打印Store仓库" @ok="onOk">
+    <el-form :model="form" label-width="100">
+      <el-form-item label="布局">
+        <el-select v-model="form.layout" placeholder="选择布局" @change="layoutStore.setLayout($event)">
+          <el-option label="上下布局" value="up-down" />
+          <el-option label="左右布局" value="left-right" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="显示头部">
+        <div class="flex">
+          <el-switch v-model="form.showHeader" @change="layoutStore.changeShowHeader()" />
+          <div class="ml-4">快捷键：{{ layoutStore.showHeaderShortcutKey }}</div>
+        </div>
+      </el-form-item>
+      <el-form-item label="显示菜单">
+        <div class="flex">
+          <el-switch v-model="form.showMenu" @change="layoutStore.changeShowMenu()" />
+          <div class="ml-4">快捷键：{{ layoutStore.showMenuShortcutKey }}</div>
+        </div>
+      </el-form-item>
+      <el-form-item label="仅显示内容">
+        <div class="flex">
+          <el-switch v-model="form.onlyShowContent" @change="layoutStore.changeOnlyShowContent()" />
+          <div class="ml-4">快捷键：{{ layoutStore.onlyShowContentShortcutKey }}</div>
+        </div>
+      </el-form-item>
+      <el-form-item label="显示logo">
+        <div class="flex">
+          <el-switch v-model="form.showLogo" @change="layoutStore.changeShowLogo()" />
+          <div class="ml-4">暂无实现</div>
+        </div>
+      </el-form-item>
+    </el-form>
+  </my-dialog>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/notification.ts

@@ -0,0 +1,27 @@
+import type { ModelRef } from "vue"
+
+export function useNotification(modelValue: ModelRef<boolean>) {
+  const loading = ref(false)
+  const tableData = ref([
+    { id: "1", name: "通知1" },
+    { id: "2", name: "通知2" },
+    { id: "3", name: "通知3" },
+    { id: "4", name: "通知4" },
+    { id: "5", name: "通知5" },
+  ])
+
+  function onOk() {
+    console.log("ok=====>")
+    loading.value = true
+    setTimeout(() => {
+      loading.value = false
+      modelValue.value = false
+    }, 2000)
+  }
+
+  return {
+    loading,
+    tableData,
+    onOk,
+  }
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/notification.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import myDialog from "@/dialogs/dialog.vue"
+import { useNotification } from "./notification"
+
+const props = withDefaults(
+  defineProps<{
+    fatherData?: object
+  }>(),
+  {},
+)
+
+const modelValue = defineModel<boolean>({ default: false })
+const { loading, tableData, onOk } = useNotification(modelValue)
+</script>
+
+<template>
+  <my-dialog v-model="modelValue" title="通知列表" width="800" :loading="loading" @ok="onOk">
+    <el-table :data="tableData" border>
+      <el-table-column property="id" label="id" width="100" />
+      <el-table-column property="name" label="名称" />
+      <el-table-column fixed="right" label="操作" width="160">
+        <template #default>
+          <el-button type="primary" size="small"> 详情 </el-button>
+          <el-button type="primary" size="small"> 标为已读</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </my-dialog>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/permission.ts

@@ -0,0 +1,22 @@
+import type { ModelRef } from "vue"
+
+export function usePermission(modelValue: ModelRef<boolean>) {
+  const loading = ref(false)
+  const tableData = ref([
+    { id: "1", name: "-1" },
+    { id: "2", name: "hasCreate" },
+    { id: "3", name: "hasDelete" },
+    { id: "4", name: "hasEdit" },
+    { id: "5", name: "hasView" },
+  ])
+
+  function onOk() {
+    modelValue.value = false
+  }
+
+  return {
+    loading,
+    tableData,
+    onOk,
+  }
+}

package/bin/templates/vue3.5.25-2025.12.4/src/dialogs/user-info/permission.vue

@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import myDialog from "@/dialogs/dialog.vue"
+import { usePermission } from "./permission"
+
+const props = withDefaults(
+  defineProps<{
+    fatherData?: object
+  }>(),
+  {},
+)
+
+const modelValue = defineModel<boolean>({ default: false })
+const { loading, tableData, onOk } = usePermission(modelValue)
+</script>
+
+<template>
+  <my-dialog v-model="modelValue" title="权限列表" width="500" :loading="loading" @ok="onOk">
+    <el-table :data="tableData" border>
+      <el-table-column property="id" label="id" width="100" />
+      <el-table-column property="name" label="名称" />
+    </el-table>
+  </my-dialog>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/directive/rememberScrollPosition.ts

@@ -11,7 +11,7 @@ export default {
   update(el: HTMLElement) {
     // 如果有保存的滚动位置，则恢复它
     if (el.dataset.scrollTop) {
-      el.scrollTop = parseInt(el.dataset.scrollTop, 10)
+      el.scrollTop = Number.parseInt(el.dataset.scrollTop, 10)
     }
   },
 }

package/bin/templates/vue3.5.25-2025.12.4/src/enums/device.ts

@@ -0,0 +1,42 @@
+/**
+ * 设备类型
+ * - SB 1：设备
+ * - CL 2：车辆
+ * - LQ 3：冷气
+ * - XHP 4：循环品
+ * - QTSB 5：其他设备
+ * - WL 6：物料
+ * - QT 7：其他
+ */
+export enum DeviceType {
+  SB = 1,
+  CL = 2,
+  LQ = 3,
+  XHP = 4,
+  QTSB = 5,
+  WL = 6,
+  QT = 7,
+}
+
+/**
+ * 设备类型名称
+ */
+export const DeviceTypeName: Record<DeviceType, string> = {
+  [DeviceType.SB]: "设备",
+  [DeviceType.CL]: "车辆",
+  [DeviceType.LQ]: "冷气",
+  [DeviceType.XHP]: "循环品",
+  [DeviceType.QTSB]: "其他设备",
+  [DeviceType.WL]: "物料",
+  [DeviceType.QT]: "其他",
+}
+
+/**
+ * 工令类型
+ * - CY 0：长约
+ * - GA 1：个案
+ */
+export enum GlType {
+  CY = 0,
+  GA = 1,
+}

package/bin/templates/vue3.5.25-2025.12.4/src/enums/index.ts

@@ -0,0 +1,2 @@
+export * from "./device"
+export * from "./status"

package/bin/templates/vue3.5.25-2025.12.4/src/enums/status.ts

@@ -0,0 +1,23 @@
+/**
+ * 状态
+ * - DGS 1：待公示
+ * - GSSH 2：公示审核
+ * - DTB 3：待提报
+ * - DTBT 4：待提报(退)
+ * - TBSHB 5：提报审核
+ * - YTB 6：已提报
+ * - BGSH 7：变更审核
+ * - YTBBG 8：已提报(变更)
+ * - DTBBG 9：待提报(变更)
+ */
+export enum Status {
+  DGS = 1,
+  GSSH = 2,
+  DTB = 3,
+  DTBT = 4,
+  TBSH = 5,
+  YTB = 6,
+  BGSH = 7,
+  YTBBG = 8,
+  DTBBG = 9,
+}

package/bin/templates/vue3.5.25-2025.12.4/src/pages/index/permission/role.ts

@@ -0,0 +1,40 @@
+export function useRole() {
+  const formData = reactive({
+    user: "",
+    region: "",
+    date: "",
+  })
+
+  const tableData = ref([
+    {
+      date: "2016-05-03",
+      name: "Tom",
+      address: "No. 189, Grove St, Los Angeles",
+    },
+    {
+      date: "2016-05-02",
+      name: "Tom",
+      address: "No. 189, Grove St, Los Angeles",
+    },
+    {
+      date: "2016-05-04",
+      name: "Tom",
+      address: "No. 189, Grove St, Los Angeles",
+    },
+    {
+      date: "2016-05-01",
+      name: "Tom",
+      address: "No. 189, Grove St, Los Angeles",
+    },
+  ])
+
+  const onSubmit = () => {
+    console.log("submit!")
+  }
+
+  return {
+    formData,
+    tableData,
+    onSubmit,
+  }
+}