hd-idevvue3 3.0.0 → 3.0.2

package/src/views/layout/menu/index.vue

@@ -0,0 +1,25 @@
+<template>
+
+    <el-menu :collapse="isCollapse" :default-active="$route.name" active-text-color="#ffffff" background-color="#ffffff"
+             mode="vertical" text-color="#fff">
+      <HdMenu :routes="hdMenu"></HdMenu>
+    </el-menu>
+</template>
+
+<script>
+  import {mapGetters} from 'vuex'
+  import HdMenu from './HdMenu'
+
+  export default {
+    components: {HdMenu},
+    computed: {
+      ...mapGetters([
+        'hdMenu',
+        'sidebar'
+      ]),
+      isCollapse() {
+        return !this.sidebar.opened
+      }
+    }
+  }
+</script>

package/src/views/privilege/commsg/commsg.vue

@@ -0,0 +1,78 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid :hdQuery="hdQuery" ref="grid" url="/webresources/login/com/ComMsg" visualScroll>
+        <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.doQuery()" class="filter-item" icon="search" ref="q" type="primary">{{$t('搜索')}}
+          </el-button>
+          <el-button @click="doEdit('')" class="filter-item" icon="edit" ref="a" type="primary">{{$t('新增')}}
+          </el-button>
+          <el-button @click="$refs.grid.doRemoveAll()" class="filter-item" ref="d" type="danger">{{$t('删除')}}
+          </el-button>
+        </div>
+        <el-table-column align="center" fixed="right" label="操作" width="100px">
+          <template slot-scope="scope">
+            <hd-btn @click.stop="doEdit(scope.row.msgId)" hint="编辑" icon="el-icon-edit"></hd-btn>
+            <hd-btn @click.stop="$refs.grid.doRemove(scope.row)" hint="删除" icon="el-icon-delete"></hd-btn>
+            <hd-btn @click.stop="send(scope.row.msgId)" hint="发送" icon="el-icon-phone"></hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="CODE" prop="msgCode" sortable width="100px">
+        </el-table-column>
+        <el-table-column align="center" label="标题" prop="title" sortable width="100px">
+        </el-table-column>
+        <el-table-column align="center" label="类型" prop="msgTypeName" width="150px">
+        </el-table-column>
+        <el-table-column align="center" label="内容" prop="content" sortable width="300px">
+        </el-table-column>
+        <el-table-column align="center" label="打开路径" prop="url" sortable width="100px">
+        </el-table-column>
+
+      </hd-com-grid>
+    </el-main>
+    <commsgform @save-ok="$refs.grid.doQuery()" ref="commsgform"></commsgform>
+  </el-container>
+</template>
+<script>
+  import commsgform from './commsgform'
+
+  export default {
+    components: {commsgform},
+    data() {
+      return {
+        hdQuery: new HdQuery(this)
+      }
+    },
+
+    mounted() {
+
+    },
+    methods: {
+
+      doEdit(msgId) { // 增加或编辑
+        this.$refs['commsgform'].show(msgId)
+      },
+      send(msgId) { // 增加或编辑
+        this.$http.post(`/webresources/login/com/ComMsg/send?msgId=${msgId}`).then(response => {
+          var data = response.data
+          if (data.code != '1') {
+            this.$message({
+              type: 'error',
+              message: data.message
+            })
+          } else {
+            this.$message({
+              type: 'success',
+              message: this.$t('发送成功')
+            })
+          }
+        })
+      }
+    }
+  }
+</script>

package/src/views/privilege/commsg/commsgOrgn.vue

@@ -0,0 +1,42 @@
+<template>
+  <div style="height: 100%;min-height: 400px">
+     <hd-tree :data="hdTree" v-loading="listLoading" node-key="id" ref="orgnTree" style="height: 100%"
+             height="100%" show-checkbox></hd-tree>
+  </div>
+</template>
+<script>
+
+  export default {
+    name: 'commsgOrgn',
+    data: function () {
+      return {
+        hdTree: [],
+        listLoading: false
+      }
+    },
+    methods: {
+      doQuery() {
+        this.listLoading = true
+        this.$http.get(`../webresources/login/com/ComMsg/findOrgnByMsgId/${this.msgId}`).then(response => {
+          const data = response.data
+          this.hdTree = data
+          this.listLoading = false
+        })
+      },
+      getOrgIds() {
+        const os = this.$refs.orgnTree.getCheckedNodes(false)
+        let orgnIds = ''
+        for (let i = 0; i < os.length; i++) {
+          orgnIds = orgnIds + os[i].id + ','
+        }
+        return orgnIds;
+      }
+    },
+    props: ['orgnIds', 'msgId'],
+    watch: {
+      msgId : function (newVal) {
+        this.doQuery()
+      }
+    }
+  }
+</script>

package/src/views/privilege/commsg/commsgRole.vue

@@ -0,0 +1,149 @@
+<template>
+  <el-container style="height: 60vh;padding: 0" direction="vertical">
+    <ex-header height="50px">
+      <div class="filter-container" style="padding: 5px">
+        {{$t('角色查询')}}
+        <el-input @keyup.enter.native="doQuery()" style="width: 200px;" class="filter-item"
+                  :placeholder="$t('角色名')"
+                  v-model="hdQuery.query.name">
+        </el-input>
+        <orgnselect :txtVal.sync="hdQuery.query.orgnIdStr" :idVal.sync="hdQuery.query.orgnId"
+                    class="filter-item" :placeholder="$t('请选择组织')"></orgnselect>
+        <el-button @click="doQuery">{{$t('搜索')}}</el-button>
+        <el-button @click="hdQuery.query={}">{{$t('清空')}}</el-button>
+      </div>
+    </ex-header>
+    <el-main>
+      <div style="width:100%;height:100%;">
+        <el-container style="width:100%;height:100%;">
+          <ex-aside width="45%">
+            <hd-grid :hdQuery="hdQuery" :hdResult="hdResultLeftSel"
+                     @selection-change="leftSelMe" recHide noSets v-loading="listLoading1" @row-dblclick="leftClick">
+              <div class="el-line">{{$t('未选')}}</div>
+              <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="orgnName" sortable>
+              </el-table-column>
+              <el-table-column align="left" header-align="center" label="描述" prop="description" sortable>
+              </el-table-column>
+            </hd-grid>
+          </ex-aside>
+          <ex-aside width="80px" :arrowShow="false">
+            <el-row type="flex" justify="center" align="middle" style="height: 100%">
+              <el-col :span="20">
+                <el-button @click="addSel()" style="width: 100%">{{$t('选择')}}</el-button>
+                <br/><br/>
+                <el-button @click="removeSel()" style="width: 100%">{{$t('移除')}}</el-button>
+              </el-col>
+            </el-row>
+          </ex-aside>
+          <el-main width="50%" :arrowShow="false">
+            <hd-grid :hdResult="hdResultRightSel" pageHide @selection-change="rightSelMe" recHide noSets
+                     @row-dblclick="rightClick">
+              <div class="el-line">{{$t('已选')}}</div>
+              <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="orgnName" sortable>
+              </el-table-column>
+              <el-table-column width="130px" align="left" header-align="center" label="描述" prop="description" sortable>
+              </el-table-column>
+            </hd-grid>
+          </el-main>
+        </el-container>
+      </div>
+    </el-main>
+
+  </el-container>
+</template>
+
+<script>
+  import orgnselect from '../orgDept/orgnselect'
+
+
+  export default {
+    name: 'MsgRole',
+    components: {orgnselect},
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+        hdResultLeftSel: {rows: []},//左侧数据
+        hdResultRightSel: {rows: []},
+        leftSel: [], // check 左侧
+        rightSel: [], //
+        leftCheck: Object,
+        rightCheck: Object,
+        listLoading1: false,
+        listLoading2: false
+      }
+    },
+    // hdResult展示 hdQuery查询 defaultSort默认排序 pageHide true隐藏分页
+    props: {
+      msgId: String,
+      orgnIds: String
+    },
+    watch: {
+      msgId : function (newVal) {
+        this.initQuery()
+      }
+    },
+    methods: {
+      initQuery() {
+        this.$http.get(`/webresources/login/com/ComMsg/findRoleByMsgId/${this.msgId}`).then(response => {
+          this.hdResultRightSel.rows = response.data == null ?  [] : response.data
+        })
+      },
+      doQuery() {
+        let excIds = ''
+        this.listLoading1 = true
+        for (let i = 0; i < this.hdResultRightSel.rows.length; i++) {
+          excIds += this.hdResultRightSel.rows[i].roleId + ','
+        }
+        this.hdQuery.query.excIds = excIds
+        this.$http.post(`/webresources/login/com/ComMsg/find/role`, this.hdQuery).then(response => {
+          this.listLoading1 = false
+          this.hdResultLeftSel = response.data
+        })
+      },
+      leftSelMe(select) {
+        this.leftSel = select
+      },
+      rightSelMe(select) {
+        this.rightSel = select
+      },
+      leftClick(row) {
+        this.hdResultRightSel.rows.push(row)
+        this.hdResultLeftSel.rows.remove(row)
+        this.leftSel.remove(row)
+      },
+      rightClick(row) {
+        this.hdResultRightSel.rows.remove(row)
+        this.hdResultLeftSel.rows.push(row)
+        this.rightSel.remove(row)
+      },
+      addSel() {
+        this.leftSel.forEach((value) => {
+          this.hdResultRightSel.rows.push(value)
+          this.hdResultLeftSel.rows.remove(value)
+        })
+        this.leftSel = []
+      },
+      removeSel() {
+        this.rightSel.forEach((value) => {
+          this.hdResultLeftSel.rows.push(value)
+          this.hdResultRightSel.rows.remove(value)
+        })
+        this.rightSel = []
+      },
+      getOrgIds() {
+        let excIds = ''
+        for (let i = 0; i < this.hdResultRightSel.rows.length; i++) {
+          excIds += this.hdResultRightSel.rows[i].roleId + ','
+        }
+        return excIds;
+      }
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss">
+
+</style>

package/src/views/privilege/commsg/commsgform.vue

@@ -0,0 +1,160 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='80%' top="5vh">
+    <el-form label-width="100px" :model="hdform" ref="hdform">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="CODE" prop="msgCode"
+                        :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.msgCode"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="标题" prop="title"
+                        :rules="$r(1,0,256)">
+            <el-input type="text" v-model="hdform.title"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="类型" prop="msgTypeCode" :rules="$r(1)">
+            <hd-drop field="MSG_TYPE" v-model="hdform.msgTypeCode" style="width: 100%"></hd-drop>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" :xs="16">
+          <el-form-item label="打开路径" prop="url"
+                        :rules="$r(0,0,256)">
+            <el-input type="text" v-model="hdform.url"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" :xs="16">
+          <el-form-item label="内容" prop="content" :rules="$r(0,0,4000)">
+            <el-input v-model="hdform.content" type="textarea"
+                      :rows="3"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-tabs type="border-card" v-model="hdform.msgWayCode">
+            <el-tab-pane :label="$t('按用户')" name="BY_USER">
+              <commsgtrans :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgtrans"></commsgtrans>
+            </el-tab-pane>
+            <el-tab-pane :label="$t('按角色')" name="BY_ROLE">
+              <commsgRole :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgRole"></commsgRole>
+            </el-tab-pane>
+            <el-tab-pane :label="$t('按组织')" name="BY_ORGN">
+              <commsgOrgn :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgOrgn"></commsgOrgn>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
+      <el-button type="primary" @click="submit" :loading="loading"> {{$t('确 定')}}</el-button>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script>
+  import commsgtrans from './commsgtrans'
+  import commsgOrgn from './commsgOrgn'
+  import commsgRole from './commsgRole'
+  export default {
+    components: {commsgtrans, commsgOrgn, commsgRole},
+    name: 'commsgform',
+    data() {
+      return {
+        hdform: {
+          msgWayCode: 'BY_USER'
+        },
+        visible: false,
+        loading: false,
+        findUrl: ''
+      }
+    },
+    methods: {
+      show(msgId) { // 换为本表主键
+        // 弹窗重复使用时,清除校验项目
+        if (this.$refs['hdform']) {
+          this.$refs['hdform'].resetFields()
+        }
+        this.visible = true;
+        this.$http.get('/webresources/login/com/ComMsg/findone?msgId=' + msgId).then(response => {
+          console.log('show', this.hdform.msgWayCode);
+          const data = response.data
+          this.hdform = data
+          console.log('show', this.hdform.msgWayCode);
+          if (this.hdform.msgWayCode == null) {
+            this.hdform.msgWayCode = 'BY_USER';
+          }
+          this.$nextTick(()=>{
+            this.initFormContent(this.hdform.msgWayCode);
+          })
+        })
+      },
+
+      submit() {
+        this.$refs['hdform'].validate((valid) => {
+          if (!valid) {
+            return false
+          }
+          this.loading = true
+          this.hdform.sendIds = this.getOrgIds();
+          this.$http.post('/webresources/login/com/ComMsg/saveone', this.hdform).then(response => {
+            this.loading = false
+            const data = response.data
+            this.$message({
+              type: data.code == '-1' ? 'error' : 'success',
+              message: data.message
+            })
+            if (data.code == '-1') {
+              return
+            }
+            this.$emit('save-ok') // 主页面调用弹窗时添加
+            this.visible = false
+          }, error => {
+            this.visible = false
+          })
+        })
+      },
+      handleChange(value, direction, movedKeys) {
+        // console.log(value, direction, movedKeys);
+      },
+      initFormContent(val) {
+        if(val === 'BY_USER') {
+          this.$refs.commsgtrans.initQuery();
+        }
+        if(val === 'BY_ROLE') {
+          this.$refs.commsgRole.initQuery();
+        }
+        if(val === 'BY_ORGN') {
+          this.$refs.commsgOrgn.doQuery();
+        }
+      },
+      getOrgIds() {
+        const val = this.hdform.msgWayCode
+        if(val === 'BY_USER') {
+          return this.$refs.commsgtrans.getOrgIds();
+        }
+        if(val === 'BY_ROLE') {
+          return this.$refs.commsgRole.getOrgIds();
+        }
+        if(val === 'BY_ORGN') {
+          return this.$refs.commsgOrgn.getOrgIds();
+        }
+      }
+    },
+    watch: {
+      'hdform.msgWayCode' : function (val) {
+        console.log('msgWayCode changed');
+        this.initFormContent(val)
+      }
+    }
+  }
+</script>
+

package/src/views/privilege/commsg/commsgiframe.vue

@@ -0,0 +1,33 @@
+<template>
+  <el-dialog title="查看" :fullscreen="true" :visible.sync="visible" width='100%' custom-class="dialog">
+    <iframe :src="iframeUrl" width="100%" :height="height"></iframe>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        visible: false,
+        iframeUrl: "",
+        height:0
+      }
+    },
+    mounted() {
+      this.height = document.body.clientHeight-100
+    },
+    methods: {
+      show(url) { // 换为本表主键
+        console.log(this)
+        this.iframeUrl = url
+        this.visible = true;
+      },
+    }
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog {
+    height: 100%;
+  }
+</style>

package/src/views/privilege/commsg/commsgto.vue

@@ -0,0 +1,120 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid :hdQuery="hdQuery" :pageSizes="[100,500,1000,5000,10000]" @cell-click="cellClick"
+                   @row-dblclick="showMsg" findUrl="/webresources/login/com/ComMsg/find/rec" notInit recHide ref="grid"
+                   visualScroll>
+
+        <div class="filter-container" slot="query">
+          <el-input :placeholder="$t('名称')" @keyup.enter.native="$refs.grid.doQuery()" class="filter-item"
+                    style="width: 200px;"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-radio-group @change="$refs.grid.doQuery()" size="mini" v-model="hdQuery.query.readFlg">
+            <el-radio-button label="">{{$t('全部')}}</el-radio-button>
+            <el-radio-button label="0">{{$t('未读')}}</el-radio-button>
+            <el-radio-button label="1">{{$t('已读')}}</el-radio-button>
+          </el-radio-group>
+          <hd-drop class="filter-item" field="MSG_TYPE" style="width: 180px;" v-model="hdQuery.query.msgType"></hd-drop>
+          <el-date-picker :end-placeholder="$t('结束日期')" :start-placeholder="$t('开始日期')" class="filter-item"
+                          format="yyyy-MM-dd HH:mm"
+                          range-separator="-" style="width: 350px;"
+                          type="datetimerange" v-model="hdQuery.query.recTime"
+                          value-format="yyyy-MM-dd HH:mm"></el-date-picker>
+          <el-button @click="$refs.grid.doQuery()" class="filter-item" icon="search" type="primary">{{$t('搜索')}}
+          </el-button>
+          <el-button @click="readMessage()" class="filter-item" type="success">{{$t('读取')}}
+          </el-button>
+        </div>
+        <el-table-column align="center" label="标题" prop="title" sortable width="150px">
+        </el-table-column>
+        <el-table-column align="center" label="类型" prop="msgTypeName" width="150px">
+        </el-table-column>
+        <el-table-column align="center" label="内容" prop="content" sortable width="600px">
+        </el-table-column>
+        <el-table-column align="center" label="打开路径" prop="url" sortable width="150px">
+        </el-table-column>
+        <el-table-column align="center" label="发送人" prop="sendNam" sortable width="100px">
+        </el-table-column>
+        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="发送时间" noEdit prop="sendTim"
+                         sortable
+                         width="130px">
+        </el-table-column>
+        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="读取时间" noEdit prop="redTim"
+                         sortable
+                         width="130px">
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+    <commsgtoform @save-ok="$refs.grid.doQuery()" ref="commsgtoform"></commsgtoform>
+    <commsgiframe ref="commsgiframe"></commsgiframe>
+  </el-container>
+</template>
+<script>
+  import commsgtoform from './commsgtoform'
+  import commsgiframe from './commsgiframe'
+
+  export default {
+    components: {commsgtoform, commsgiframe},
+
+    data() {
+      return {
+        hdQuery: new HdQuery(this)
+      }
+    },
+
+    mounted() {
+      this.hdQuery.sort = 'sendTim'
+      this.$refs.grid.doQuery()
+      this.$set(this.hdQuery.query, 'readFlg', '0')
+    },
+    methods: {
+      showMsg(row) {
+        this.$refs['commsgtoform'].show(row.recId)
+      },
+      readMessage() {
+        const checkRows = this.$refs.grid.$refs.hdgrid.getCkRows()
+        if (checkRows.length < 1) {
+          this.$message({type: 'error', message: this.$t('请先选择消息！')})
+          return;
+        }
+        this.$http.post('/webresources/login/com/ComMsg/batch/read', checkRows).then(response => {
+          var data = response.data;
+          if (data.code == '1') {
+            this.$message({
+              type: 'success',
+              message: data.message
+            })
+            this.$store.state.user.messageNum = response.data.data;
+            this.$refs.grid.doQuery();
+          } else {
+            this.$message({
+              type: 'error',
+              message: data.message
+            })
+          }
+
+
+        })
+      },
+      cellClick(row, column) {
+        if (column.property == 'url') {
+          this.openUrl(row.url)
+        }
+      },
+      openUrl(path) {//这里必须是全局的
+        if (path.indexOf('http://') == 0 || path.indexOf('https://') == 0) {//http开头的在新窗口打开
+          window.open(path);
+        } else if (path.indexOf('iframe://') == 0) {
+          this.$refs['commsgiframe'].show(path.substring(9));
+        } else {
+          this.$router.push({
+            path: path,
+          });
+        }
+      }
+    }
+  }
+
+</script>