d

iview-admin/src/main.js

@@ -15,10 +15,11 @@ import '@/assets/icons/iconfont.css'
 import TreeTable from 'tree-table-vue'
 import TreeTable from 'tree-table-vue'
 import VOrgTree from 'v-org-tree'
 import VOrgTree from 'v-org-tree'
 import 'v-org-tree/dist/v-org-tree.css'
 import 'v-org-tree/dist/v-org-tree.css'
+import ChildList  from "@/view/components/tables/biztables.vue"
+Vue.component("ChildList",ChildList)
 // 实际打包时应该不引入mock
 // 实际打包时应该不引入mock
 /* eslint-disable */
 /* eslint-disable */
 if (process.env.NODE_ENV !== 'production') require('@/mock')
 if (process.env.NODE_ENV !== 'production') require('@/mock')
-
 Vue.use(iView, {
 Vue.use(iView, {
   i18n: (key, value) => i18n.t(key, value)
   i18n: (key, value) => i18n.t(key, value)
 })
 })

iview-admin/src/router/routers.js

@@ -113,7 +113,7 @@ export default [
           icon: 'md-clipboard',
           icon: 'md-clipboard',
           title: '路由信息'
           title: '路由信息'
         },
         },
-        component: () => import('@/view/roleinfo/roleinfo_page.vue')
+        component: () => import('@/view/appinfo/routeinfo_page.vue')
       }
       }
     ]
     ]
   },
   },

iview-admin/src/store/module/meta.js

@@ -4,6 +4,7 @@ import tanentinfo from  "./metainfo/tanentinfo"
 import dicinfo from "./metainfo/dict"
 import dicinfo from "./metainfo/dict"
 import roleinfo from './metainfo/roleinfo';
 import roleinfo from './metainfo/roleinfo';
 import appinfo from './metainfo/appinfo';
 import appinfo from './metainfo/appinfo';
+import routeinfo from './metainfo/routeinfo';
 export default {
 export default {
   state: {
   state: {
       dict_info:dicinfo,
       dict_info:dicinfo,
@@ -11,6 +12,7 @@ export default {
       tanent_info:tanentinfo,
       tanent_info:tanentinfo,
       role_info:roleinfo,
       role_info:roleinfo,
       app_info:appinfo,
       app_info:appinfo,
+      route_info:routeinfo,
   },
   },
   mutations: {
   mutations: {
 
 
@@ -20,6 +22,7 @@ export default {
     tanent_info: (state, getters, {user}) => btnAuthFilter(state.tanent_info,user),//定义一个函数添加权限控制逻辑
     tanent_info: (state, getters, {user}) => btnAuthFilter(state.tanent_info,user),//定义一个函数添加权限控制逻辑
     role_info: (state, getters, {user}) => btnAuthFilter(state.role_info,user),//定义一个函数添加权限控制逻辑
     role_info: (state, getters, {user}) => btnAuthFilter(state.role_info,user),//定义一个函数添加权限控制逻辑
     app_info: (state, getters, {user}) => btnAuthFilter(state.app_info,user),//定义一个函数添加权限控制逻辑
     app_info: (state, getters, {user}) => btnAuthFilter(state.app_info,user),//定义一个函数添加权限控制逻辑
+    route_info: (state, getters, {user}) => btnAuthFilter(state.route_info,user),//定义一个函数添加权限控制逻辑
     dict_info:state=>state.dict_info
     dict_info:state=>state.dict_info
   },
   },
   actions: {
   actions: {

iview-admin/src/store/module/metainfo/appinfo.js

@@ -23,15 +23,15 @@ export default {
              { "type": "input", "label": "应用名称", "prop": "name", "placeHolder": "请输入昵称", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
              { "type": "input", "label": "应用名称", "prop": "name", "placeHolder": "请输入昵称", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
              { "type": "input", "label": "路由域名", "prop": "domainName", "placeHolder": "请输入邮件", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
              { "type": "input", "label": "路由域名", "prop": "domainName", "placeHolder": "请输入邮件", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
              { "type": "input", "label": "后端服务", "prop": "backend", "placeHolder": "请输入帐户名", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
              { "type": "input", "label": "后端服务", "prop": "backend", "placeHolder": "请输入帐户名", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
-             { "type": "input", "label": "后端服务", "prop": "backendx", "placeHolder": "请输入帐户名", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
-             { "type": "input", "label": "后端服务", "prop": "backendxx", "placeHolder": "请输入帐户名", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
            ]
            ]
         }
         }
     ],
     ],
     lists: [
     lists: [
       {
       {
         title: "子列表",
         title: "子列表",
-        bizCode: "xxx"
+        bizCode: "route_info",
+        packageName:"common",
+        modelName:"route"
       }
       }
     ]
     ]
   },
   },

iview-admin/src/store/module/metainfo/routeinfo.js

+export default {
+  bizCode: "routeinfo",
+  name: "路由信息维护",
+  list: [
+    { title: '名称', key: 'name', sortable: true, insearch: true},//slot--自定义列   insearch--是否快速查询
+    // { title: '创建时间', key: 'created_at' ,slot:'created_at' },
+    {
+      title: '操作',
+      key: 'handle',
+      button: [//这个数组中内容，需要按照权限字符串，在服务端构造
+      ]
+    }
+  ],
+  "form": {
+    name: "路由",
+    main: [
+        {
+          "title":"关键信息",
+           ctls:[
+             { "type": "input", "label": "路由名称", "prop": "name", "placeHolder": "请输入路由名称", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
+           ]
+        }
+    ],
+    lists: [
+ 
+    ]
+  },
+  "search": {
+    name: "search",
+    main: [
+      {
+        "title": "基本信息",
+        "key": "baseinfo",
+        ctls: [
+          { "type": "input", "label": "昵称", "prop": "name", "placeHolder": "请输入昵称", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
+          { "type": "input", "label": "邮件", "prop": "domainName", "placeHolder": "请输入邮件", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
+          { "type": "input", "label": "帐户", "prop": "backend", "placeHolder": "请输入帐户名", "style": "", rules: [{ "required": true, "message": '  ', "trigger": 'blur' },] },
+      
+          //  {"type":"select","refModel":"auth.role","isMulti":true,"label":"角色","prop":"roles","labelField":"name","valueField":"id","style":""},
+        ]
+      }
+    ]
+
+  },
+  "auths": {
+    "add": [
+      { "icon": "ios-add-circle-outline", "title": "新增", "type": "text", "key": "create", "isOnGrid": true },
+      { "icon": "ios-square-outline", "title": "保存", "type": "text", "key": "save", "isOnForm": true },
+      { "icon": "ios-cloud-download-outline", "title": "下载", "type": "text", "key": "export", "isOnGrid": true },
+    ],
+    "edit": [
+      { "icon": "ios-create-outline", "title": "修改", "type": "text", "key": "edit", "isInRow": true }
+    ],
+    "delete": [
+      { "icon": "ios-trash-outline", "title": "删除", "type": "text", "key": "deletes", "isOnGrid": true },
+      { "icon": "ios-trash-outline", "title": "删除", "type": "text", "key": "delete", "isInRow": true },
+    ],
+    "common": [
+      { "icon": "ios-undo-outline", "title": "取消", "type": "text", "key": "cancel", "isOnForm": true },
+      { "icon": "ios-undo-outline", "title": "取消", "type": "text", "key": "cancel-search", "isInSearch": true },
+      { "icon": "ios-search-outline", "title": "搜索", "type": "text", "key": "start-search", "isInSearch": true },
+      { "icon": "ios-search-outline", "title": "高级", "type": "text", "key": "adv-search", "isOnGrid": true },
+    ],
+  }
+}

iview-admin/src/view/appinfo/routeinfo_page.vue

+<template>
+  <div>
+    <BizTable
+      ref="bt"
+      :formatCol="formatCol"
+      metaName="route_info"
+      packageName="common"
+      isMulti
+    ></BizTable>
+  </div>
+</template>
+  <script>
+import BizTable from "../components/tables/biztables";
+export default {
+  name: "routeinfo_page",
+  data() {
+    return {};
+  },
+  components: {
+    BizTable
+  },
+  methods: {
+    // onnew() {
+    //   this.$refs.bt.setFormCtlVisable("userName", true);
+    // },
+    // onedit() {
+    //   this.$refs.bt.setFormCtlVisable("userName", false);
+    // },
+    formatCol(row, key, index) {
+      // if (key == "roleName") {
+      //   let rolestr = row.Roles.map(item => item.name).join(",");
+      //   row.roles = row.Roles.map(item => item.id);
+      //   return `<span>${rolestr}</span>`;
+      // }
+      // if (key == "isAdmin" || key == "isSuper") {
+      //   return `<span>${row[key] ? "是" : "否"}</span>`;
+      // }
+      if (key == "created_at") {
+        return `<span>${new Date(row[key]).toLocaleString()}</span>`;
+      }
+      return row[key];
+    }
+  }
+};
+</script>
+  <style>
+</style>

iview-admin/src/view/components/tables/forms/forms.vue

@@ -96,12 +96,19 @@
               </template>
               </template>
             </TabPane>
             </TabPane>
             <TabPane
             <TabPane
-              :disabled="tabDisabled[lst['bizCode']]"
+              :disabled="tabDisabled[lst.bizCode]"
               v-for="lst in forminfo.lists"
               v-for="lst in forminfo.lists"
-              :key="lst.refBizCode"
+              :key="lst.bizCode"
               :label="lst.title"
               :label="lst.title"
-              :name="lst.refBizCode"
-            >标签二的内容</TabPane>
+              :name="lst.bizCode"
+            >
+            <ChildList
+               ref="lst['bizCode']"
+              :modelName="lst['modelName']"
+              :metaName="lst['bizCode']"
+              :packageName="lst['packageName']"
+            ></ChildList>
+            </TabPane>
           </Tabs>
           </Tabs>
         </template>
         </template>
         <template v-else v-for="group in forminfo.main">
         <template v-else v-for="group in forminfo.main">
@@ -198,6 +205,7 @@
 </template>
 </template>
 <script>
 <script>
 // import { getTableData } from '@/api/data'
 // import { getTableData } from '@/api/data'
+import Vue from 'vue'
 import DicSelect from "./childs/dicselects";
 import DicSelect from "./childs/dicselects";
 import ModelSelect from "./childs/modelselects";
 import ModelSelect from "./childs/modelselects";
 import RemoteSelect from "./childs/remoteselects";
 import RemoteSelect from "./childs/remoteselects";
@@ -214,7 +222,7 @@ export default {
     Switchs,
     Switchs,
     Checkgroups,
     Checkgroups,
     Radiogroups,
     Radiogroups,
-    Uploads
+    Uploads,    
   },
   },
   props: {
   props: {
     fminfo: {
     fminfo: {

iview-admin/src/view/userinfo/accountinfo_page.vue

@@ -45,7 +45,7 @@ export default {
               },
               },
               {
               {
                 type: "input",
                 type: "input",
-                label: "昵称",
+                label: "用户昵称",
                 prop: "nickName",
                 prop: "nickName",
                 placeHolder: "请输入昵称",
                 placeHolder: "请输入昵称",
                 style: "",
                 style: "",
@@ -68,7 +68,7 @@ export default {
               },
               },
               {
               {
                 type: "upload",
                 type: "upload",
-                label: "头像",
+                label: "用户头像",
                 prop: "headUrl",
                 prop: "headUrl",
                 placeHolder: "请上传头像",
                 placeHolder: "请上传头像",
                 style: "",
                 style: "",