hd-idevvue3 3.0.0 → 3.0.2

package/src/views/privilege/role/orgnRole.vue

@@ -0,0 +1,56 @@
+<template>
+  <div style="height: 100%;">
+    <el-button @click="saveOrgnTree" class="filter-item" size="mini" type="success">{{$t('保存')}}</el-button>
+    <hd-tree :data="hdTree" height="100%" node-key="id" ref="orgnTree" show-checkbox
+             style="height: 100%" v-loading="listLoading"></hd-tree>
+  </div>
+</template>
+<script>
+
+  export default {
+    name: 'orgnRole',
+    data: function () {
+      return {
+        hdTree: [],
+        listLoading: false
+      }
+    },
+    mounted() {
+      this.doQuery()
+    },
+    methods: {
+      doQuery() {
+        this.listLoading = true
+        this.$http.get(`../webresources/login/privilege/AuthRole/findOrgnByRoleAndPrivilege?roleId=${this.roleId}&privilegeId=${this.menuId}`).then(response => {
+          const data = response.data
+          this.hdTree = data
+          this.listLoading = false
+        })
+      },
+      saveOrgnTree() {
+        const os = this.$refs.orgnTree.getCheckedNodes(false)
+        let orgIds = ''
+        for (let i = 0; i < os.length; i++) {
+          orgIds = orgIds + os[i].id + ','
+        }
+        this.$http.post(`../webresources/login/privilege/AuthRole/vue/updateRoleOrgn/${this.roleId}/${this.menuId}`, {ids: orgIds}).then(response => {
+          const data = response.data
+          this.$message({
+            type: data.code == '-1' ? 'error' : 'success',
+            message: data.message
+          })
+        })
+      }
+    },
+    props: ['roleId', 'menuId'],
+    watch: {
+      // 都有值才适合查询
+      roleId: function (newVal) {
+        this.doQuery()
+      },
+      menuId: function (newVal) {
+        this.doQuery()
+      }
+    }
+  }
+</script>

package/src/views/privilege/role/role.vue

@@ -0,0 +1,67 @@
+<template>
+  <el-container>
+    <el-aside width="40%">
+      <rolelist @selRoleId="selRoleId"></rolelist>
+    </el-aside>
+    <el-main>
+      <el-tabs v-model="activeName">
+        <el-tab-pane :label="$t('菜单')" name="menu">
+          <menuRole :roleId="roleId" v-if="activeName=='menu'&&roleId"></menuRole>
+        </el-tab-pane>
+        <el-tab-pane :label="$t('数据')" name="data">
+          <el-container v-if="activeName=='data'">
+            <el-aside width="30%">
+              <comMenu @selMenu="selMenu"></comMenu>
+            </el-aside>
+            <el-main>
+              <orgnRole :roleId="roleId" :menuId="menu.id" v-if="roleId&&menu.url"></orgnRole>
+            </el-main>
+          </el-container>
+        </el-tab-pane>
+        <el-tab-pane :label="$t('按钮')" name="btn">
+          <el-container v-if="activeName=='btn'">
+            <el-aside width="30%">
+              <comMenu @selMenu="selMenu"></comMenu>
+            </el-aside>
+            <el-main>
+              <btnRole :roleId="roleId" :menu="menu" v-if="roleId&&menu.url" :imFromPro="imFromPro"></btnRole>
+            </el-main>
+          </el-container>
+        </el-tab-pane>
+      </el-tabs>
+    </el-main>
+  </el-container>
+</template>
+<script>
+import btnRole from './btnRole'
+import rolelist from './rolelist'
+import menuRole from './menuRole'
+import orgnRole from './orgnRole'
+import comMenu from '../menu/comMenu'
+
+export default {
+  components: {
+    orgnRole, rolelist, menuRole, btnRole, comMenu
+  },
+  name: 'role',
+  data() {
+    return {
+      roleId: null,
+      menu: {},
+      activeName: 'menu'
+    }
+  },
+  props: ['imFromPro'], // imFromPro:import不能来自node_module,需要项目传入
+  mounted() {
+    this.$route.meta.btnRoleCheck = true // 按钮权限,开启注册
+  },
+  methods: {
+    selRoleId(roleId) {
+      this.roleId = roleId
+    },
+    selMenu(menu) {
+      this.menu = menu
+    }
+  }
+}
+</script>

package/src/views/privilege/role/rolelist.vue

@@ -0,0 +1,67 @@
+<template>
+  <hd-com-grid ref="grid" :hdQuery="hdQuery" @row-click="selRow" url="/webresources/login/privilege/AuthRole/vue">
+    <div class="filter-container" slot="query">
+      <el-input @keyup.enter.native="doQuery" style="width: 120px;" class="filter-item" :placeholder="$t('名称')"
+                v-model="hdQuery.query.anyQuery">
+      </el-input>
+      <orgnselect style="width:150px;display: inline-block" :txtVal.sync="hdQuery.query.orgnName"
+                  :idVal.sync="hdQuery.query.orgnId" class="filter-item" :placeholder="$t('选择部门')"></orgnselect>
+      <el-button @click="doQuery" keyType="query" class="filter-item">{{$t('搜索')}}</el-button>
+      <el-button class="filter-item" type="primary" @click="$refs.grid.doEdit('')" keyType="add">{{$t('增加')}}</el-button>
+    </div>
+    <el-table-column width="90" align="center" label="操作" fixed="right">
+      <template slot-scope="scope">
+        <hd-btn icon="el-icon-edit" hint="编辑" @click="$refs.grid.doEdit(scope.row)" v-if="!scope.row.isEdit">{{$t('编辑')}}</hd-btn>
+        <hd-btn icon="el-icon-delete" hint="删除" @click="$refs.grid.doRemove(scope.row)" v-if="!scope.row.isEdit">{{$t('删除')}}
+        </hd-btn>
+        <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row)" 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>
+      </template>
+    </el-table-column>
+    <el-table-column width="120px" align="left" header-align="center" label="名称" prop="name" sortable
+                     :rules="$r(1,0,50)">
+    </el-table-column>
+    <el-table-column width="170px" align="left" header-align="center" label="所属部门" prop="orgnStr" noEdit>
+    </el-table-column>
+    <el-table-column width="150px" align="left" header-align="center" label="描述" prop="description">
+    </el-table-column>
+    <el-table-column width="100px" align="center" label="管理员" prop="isAdmin" input="el-switch"
+                     v-if="$store.state.user.isAdmin"
+                     :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt' sortable>
+    </el-table-column>
+  </hd-com-grid>
+</template>
+<script>
+
+  import btnRole from './btnRole'
+  import orgnselect from '../orgDept/orgnselect'
+
+  export default {
+    components: {
+      btnRole,
+      orgnselect
+    },
+    name: 'rolelist',
+    data: function () {
+      return {
+        hdQuery: new HdQuery(this)
+      }
+    },
+    props: {},
+    mounted() {
+
+    },
+    methods: {
+      doQuery() {
+        this.$refs.grid.doQuery()
+      },
+      selRow(row) {
+        this.$emit('selRoleId', row.roleId)
+      }
+    }
+  }
+</script>

package/src/views/privilege/role/roleselect.vue

@@ -0,0 +1,57 @@
+<template>
+  <!--开发示例:pop选择的-->
+  <div>
+    <hd-grid-sel :txtVal="txtVal" :idVal="idVal" placeholder="请点击选角色" height="50vh" :hdQuery="hdQuery"
+                 url="/webresources/login/privilege/AuthRole/find" @rowClick="doClick"
+                 :beforeQuery="beforeQuery" visualScroll>
+      <el-table-column width="130px" align="left" header-align="center" label="角色名称" prop="name" sortable>
+      </el-table-column>
+      <el-table-column width="130px" align="left" header-align="center" label="创建部门" prop="orgnStr" sortable>
+      </el-table-column>
+    </hd-grid-sel>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'selship',
+  components: {},
+  data() {
+    return {
+
+      hdQuery: new HdQuery(this)
+    }
+  },
+  mounted() {
+
+  },
+  props: { idVal: String, txtVal: String }, // 设置value为props属性-必须
+  //    watch: {
+  //      popAnyQuery: function () {
+  //        clearTimeout(this.timeout);
+  //        this.timeout = setTimeout(() => {
+  //          //doQuery
+  //        }, 500);
+  //      }
+  //    },
+  methods: {
+    beforeQuery(val) {
+      this.hdQuery.query.anyQuery = val
+    },
+    doClick(row) {
+      this.$emit('update:txtVal', row.name)
+      this.$emit('update:idVal', row.roleId)
+      this.$emit('onSelItem', { data: row }) // 主页面调用弹窗时添加
+    }
+  },
+  watch: {}
+}
+</script>
+
+<style>
+
+  .el-popper {
+    z-index: 3000 !important;
+  }
+</style>

package/src/views/privilege/search/comsearch.vue

@@ -0,0 +1,105 @@
+<template>
+  <el-container>
+    <el-aside style="border-right: 1px solid #eee" width="260px">
+      <hd-tree :data="menuData" @node-click="handleNodeClick" node-key="id"></hd-tree>
+    </el-aside>
+    <el-main>
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComSearch">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item"
+                    :placeholder="$t('名称')"
+                    v-model="hdQuery.query.name">
+          </el-input>
+          <el-button class="filter-item" @click="$refs.grid.doQuery()" icon="search" type="primary" ref="q" keyType="query">{{$t('搜索')}}
+          </el-button>
+          <el-button class="filter-item" type="primary" @click="doAdd()" icon="edit" ref="a" keyType="add">{{$t('新增')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" ref="d" keyType="del">{{$t('删除')}}
+          </el-button>
+        </div>
+        <el-table-column width="90px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <HdGridEditBtn style="display: inline;" :row="scope.row" gridRef="grid"></HdGridEditBtn>
+            <hd-btn icon="el-icon-refresh" hint="刷新" @click.stop="doRefresh(scope.row)" v-if="!scope.row.isEdit"></hd-btn>
+          </template>
+        </el-table-column>
+
+        <el-table-column width="100px" align="center" label="索引名称" prop="indexName" sortable :rules="$r(0,0,30)" noEdit >
+        </el-table-column>
+        <el-table-column width="120px" align="center" label="索引CODE" prop="searchCode" sortable :rules="$r(0,0,50)" >
+        </el-table-column>
+        <el-table-column width="120px" align="center" label="索引菜单" :inputFormat="(v,r)=>r.menuName" prop="menuId" sortable noEdit>
+        </el-table-column>
+        <el-table-column width="330px" align="center" label="索引实体" prop="entityName" sortable :rules="$r(0,0,255)" >
+        </el-table-column>
+        <el-table-column width="140px" align="center" label="上次刷新时间" :inputProp="$date" prop="flushTim" sortable noEdit>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+
+  export default {
+    name: 'comsearch',
+    components: {},
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+        menuData: [],
+        selData: {},
+      }
+    },
+
+    mounted() {
+      this.doMenuQuery();
+    },
+    methods: {
+      doAdd() {
+        if(!this.selData.children || this.selData.children.length > 0) {
+          this.$message({
+            type: 'error',
+            message: this.$t('只能添加到节点菜单')
+          });
+          return;
+        }
+        let rowData = {};
+        rowData.menuId = this.selData.id;
+        rowData.menuName = this.selData.text;
+        rowData.indexName = 'default';
+        this.$refs.grid.doEdit('', rowData);
+      },
+      doMenuQuery() {
+        this.$http.post('/webresources/login/privilege/AuthPrivilege/getAllTree/1/0').then(response => {
+          console.log('menuData', response.data)
+          this.menuData = response.data
+        })
+      },
+      handleNodeClick(obj) {
+        this.selData = obj;
+        this.doListQuery()
+      },
+      doListQuery() {
+        this.hdQuery.query.menuId = this.selData.id
+        if(this.selData.id === '-1') {
+          this.hdQuery.query.menuId = null
+        }
+        this.$refs.grid.doQuery();
+      },
+      doRefresh(obj) { // 刷新数据
+        const loading = this.$loading({
+          text : this.$t('正在生成索引，您可能需要一盏茶的时间请耐心等待...')
+        })
+        this.$http.post(`/webresources/login/com/ComSearch/flush/${obj.searchId}`).then(response => {
+          loading.close();
+          this.$message({
+            type: 'success',
+            message: this.$t(`刷新完成，共{num}条数据`, {'num':response.data.data}),
+          });
+        }, error=>{
+          loading.close();
+        })
+      },
+    }
+  }
+</script>

package/src/views/privilege/search/menu.vue

@@ -0,0 +1,52 @@
+<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>
+</template>
+<script>
+
+export default {
+  components: {},
+  name: 'menuSearch',
+  data: function() {
+    return {
+      hdTree: [],
+      listLoading: false
+    }
+  },
+  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
+      })
+    },
+    save() {
+      const os = this.$refs.menuTree.getCheckedNodes()
+      let privilegeIds = ''
+      for (let i = 0; i < os.length; i++) {
+        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
+        })
+      })
+    }
+  },
+  watch: {}
+}
+</script>

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

@@ -0,0 +1,103 @@
+<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>
+        <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>
+          <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>
+          <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>
+        </div>
+        <el-table-column align="center" fixed="right" label="操作" width="60px">
+          <template slot-scope="scope">
+            <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>
+        <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>
+        <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>
+        <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>
+      </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'
+        },
+      }
+    },
+    // 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('')
+      }
+    },
+    computed: {// 给外层v-model赋值
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  :deep(.gray-row) { //deep必须有
+    background: #DCDCDC;
+  }
+
+</style>

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

@@ -0,0 +1,66 @@
+<template>
+  <el-container>
+    <el-main>
+      <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>
+          <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>
+            <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>
+            <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>
+        <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>

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

@@ -0,0 +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>

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

@@ -0,0 +1,52 @@
+<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>
+</template>
+<script>
+
+export default {
+  components: {},
+  name: 'menuRole',
+  data: function() {
+    return {
+      hdTree: [],
+      listLoading: false
+    }
+  },
+  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
+      })
+    },
+    save() {
+      const os = this.$refs.menuTree.getCheckedNodes()
+      let privilegeIds = ''
+      for (let i = 0; i < os.length; i++) {
+        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
+        })
+      })
+    }
+  },
+  watch: {}
+}
+</script>