hd-idevvue3 3.0.0 → 3.0.2

package/src/views/privilege/syslog/syslog.vue

@@ -0,0 +1,115 @@
+<template>
+  <el-container>
+    <el-aside style="border-right: 1px solid #eee" width="260px">
+      <hd-tree :data="data" @node-click="handleNodeClick" node-key="id"></hd-tree>
+    </el-aside>
+    <el-main>
+
+      <hd-com-grid :hdQuery="hdQuery" ref="grid" url="/webresources/login/privilege/SysLog/" visualScroll
+                   :pageSizes="[100,500,1000,5000,10000]" @row-dblclick="row=>this.$refs.syslogform.show(row.logId)">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" class="filter-item" :placeholder="$t('实体名、修改人')"
+                    style="width: 200px;"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button @click="$refs.grid.doRemoveAll()" class="filter-item" keyType="del" ref="del"
+                     type="danger">{{$t('删除')}}
+          </el-button>
+        </div>
+        <el-table-column align="center" fixed="right" label="操作" width="60px">
+          <template slot-scope="scope">
+            <hd-btn @click.stop="$refs.grid.doRemove(scope.row)" hint="删除" icon="el-icon-delete">
+              {{$t('删除')}}
+            </hd-btn>
+            <hd-btn @click.stop="$refs.syslogform.show(scope.row.logId)" hint="查看" icon="el-icon-search">
+              {{$t('查看')}}
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <!--   <el-table-column label="详细" type="expand">
+             <template slot-scope="props">
+
+               <div style="width: 800px;word-wrap:break-word;">{{ props.row.logContent }}</div>
+
+             </template>
+           </el-table-column>-->
+        <el-table-column align="left" header-align="center" label="实体名" prop="entityName" sortable
+                         width="350px">
+        </el-table-column>
+        <el-table-column align="left" header-align="center" label="菜单名" prop="menuName" sortable
+                         width="100px">
+        </el-table-column>
+        <el-table-column align="left" header-align="center" label="修改人" prop="recNam" sortable
+                         width="140px">
+        </el-table-column>
+        <el-table-column align="left" header-align="center" label="日志类型" prop="logTypeStr" sortable
+                         width="100px">
+        </el-table-column>
+        <el-table-column align="left" header-align="center" label="ip及路径" prop="userIp" sortable
+                         width="180px">
+        </el-table-column>
+
+      </hd-com-grid>
+    </el-main>
+    <syslogform ref="syslogform"></syslogform>
+  </el-container>
+</template>
+<script>
+
+  import Syslogform from "./syslogform";
+
+  export default {
+    components: {Syslogform},
+    data() {
+      return {
+        data: [],
+        parentId: '', // 选中的树节点
+        hdQuery: new HdQuery(this)
+
+      }
+    },
+    mounted() {
+      this.doQuery()
+      //      this.$refs.grid.doEdit = function () { 重写doEdit
+      //        console.info(this.$options.name)
+      //      }
+    },
+    methods: {
+      doQuery() {
+        this.$http.post('/webresources/login/privilege/AuthPrivilege/getAllTree').then(response => {
+          this.data = response.data
+        })
+      },
+      doListQuery() {
+        this.hdQuery.query.menuId = this.parentId
+        this.$refs.grid.doQuery()
+      },
+      handleNodeClick(obj) {
+        this.parentId = obj.id
+        this.doListQuery()
+      },
+      doEdit(row) {
+        if (!row && !this.parentId) { // 新增
+          this.$message({
+            type: 'error',
+            message: this.$t('未选择数据')
+          })
+          return false
+        }
+        // 调用父组件的
+        this.$refs.grid.doEdit(row)
+      }
+    },
+    computed: {// 给外层v-model赋值
+      validate() {
+        return {text: [{message: this.$t('权限名必填'), required: true}, {max: 50, message: this.$t('名称长度不能超过50个字符')}]}
+      },
+      findUrl() { // 因为查询的路径和默认的不一致,如果代码生成器生成其实不需要写
+        return '/webresources/login/privilege/AuthPrivilege/find'
+      },
+      findoneUrl() { // 需要关联节点,所以需要写url,普通列表也不需要写
+        return '/webresources/login/privilegeVue/findone?parentId=' + this.parentId
+      }
+    }
+  }
+</script>

package/src/views/privilege/syslog/syslogconfig.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-container>
+    <el-main>
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/SysLogConfigVue"
+                   noCopy="codeId">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" suffix-icon="el-icon-search"
+                    style="width: 200px;float:right;"
+                    class="filter-item" :placeholder="$t('名称、代码')"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" @click="$refs.grid.doEdit('')" 　type="primary" keyType="add">{{$t('新增')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">{{$t('删除')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doSaveAll()" type="danger" keyType="save">{{$t('保存')}}
+          </el-button>
+        </div>
+        <el-table-column width="60px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.grid.doEdit(scope.row)" v-if="!scope.row.isEdit">
+            </hd-btn>
+            <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
+              <svg-icon icon-class="undo"/>
+            </hd-btn>
+            <hd-btn icon="el-icon-check" hint="保存" @click.stop="$refs.grid.doSave(scope.row)" v-if="scope.row.isEdit">
+            </hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"
+                    v-if="!scope.row.isEdit">
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="120px" align="left" header-align="center" label="名称" prop="entyName" sortable
+                         :rules="$r(1,0,36)">
+        </el-table-column>
+        <el-table-column width="420px" align="left" header-align="center" label="实体Code" prop="entyCode" sortable
+                         :rules="$r(1,0,150)">
+        </el-table-column>
+        <el-table-column align="center" label="开启日志" prop="isLog" sortable input="el-switch" width="100px"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this)
+    }
+  },
+  // mounted() {
+  //   this.doQuery()
+  // },
+  props: {},
+  methods: {},
+  computed: {// 给外层v-model赋值
+  }
+}
+</script>

package/src/views/privilege/syslog/syslogform.vue

@@ -0,0 +1,83 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+    <el-form label-width="100px" :model="hdform" ref="hdform">
+      <el-row>
+
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "实体名" prop="entityName" :rules="$r(0,0,256)">
+            <el-input type="text" v-model="hdform.entityName" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "菜单名" prop="menuName">
+            <el-input type="text" v-model="hdform.menuName" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "日志类型" prop="logTypeStr" >
+            <el-input type="text" v-model="hdform.logTypeStr" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" :xs="16">
+          <el-form-item label = "日志内容" prop="logContent" >
+            <el-input type="textarea" :rows="10" v-model="hdform.logContent" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16" :xs="16">
+          <el-form-item label = "ip及路径" prop="userIp" >
+            <el-input type="text" v-model="hdform.userIp" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "创建人" prop="recNam" >
+            <el-input type="text" v-model="hdform.recNam" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "创建时间" prop="recTim" >
+            <el-input type="text" v-model="hdform.recTim" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "修改人" prop="updNam" >
+            <el-input type="text" v-model="hdform.updNam" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "修改时间" prop="updTim">
+            <el-input type="text" v-model="hdform.updTim" ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </el-dialog>
+
+</template>
+
+<script>
+  export default {
+    name: 'syslogform',
+    data() {
+      return {
+        hdform: {},
+        visible: false,
+        tsLoading: false,
+        loading: false
+
+      }
+    },
+    methods: {
+      show(logId) { // 换为本表主键
+        //弹窗重复使用时,清除校验项目
+        if (this.$refs['hdform'])
+          this.$refs['hdform'].resetFields()
+        this.visible = true
+        this.$http.get('/webresources/login/privilege/SysLog/findone?logId=' + logId).then(response => {
+          const data = response.data
+          this.hdform = data
+        })
+      },
+    }
+  }
+</script>
+

package/src/views/privilege/syslog/syslogframe.vue

@@ -0,0 +1,26 @@
+<template>
+  <el-container>
+    <el-aside width="70%" title="实体">
+      <syslogconfig></syslogconfig>
+    </el-aside>
+    <el-main>
+      <menulog></menulog>
+    </el-main>
+
+  </el-container>
+</template>
+<script>
+import syslogconfig from './syslogconfig'
+import menulog from './menulog'
+
+export default {
+  components: {
+    syslogconfig, menulog
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+
+</script>

package/src/views/privilege/userRole/userRole.vue

@@ -0,0 +1,122 @@
+<template>
+  <el-container>
+    <el-aside width="50%">
+      <hd-com-grid :hdQuery="hdUserQuery" @row-click="rowClick" ckHide ref="pergrid"
+                   url="/webresources/login/privilege/AuthUser">
+        <div class="filter-container" slot="query">
+          <el-input :placeholder="$t('姓名、账号')" @keyup.enter.native="$refs.pergrid.doQuery()" class="filter-item"
+                    style="width: 180px;" v-model="hdUserQuery.query.name"></el-input>
+          <orgnselect :idVal.sync="hdUserQuery.query.orgnId" :placeholder="$t('选择部门')"
+                      :txtVal.sync="hdUserQuery.query.orgnName" class="filter-item"
+                      style="width:150px;display: inline-block"></orgnselect>
+          <roleselect :idVal.sync="hdUserQuery.query.roleId" :placeholder="$t('选择角色')"
+                      :txtVal.sync="hdUserQuery.query.roleIdStr" class="filter-item"
+                      style="width:150px;display: inline-block"></roleselect>
+          <el-button @click="$refs.pergrid.doQuery()" class="filter-item" keyType="query">{{$t('搜索')}}</el-button>
+        </div>
+        <el-table-column align="center" label="姓名" prop="name" sortable width="120px">
+        </el-table-column>
+        <el-table-column align="center" label="账号" prop="account" sortable width="120px">
+        </el-table-column>
+        <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName"
+                         align="center" label="部门名称"
+                         prop="orgnId" sortable
+                         width="120px">
+        </el-table-column>
+      </hd-com-grid>
+    </el-aside>
+    <el-main>
+      <hd-com-grid :hdQuery="hdRoleQuery" :summary-method="getSummaries" ckHide
+                   findUrl="/webresources/login/privilege/AuthRole/findRoleByUserId" notInit
+                   ref="rolegrid"
+                   show-summary url="/webresources/login/privilege/AuthRole/">
+        <el-table-column align="center" fixed="right" label="授权" prop="fix_btn" width="90">
+          <template slot-scope="scope">
+            <el-switch :active-value=true :inactive-value=false @change="updateUserRole(scope.row)"
+                       v-model="scope.row.checked"></el-switch>
+          </template>
+        </el-table-column>
+        <div class="filter-container" slot="query">
+          <el-input :placeholder="$t('角色')" @keyup.enter.native="$refs.rolegrid.doQuery()" class="filter-item"
+                    style="width: 180px;" v-model="hdRoleQuery.query.anyQuery"></el-input>
+          <el-radio-group @change="$refs.rolegrid.doQuery()" class="filter-item" size="mini"
+                          v-model="hdRoleQuery.query.alreadyAuth">
+            <el-radio-button label="1">{{$t('已授权')}}</el-radio-button>
+            <el-radio-button label="0">{{$t('全部')}}</el-radio-button>
+          </el-radio-group>
+          <el-button @click="$refs.rolegrid.doQuery()" class="filter-item" keyType="query">搜索</el-button>
+
+          {{$t('该账号已授权')}}<span style="color:red;font-size: 18px">{{roleAuthNum}}</span>{{$t('个角色')}}
+        </div>
+        <el-table-column align="center" label="角色" prop="name" sortable width="120px"></el-table-column>
+        <el-table-column align="center" label="描述" prop="description" sortable width="120px"></el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+  import orgnselect from '../orgDept/orgnselect'
+  import roleselect from '../role/roleselect'
+
+  export default {
+    components: {
+      orgnselect, roleselect
+    },
+    data() {
+      return {
+        hdUserQuery: new HdQuery(this),
+        hdRoleQuery: new HdQuery(this, 100),
+        userId: '',
+        roleFindUrl: '',
+        roleAuthNum: 0//已授权角色数
+      }
+    },
+    mounted() {
+      // this.doQuery()
+    },
+    methods: {
+      rowClick(row) {
+        // 显示loading框
+        this.userId = row.userId
+        this.hdRoleQuery.add('userId', row.userId)
+        this.findRoleAuthNum()
+        this.$refs.rolegrid.doQuery().then(() => {
+          //summary有时候显示不了,调用el-table的doLayout方法对el-table封装了2层,所以需要3个refs
+          this.$refs.rolegrid.$refs.hdgrid.$refs.ingrid.doLayout()
+        })
+      },
+      findRoleAuthNum() {
+        this.$http.post('/webresources/login/privilege/AuthRole/findRoleAuthNum', this.hdRoleQuery).then(response => {
+          this.roleAuthNum = response.data
+        })
+      },
+      updateUserRole(row) {
+        if (row.checked) {
+          this.$http.get(`/webresources/login/privilege/AuthRole/addRoleUser/${row.roleId}/${this.userId}`).then(response => {
+            this.roleAuthNum = this.roleAuthNum + 1
+          })
+        } else {
+          this.$http.get(`/webresources/login/privilege/AuthRole/removeRoleUser/${row.roleId}/${this.userId}`).then(response => {
+            this.roleAuthNum = this.roleAuthNum - 1
+          })
+        }
+      },
+      getSummaries(param) {
+        const {columns, data} = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (column.property == 'name') {
+            sums[index] = '已授权';
+            return;
+          }
+          if (column.property == 'fix_btn') {
+            sums[index] = this.roleAuthNum
+            return;
+          }
+        });
+        return sums;
+      },
+    }
+  }
+
+</script>

package/vite.config.js

@@ -0,0 +1,93 @@
+import { fileURLToPath, URL } from "node:url";
+
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "path";
+
+import requireTransform from "vite-plugin-require-transform";
+
+import AutoImport from "unplugin-auto-import/vite";
+
+import postcssImport from "postcss-import";
+import autoprefixer from "autoprefixer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    requireTransform({
+      fileRegex: /.js$|.vue$/,
+    }),
+    AutoImport({
+      imports: ["vue", "vue-router"],
+    }),
+  ],
+  base:'./',
+  server: {
+    host: '0.0.0.0', // 指定服务器应该监听哪个 IP 地址，默认localhost，可设置为'0.0.0.0'或 true
+    open: true,	   // 开发服务器启动时，自动在浏览器中打开应用程序
+    strictPort: true,
+    hrm: {
+      clientPort: 5173,
+    },
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, 'src'),
+    },
+    extensions: [".js", ".ts", ".vue", ".json"],
+  },
+  css: {
+    postcss: {
+      plugins: [
+        postcssImport,
+        autoprefixer({
+          // 自动添加前缀
+          overrideBrowserslist: [
+            "Android 4.1",
+            "iOS 7.1",
+            "Chrome > 31",
+            "ff > 31",
+            "ie >= 8",
+            //'last 2 versions', // 所有主流浏览器最近2个版本
+          ],
+          grid: true,
+        }),
+      ],
+    },
+  },
+  // 打包配置 npm run build
+  build: {
+    //指定输出路径
+    outDir: "dist",
+    //生成静态资源的存放路径
+    assetsDir: "assets",
+    //小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求。设置为 0 可以完全禁用此项
+    assetsInlineLimit: 4096,
+    //启用/禁用 CSS 代码拆分
+    cssCodeSplit: true,
+    //构建后是否生成 source map 文件
+    sourcemap: false,
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.js'), // 确保路径正确
+      name: "hd-idevvue3",
+    },
+    //自定义底层的 Rollup 打包配置
+    rollupOptions: {
+      input: {
+        //可以配置多个，表示多入口
+        index: path.resolve(__dirname, "src/index.js"),
+        // project:resolve(__dirname,"project.html")
+      },
+      output: {
+        // chunkFileNames:'static/js/[name]-[hash].js',
+        // entryFileNames:"static/js/[name]-[hash].js",
+        // assetFileNames:"static/[ext]/name-[hash].[ext]"
+      },
+    },
+    //默认情况下，若 outDir 在 root 目录下，则 Vite 会在构建时清空该目录。
+    emptyOutDir: true,
+    //chunk 大小警告的限制
+    chunkSizeWarningLimit: 500,
+  },
+});

package/.babelrc

@@ -1,17 +0,0 @@
-{
-  "presets": [
-    [
-      "env",
-      {
-        "modules": false
-      }
-    ],
-    "stage-2"
-  ],
-  "plugins": [
-    "transform-runtime",
-    "transform-vue-jsx"
-  ],
-  "comments": false
-}
-

package/.editorconfig

@@ -1,14 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-insert_final_newline = false
-trim_trailing_whitespace = false

package/.eslintignore

@@ -1,3 +0,0 @@
-build/*.js
-config/*.js
-src/assets

package/.npminstall.done

@@ -1 +0,0 @@
-Fri Apr 13 2018 19:15:48 GMT+0800 (中国标准时间)

package/.postcssrc.js

@@ -1,8 +0,0 @@
-// https://github.com/michael-ciniawsky/postcss-load-config
-
-module.exports = {
-  "plugins": {
-    // to edit target browsers: use "browserslist" field in package.json
-    "autoprefixer": {}
-  }
-}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2017 PanJiaChen
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/Listening

@@ -1,28 +0,0 @@
-��Ч�����
-
-AT ��������ض����ں�ʱ����������ͳ���
-Ҫʹ�� AT ����ƻ�����������������С�
-                                                           
-AT [\\computername] [ [id] [/DELETE] | /DELETE [/YES]]                    
-AT [\\computername] time [/INTERACTIVE]
-    [ /EVERY:date[,...] | /NEXT:date[,...]] "command"
-
-\\computername       ָ��Զ�̼���������ʡ�����������
-                     ��ƻ��ڱ��ؼ�������������
-id                   ָ�����Ѽƻ������ʶ��š�
-/delete              ɾ��ij���Ѽƻ���������ʡ�� id��
-                     ������������Ѽƻ�������ᱻɾ����
-/yes                 ����Ҫ��һ��ȷ��ʱ����ɾ��������ҵ
-                     ������һ��ʹ�á�
-time                 ָ�����������ʱ�䡣
-/interactive         ������ҵ������ʱ���뵱ʱ��¼���û�
-                     ����������
-/every:date[,...]    ָ����ÿ�ܻ�ÿ�µ��ض������������
-                     ���ʡ�����ڣ���Ĭ��Ϊ��ÿ�µ�
-                     ��������
-/next:date[,...]     ָ������һ��ָ������(�磬������)��
-                     ��������ʡ�����ڣ���Ĭ��Ϊ��ÿ
-                     �µı������С�
-"command"            ׼�����е� Windows NT �����������
-                     ����
-