hd-idevvue3 3.0.2 → 3.0.4

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

@@ -1,115 +1,182 @@
 <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>
+      <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)">
+      <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
+            @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
+            @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
+              @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
+              @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">
+                 <template slot-scope="props">
 
-               <div style="width: 800px;word-wrap:break-word;">{{ props.row.logContent }}</div>
+                   <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">
+                 </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
+          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
+          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
+          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
+          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)
+<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
+        })
     },
-    mounted() {
-      this.doQuery()
-      //      this.$refs.grid.doEdit = function () { 重写doEdit
-      //        console.info(this.$options.name)
-      //      }
+    doListQuery() {
+      this.hdQuery.query.menuId = this.parentId
+      this.$refs.grid.doQuery()
     },
-    methods: {
-      doQuery() {
-        this.$http.post('/webresources/login/privilege/AuthPrivilege/getAllTree').then(response => {
-          this.data = response.data
+    handleNodeClick(obj) {
+      this.parentId = obj.id
+      this.doListQuery()
+    },
+    doEdit(row) {
+      if (!row && !this.parentId) {
+        // 新增
+        this.$message({
+          type: 'error',
+          message: this.$t('未选择数据'),
         })
-      },
-      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)
+        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
+  },
+  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

@@ -1,53 +1,119 @@
 <template>
   <el-container>
     <el-main>
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/SysLogConfigVue"
-                   noCopy="codeId">
+      <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
+            @keyup.enter.native="$refs.grid.doQuery()"
+            :suffix-icon="ElIconSearch"
+            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
+            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
+            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
+            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
+              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
+              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
+              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
+              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
+          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
+          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
+          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>
+import { Search as ElIconSearch } from '@element-plus/icons'
 export default {
   data() {
     return {
-      hdQuery: new HdQuery(this)
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
     }
   },
   // mounted() {
@@ -55,7 +121,8 @@ export default {
   // },
   props: {},
   methods: {},
-  computed: {// 给外层v-model赋值
-  }
+  computed: {
+    // 给外层v-model赋值
+  },
 }
 </script>

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

@@ -1,83 +1,85 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+  <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 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 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 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 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 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 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 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 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 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 => {
+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

@@ -1,26 +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>
+<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>