hd-idevvue3 3.0.3 → 3.0.4

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

@@ -1,25 +1,27 @@
 <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>
+  <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'
+import { mapGetters } from 'vuex'
+import HdMenu from './HdMenu'
 
-  export default {
-    components: {HdMenu},
-    computed: {
-      ...mapGetters([
-        'hdMenu',
-        'sidebar'
-      ]),
-      isCollapse() {
-        return !this.sidebar.opened
-      }
-    }
-  }
+export default {
+  components: { HdMenu },
+  computed: {
+    ...mapGetters(['hdMenu', 'sidebar']),
+    isCollapse() {
+      return !this.sidebar.opened
+    },
+  },
+}
 </script>

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

@@ -1,78 +1,152 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid :hdQuery="hdQuery" ref="grid" url="/webresources/login/com/ComMsg" visualScroll>
+      <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
+            @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
+            @click="$refs.grid.doQuery()"
+            class="filter-item"
+            :icon="ElIconSearch"
+            ref="q"
+            type="primary"
+            >{{ $t('搜索') }}
           </el-button>
-          <el-button @click="doEdit('')" class="filter-item" icon="edit" ref="a" type="primary">{{$t('新增')}}
+          <el-button
+            @click="doEdit('')"
+            class="filter-item"
+            :icon="ElIconEdit"
+            ref="a"
+            type="primary"
+            >{{ $t('新增') }}
           </el-button>
-          <el-button @click="$refs.grid.doRemoveAll()" class="filter-item" ref="d" type="danger">{{$t('删除')}}
+          <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">
+        <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>
+            <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
+          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
+          align="center"
+          label="标题"
+          prop="title"
+          sortable
+          width="100px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="类型" prop="msgTypeName" width="150px">
+        <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
+          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
+          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() {
+<script>
+import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons'
+import commsgform from './commsgform'
 
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
+      ElIconEdit,
+    }
+  },
+  components: { commsgform },
+  mounted() {},
+  methods: {
+    doEdit(msgId) {
+      // 增加或编辑
+      this.$refs['commsgform'].show(msgId)
     },
-    methods: {
-
-      doEdit(msgId) { // 增加或编辑
-        this.$refs['commsgform'].show(msgId)
-      },
-      send(msgId) { // 增加或编辑
-        this.$http.post(`/webresources/login/com/ComMsg/send?msgId=${msgId}`).then(response => {
+    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
+              message: data.message,
             })
           } else {
             this.$message({
               type: 'success',
-              message: this.$t('发送成功')
+              message: this.$t('发送成功'),
             })
           }
         })
-      }
-    }
-  }
+    },
+  },
+}
 </script>

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

@@ -1,42 +1,51 @@
 <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 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 => {
+<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()
+    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

@@ -1,149 +1,220 @@
 <template>
-  <el-container style="height: 60vh;padding: 0" direction="vertical">
+  <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">
+        {{ $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>
+        <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%;">
+      <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>
+            <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
+                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
+                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-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-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>
+            <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
+                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
+                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'
-
+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
-      }
+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()
     },
-    // hdResult展示 hdQuery查询 defaultSort默认排序 pageHide true隐藏分页
-    props: {
-      msgId: String,
-      orgnIds: String
+  },
+  methods: {
+    initQuery() {
+      this.$http
+        .get(`/webresources/login/com/ComMsg/findRoleByMsgId/${this.msgId}`)
+        .then((response) => {
+          this.hdResultRightSel.rows =
+            response.data == null ? [] : response.data
+        })
     },
-    watch: {
-      msgId : function (newVal) {
-        this.initQuery()
+    doQuery() {
+      let excIds = ''
+      this.listLoading1 = true
+      for (let i = 0; i < this.hdResultRightSel.rows.length; i++) {
+        excIds += this.hdResultRightSel.rows[i].roleId + ','
       }
-    },
-    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.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;
+    },
+    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>