vue2-client 1.2.28-test → 1.2.28-test1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.2.28-test",
+  "version": "1.2.28-test1",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/config/CreateQueryConfig.js

@@ -26,9 +26,17 @@ module.exports = {
       accept: '.mp3,.cda,.wav,.aif,.aiff,.ape,.ra,'
     },
     {
-      label: '压缩包 ',
+      label: '压缩包',
       accept: '.zip,.rar,.7z,'
     },
+    {
+      label: '其他文本',
+      accept: '.json,.txt,'
+    },
+    {
+      label: '无限制',
+      accept: '*'
+    },
   ],
   // 查询方式
   queryType: [

package/src/pages/resourceManage/depListManage.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="depListManage">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'depListManage',
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+
+</style>

package/src/pages/resourceManage/funListManage.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="funListManage">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'funListManage',
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+
+</style>

package/src/pages/resourceManage/index.js

@@ -0,0 +1,15 @@
+import depListManage from '@vue2-client/pages/resourceManage/depListManage'
+import funListManage from '@vue2-client/pages/resourceManage/funListManage'
+import orgListManage from '@vue2-client/pages/resourceManage/orgListManage'
+import resourceManageMain from '@vue2-client/pages/resourceManage/resourceManageMain'
+import roleListManage from '@vue2-client/pages/resourceManage/roleListManage'
+import staffListManage from '@vue2-client/pages/resourceManage/staffListManage'
+
+export default resourceManageMain
+export {
+  depListManage,
+  funListManage,
+  orgListManage,
+  roleListManage,
+  staffListManage
+}

package/src/pages/resourceManage/orgListManage.vue

@@ -0,0 +1,98 @@
+<template>
+  <div id="orgListManage">
+    <a-card :bordered="false">
+      <!--<a-row :gutter="48">-->
+        <!--<a-col>-->
+          <!--<a-space>-->
+            <!--<a-button type="primary" @click="addItem" v-if="!buttonState || buttonState.add">-->
+              <!--<a-icon :style="iconStyle" type="plus"/>新增-->
+            <!--</a-button>-->
+            <!--<a-button-->
+              <!--v-if="!buttonState || buttonState.edit"-->
+              <!--:loading="editDataLoading"-->
+              <!--:disabled="!isModify"-->
+              <!--class="btn-success"-->
+              <!--type="dashed"-->
+              <!--@click="editItem">-->
+              <!--<a-icon :style="iconStyle" type="edit"/>修改-->
+            <!--</a-button>-->
+            <!--<a-button :disabled="!isDelete" type="danger" @click="deleteItem" v-if="!buttonState || buttonState.delete">-->
+              <!--<a-icon :style="iconStyle" type="delete"/>删除-->
+            <!--</a-button>-->
+          <!--</a-space>-->
+          <!--<span :style="{ float: 'right', overflow: 'hidden', marginBottom: '8px' }">-->
+            <!--<a-button-group>-->
+              <!--<a-button @click="toggleIsFormShow">-->
+                <!--<a-icon :style="iconStyle" type="vertical-align-top"/>-->
+              <!--</a-button>-->
+              <!--<a-button @click="refresh(true)">-->
+                <!--<a-icon :style="iconStyle" type="reload" />-->
+              <!--</a-button>-->
+              <!--<a-button @click="showDrawer">-->
+                <!--<a-icon :style="iconStyle" type="table" />-->
+              <!--</a-button>-->
+              <!--<a-button @click="exports">-->
+                <!--<a-icon :style="iconStyle" type="cloud-download"/>-->
+              <!--</a-button>-->
+            <!--</a-button-group>-->
+          <!--</span>-->
+        <!--</a-col>-->
+      <!--</a-row>-->
+      <a-table
+        rowKey="id"
+        size="middle"
+        bordered
+        :pagination="false"
+        :columns="columns"
+        :data-source="funTree">
+      </a-table>
+    </a-card>
+  </div>
+</template>
+
+<script>
+  import { getOrganization, searchFun } from '@vue2-client/base-client/plugins/GetLoginInfoService'
+  import { getColumnsJson } from '@vue2-client/services/api'
+  export default {
+    // 组织管理
+    name: 'orgListManage',
+    data () {
+      return {
+        columnsJson: [],
+        funTree: [],
+        columns: [
+          {
+            title: '组织名称',
+            dataIndex: 'name'
+          },
+          {
+            title: '排序',
+            dataIndex: 'position'
+          },
+          {
+            title: '组件目录',
+            dataIndex: 'f_dir'
+          },
+          {
+            title: '描述',
+            dataIndex: 'f_description'
+          }
+        ]
+      }
+    },
+    created () {
+    },
+    async mounted () {
+      getColumnsJson('orgListManage', (res) => {
+        this.columnsJson = res
+      })
+      const fun = await getOrganization()
+      this.funTree = searchFun(fun, '组织机构')
+    },
+    methods: {
+    }
+  }
+</script>
+
+<style lang="less">
+</style>

package/src/pages/resourceManage/resourceManageMain.vue

@@ -1,55 +1,58 @@
-<!--<template>-->
-  <!--<div id="resourceManageMain">-->
-    <!--<a-tabs>-->
-      <!--<a-tab-pane key="1" force-render>-->
-        <!--<span slot="tab"><a-icon type="apartment" />资源管理</span>-->
-        <!--Content of Tab Pane 1-->
-      <!--</a-tab-pane>-->
-      <!--<a-tab-pane key="2" tab="功能管理" force-render>-->
-        <!--Content of Tab Pane 2-->
-      <!--</a-tab-pane>-->
-      <!--<a-tab-pane key="3" tab="部门管理" force-render>-->
-        <!--Content of Tab Pane 3-->
-      <!--</a-tab-pane>-->
-    <!--</a-tabs>-->
-  <!--</div>-->
-<!--</template>-->
-
 <script>
-  import { mapState } from 'vuex'
-  import { getResourceFunction } from '@vue2-client/base-client/plugins/GetLoginInfoService'
+  import { depListManage, funListManage, orgListManage, roleListManage, staffListManage } from '@vue2-client/pages/resourceManage'
+  import exp403 from '@vue2-client/pages/exception/403'
+  import { getResourceFunction, searchFun } from '@vue2-client/base-client/plugins/GetLoginInfoService'
 
   export default {
     name: 'resourceManageMain',
-    computed: {
-      ...mapState('account', ['login'])
-    },
+    components: { depListManage, funListManage, orgListManage, roleListManage, staffListManage },
     data () {
       return {
+        renderSW: false,
         resFun: []
       }
     },
+    render () {
+      if (!this.renderSW) return
+      if (!this.resFun || this.resFun.length <= 0) {
+        return (
+          <div id="resourceManageMain">
+            <exp403></exp403>
+          </div>
+        )
+      }
+      const tabPane = []
+      for (const [index, row] of this.resFun.entries()) {
+        tabPane.push(
+          <a-tab-pane key={index} force-render>
+            <span slot="tab"><a-icon type={row.icon || 'exclamation'}/>{row.name}</span>
+            <row.link></row.link>
+          </a-tab-pane>
+        )
+      }
+      return (
+        <div id="resourceManageMain">
+          <a-tabs>
+            {tabPane}
+          </a-tabs>
+        </div>
+      )
+    },
     created () {
     },
     async mounted () {
       const fun = await getResourceFunction()
-      console.log('->', fun)
-      this.resFun = this.searchFun(fun, '资源功能')
+      this.resFun = searchFun(fun, '资源功能')
+      this.renderSW = true
     },
     methods: {
-      searchFun (fun, name) {
-        if (fun.length > 0) {
-          if (fun[0].name == name) {
-            return fun[0].children
-          } else {
-            return this.searchFun(fun[0].children, name)
-          }
-        }
-      }
     }
   }
 </script>
 
 <style lang="less">
-
+  #resourceManageMain {
+    background-color: @gray-1;
+    height: calc(100vh - 117px);
+  }
 </style>

package/src/pages/resourceManage/roleListManage.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="roleListManage">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'roleListManage',
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+
+</style>

package/src/pages/resourceManage/staffListManage.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="staffListManage">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'staffListManage',
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+
+</style>

package/src/services/api/common.js

@@ -1,4 +1,5 @@
 import { METHOD, request } from '@vue2-client/utils/request'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
 
 const commonApi = {
   // 获取表格列配置
@@ -13,6 +14,15 @@ const commonApi = {
   getDictionaryParam: '/webmeterapi/getDictionaryParam'
 }
 
+/**
+ * 带缓存查询的表格配置文件查询
+ * @param queryParamsName 配置名称
+ * @param callback 回调函数
+ */
+export function getColumnsJson (queryParamsName, callback) {
+  indexedDB.getByWeb(queryParamsName, commonApi.getColumnsJson, { str: queryParamsName }, callback)
+}
+
 /**
  * 通用表单查询
  */

package/src/services/api/index.js

@@ -1,4 +1,4 @@
-import { commonApi, query, addOrModify, remove } from '@vue2-client/services/api/common'
+import { commonApi, getColumnsJson, query, addOrModify, remove } from '@vue2-client/services/api/common'
 import { CustomerDetailsViewApi } from '@vue2-client/services/api/CustomerDetailsViewApi'
 import { DeviceBrandDetailsViewApi } from '@vue2-client/services/api/DeviceBrandDetailsViewApi'
 import { DeviceDetailsViewApi } from '@vue2-client/services/api/DeviceDetailsViewApi'
@@ -18,7 +18,7 @@ import { TicketDetailsViewApi } from '@vue2-client/services/api/TicketDetailsVie
 import { WebmeterAnalysisViewApi } from '@vue2-client/services/api/WebmeterAnalysisViewApi'
 
 export {
-  commonApi, query, addOrModify, remove,
+  commonApi, getColumnsJson, query, addOrModify, remove,
   CustomerDetailsViewApi,
   DeviceBrandDetailsViewApi,
   DeviceDetailsViewApi,