hd-idevvue3 3.0.3 → 3.0.4

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

@@ -1,67 +1,136 @@
 <template>
-  <hd-com-grid ref="grid" :hdQuery="hdQuery" @row-click="selRow" url="/webresources/login/privilege/AuthRole/vue">
+  <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
+        @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>
+      <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
+          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
+          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
+          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
+      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
+      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
+      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
+      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'
+<script>
+import btnRole from './btnRole'
+import orgnselect from '../orgDept/orgnselect'
 
-  export default {
-    components: {
-      btnRole,
-      orgnselect
-    },
-    name: 'rolelist',
-    data: function () {
-      return {
-        hdQuery: new HdQuery(this)
-      }
+export default {
+  components: {
+    btnRole,
+    orgnselect,
+  },
+  name: 'rolelist',
+  data: function () {
+    return {
+      hdQuery: new HdQuery(this),
+    }
+  },
+  props: {},
+  mounted() {},
+  methods: {
+    doQuery() {
+      this.$refs.grid.doQuery()
     },
-    props: {},
-    mounted() {
-
+    selRow(row) {
+      this.$emit('selRoleId', row.roleId)
     },
-    methods: {
-      doQuery() {
-        this.$refs.grid.doQuery()
-      },
-      selRow(row) {
-        this.$emit('selRoleId', row.roleId)
-      }
-    }
-  }
+  },
+}
 </script>

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

@@ -1,31 +1,49 @@
 <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>
+    <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
+        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)
+      hdQuery: new HdQuery(this),
     }
   },
-  mounted() {
-
-  },
+  mounted() {},
   props: { idVal: String, txtVal: String }, // 设置value为props属性-必须
   //    watch: {
   //      popAnyQuery: function () {
@@ -43,15 +61,14 @@ export default {
       this.$emit('update:txtVal', row.name)
       this.$emit('update:idVal', row.roleId)
       this.$emit('onSelItem', { data: row }) // 主页面调用弹窗时添加
-    }
+    },
   },
-  watch: {}
+  watch: {},
 }
 </script>
 
 <style>
-
-  .el-popper {
-    z-index: 3000 !important;
-  }
+.el-popper {
+  z-index: 3000 !important;
+}
 </style>

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

@@ -1,105 +1,196 @@
 <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>
+      <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">
+      <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
+            @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
+            class="filter-item"
+            @click="$refs.grid.doQuery()"
+            :icon="ElIconSearch"
+            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
+            class="filter-item"
+            type="primary"
+            @click="doAdd()"
+            :icon="ElIconEdit"
+            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
+            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>
+            <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
+          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
+          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
+          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
+          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
+          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: {},
+<script>
+import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons'
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      menuData: [],
+      selData: {},
+      ElIconSearch,
+      ElIconEdit,
+    }
+  },
+  name: 'comsearch',
+  components: {},
+  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)
     },
-
-    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 => {
+    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();
-        })
-      },
-    }
-  }
+    },
+    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

@@ -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: 'menuSearch',
-  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>