ap-dev 1.0.34 → 1.0.40

package/dev/ApiPanel/components/ApiTabs.vue

@@ -0,0 +1,52 @@
+<template>
+    <div style="height: 100%">
+        <el-tabs v-model="activeName" class="api-tabs">
+            <template v-for="(item,index) in options">
+                <el-tab-pane :label="item.label" :name="'tab' + index" class="api-tab">
+                    <component :is="item.component"></component>
+                </el-tab-pane>
+            </template>
+        </el-tabs>
+    </div>
+</template>
+
+<script>
+// 批量导入modules下的组件
+const allComponents = require.context('./../tabs', false, /\.vue$/)
+const apiComponents = {}
+allComponents.keys().forEach(fileName => {
+    const comp = allComponents(fileName)
+    apiComponents[fileName.replace(/^\.\/(.*)\.\w+$/, '$1')] = comp.default
+})
+export default {
+    name: "ApiTabs",
+    components: apiComponents,
+    props: {
+        options: {
+            type: Array,
+        }
+    },
+    data() {
+        return {
+            activeName: 'tab0',
+        }
+    }
+}
+</script>
+
+<style scoped>
+.api-tabs {
+    display: flex;
+    flex-flow: column;
+    height: 100%;
+}
+
+.api-tab {
+    height: 100%;
+}
+
+.api-tabs /deep/ .el-tabs__content {
+    flex: 1;
+    overflow: scroll;
+}
+</style>

package/dev/ApiPanel/menus.js

@@ -1,222 +1,100 @@
 const menus = [
-  {
-    id: 'ApiLog',
-    label: '更新日志'
-  }, {
-    id: 'ApiDefault',
-    label: '一、必读',
-    children: [
-      {
-        id: 'ApiNameVue',
-        label: '1.1 命名规范-前端'
-      }, {
-        id: 'ApiDefaultVue',
-        label: '1.2 默认设定-前端'
-      }, {
-        id: 'ApiNameJava',
-        label: '1.3 命名规范-后端'
-      }, {
-        id: 'ApiDataTypeJava',
-        label: '1.4 数据类型-后端'
-      }, {
-        id: 'ApiUpdateJava',
-        label: '1.5 update说明-后端'
-      }, {
-        id: 'ApiLoginUser',
-        label: '1.6 登录用户'
-      }, {
-        id: 'ApiAp',
-        label: '1.7 项目启动-前端'
-      }]
-  }, {
-    id: 'ApiDefault',
-    label: '二、通用业务',
-    children: [
-      {
+    {
+        id: 'ApiLog',
+        label: '更新日志'
+    }, {
         id: 'ApiDefault',
-        label: '2.1 组织架构',
+        label: '一、常用',
         children: [
-          {
-            id: 'ApiDcOrgController',
-            label: '2.1.1 后端接口说明'
-          }, {
-            id: 'ApiDcOrgSearch',
-            label: '2.1.2 组织弹出选择组件'
-          }, {
-            id: 'ApiDcOrgSelect',
-            label: '2.1.3 组织下拉选择组件'
-          }]
-      }, {
+            {
+                id: 'ApiRequired',
+                label: '1.1 必读内容'
+            }, {
+                id: 'ApiStandard',
+                label: '1.2 代码规范'
+            }, {
+                id: 'ApiFs',
+                label: '1.3 文件服务'
+            }]
+    }, {
         id: 'ApiDefault',
-        label: '2.2 文件服务',
+        label: '二、通用组件',
         children: [
-          {
-            id: 'ApiFileServiceDownload',
-            label: '2.2.1 文件下载'
-          },
-          {
-            id: 'ApiFileServiceUpload',
-            label: '2.2.2 文件上传'
-          }, {
-            id: 'ApiFileServiceUtil',
-            label: '2.2.3 文件下载/上传 - 工具类'
-          }, {
-            id: 'ApiExcelExport',
-            label: '2.2.4 Excel模版数据导出'
-          }]
-      }, {
+            {
+                id: 'ApiLayout',
+                label: '2.1 页面布局组件'
+            }, {
+                id: 'ApiGrid',
+                label: '2.2 表格组件'
+            }, {
+                id: 'ApiApButton',
+                label: '2.3 按钮组件'
+            }, {
+                id: 'ApiFormSearchTree',
+                label: '2.4 表单-树查询'
+            }, {
+                id: 'ApiApSearchPick',
+                label: '2.5 表单-树-表选择'
+            },{
+                id: 'ApiRequest',
+                label: '2.6 request'
+            }]
+    }, {
         id: 'ApiDefault',
-        label: '2.3 其他',
+        label: '三、业务组件',
         children: [
-          {
-            id: 'ApiDcSupplierSearch',
-            label: '2.3.1 供应商选择组件'
-          }]
-      }]
-  }, {
-    id: 'ApiDefault',
-    label: '三、前端框架',
-    children: [
-      {
-        id: 'ApiLayout',
-        label: '2.1 页面布局'
-      }, {
-        id: 'ApiStyle',
-        label: '2.2 共通式样'
-      }, {
-        id: 'ApiIconList',
-        label: '2.3 Icon 图标'
-      }, {
+            {
+                id: 'ApiDcOrgController',
+                label: '3.1 组织-后端接口说明'
+            }, {
+                id: 'ApiDcOrgSearch',
+                label: '3.2 组织-弹出选择'
+            }, {
+                id: 'ApiDcOrgSelect',
+                label: '3.3 组织-下拉选择'
+            }, {
+                id: 'ApiDcSupplierSearch',
+                label: '3.4 供应商-选择组件'
+            }]
+    }, {
         id: 'ApiDefault',
-        label: '2.4 自定义组件',
+        label: '四、前端规范',
         children: [
-          {
-            id: 'ApiGrid',
-            label: '2.4.1 表格组件'
-          }, {
-            id: 'ApiApButton',
-            label: '2.4.2 按钮'
-          }, {
-            id: 'ApiFormSearchTree',
-            label: '2.4.3 表单-树查询'
-          }, {
-            id: 'ApiApSearchPick',
-            label: '2.4.3 表单-树-表选择'
-          }]
-      }, {
+            {
+                id: 'ApiStyle',
+                label: '4.1 通用CSS'
+            },{
+                id: 'ApiColor',
+                label: '4.2 配色库'
+            }, {
+                id: 'ApiIconList',
+                label: '4.3 Icon 图标'
+            }, {
+                id: 'ApiOtherVue',
+                label: '4.4 其他'
+            }]
+    }, {
         id: 'ApiDefault',
-        label: '2.5 工具包',
+        label: '五、后端规范',
         children: [
-          {
-            id: 'ApiRequest',
-            label: '2.5.1 数据请求'
-          },{
-            id: 'ApiMethod',
-            label: '2.5.2 通用'
-          }]
-      }, {
-        id: 'ApiDefault',
-        label: '2.6 其他',
-        children: [
-          {
-            id: 'ApiDoc',
-            label: '2.6.1 API 文档'
-          }, {
-            id: 'ApiIcon',
-            label: '2.6.2 Icon 添加'
-          }]
-      }]
-  }, {
-    id: 'ApiDefault',
-    label: '四、后端框架',
-    children: [
-      {
-        id: 'ApiServiceUtil',
-        label: '3.1 生成通用代码'
-      }, {
-        id: 'ApiMybatis',
-        label: '3.2 Mybatis规范'
-      }, {
-        id: 'ApiPaging',
-        label: '3.3 表格分页'
-      }, {
-        id: 'ApiException',
-        label: '3.4 异常处理'
-      }, {
-        id: 'ApiDefault',
-        label: '3.5 工具类',
-        children: [
-          // {
-          //     id: 'ApiAESUtil',
-          //     label: 'AESUtil（AES）'
-          // },
-          {
-            id: 'ApiArrayUtil',
-            label: 'ArrayUtil（数组）'
-          }, {
-            id: 'ApiCacheUtil',
-            label: 'CacheUtil（缓存:字典/组织分组）'
-          }, {
-            id: 'ApiDateUtil',
-            label: 'DateUtil（日期）'
-          }, {
-            id: 'ApiEMailUtil',
-            label: 'EMailUtil（邮件）'
-          }, {
-            id: 'ApiExcelUtil',
-            label: 'ExcelUtil（excel）'
-          }, {
-            id: 'ApiGridUtil',
-            label: 'GridUtil（表格数据转换）'
-          }, {
-            id: 'ApiHttpsUtil',
-            label: 'HttpsUtil（https请求）'
-          }, {
-            id: 'ApiHttpUtil',
-            label: 'HttpUtil（http请求）'
-          }, {
-            id: 'ApiJsonUtil',
-            label: 'JsonUtil（json）'
-          }, {
-            id: 'ApiListUtil',
-            label: 'ListUtil（list）'
-          }, {
-            id: 'ApiPageHelperUtil',
-            label: 'PageHelperUtil（分页）'
-          },
-          // {
-          //     id: 'ApiQrCodeUtil',
-          //     label: 'QrCodeUtil（二维码）'
-          // },
-          {
-            id: 'ApiResultUtil',
-            label: 'ResultUtil（请求返回）'
-          }, {
-            id: 'ApiStringUtil',
-            label: 'StringUtil（字符串）'
-          }, {
-            id: 'ApiUUIDUtil',
-            label: 'UUIDUtil（UUID）'
-          }
-          // {
-          //     id: 'ApiWxUtil',
-          //     label: 'WxUtil（小程序）'
-          // }
-        ]
-      }, {
-        id: 'ApiDefault',
-        label: '3.6 其他',
-        children: [
-          {
-            id: 'ApiSwagger',
-            label: '3.6.1 swagger接口文档'
-          }, {
-            id: 'ApiMapper',
-            label: '3.6.2 tk.mybatis'
-          }, {
-            id: 'ApiIdeaPlugins',
-            label: '3.6.3 Idea插件'
-          }]
-      }]
-  }]
+            {
+                id: 'ApiServiceUtil',
+                label: '5.1 生成通用代码'
+            }, {
+                id: 'ApiMybatis',
+                label: '5.2 Mybatis规范'
+            }, {
+                id: 'ApiPaging',
+                label: '5.3 表格分页'
+            }, {
+                id: 'ApiException',
+                label: '5.4 异常处理'
+            }, {
+                id: 'ApiJavaUtils',
+                label: '5.5 工具类'
+            }, {
+                id: 'ApiOtherJava',
+                label: '5.6 其他'
+            }]
+    }]
 export default menus

package/dev/ApiPanel/modules/ApiColor.vue

@@ -0,0 +1,253 @@
+<template>
+    <div>
+        <api-tittle-1>AP配色规范：</api-tittle-1>
+        <api-tittle-2>一、基础配色</api-tittle-2>
+        <api-content style="height: 140px;">
+            <div class="color-ctn" title="点击复制颜色">
+                <div class="color-item" @click="copyText('#1890FF', $event)" style="background-color: #1890FF"></div>
+                <div class="color-text">
+                    <div @click="copyText('#1890FF', $event)" title="点击复制颜色">#1890FF</div>
+                    <div @click="copyText('ap-color-blue', $event)" title="点击复制字体颜色类">ap-color-blue</div>
+                    <div @click="copyText('ap-bg-blue', $event)" title="点击复制背景颜色类">ap-bg-blue</div>
+                </div>
+            </div>
+            <div class="color-ctn" title="点击复制颜色">
+                <div class="color-item" @click="copyText('#13CE66', $event)" style="background-color: #13CE66"></div>
+                <div class="color-text">
+                    <div @click="copyText('#1890FF', $event)" title="点击复制颜色">#13CE66</div>
+                    <div @click="copyText('ap-color-green', $event)" title="点击复制字体颜色类">ap-color-green</div>
+                    <div @click="copyText('ap-bg-green', $event)" title="点击复制背景颜色类">ap-bg-green</div>
+                </div>
+            </div>
+            <div class="color-ctn" title="点击复制颜色">
+                <div class="color-item" @click="copyText('#ffba00', $event)" style="background-color: #ffba00"></div>
+                <div class="color-text">
+                    <div @click="copyText('#1890FF', $event)" title="点击复制颜色">#ffba00</div>
+                    <div @click="copyText('ap-color-yellow', $event)" title="点击复制字体颜色类">ap-color-yellow</div>
+                    <div @click="copyText('ap-bg-yellow', $event)" title="点击复制背景颜色类">ap-bg-yellow</div>
+                </div>
+            </div>
+            <div class="color-ctn" title="点击复制颜色">
+                <div class="color-item" @click="copyText('#ff4949', $event)" style="background-color: #ff4949"></div>
+                <div class="color-text">
+                    <div @click="copyText('#1890FF', $event)" title="点击复制颜色">#ff4949</div>
+                    <div @click="copyText('ap-color-red', $event)" title="点击复制字体颜色类">ap-color-red</div>
+                    <div @click="copyText('ap-bg-red', $event)" title="点击复制背景颜色类">ap-bg-red</div>
+                </div>
+            </div>
+            <div class="color-ctn" title="点击复制颜色">
+                <div class="color-item" @click="copyText('#909399', $event)" style="background-color: #909399"></div>
+                <div class="color-text">
+                    <div @click="copyText('#1890FF', $event)" title="点击复制颜色">#909399</div>
+                    <div @click="copyText('ap-color-gray', $event)" title="点击复制字体颜色类">ap-color-gray</div>
+                    <div @click="copyText('ap-bg-gray', $event)" title="点击复制背景颜色类">ap-bg-gray</div>
+                </div>
+            </div>
+        </api-content>
+        <div class="memo">注：1、按钮、tag、字体都是以该配色为基础。<br>
+        2、点击颜色或类名可直接复制。</div>
+        <br>
+        <api-tittle-2>二、按钮</api-tittle-2>
+        <api-content style="height: 60px;">
+            <div class="btn-ctn" @click="copyText(btn1, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button type="primary">主要</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn1">{{ btn1 }}</div>
+            </div>
+            <div class="btn-ctn" @click="copyText(btn2, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button type="success">成功</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn2">{{ btn2 }}</div>
+            </div>
+            <div class="btn-ctn" @click="copyText(btn3, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button type="warning">警告</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn3">{{ btn3 }}</div>
+            </div>
+            <div class="btn-ctn" @click="copyText(btn4, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button type="danger">危险</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn4">{{ btn4 }}</div>
+            </div>
+            <div class="btn-ctn" @click="copyText(btn5, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button type="info">信息</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn5">{{ btn5 }}</div>
+            </div>
+            <div class="btn-ctn" @click="copyText(btn6, $event)" title="点击复制按钮">
+                <div class="btn-item">
+                    <el-button>默认</el-button>
+                </div>
+                <div class="btn-text ap-ellipse" :title="btn6">{{ btn6 }}</div>
+            </div>
+
+        </api-content>
+        <div class="memo">注：1、写法和element相同。<br>
+            2、按钮配色和element默认颜色有细微差别，以该配色为准！
+        </div>
+        <br>
+        <api-tittle-2>三、tag标签</api-tittle-2>
+        <api-content style="height: 60px;">
+            <div class="tag-ctn" @click="copyText(tag1, $event)" title="点击复制类名">
+                <div class="tag-item">
+                    <div class="ap-tag">主要</div>
+                </div>
+                <div class="tag-text ap-ellipse">{{ tag1 }}</div>
+            </div>
+            <div class="tag-ctn" @click="copyText(tag2, $event)" title="点击复制类名">
+                <div class="tag-item">
+                    <div class="ap-tag-success">成功</div>
+                </div>
+                <div class="tag-text ap-ellipse">{{ tag2 }}</div>
+            </div>
+            <div class="tag-ctn" @click="copyText(tag4, $event)" title="点击复制类名">
+                <div class="tag-item">
+                    <div class="ap-tag-warning">警告</div>
+                </div>
+                <div class="tag-text ap-ellipse">{{ tag4 }}</div>
+            </div>
+            <div class="tag-ctn" @click="copyText(tag5, $event)" title="点击复制类名">
+                <div class="tag-item">
+                    <div class="ap-tag-danger">危险</div>
+                </div>
+                <div class="tag-text ap-ellipse">{{ tag5 }}</div>
+            </div>
+            <div class="tag-ctn" @click="copyText(tag3, $event)" title="点击复制类名">
+                <div class="tag-item">
+                    <div class="ap-tag-info">信息</div>
+                </div>
+                <div class="tag-text ap-ellipse">{{ tag3 }}</div>
+            </div>
+        </api-content>
+        <div class="memo">注：tag标签可应用与表格值渲染。
+        </div>
+        <br>
+        <api-tittle-2>四、字体</api-tittle-2>
+        <api-content>
+            <span class="ap-color-blue">主要</span>&nbsp;
+            <span class="ap-color-green">成功</span>&nbsp;
+            <span class="ap-color-yellow">警告</span>&nbsp;
+            <span class="ap-color-red">危险</span>&nbsp;
+            <span class="ap-color-gray">信息</span>&nbsp;
+            <br>
+            参见【一、基础配色】。
+        </api-content>
+
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+import clipboard from 'ap-util/util/ClipboardUtil'
+
+export default {
+    name: 'ApiStyle',
+    components: {ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2},
+    data() {
+        const js1 = `// 格式：
+            {
+                id: 'id名', //对应组件名称,
+                label: 'label名' //对应左侧菜单名称
+            }`
+
+        return {
+            js1: js1,
+            btn1: '<el-button type="primary">主要</el-button>',
+            btn2: '<el-button type="success">成功</el-button>',
+            btn3: '<el-button type="warning">警告</el-button>',
+            btn4: '<el-button type="danger">危险</el-button>',
+            btn5: '<el-button type="info">信息</el-button>',
+            btn6: '<el-button>默认</el-button>',
+            tag1: '<div class="ap-tag">默认</div>',
+            tag2: '<div class="ap-tag-success">成功</div>',
+            tag3: '<div class="ap-tag-info">信息</div>',
+            tag4: '<div class="ap-tag-warning">警告</div>',
+            tag5: '<div class="ap-tag-danger">危险</div>',
+        }
+    },
+    methods: {
+        copyText(value, event) {
+            clipboard(value, event)
+        },
+    }
+}
+</script>
+
+<style scoped>
+.memo {
+    color: red;
+    font-size: 14px;
+}
+
+.color-ctn {
+    float: left;
+    cursor: pointer;
+}
+
+.color-item {
+    width: 100px;
+    height: 70px;
+}
+
+.color-text {
+    font-size: 12px;
+    text-align: center;
+    width: 100px;
+    height: 20px;
+    line-height: 20px;
+    color: #9e9e9e;
+}
+
+.btn-ctn {
+    float: left;
+    cursor: pointer;
+}
+
+.btn-item {
+    width: 200px;
+    height: 30px;
+}
+
+.btn-item button {
+    width: 195px;
+}
+
+.btn-text {
+    font-size: 10px;
+    text-align: left;
+    width: 190px;
+    height: 20px;
+    line-height: 20px;
+    color: #9e9e9e;
+}
+
+
+.tag-ctn {
+    float: left;
+    cursor: pointer;
+}
+
+.tag-item {
+    width: 200px;
+    height: 30px;
+}
+
+.tag-item div {
+    width: 195px;
+    text-align: center;
+}
+
+.tag-text {
+    font-size: 10px;
+    text-align: center;
+    width: 190px;
+    height: 20px;
+    line-height: 20px;
+    color: #9e9e9e;
+}
+</style>

package/dev/ApiPanel/modules/ApiFs.vue

@@ -0,0 +1,35 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiFs",
+    components: {ApiTabs},
+    data() {
+        let opts = [
+            {
+                label: "1.文件下载",
+                component: "ApiFileServiceDownload"
+            }, {
+                label: "2.文件上传",
+                component: "ApiFileServiceUpload"
+            }, {
+                label: "3.文件下载/上传工具类",
+                component: "ApiFileServiceUtil"
+            }, {
+                label: "4.Excel模版数据导出",
+                component: "ApiExcelExport"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiIconList.vue

@@ -38,7 +38,7 @@
                     </div>
                 </div>
             </template>
-            <template v-else>
+            <template v-if="showType == 3">
                 <div v-for="item of iconImgs" :key="item" class="icon-img-ctn">
                     <div class="icon-item-ctn" @click="copyIconImg(item,$event)">
                         <img :src="getIconImg(item)" class="icon-img-ctn-img">

package/dev/ApiPanel/modules/ApiJavaUtils.vue

@@ -0,0 +1,65 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiJavaUtils",
+    components: {ApiTabs},
+    data() {
+        let opts = [
+            {
+                label: 'ArrayUtil',
+                component: 'ApiArrayUtil',
+            }, {
+                label: 'CacheUtil（字典/组织）',
+                component: 'ApiCacheUtil',
+            }, {
+                label: 'DateUtil',
+                component: 'ApiDateUtil',
+            }, {
+                label: 'EMailUtil',
+                component: 'ApiEMailUtil',
+            }, {
+                label: 'ExcelUtil',
+                component: 'ApiExcelUtil',
+            }, {
+                label: 'GridUtil',
+                component: 'ApiGridUtil',
+            }, {
+                label: 'HttpsUtil',
+                component: 'ApiHttpsUtil',
+            }, {
+                label: 'HttpUtil',
+                component: 'ApiHttpUtil',
+            }, {
+                label: 'JsonUtil',
+                component: 'ApiJsonUtil',
+            }, {
+                label: 'ListUtil',
+                component: 'ApiListUtil',
+            }, {
+                label: 'PageHelperUtil',
+                component: 'ApiPageHelperUtil',
+            }, {
+                label: "ResultUtil",
+                component: "ApiResultUtil"
+            }, {
+                label: "StringUtil",
+                component: "ApiStringUtil"
+            }, {
+                label: "UUIDUtil",
+                component: "ApiUUIDUtil"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiOtherJava.vue

@@ -0,0 +1,32 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiOtherJava",
+    components: {ApiTabs},
+    data() {
+        let opts = [
+            {
+                label: "1.swagger接口文档",
+                component: "ApiSwagger"
+            }, {
+                label: "2.tkMybatis",
+                component: "ApiMapper"
+            }, {
+                label: "3.Idea插件",
+                component: "ApiIdeaPlugins"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiOtherVue.vue

@@ -0,0 +1,29 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiOtherVue",
+    components: {ApiTabs},
+    data() {
+        let opts = [
+            {
+                label: "1.API文档",
+                component: "ApiDoc"
+            }, {
+                label: "2.Icon 添加",
+                component: "ApiIcon"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiRequired.vue

@@ -0,0 +1,36 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiRequired",
+    components: {ApiTabs},
+    data() {
+
+        let opts = [
+            {
+                label: "1.前端-日期类型",
+                component: "ApiDefaultVue"
+            }, {
+                label: "2.后端-update说明",
+                component: "ApiUpdateJava"
+            }, {
+                label: "3.登录用户",
+                component: "ApiLoginUser"
+            }, {
+                label: "4.前端-项目环境",
+                component: "ApiAp"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiStandard.vue

@@ -0,0 +1,32 @@
+<template>
+    <api-tabs :options.sync="opts"></api-tabs>
+</template>
+
+<script>
+import ApiTabs from './../components/ApiTabs'
+
+export default {
+    name: "ApiStandard",
+    components: {ApiTabs},
+    data() {
+        let opts = [
+            {
+                label: "1.前端-命名规范",
+                component: "ApiNameVue"
+            }, {
+                label: "2.后端-命名规范",
+                component: "ApiNameJava"
+            }, {
+                label: "3.后端-数据类型",
+                component: "ApiDataTypeJava"
+            }
+        ];
+        return {
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ApiPanel/modules/ApiStyle.vue

@@ -1,71 +1,60 @@
 <template>
-  <div>
-    <api-tittle-1>css共通式样：</api-tittle-1>
-    <api-tittle-2>一、常用:</api-tittle-2>
-    <api-tittle-2>1.1 弹性盒子布局:</api-tittle-2>
-    <api-content>
-      <api-code>
-        <span style="color: #384c56;">盒子模型弹性布局：</span>flex<br>
-        <span style="color: #384c56;">子元素排列垂直排列：</span>flex-direction-column<br>
-        <span style="color: #384c56;">子元素自动占满剩余的空间：</span>flex-1<br>
-        <span style="color: #384c56;">子元素水平居中：</span>flex-pack-center<br>
-        <span style="color: #384c56;">子元素垂直居中：</span>flex-align-center<br>
-        <span style="color: #384c56;">子元素垂直居中+水平居中：</span>flex-center<br>
-        <span style="color: #384c56;">子元素两端对齐：</span>flex-pack-justify<br></api-code>
-      示例：子元素水平排列，水平和垂直居中。
-      <api-code>&lt;div class="flex flex-center"&gt;...&lt;/div&gt;</api-code>
-    </api-content>
-    <api-tittle-2>1.2 tag标签:</api-tittle-2>
-    <api-content>
-      <div class="ap-tag">默认ap-tag</div>&nbsp;&nbsp;
-      <div class="ap-tag-success">ap-tag-success</div>&nbsp;&nbsp;
-      <div class="ap-tag-info">ap-tag-info</div>&nbsp;&nbsp;
-      <div class="ap-tag-warning">ap-tag-warning</div>&nbsp;&nbsp;
-      <div class="ap-tag-danger">ap-tag-danger</div>&nbsp;&nbsp;
-      <br>
-      示例：
-      <api-code>&lt;div class="ap-tag-success"&gt;...&lt;/div&gt;</api-code>
-    </api-content>
-    <api-tittle-2>1.3 表单:</api-tittle-2>
-    <api-content>
-      1.3.1 表单的宽度固定为：label宽度+160px<br>
-      <api-code>&lt;el-form class="ap-form"&gt;...&lt;/el-form &gt;</api-code>
-      1.3.2 表单item占满一行。 :inline="true"时使用<br>
-      <api-code>&lt;div class="ap-form-row"&gt; 表单item &lt;/div &gt;</api-code>
-    </api-content>
-
-    <api-tittle-2>二、共通:</api-tittle-2>
-    <api-tittle-2>2.1 分割线:</api-tittle-2>
-    <api-content>
-      <api-code>&lt;div class="ap-split-line"/&gt;</api-code>
-    </api-content>
-    <api-tittle-2>2.2 单行超出内容省略号:</api-tittle-2>
-    <api-content>
-      <api-code>&lt;div class="ap-ellipse"/&gt;</api-code>
-    </api-content>
-
-
-  </div>
+    <div>
+        <api-tittle-1>css共通式样：</api-tittle-1>
+        <api-tittle-2>一、常用:</api-tittle-2>
+        <api-tittle-2>1.1 弹性盒子布局:</api-tittle-2>
+        <api-content>
+            <api-code>
+                <span style="color: #384c56;">盒子模型弹性布局：</span>flex<br>
+                <span style="color: #384c56;">子元素排列垂直排列：</span>flex-direction-column<br>
+                <span style="color: #384c56;">子元素自动占满剩余的空间：</span>flex-1<br>
+                <span style="color: #384c56;">子元素水平居中：</span>flex-pack-center<br>
+                <span style="color: #384c56;">子元素垂直居中：</span>flex-align-center<br>
+                <span style="color: #384c56;">子元素垂直居中+水平居中：</span>flex-center<br>
+                <span style="color: #384c56;">子元素两端对齐：</span>flex-pack-justify<br></api-code>
+            示例：子元素水平排列，水平和垂直居中。
+            <api-code>&lt;div class="flex flex-center"&gt;...&lt;/div&gt;</api-code>
+        </api-content>
+        <api-tittle-2>1.2 表单:</api-tittle-2>
+        <api-content>
+            1.2.1 表单的宽度固定为：label宽度+160px<br>
+            <api-code>&lt;el-form class="ap-form"&gt;...&lt;/el-form &gt;</api-code>
+            1.2.2 表单item占满一行。 :inline="true"时使用<br>
+            <api-code>&lt;div class="ap-form-row"&gt; 表单item &lt;/div &gt;</api-code>
+        </api-content>
+
+        <api-tittle-2>二、共通:</api-tittle-2>
+        <api-tittle-2>2.1 分割线:</api-tittle-2>
+        <api-content>
+            <api-code>&lt;div class="ap-split-line"/&gt;</api-code>
+        </api-content>
+        <api-tittle-2>2.2 单行超出内容省略号:</api-tittle-2>
+        <api-content>
+            <api-code>&lt;div class="ap-ellipse"/&gt;</api-code>
+        </api-content>
+
+
+    </div>
 </template>
 
 <script>
 import { ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2 } from './../components'
 
 export default {
-  name: 'ApiStyle',
-  components: { ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2 },
-  data() {
-    const js1 = `// 格式：
+    name: 'ApiColor',
+    components: { ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2 },
+    data() {
+        const js1 = `// 格式：
             {
                 id: 'id名', //对应组件名称,
                 label: 'label名' //对应左侧菜单名称
             }`
 
-    return { js1 }
-  }
+        return { js1 }
+    }
 }
 </script>
 
 <style scoped>
 
-</style>
+</style>

package/dev/ApiPanel/{modules → tabs}/ApiDataTypeJava.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="height: 100%">
-    <api-tittle-1>数据类型说明：</api-tittle-1>
+    <api-tittle-1>后端数据类型说明：</api-tittle-1>
     <api-tittle-2>一、常用java数据类型：</api-tittle-2>
     <api-content>
       "Integer","Long","Float","Double","BigDecimal","Date","Timestamp", "String"<br>
@@ -119,4 +119,4 @@ export default {
 </script>
 
 <style scoped>
-</style>
+</style>

package/dev/ApiPanel/{modules → tabs}/ApiExcelExport.vue

@@ -10,10 +10,11 @@
             <b>1.2 excel配置数据接收参数：</b><br>
             <div class="api-code">
                 map填充：{参数名}<br><br>
-                // 注意："sheet0_list0"表示第一个sheet页的第一个list，格式固定只能修改对应的数字<br>
-                list填充：{sheet0_list0.name}
+                // 注意："sheet0_dataList1"表示第一个sheet页的dataList1，格式固定只能修改对应的数字<br>
+                list垂直填充：{sheet0_dataList1.name}<br>
+                list横向填充：{sheet0_horizontalDataList1.name}<br>
             </div>
-            <el-image style="height: 500px" :src="image1" :fit="true"></el-image>
+            <el-image style="height: 500px" :src="image1" fit="true"></el-image>
         </api-content>
 
         <api-tittle-2>2、前端调用文件下载接口</api-tittle-2>

package/dev/OperatePanel/index.vue

@@ -36,7 +36,7 @@
             </div>
             <div class="ap-dev-tool-item flex flex-center" @click="currentDesignPanel('online-code-panel', $event)">
                 <div class="ap-dev-tool-item-icon1">
-                    <i class="el-icon-edit" />
+                    <i class="el-icon-code" />
                 </div>
                 <div class="ap-dev-tool-item-text1">在线开发</div>
             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ap-dev",
-  "version": "1.0.34",
+  "version": "1.0.40",
   "description": "===== ap-dev =====",
   "author": "xiexinbin",
   "email": "876818817@qq.com",