hd-idevvue3 3.0.3 → 3.0.4

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

@@ -1,7 +1,11 @@
 <template>
   <el-container>
     <el-aside style="border-right: 1px solid #eee" width="260px">
-      <hd-tree :data="data" @node-click="handleNodeClick" node-key="id"></hd-tree>
+      <hd-tree
+        :data="data"
+        @node-click="handleNodeClick"
+        node-key="id"
+      ></hd-tree>
     </el-aside>
     <el-main>
       <el-tabs v-model="activeTab">
@@ -15,42 +19,45 @@
     </el-main>
   </el-container>
 </template>
-<script>
 
-  import userlist from "./userlist";
-  import rolelist from "./rolelist";
+<script>
+import userlist from './userlist'
+import rolelist from './rolelist'
 
-  export default {
-    components: {
-      rolelist,
-      userlist},
-    data() {
-      return {
-        data: [],
-        hdQuery: new HdQuery(this),
-        activeTab: 'role'
-      }
-    },
-    mounted() {
-      this.doQuery()
-    },
-    methods: {
-      doQuery() {
-        this.$http.post('/webresources/login/privilege/AuthPrivilege/getAllTree').then(response => {
+export default {
+  components: {
+    rolelist,
+    userlist,
+  },
+  data() {
+    return {
+      data: [],
+      hdQuery: new HdQuery(this),
+      activeTab: 'role',
+    }
+  },
+  mounted() {
+    this.doQuery()
+  },
+  methods: {
+    doQuery() {
+      this.$http
+        .post('/webresources/login/privilege/AuthPrivilege/getAllTree')
+        .then((response) => {
           this.data = response.data
         })
-      },
-      handleNodeClick(obj) {
-        if(!obj.url) {
-          this.$refs.userlist.query('xxx');
-          return;
-        }
-        if(this.activeTab === 'role') {
-          this.$refs.rolelist.query(obj.id);
-        } else if(this.activeTab === 'user') {
-          this.$refs.userlist.query(obj.id);
-        }
-      },
     },
-  }
+    handleNodeClick(obj) {
+      if (!obj.url) {
+        this.$refs.userlist.query('xxx')
+        return
+      }
+      if (this.activeTab === 'role') {
+        this.$refs.rolelist.query(obj.id)
+      } else if (this.activeTab === 'user') {
+        this.$refs.userlist.query(obj.id)
+      }
+    },
+  },
+}
 </script>

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

@@ -1,47 +1,92 @@
 <template>
-  <hd-com-grid ref="grid" :hdQuery="hdQuery" findUrl="/webresources/login/privilege/AuthPrivilege/role/find" notInit>
+  <hd-com-grid
+    ref="grid"
+    :hdQuery="hdQuery"
+    findUrl="/webresources/login/privilege/AuthPrivilege/role/find"
+    notInit
+  >
     <div class="filter-container" slot="query">
-      <el-input @keyup.enter.native="doQuery" style="width: 120px;" class="filter-item" :placeholder="$t('名称')"
-                v-model="hdQuery.query.name">
+      <el-input
+        @keyup.enter.native="doQuery"
+        style="width: 120px"
+        class="filter-item"
+        :placeholder="$t('名称')"
+        v-model="hdQuery.query.name"
+      >
       </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>
+      <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>
     </div>
-    <el-table-column width="120px" align="left" header-align="center" label="名称" prop="name" sortable>
+    <el-table-column
+      width="120px"
+      align="left"
+      header-align="center"
+      label="名称"
+      prop="name"
+      sortable
+    >
     </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 orgnselect from '../orgDept/orgnselect'
-  export default {
-    name: 'rolelist',
-    components: {
-      orgnselect
-    },
-    data: function () {
-      return {
-        hdQuery: new HdQuery(this)
-      }
+import orgnselect from '../orgDept/orgnselect'
+export default {
+  name: 'rolelist',
+  components: {
+    orgnselect,
+  },
+  data: function () {
+    return {
+      hdQuery: new HdQuery(this),
+    }
+  },
+  mounted() {},
+  methods: {
+    query(p) {
+      this.hdQuery.query.privilegeId = p
+      this.doQuery()
     },
-    mounted() {
+    doQuery() {
+      this.$refs.grid.doQuery()
     },
-    methods: {
-      query(p) {
-        this.hdQuery.query.privilegeId = p;
-        this.doQuery();
-      },
-      doQuery() {
-        this.$refs.grid.doQuery()
-      },
-    }
-  }
+  },
+}
 </script>

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

@@ -1,49 +1,92 @@
 <template>
-  <hd-com-grid ref="grid" :hdQuery="hdQuery" findUrl="/webresources/login/privilege/AuthPrivilege/user/find" notInit>
+  <hd-com-grid
+    ref="grid"
+    :hdQuery="hdQuery"
+    findUrl="/webresources/login/privilege/AuthPrivilege/user/find"
+    notInit
+  >
     <div class="filter-container" slot="query">
-      <el-input @keyup.enter.native="doQuery" style="width: 120px;" class="filter-item" :placeholder="$t('名称')"
-                v-model="hdQuery.query.name">
+      <el-input
+        @keyup.enter.native="doQuery"
+        style="width: 120px"
+        class="filter-item"
+        :placeholder="$t('名称')"
+        v-model="hdQuery.query.name"
+      >
       </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>
+      <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>
     </div>
-    <el-table-column align="left" header-align="center" label="姓名" prop="name" sortable width="100px">
+    <el-table-column
+      align="left"
+      header-align="center"
+      label="姓名"
+      prop="name"
+      sortable
+      width="100px"
+    >
     </el-table-column>
-    <el-table-column align="left" header-align="center" label="账号" prop="account" sortable width="100px">
+    <el-table-column
+      align="left"
+      header-align="center"
+      label="账号"
+      prop="account"
+      sortable
+      width="100px"
+    >
     </el-table-column>
-  <!--  <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName" align="left" header-align="center" label="部门" prop="orgnId"
-                     sortable width="180px">-->
+    <!--  <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName" align="left" header-align="center" label="部门" prop="orgnId"
+                         sortable width="180px">-->
     <!-- </el-table-column> -->
-    <el-table-column align="center" label="账号过期日期" prop="accountPassDate" sortable width="auto">
+    <el-table-column
+      align="center"
+      label="账号过期日期"
+      prop="accountPassDate"
+      sortable
+      width="auto"
+    >
     </el-table-column>
-    <el-table-column align="center" label="密码修改时间" prop="pwModifyTim" sortable width="auto">
+    <el-table-column
+      align="center"
+      label="密码修改时间"
+      prop="pwModifyTim"
+      sortable
+      width="auto"
+    >
     </el-table-column>
   </hd-com-grid>
 </template>
+
 <script>
-  import orgnselect from '../orgDept/orgnselect'
+import orgnselect from '../orgDept/orgnselect'
 
-  export default {
-    name: 'userlist',
-    components: {
-      orgnselect
-    },
-    data: function () {
-      return {
-        hdQuery: new HdQuery(this)
-      }
+export default {
+  name: 'userlist',
+  components: {
+    orgnselect,
+  },
+  data: function () {
+    return {
+      hdQuery: new HdQuery(this),
+    }
+  },
+  mounted() {},
+  methods: {
+    query(p) {
+      this.hdQuery.query.privilegeId = p
+      this.doQuery()
     },
-    mounted() {
+    doQuery() {
+      this.$refs.grid.doQuery()
     },
-    methods: {
-      query(p) {
-        this.hdQuery.query.privilegeId = p;
-        this.doQuery();
-      },
-      doQuery() {
-        this.$refs.grid.doQuery()
-      },
-    }
-  }
+  },
+}
 </script>

package/src/views/privilege/mobile/authmobileupdate.vue

@@ -1,69 +1,145 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid :defaultSort="{prop: 'versionNo', order: 'descending'}" :hdQuery="hdQuery" ref="grid"
-                   url="/webresources/login/mobile/AuthMobileUpdate">
+      <hd-com-grid
+        :defaultSort="{ prop: 'versionNo', order: 'descending' }"
+        :hdQuery="hdQuery"
+        ref="grid"
+        url="/webresources/login/mobile/AuthMobileUpdate"
+      >
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="doQuery" class="filter-item" :placeholder="$t('名称')" style="width: 200px;"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            @keyup.enter.native="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" keyType="query"
-                     type="primary">{{$t('搜索')}}
+          <el-button
+            @click="$refs.grid.doQuery()"
+            class="filter-item"
+            :icon="ElIconSearch"
+            keyType="query"
+            type="primary"
+            >{{ $t('搜索') }}
           </el-button>
-          <el-button @click="doEdit('')" class="filter-item" icon="edit" keyType="add" type="primary">{{$t('新增')}}
+          <el-button
+            @click="doEdit('')"
+            class="filter-item"
+            :icon="ElIconEdit"
+            keyType="add"
+            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>
         </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.updateId)" 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="upload(scope.row)" hint="apk管理" icon="el-icon-upload"></hd-btn>
+            <hd-btn
+              @click.stop="doEdit(scope.row.updateId)"
+              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="upload(scope.row)"
+              hint="apk管理"
+              icon="el-icon-upload"
+            ></hd-btn>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="版本号" prop="versionNo" sortable width="100px">
+        <el-table-column
+          align="center"
+          label="版本号"
+          prop="versionNo"
+          sortable
+          width="100px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="更新信息" prop="updateMsg" sortable width="200px">
+        <el-table-column
+          align="center"
+          label="更新信息"
+          prop="updateMsg"
+          sortable
+          width="200px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="备注" prop="remark" sortable width="200px">
+        <el-table-column
+          align="center"
+          label="备注"
+          prop="remark"
+          sortable
+          width="200px"
+        >
         </el-table-column>
 
-        <el-table-column align="center" label="强制升级" prop="isMust" sortable width="100px">
+        <el-table-column
+          align="center"
+          label="强制升级"
+          prop="isMust"
+          sortable
+          width="100px"
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
-    <authmobileupdateform @save-ok="saveOk" ref="authmobileupdateform"></authmobileupdateform>
-    <HdFileUpload :multiple="false" accept="apk" limit="1" ref="upload"></HdFileUpload>
+    <authmobileupdateform
+      @save-ok="saveOk"
+      ref="authmobileupdateform"
+    ></authmobileupdateform>
+    <HdFileUpload
+      :multiple="false"
+      accept="apk"
+      limit="1"
+      ref="upload"
+    ></HdFileUpload>
   </el-container>
 </template>
+
 <script>
-  import authmobileupdateform from './authmobileupdateform'
+import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons'
+import authmobileupdateform from './authmobileupdateform'
 
-  export default {
-    name: 'authmobileupdate',
-    components: {authmobileupdateform},
-    data() {
-      return {
-        hdQuery: new HdQuery(this),
-      }
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
+      ElIconEdit,
+    }
+  },
+  name: 'authmobileupdate',
+  components: { authmobileupdateform },
+  mounted() {},
+  methods: {
+    saveOk(row) {
+      // 增加或编辑
+      this.$refs.grid.doQuery()
+      this.upload(row)
     },
-
-    mounted() {
-
+    doEdit(updateId) {
+      // 增加或编辑
+      this.$refs['authmobileupdateform'].show(updateId)
     },
-    methods: {
-      saveOk(row) { // 增加或编辑
-        this.$refs.grid.doQuery()
-        this.upload(row)
-      },
-      doEdit(updateId) { // 增加或编辑
-        this.$refs['authmobileupdateform'].show(updateId)
-      },
-      upload(row) {
-        this.$refs['upload'].open("AuthMobileUpdate", row.updateId, true)
-      }
-    }
-  }
+    upload(row) {
+      this.$refs['upload'].open('AuthMobileUpdate', row.updateId, true)
+    },
+  },
+}
 </script>