hlq-cli 1.0.0

package/templates/src/views/templete/table.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="menu wh100 cardContent">
+    <Table
+      :columns="columns"
+      :search-config="searchConfig"
+      :autoSearch="false"
+      :page-show="true"
+      :pagination="pagination"
+      rowKey="menuCode"
+      :tableData="tableData"
+      :extra-list="extraList"
+      @extraClick="extraClick"
+      @search="search"
+      @reset="search"
+      @currentChange="currentChange"
+      @size-change="sizeChange"
+      ref="tableRef"
+    >
+      <template v-slot:option="{ row }">
+        <el-button type="primary" plain size="small" @click="edit(row)">
+          编辑
+        </el-button>
+      </template>
+      <el-popconfirm title="确定要删除吗?">
+        <template #reference>
+          <el-button type="danger" size="small"> 删除 </el-button>
+        </template>
+      </el-popconfirm>
+    </Table>
+    <Dialog
+      title="新增"
+      v-model="state.addFormVisible"
+      :destroy="true"
+      @submit="submit"
+    >
+      <Form
+        ref="addFormRef"
+        :form-item-config="addFormConfig"
+        :form-data="state.addFormData"
+      ></Form>
+    </Dialog>
+  </div>
+</template>
+<script lang="ts" setup>
+import Table from '@/components/table/index.vue'
+import Dialog from '@/components/dialog/index.vue'
+import Form from '@/components/form/index.vue'
+import { onMounted, reactive, ref } from 'vue'
+import { columns, searchConfig, extraList, addFormConfig } from './tableConfig'
+defineOptions({
+  name: 'templateTable',
+})
+
+const tableData = ref<Data[]>([])
+const state = reactive({
+  formVisible: false,
+  isAdd: true,
+  formData: {},
+})
+const pagination = ref({
+  total: 0,
+  currentPage: 1,
+  pageSize: 10,
+})
+const editFormRef = ref()
+// 编辑按钮
+const edit = (data: Data) => {
+  const obj = { ...data }
+  state.isAdd = false
+  state.formData = obj
+  state.formVisible = true
+}
+const search = (data?: Data) => {
+  pagination.value.currentPage = 1
+  getData(data)
+}
+// 新增按钮
+const extraClick = (type: string) => {
+  if (type === 'add') {
+    state.isAdd = true
+    state.formData = {}
+    state.formVisible = true
+  }
+}
+// 提交
+const submit = async () => {
+  const valid = await editFormRef.value.valid()
+  if (!valid) return
+  const formData = editFormRef.value.getFormData()
+  state.editFormVisible = false
+}
+const sizeChange = (size: number) => {
+  pagination.value.currentPage = 1
+  pagination.value.pageSize = size
+  getData()
+}
+const currentChange = (num: number) => {
+  pagination.value.currentPage = num
+  getData()
+}
+// 获取数据
+const getData = (data?: Data) => {
+  tableData.value = [
+    {
+      name: '张三',
+      username: 'zhangsan',
+      phoneNum: '13800000000',
+      roleNames: '管理员',
+    },
+    {
+      name: '李四',
+      username: 'lisi',
+      phoneNum: '13800000001',
+      roleNames: '普通用户',
+    },
+  ]
+}
+onMounted(() => {
+  getData()
+})
+</script>
+<style lang="scss" scoped></style>

package/templates/src/views/templete/tableConfig.ts

@@ -0,0 +1,153 @@
+export const columns = [
+  {
+    prop: 'username',
+    label: '账号',
+  },
+  {
+    prop: 'phoneNum',
+    label: '手机号',
+  },
+  {
+    prop: 'name',
+    label: '姓名',
+  },
+  {
+    prop: 'roleNames',
+    label: '角色',
+  },
+  {
+    prop: 'createTime',
+    label: '创建时间',
+  },
+  {
+    prop: 'state',
+    label: '账号状态',
+    formatter: (data: any) => (data.state === 1 ? '未冻结' : '已冻结'),
+  },
+  {
+    prop: 'option',
+    label: '操作',
+    slot: 'option',
+    width: 300,
+  },
+]
+export const searchConfig: SearchItemConfig[] = [
+  {
+    type: 'input',
+    label: '账号',
+    key: 'username',
+  },
+  {
+    type: 'input',
+    label: '手机号',
+    key: 'phoneNum',
+  },
+  {
+    type: 'input',
+    label: '姓名',
+    key: 'name',
+  },
+  {
+    type: 'select',
+    label: '角色',
+    key: 'roleId',
+    options: [],
+  },
+]
+export const extraList = [
+  { label: '创建用户', code: 'add', value: 'add' },
+  { label: '用户加载', code: 'load', value: 'load' },
+]
+export const addFormConfig: FormItemConfig[] = [
+  {
+    type: 'input',
+    label: '姓名',
+    key: 'name',
+    rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
+  },
+  {
+    type: 'input',
+    label: '账号',
+    key: 'username',
+    rules: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  },
+  {
+    type: 'input',
+    label: '手机号',
+    key: 'phoneNum',
+    rules: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
+  },
+  {
+    type: 'password',
+    label: '登录密码',
+    key: 'password',
+    rules: [{ required: true, message: '请输入登录密码', trigger: 'blur' }],
+    describe: `<div>1、密码长度8-20个字符</div>
+<div>2、密码不能包含空格</div>
+<div>3、密码由字母开头且必须包含大写字母、小写字母、数字，支持特殊字符
+</div>`,
+  },
+  {
+    type: 'password',
+    label: '确认密码',
+    key: 'confirmPassword',
+    rules: [{ required: true, message: '请输入确认密码', trigger: 'blur' }],
+  },
+  {
+    type: 'select',
+    label: '选择角色',
+    key: 'roleIdList',
+    isMore: true,
+    rules: [{ required: true, message: '请输入角色', trigger: 'blur' }],
+    options: [],
+  },
+]
+export const editFormConfig: FormItemConfig[] = [
+  {
+    type: 'input',
+    label: '账号',
+    key: 'username',
+    disabled: true,
+    rules: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  },
+  {
+    type: 'input',
+    label: '手机号',
+    key: 'phoneNum',
+    disabled: true,
+    rules: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
+  },
+  {
+    type: 'select',
+    label: '选择角色',
+    key: 'roleIdList',
+    isMore: true,
+    rules: [{ required: true, message: '请输入角色', trigger: 'blur' }],
+    options: [],
+  },
+]
+export const resetFormConfig: FormItemConfig[] = [
+  {
+    type: 'password',
+    label: '新密码',
+    key: 'newPassword',
+    rules: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
+  },
+  {
+    type: 'password',
+    label: '确认新密码',
+    key: 'confirmPassword',
+    rules: [{ required: true, message: '请输入确认新密码', trigger: 'blur' }],
+  },
+]
+
+export enum apiUrl {
+  getList = '/api/sysUser/query',
+  getRoleList = '/api/sysRole/query',
+  getDetail = '/api/sysUser/getDetails',
+  add = '/api/sysUser/create',
+  edit = '/api/sysUser/updateUserRole',
+  reset = '/api/sysUser/update',
+  changeStatus = '/api/sysUser/update',
+  syncUserData = '/api/mdb/collect/syncUserData',
+}

package/templates/tsconfig.app.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "ignoreDeprecations": "6.0"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/templates/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/tsconfig.node.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/vite.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite'
+import { fileURLToPath, URL } from 'url'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        //生产环境时移除console
+        drop_console: true,
+        drop_debugger: true,
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  server: {
+    port: 8005,
+    host: '0.0.0.0',
+    proxy: {
+      '/api': {
+        target: 'http://127.0.0.1:19191',
+        changeOrigin: true,
+        // rewrite: (path) => path.replace(/^\/api/, ""),
+      },
+    },
+  },
+})