hd-idevvue3 3.0.3 → 3.0.4

package/src/views/privilege/syscode/syscode.vue

@@ -1,21 +1,53 @@
 <template>
   <el-container>
     <el-main>
-      <hd-com-grid :exField="exField" :hdQuery="hdQuery" :row-class-name="tableRowClassName" :stripe="false"
-                   noCopy="codeId" ref="grid" url="/webresources/login/privilege/SysCode/vue" visualScroll>
+      <hd-com-grid
+        :exField="exField"
+        :hdQuery="hdQuery"
+        :row-class-name="tableRowClassName"
+        :stripe="false"
+        noCopy="codeId"
+        ref="grid"
+        url="/webresources/login/privilege/SysCode/vue"
+        visualScroll
+      >
         <div class="filter-container" slot="query">
-          <el-input :placeholder="$t('名称、代码')" @keyup.enter.native="$refs.grid.doQuery()"
-                    class="filter-item"
-                    style="width: 200px;float:right;" suffix-icon="el-icon-search"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            :placeholder="$t('名称、代码')"
+            @keyup.enter.native="$refs.grid.doQuery()"
+            class="filter-item"
+            style="width: 200px; float: right"
+            :suffix-icon="ElIconSearch"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-button @click="doAdd" class="filter-item" keyType="add" 　type="primary">{{$t('新增')}}
+          <el-button
+            @click="doAdd"
+            class="filter-item"
+            keyType="add"
+            　type="primary"
+            >{{ $t('新增') }}
           </el-button>
-          <el-button @click="$refs.grid.doCopy()" class="filter-item" keyType="copy" type="primary">{{$t('复制')}}
+          <el-button
+            @click="$refs.grid.doCopy()"
+            class="filter-item"
+            keyType="copy"
+            type="primary"
+            >{{ $t('复制') }}
           </el-button>
-          <el-button @click="$refs.grid.doRemoveAll()" class="filter-item" keyType="del" type="danger">{{$t('删除')}}
+          <el-button
+            @click="$refs.grid.doRemoveAll()"
+            class="filter-item"
+            keyType="del"
+            type="danger"
+            >{{ $t('删除') }}
           </el-button>
-          <el-button @click="$refs.grid.doSaveAll()" class="filter-item" keyType="save" type="danger">{{$t('保存')}}
+          <el-button
+            @click="$refs.grid.doSaveAll()"
+            class="filter-item"
+            keyType="save"
+            type="danger"
+            >{{ $t('保存') }}
           </el-button>
         </div>
         <el-table-column align="center" fixed="right" label="操作" width="60px">
@@ -23,81 +55,137 @@
             <HdGridEditBtn :row="scope.row" gridRef="grid"></HdGridEditBtn>
           </template>
         </el-table-column>
-        <el-table-column :rules="$r(1,0,36)" align="left" header-align="center" label="代码" prop="code" sortable
-                         width="120px">
+        <el-table-column
+          :rules="$r(1, 0, 36)"
+          align="left"
+          header-align="center"
+          label="代码"
+          prop="code"
+          sortable
+          width="120px"
+        >
         </el-table-column>
-        <el-table-column :rules="$r(1,0,50)" align="left" header-align="center" label="名称" prop="name" sortable
-                         width="120px">
+        <el-table-column
+          :rules="$r(1, 0, 50)"
+          align="left"
+          header-align="center"
+          label="名称"
+          prop="name"
+          sortable
+          width="120px"
+        >
         </el-table-column>
-        <el-table-column align="left" header-align="center" label="英文名" prop="enName" sortable width="120px">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="英文名"
+          prop="enName"
+          sortable
+          width="120px"
+        >
         </el-table-column>
-        <el-table-column :rules="$r(0,0,100000,'number')" align="left" header-align="center" input="HdNum" label="排序号"
-                         prop="sorter"
-                         sortable>
+        <el-table-column
+          :rules="$r(0, 0, 100000, 'number')"
+          align="left"
+          header-align="center"
+          input="HdNum"
+          label="排序号"
+          prop="sorter"
+          sortable
+        >
         </el-table-column>
-        <el-table-column :inputFormat='$ckFt' :inputProp='{activeValue:"1", inactiveValue:"0"}' align="center"
-                         input="el-switch" label="系统"
-                         prop="sysMark" sortable>
+        <el-table-column
+          :inputFormat="$ckFt"
+          :inputProp="{ activeValue: '1', inactiveValue: '0' }"
+          align="center"
+          input="el-switch"
+          label="系统"
+          prop="sysMark"
+          sortable
+        >
         </el-table-column>
-        <el-table-column :inputFormat='$ckFt' :inputProp='{activeValue:"1", inactiveValue:"0"}' align="center"
-                         input="el-switch" label="废弃"
-                         prop="abandonedMark" sortable>
+        <el-table-column
+          :inputFormat="$ckFt"
+          :inputProp="{ activeValue: '1', inactiveValue: '0' }"
+          align="center"
+          input="el-switch"
+          label="废弃"
+          prop="abandonedMark"
+          sortable
+        >
         </el-table-column>
-        <el-table-column align="left" header-align="center" label="备注/描述" prop="description" sortable width="150px">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="备注/描述"
+          prop="description"
+          sortable
+          width="150px"
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
   </el-container>
 </template>
-<script>
-
 
-  export default {
-    name: 'syscode',
-    components: {},
-    data() {
-      return {
-        hdQuery: new HdQuery(this),
-        exField: {
-          open: true,
-          table: 'SYS_CODE',
-          columnList: ['CUSTOM_EX1', 'CUSTOM_EX2', 'CUSTOM_EX3', 'CUSTOM_EX4', 'CUSTOM_EX5'],
-          gridCode: 'syscodeGrid'
-        },
+<script>
+import { Search as ElIconSearch } from '@element-plus/icons'
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      exField: {
+        open: true,
+        table: 'SYS_CODE',
+        columnList: [
+          'CUSTOM_EX1',
+          'CUSTOM_EX2',
+          'CUSTOM_EX3',
+          'CUSTOM_EX4',
+          'CUSTOM_EX5',
+        ],
+        gridCode: 'syscodeGrid',
+      },
+      ElIconSearch,
+    }
+  },
+  name: 'syscode',
+  components: {},
+  // mounted() {//页面加载后执行
+  //   this.doQuery()
+  // },
+  props: {},
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      //stripe必须改为false
+      if (row.abandonedMark == '1') {
+        return 'gray-row'
       }
     },
-    // mounted() {//页面加载后执行
-    //   this.doQuery()
-    // },
-    props: {},
-    methods: {
-      tableRowClassName({row, rowIndex}) {//stripe必须改为false
-        if (row.abandonedMark == '1') {
-          return 'gray-row';
-        }
-      },
-      querycode(row) {
-        this.hdQuery.query.fieldCod = row.fieldCod
-        this.$refs.grid.doQuery()
-      },
-      doAdd() {
-        if (!this.hdQuery.query.fieldCod) {
-          this.$message({
-            type: 'error',
-            message: this.$t('未选择数据')
-          })
-          return false
-        }
-        this.$refs.grid.doEdit('')
+    querycode(row) {
+      this.hdQuery.query.fieldCod = row.fieldCod
+      this.$refs.grid.doQuery()
+    },
+    doAdd() {
+      if (!this.hdQuery.query.fieldCod) {
+        this.$message({
+          type: 'error',
+          message: this.$t('未选择数据'),
+        })
+        return false
       }
+      this.$refs.grid.doEdit('')
     },
-    computed: {// 给外层v-model赋值
-    }
-  }
+  },
+  computed: {
+    // 给外层v-model赋值
+  },
+}
 </script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  :deep(.gray-row) { //deep必须有
-    background: #DCDCDC;
-  }
 
+<style lang="scss" rel="stylesheet/scss" scoped>
+:deep(.gray-row) {
+  //deep必须有
+  background: #dcdcdc;
+}
 </style>

package/src/views/privilege/syscode/sysfield.vue

@@ -1,66 +1,119 @@
 <template>
   <el-container>
     <el-main>
-      <hd-com-grid ref="grid" :hdQuery="hdQuery"
-                   url="/webresources/login/privilege/SysField/vue"
-                   @row-click="rowClick" 　recHide :defaultSort="{}">
+      <hd-com-grid
+        ref="grid"
+        :hdQuery="hdQuery"
+        url="/webresources/login/privilege/SysField/vue"
+        @row-click="rowClick"
+        　recHide
+        :defaultSort="{}"
+      >
         <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>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">{{$t('删除')}}</el-button>
+          <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
+          >
         </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">
-              {{$t('编辑')}}
+            <hd-btn
+              icon="el-icon-edit"
+              hint="编辑"
+              @click.stop="$refs.grid.doEdit(scope.row)"
+              v-if="!scope.row.isEdit"
+            >
+              {{ $t('编辑') }}
             </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">
-              {{$t('保存')}}
+            <hd-btn
+              icon="el-icon-check"
+              hint="保存"
+              @click.stop="$refs.grid.doSave(scope.row)"
+              v-if="scope.row.isEdit"
+            >
+              {{ $t('保存') }}
             </hd-btn>
-            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"
-                    v-if="!scope.row.isEdit">
-              {{$t('删除')}}
+            <hd-btn
+              icon="el-icon-delete"
+              hint="删除"
+              @click.stop="$refs.grid.doRemove(scope.row)"
+              v-if="!scope.row.isEdit"
+            >
+              {{ $t('删除') }}
             </hd-btn>
           </template>
         </el-table-column>
-        <el-table-column width="120px" align="left" header-align="center" label="名称" prop="fieldName" sortable
-                         :rules="$r(1,0,36)">
+        <el-table-column
+          width="120px"
+          align="left"
+          header-align="center"
+          label="名称"
+          prop="fieldName"
+          sortable
+          :rules="$r(1, 0, 36)"
+        >
         </el-table-column>
-        <el-table-column width="150px" align="left" header-align="center" label="代码" prop="fieldCod" sortable
-                         :rules="$r(1,0,50)">
+        <el-table-column
+          width="150px"
+          align="left"
+          header-align="center"
+          label="代码"
+          prop="fieldCod"
+          sortable
+          :rules="$r(1, 0, 50)"
+        >
         </el-table-column>
-
       </hd-com-grid>
     </el-main>
   </el-container>
 </template>
-<script>
-
-  export default {
-    name:'sysfield',
-    components: {},
-    data() {
-      return {
-        hdQuery: new HdQuery(this)
-      }
-    },
-    props: {},
-    mounted() {
-
-    },
-    methods: {
-      rowClick(row) {
-        this.$emit('row-click', row)
-      }
-    },
-    computed: {// 给外层v-model赋值
 
+<script>
+import { Search as ElIconSearch } from '@element-plus/icons'
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
     }
-  }
+  },
+  name: 'sysfield',
+  components: {},
+  props: {},
+  mounted() {},
+  methods: {
+    rowClick(row) {
+      this.$emit('row-click', row)
+    },
+  },
+  computed: {
+    // 给外层v-model赋值
+  },
+}
 </script>

package/src/views/privilege/syscode/sysfieldframe.vue

@@ -1,30 +1,30 @@
-<template>
-  <el-container>
-    <el-aside width="460px">
-      <sysfield ref="sysfield" @row-click="rowClick"></sysfield>
-    </el-aside>
-    <el-main>
-      <syscode ref="syscode"></syscode>
-    </el-main>
-
-  </el-container>
-</template>
-<script>
-import syscode from './syscode'
-import sysfield from './sysfield'
-
-export default {
-  components: {
-    syscode, sysfield
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    rowClick(row) {
-      this.$refs['syscode'].querycode(row)
-    }
-  }
-}
-
-</script>
+<template>
+  <el-container>
+    <el-aside width="460px">
+      <sysfield ref="sysfield" @row-click="rowClick"></sysfield>
+    </el-aside>
+    <el-main>
+      <syscode ref="syscode"></syscode>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+import syscode from './syscode'
+import sysfield from './sysfield'
+
+export default {
+  components: {
+    syscode,
+    sysfield,
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    rowClick(row) {
+      this.$refs['syscode'].querycode(row)
+    },
+  },
+}
+</script>

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

@@ -1,52 +1,68 @@
 <template>
-  <div style="height: 100%;">
-    <el-button class="filter-item" type="success" @click="save" size="mini">{{$t('保存')}}</el-button>
-    <hd-tree :data="hdTree" v-loading="listLoading" node-key="id" ref="menuTree"
-             show-checkbox style="height:calc(100% - 30px)"></hd-tree>
+  <div style="height: 100%">
+    <el-button class="filter-item" type="success" @click="save" size="mini">{{
+      $t('保存')
+    }}</el-button>
+    <hd-tree
+      :data="hdTree"
+      v-loading="listLoading"
+      node-key="id"
+      ref="menuTree"
+      show-checkbox
+      style="height: calc(100% - 30px)"
+    ></hd-tree>
   </div>
 </template>
-<script>
 
+<script>
 export default {
   components: {},
   name: 'menuRole',
-  data: function() {
+  data: function () {
     return {
       hdTree: [],
-      listLoading: false
+      listLoading: false,
     }
   },
-  mounted() { // 因为外层通过v-if控制
+  mounted() {
+    // 因为外层通过v-if控制
     this.doQuery()
   },
   methods: {
     doQuery() {
       this.listLoading = true
 
-      this.$http.get(`/webresources/login/privilege/SysLogConfigVue/menuConfig`).then(response => {
-        const data = response.data
-        this.hdTree = data
-        this.listLoading = false
-      })
+      this.$http
+        .get(`/webresources/login/privilege/SysLogConfigVue/menuConfig`)
+        .then((response) => {
+          const data = response.data
+          this.hdTree = data
+          this.listLoading = false
+        })
     },
     save() {
       const os = this.$refs.menuTree.getCheckedNodes()
       let privilegeIds = ''
       for (let i = 0; i < os.length; i++) {
-        if (os[i].id == -1) { // 总根节点不处理
+        if (os[i].id == -1) {
+          // 总根节点不处理
           continue
         }
         privilegeIds = privilegeIds + os[i].id + ','
       }
-      this.$http.post(`/webresources/login/privilege/SysLogConfigVue/saveMenuConfig`, {privilegeIds: privilegeIds}).then(response => {
-        const data = response.data
-        this.$message({
-          type: data.code == '-1' ? 'error' : 'success',
-          message: data.message
+      this.$http
+        .post(`/webresources/login/privilege/SysLogConfigVue/saveMenuConfig`, {
+          privilegeIds: privilegeIds,
         })
-      })
-    }
+        .then((response) => {
+          const data = response.data
+          this.$message({
+            type: data.code == '-1' ? 'error' : 'success',
+            message: data.message,
+          })
+        })
+    },
   },
-  watch: {}
+  watch: {},
 }
 </script>