ap-dev 1.1.22 → 1.1.26

package/dev/ApiPanel/menus.js

@@ -15,6 +15,9 @@ const menus = [
             }, {
                 id: 'ApiFs',
                 label: '1.3 文件服务'
+            }, {
+                id: 'ApiBusiness',
+                label: '1.4 业务规范'
             }]
     }, {
         id: 'ApiDefault',

package/dev/ApiPanel/modules/ApiBusiness.vue

@@ -0,0 +1,44 @@
+<template>
+    <el-tabs v-model="activeName" tabPosition="left" class="api-tabs">
+        <template v-for="(item,index) in opts">
+            <el-tab-pane :label="item.label" :name="'tab' + index" class="api-tab">
+                <component :is="item.component"></component>
+            </el-tab-pane>
+        </template>
+    </el-tabs>
+</template>
+
+<script>
+import ApiBusinessEmail from './../tabs/ApiBusinessEmail'
+
+export default {
+    name: "ApiBusiness",
+    components: {
+        ApiBusinessEmail,
+    },
+    data() {
+
+        let opts = [{
+            label: "邮件推送",
+            component: "ApiBusinessEmail"
+        }
+        ];
+        return {
+            activeName: 'tab0',
+            opts: opts
+        }
+    }
+}
+</script>
+
+<style scoped>
+.api-tabs {
+    display: flex;
+    height: 100%;
+}
+
+.api-tabs /deep/ .el-tabs__content {
+    flex: 1;
+    overflow: scroll;
+}
+</style>

package/dev/ApiPanel/modules/ApiDcOrgSearch.vue

@@ -124,7 +124,7 @@ export default {
         memo: '设置选中数据。<br>' +
                         '<span class="api-memo">参数1：value。选中值，必填，多个数据使用“,”间隔</span><br>' +
                         '<span class="api-memo">参数2：text。显示文本，非必填，多个数据使用“,”间隔</span>',
-        code: '1、参数传输 (value)，调用searchGridItemUrl获取对象<br/>' +
+        code: '1、参数传输 (value)，调用searchPickTextUrl获取对象<br/>' +
                         '单选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx\');</span><br/>' +
                         '多选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx,xxx\');</span><br/>' +
                         '2、参数传输 (value, text)，不会调用请求获取对象<br/>' +
@@ -221,4 +221,4 @@ options:{
 </script>
 
 <style scoped>
-</style>
+</style>

package/dev/ApiPanel/modules/ApiDcSupplierSearch.vue

@@ -103,7 +103,7 @@ export default {
         memo: '设置选中数据。<br>' +
                         '<span class="api-memo">参数1：value。选中值，必填，多个数据使用“,”间隔</span><br>' +
                         '<span class="api-memo">参数2：text。显示文本，非必填，多个数据使用“,”间隔</span>',
-        code: '1、参数传输 (value)，调用searchGridItemUrl获取对象<br/>' +
+        code: '1、参数传输 (value)，调用searchPickTextUrl获取对象<br/>' +
                         '单选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx\');</span><br/>' +
                         '多选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx,xxx\');</span><br/>' +
                         '2、参数传输 (value, text)，不会调用请求获取对象<br/>' +
@@ -177,4 +177,4 @@ options:{
 </script>
 
 <style scoped>
-</style>
+</style>

package/dev/ApiPanel/modules/ApiJavaUtils.vue

@@ -23,6 +23,7 @@ import ApiStringUtil from './../tabs/ApiStringUtil'
 import ApiQyWxUtil from './../tabs/ApiQyWxUtil'
 import ApiJavaCommonUtil from './../tabs/ApiJavaCommonUtil'
 import ApiWebSocketUtil from './../tabs/ApiWebSocketUtil'
+import ApiMediumUtil from './../tabs/ApiMediumUtil'
 
 export default {
     name: "ApiJavaUtils",
@@ -40,7 +41,8 @@ export default {
         ApiStringUtil,
         ApiQyWxUtil,
         ApiJavaCommonUtil,
-        ApiWebSocketUtil
+        ApiWebSocketUtil,
+        ApiMediumUtil
     },
     data() {
         let opts = [
@@ -77,6 +79,9 @@ export default {
             }, {
                 label: 'QyWxUtil',
                 component: 'ApiQyWxUtil',
+            },{
+                label: 'MediumUtil',
+                component: 'ApiMediumUtil',
             }, {
                 label: 'DictionaryUtil',
                 component: 'ApiDictionaryUtil',

package/dev/ApiPanel/modules/ApiVueUtils.vue

@@ -13,7 +13,7 @@ import ApiVueDateUtil from './../tabs/ApiVueDateUtil'
 import ApiVueWebSocketUtil from './../tabs/ApiVueWebSocketUtil'
 
 export default {
-    name: "ApiJavaUtils",
+    name: "ApiVueUtils",
     components: {
         ApiVueDateUtil,
         ApiVueWebSocketUtil,

package/dev/ApiPanel/tabs/ApiApSearchPick.vue

@@ -1,149 +1,148 @@
 <template>
-  <div style="height: 100%">
-    <h3>树-表查询选择：ap-search-pick</h3>
-    <api-tittle-2>一、示例:</api-tittle-2>
-    <div>
-      <div style="width: 200px;">
-        <ap-search-pick :options.sync="typeGridOptions" />
-      </div>
+    <div style="height: 100%">
+        <h3>树-表查询选择：ap-search-pick</h3>
+        <api-tittle-2>一、示例:</api-tittle-2>
+        <div>
+            <div style="width: 200px;">
+                <ap-search-pick :options.sync="typeGridOptions"/>
+            </div>
+        </div>
+        <api-code>{{ js1 }}</api-code>
+        <api-tittle-2>二、参数说明:</api-tittle-2>
+        <api-table :data="attrData" :columns="attrCols" style="height: 950px"/>
+        <api-tittle-2>三、方法说明:</api-tittle-2>
+        <api-table :data="methodData" :columns="methodCols"/>
     </div>
-    <api-code>{{ js1 }}</api-code>
-    <api-tittle-2>二、参数说明:</api-tittle-2>
-    <api-table :data="attrData" :columns="attrCols" />
-    <api-tittle-2>三、方法说明:</api-tittle-2>
-    <api-table :data="methodData" :columns="methodCols" />
-  </div>
 </template>
 
 <script>
 import ApSearchPick from 'ap-frame/frame/components/ApSearchPick'
-import { ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2 } from './../components'
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
 
 export default {
-  name: 'ApiApSearchPick',
-  components: {
-    ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2, ApSearchPick
-  },
-  data() {
-    const attrCols = [
-      { label: '分类', prop: 'group', width: '150px' },
-      { label: '名称', prop: 'name', width: '180px' },
-      { label: '类型', prop: 'type', width: '100px' },
-      { label: '默认值', prop: 'default', width: '150px' },
-      { label: '描述', prop: 'memo', minWidth: '100px' },
-      { label: '示例代码', prop: 'code', minWidth: '100px' }]
+    name: 'ApiApSearchPick',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2, ApSearchPick
+    },
+    data() {
+        const attrCols = [
+            {label: '分类', prop: 'group', width: '150px'},
+            {label: '名称', prop: 'name', width: '180px'},
+            {label: '类型', prop: 'type', width: '100px'},
+            {label: '默认值', prop: 'default', width: '150px'},
+            {label: '描述', prop: 'memo', minWidth: '100px'},
+            {label: '示例代码', prop: 'code', minWidth: '100px'}]
 
-    const attrData = [{
-      name: 'searchPickText',
-      type: '字符串',
-      default: '',
-      memo: '组件的显示值。'
-    }, {
-      name: 'searchPickValue',
-      type: '字符串',
-      default: '',
-      memo: '组件的选择值。'
-    }, {
-      name: 'searchPickInitText',
-      type: '布尔',
-      default: 'false',
-      memo: '是否自动初始化searchPickText的值'
-    }, {
-      name: 'searchPickTitle',
-      type: '字符串',
-      default: '',
-      memo: 'Dialog弹出层标题'
-    }, {
-      name: 'searchPickHeight',
-      type: '字符串',
-      default: '400px',
-      memo: '树-表Dialog的内容高度。百分比或者px。'
-    }, {
-      name: 'searchPickWidth',
-      type: '字符串',
-      default: '70%',
-      memo: '树-表Dialog的宽度。百分比或者px。'
-    }, {
-      name: 'searchPickDisabled',
-      type: '布尔',
-      default: 'false',
-      memo: '是否禁用。'
-    }, {
-      name: 'searchPickClear',
-      type: '方法',
-      default: '',
-      memo: '点击清空回调。返回true确认清空。',
-      code: `<div class="api-code">searchPickClear: () => {
-    if(xxx)
-        return false; // 禁止清空，可做提示
-    // 执行清空逻辑
+        const attrData = [{
+            group: '基础参数',
+            name: 'searchPickText',
+            type: '字符串',
+            default: '',
+            memo: '组件的显示值。'
+        }, {
+            name: 'searchPickTextUrl',
+            type: '字符串',
+            default: '',
+            memo: '初始化searchPickText显示值和弹出框的已选值：根据searchPickValue，后台获取对应信息。' +
+                '<br> 后端接口说明：<br> 1、默认POST请求，后端接收参数默认ids。<br> 2、返回值：返回list。list对象的属性分别映射"searchPickTableLabelKey"和表格的"rowKey"参数。默认为fdName和fdId。'
+        }, {
+            name: 'searchPickValue',
+            type: '字符串',
+            default: '',
+            memo: '组件的选择值。'
+        }, {
+            name: 'searchPickTitle',
+            type: '字符串',
+            default: '',
+            memo: 'Dialog弹出层标题'
+        }, {
+            name: 'searchPickHeight',
+            type: '字符串',
+            default: '400px',
+            memo: '树-表Dialog的内容高度。百分比或者px。'
+        }, {
+            name: 'searchPickWidth',
+            type: '字符串',
+            default: '70%',
+            memo: '树-表Dialog的宽度。百分比或者px。'
+        }, {
+            name: 'searchPickDisabled',
+            type: '布尔',
+            default: 'false',
+            memo: '是否禁用。'
+        }, {
+            name: 'searchPickClear',
+            type: '方法',
+            default: '',
+            memo: '点击清空回调。返回true确认清空。',
+            code: `<div class="api-code">searchPickClear: () => {
+  // 返回false不清空
+    if(xxx) { return false;}
     return true;
 }</div>`
-    }, {
-      name: 'searchPickConfirm',
-      type: '方法',
-      default: '',
-      memo: '点击确定回调。参数：selectData。返回true确认选择。',
-      code: `<div class="api-code">searchPickConfirm: (selectData) => {
-    if(xxx)
-        return false;  // 禁止选中，可做提示
-    // 执行选择赋值逻辑
+        }, {
+            name: 'searchPickConfirm',
+            type: '方法',
+            default: '',
+            memo: '点击确定回调。参数：selectData。返回true确认选择，关闭dialog。',
+            code: `<div class="api-code">searchPickConfirm: (selectData) => {
+    // 返回false，选择无效dialog不关闭
+    if(xxx) { return false;}
     return true;
 }</div>`
-    }, {
-      group: '树-参数:searchPickTreeOptions',
-      type: '对象',
-      memo: '树相关参数，参考【表单-树查询】相关参数。',
-      code: `<div class="api-code">示例：{
+        }, {
+            group: '左侧树参数',
+            name: 'searchPickTreeOptions',
+            type: '对象',
+            memo: '树相关参数，参考【树查询组件】相关参数。',
+            code: `<div class="api-code">searchPickTreeOptions: {
     searchTreeUrl: "/dc/open/org/getEnableOrgList",
     searchTreeParams: {"disabled": 0},
-    searchTreeSelectMultiple: opts.selectMultiple
+    searchTreeSelectMultiple: true
 }</div>`
-    }, {
-      group: '表-参数:searchPickTableConfigs',
-      type: '对象',
-      default: '',
-      memo: '表相关参数，参照【表格组件】相关参数。'
-    }, {
-      name: 'extendParams',
-      type: '对象',
-      default: '{}',
-      memo: '请求附加参数。'
-    }, {
-      group: '表-附加参数:searchPickGridOptions',
-      name: 'searchGridItemUrl',
-      type: '字符串',
-      default: '',
-      memo: '根据选中值进行查询对象接口。'
-    }, {
-      name: 'searchGridItemMethod',
-      type: '字符串',
-      default: 'POST',
-      memo: '查询对象接口数据请求方式。'
-    }]
+        }, {
+            group: '右侧表格参数',
+            name: 'searchPickTableOptions',
+            type: '对象',
+            default: '',
+            memo: '表相关参数，参照【表格组件】相关参数。'
+        }, {
+            name: 'searchPickTableParamKey',
+            type: '对象',
+            default: '见描述',
+            memo: '默认：{selectedKey:"selectedIds",filterKey:"filterText"}<br>' +
+                '表格数据请求，后台controller参数名。<br>' +
+                'selectedKey -> tree选中值的参数名<br>' +
+                'filterKey -> 过滤文本的参数名'
+        }, {
+            name: 'searchPickTableLabelKey',
+            type: '字符串',
+            default: 'fdName',
+            memo: '表格顶部已选值，对应的属性名。<br>注：id为表格的rowKey属性'
+        }]
 
-    const methodCols = [
-      { label: '名称', prop: 'name', width: '200px' },
-      { label: '描述', prop: 'memo', minWidth: '100px' },
-      { label: '示例代码', prop: 'code', minWidth: '100px' }]
+        const methodCols = [
+            {label: '名称', prop: 'name', width: '200px'},
+            {label: '描述', prop: 'memo', minWidth: '100px'},
+            {label: '示例代码', prop: 'code', minWidth: '100px'}]
 
-    const methodData = [
-      {
-        group: '设置数据',
-        name: 'initSearchPickData',
-        memo: '设置选中数据。<br>' +
-                        '<span class="api-memo">参数1：value。选中值，必填，多个数据使用“,”间隔</span><br>' +
-                        '<span class="api-memo">参数2：text。显示文本，非必填，多个数据使用“,”间隔</span>',
-        code: '1、参数传输 (value)，调用searchGridItemUrl获取对象<br/>' +
-                        '单选：<span class="api-code">this.$refs.searchRef.initSearchPickData(\'xxx\');</span><br/>' +
-                        '多选：<span class="api-code">this.$refs.searchRef.initSearchPickData(\'xxx,xxx\');</span><br/>' +
-                        '2、参数传输 (value, text)，不会调用请求获取对象<br/>' +
-                        '单选：<span class="api-code">this.$refs.searchRef.initSearchPickData(\'xxx\',\'xxx\');</span><br/>' +
-                        '多选：<span class="api-code">this.$refs.searchRef.initSearchPickData(\'xxx,xxx\',\'xxx,xxx\');</span><br/>'
-      }
-    ]
+        const methodData = [
+            {
+                group: '设置数据',
+                name: 'initText',
+                memo: '设置选中数据。<br>' +
+                    '<span class="api-memo">参数1：value。选中值，必填，多个数据使用“,”间隔</span><br>' +
+                    '<span class="api-memo">参数2：text。显示文本，非必填，多个数据使用“,”间隔</span>',
+                code: '1、参数传输 (value)，调用searchPickTextUrl获取对象<br/>' +
+                    '单选：<span class="api-code">this.$refs.searchRef.initText(\'xxx\');</span><br/>' +
+                    '多选：<span class="api-code">this.$refs.searchRef.initText(\'xxx,xxx\');</span><br/>' +
+                    '2、参数传输 (value, text)，不会调用请求获取对象<br/>' +
+                    '单选：<span class="api-code">this.$refs.searchRef.initText(\'xxx\',\'xxx\');</span><br/>' +
+                    '多选：<span class="api-code">this.$refs.searchRef.initText(\'xxx,xxx\',\'xxx,xxx\');</span><br/>'
+            }
+        ]
 
-    const js1 = `// 1、定义树表查询：
+        const js1 = `// 1、定义树表查询：
 <el-form :model="form" :rules="rules" ref="formRef" label-width="100px">
     <el-form-item label="attr" prop="attr">
         <ap-search-pick ref="searchRef" :options.sync="options"></ap-search-pick>
@@ -155,17 +154,13 @@ export default {
 // 2、配置options
 options:{
     searchPickText: "期初文本",
-    searchPickInitText: true,
     searchPickValue: "",
     searchPickTitle: "弹出层标题",
     searchPickTreeOptions: {
         searchTreeUrl: "/dc/open/org/getEnableSimplifyOrgList",
         searchTreeSelectMultiple: true,
     },
-    searchPickGridOptions: {
-        searchGridItemUrl: '/dc/open/person/getEnablePersonList',
-    },
-    searchPickTableConfigs: {
+    searchPickTableOptions: {
         dataUrl: "/dc/open/person/getEnablePersonGridList",
         title: "自定义列表",
         columns: [{
@@ -207,75 +202,71 @@ options:{
 
 // 3、期初数据方式
 // 方式1：有具体对象的数据，参照 searchPickConfirm 实现方式  -- 注：需要对象数据完整
-this.deptSearchSelectOptions.searchValue = 'xxx';
-this.deptSearchSelectOptions.searchText = 'xxx';
+this.options.searchPickText = 'xxx';
+this.options.searchPickValue = 'xxx';
 
 // 方式2：只有对象Id，调用函数 -- 注：只要传输Id
 this.$refs.searchRef.initSearchData("xxx");
 `
-    const typeGridOptions = {
-      searchPickText: '期初文本',
-      searchPickInitText: true,
-      searchPickValue: 'f6754c4206a647d7af4a97ececd5d284',
-      searchPickTitle: '弹出层标题',
-      searchPickTreeOptions: {
-        searchTreeUrl: '/dc/open/org/getEnableSimplifyOrgList',
-        searchTreeSelectMultiple: false
-      },
-      searchPickGridOptions: {
-        searchGridItemUrl: '/dc/open/person/getEnablePersonList'
-      },
-      searchPickTableConfigs: {
-        dataUrl: '/dc/open/person/getEnablePersonGridList',
-        title: '自定义列表',
-        columns: [{
-          prop: 'fdName',
-          label: '名称',
-          type: 'input'
-        }, {
-          prop: 'fdNo',
-          label: '工号',
-          type: 'input'
-        }, {
-          prop: 'fdDeptName',
-          label: '部门名称',
-          type: 'input'
-        }],
-        multiSelect: true
-      },
-      searchPickConfirm: (selectData) => {
-        if (Array.isArray(selectData)) {
-          // 多选
-          // 使用了 ES6 语法 获取对象数组的指定属性数组
-          const valueArr = selectData.map(item => item.fdId)
-          const labelArr = selectData.map(item => item.fdName)
-          this.typeGridOptions.searchPickValue = valueArr.join(',')
-          this.typeGridOptions.searchPickText = labelArr.join(',')
-        } else {
-          // 单选
-          this.typeGridOptions.searchPickValue = selectData.fdId
-          this.typeGridOptions.searchPickText = selectData.fdName
+        const typeGridOptions = {
+            searchPickText: '期初文本',
+            searchPickValue: 'f6754c4206a647d7af4a97ececd5d284',
+            searchPickTitle: '弹出层标题',
+            searchPickTreeOptions: {
+                searchTreeUrl: '/dc/open/org/getEnableSimplifyOrgList',
+                searchTreeSelectMultiple: false
+            },
+            searchPickTableOptions: {
+                dataUrl: '/dc/open/person/getEnablePersonGridList',
+                title: '自定义列表',
+                columns: [{
+                    prop: 'fdName',
+                    label: '名称',
+                    type: 'input'
+                }, {
+                    prop: 'fdNo',
+                    label: '工号',
+                    type: 'input'
+                }, {
+                    prop: 'fdDeptName',
+                    label: '部门名称',
+                    type: 'input'
+                }],
+                multiSelect: true
+            },
+            searchPickConfirm: (selectData) => {
+                if (Array.isArray(selectData)) {
+                    // 多选
+                    // 使用了 ES6 语法 获取对象数组的指定属性数组
+                    const valueArr = selectData.map(item => item.fdId)
+                    const labelArr = selectData.map(item => item.fdName)
+                    this.typeGridOptions.searchPickValue = valueArr.join(',')
+                    this.typeGridOptions.searchPickText = labelArr.join(',')
+                } else {
+                    // 单选
+                    this.typeGridOptions.searchPickValue = selectData.fdId
+                    this.typeGridOptions.searchPickText = selectData.fdName
+                }
+                return true
+            },
+            searchPickClear: () => {
+                this.typeGridOptions.searchPickValue = ''
+                this.typeGridOptions.searchPickText = ''
+                return true
+            }
         }
-        return true
-      },
-      searchPickClear: () => {
-        this.typeGridOptions.searchPickValue = ''
-        this.typeGridOptions.searchPickText = ''
-        return true
-      }
-    }
-    return {
-      attrData,
-      attrCols,
-      methodData,
-      methodCols,
-      js1,
-      typeGridOptions
-    }
-  },
-  methods: {}
+        return {
+            attrData,
+            attrCols,
+            methodData,
+            methodCols,
+            js1,
+            typeGridOptions
+        }
+    },
+    methods: {}
 }
 </script>
 
 <style scoped>
-</style>
+</style>

package/dev/ApiPanel/tabs/ApiBusinessEmail.vue

@@ -0,0 +1,146 @@
+<template>
+    <div>
+        <api-tittle-1>邮件推送规范：</api-tittle-1>
+        <api-tittle-2>一、邮件标题</api-tittle-2>
+        <api-content>
+            格式：[系统]-标题-公司名-日期<br>
+            1、日期格式：yyyymmdd，日期间不要加"-"。<br>
+            2、区间日期格式："yyyymmdd至yyyymmdd"。<br>
+            3、公司名：根据业务情况，可加可不加。<br><br>
+            <div class="api-memo">
+                示例1：[MES]-生产日报表-20220201<br>
+                示例2：[MES]-生产日报表-20220201至20220207<br>
+                示例3：[中台]-CTW报表-**公司-20220222<br>
+            </div>
+        </api-content>
+        <api-tittle-2>二、邮件内容规范：效果如下</api-tittle-2>
+        <api-content>
+            <div style="border: 1px solid rgba(128,128,128,0.42);padding: 10px;margin: 10px;width: 500px;">
+                <div style='font-family:微软雅黑;font-size:16px;'>
+                    <div>亲爱的双驰人：</div>
+                    <div style='margin-left:20px;'>您好，**系统为您推送******，请您关注!</div>
+                    <div style='margin-left:20px;'>
+                        <div style='font-weight: bold;'>报表标题</div>
+                        <table border='1' style='border-collapse: collapse;'>
+                            <tr style='background-color:#9BC2E6;'>
+                                <th colspan='4' width='400'>一级标题</th>
+                            </tr>
+                            <tr style='background-color:#BDD7EE;'>
+                                <th colspan='2' width='200'>二级标题</th>
+                                <th colspan='2' width='200'>二级标题</th>
+                            </tr>
+                            <tr style='background-color:#DDEBF7'>
+                                <th width='100'>标题</th>
+                                <th width='100'>标题</th>
+                                <th width='150'>标题</th>
+                                <th width='50'>标题</th>
+                            </tr>
+                            <tr>
+                                <td>内容</td>
+                                <td>内容</td>
+                                <td>内容</td>
+                                <td>内容</td>
+                            </tr>
+                            <tr>
+                                <td style='color:#00B050'>绿色文字</td>
+                                <td style='color:#FF0000;'>红色文字</td>
+                                <td style='color:#FFC000'>黄色文字</td>
+                                <td>内容</td>
+                            </tr>
+                            <tr>
+                                <td style='background-color:#A9D08E'>绿底文字</td>
+                                <td style='background-color:#F4B084'>红底文字</td>
+                                <td style='background-color:#FFD966'>黄底文字</td>
+                                <td>内容</td>
+                            </tr>
+                            <tr style='background-color:#D9D9D9'>
+                                <td>合计</td>
+                                <td>内容</td>
+                                <td>内容</td>
+                                <td>内容</td>
+                            </tr>
+                        </table>
+                    </div>
+                    <div><br>温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</div>
+                </div>
+            </div>
+            1、字体：微软雅黑、大小16px<br>
+            2、固定前缀：<span style="color: #c7254e;">亲爱的双驰人： 您好，**系统为您推送******，请您关注!</span><br>
+            3、固定后缀：<span style="color: #c7254e;">温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</span><br>
+            4、标题格式： <span style='font-weight: bold;'>标题加粗</span><br>
+            5、表格标题：参考效果。只有一层标题时，使用"一级标题"的配色。<br>
+            6、底纹：<span style='background-color:#A9D08E'>绿色 #A9D08E</span>&nbsp;&nbsp;<span style='background-color:#F4B084'>红色 #F4B084</span>&nbsp;&nbsp;<span style='background-color:#FFD966'>黄色 #FFD966</span>&nbsp;&nbsp;<span style='background-color:#D9D9D9'>灰色 #D9D9D9</span><br>
+            7、字体颜色：<span style='color:#00B050'>绿色 #00B050</span>&nbsp;&nbsp;<span style='color:#FF0000'>红色 #FF0000</span>&nbsp;&nbsp;<span style='color:#FFC000'>黄色 #FFC000</span><br>
+            <br>
+            <api-code>{{ js1 }}</api-code>
+        </api-content>
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+
+export default {
+    name: 'ApiNameVue',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
+    },
+    data() {
+        const js1 = `// 邮件内容：java标准代码
+String prefix = "<div style='font-family:微软雅黑;font-size:16px;'>" +
+        "<div>亲爱的双驰人：</div>" +
+        "<div style='margin-left:20px;'>您好，**系统为您推送******，请您关注!</div>";
+String content = "<div style='margin-left:20px;'>" +
+        "<div style='font-weight: bold;'>报表标题</div>" +
+        "<table border='1' style='border-collapse: collapse;'>" +
+        "    <tr style='background-color:#9BC2E6;'>" +
+        "      <th colspan='4' width='400'>一级标题</th>" +
+        "    </tr>" +
+        "    <tr style='background-color:#BDD7EE;'>" +
+        "      <th colspan='2' width='200'>二级标题</th>" +
+        "      <th colspan='2' width='200'>二级标题</th>" +
+        "    </tr>" +
+        "    <tr style='background-color:#DDEBF7'>" +
+        "      <th width='100'>标题</th>" +
+        "      <th width='100'>标题</th>" +
+        "      <th width='150'>标题</th>" +
+        "      <th width='50'>标题</th>" +
+        "    </tr>" +
+        "    <tr>" +
+        "       <td>内容</td>" +
+        "       <td>内容</td>" +
+        "       <td>内容</td>" +
+        "       <td>内容</td>" +
+        "    </tr>" +
+        "    <tr>" +
+        "       <td style='color:#00B050'>绿色文字</td>" +
+        "       <td style='color:#FF0000;'>红色文字</td>" +
+        "       <td style='color:#FFC000'>黄色文字</td>" +
+        "       <td>内容</td>" +
+        "    </tr>" +
+        "    <tr>" +
+        "       <td style='background-color:#A9D08E'>绿底文字</td>" +
+        "       <td style='background-color:#F4B084'>红底文字</td>" +
+        "       <td style='background-color:#FFD966'>黄底文字</td>" +
+        "       <td>内容</td>" +
+        "    </tr>" +
+        "    <tr style='background-color:#D9D9D9'>" +
+        "       <td>合计</td>" +
+        "       <td>内容</td>" +
+        "       <td>内容</td>" +
+        "       <td>内容</td>" +
+        "    </tr>" +
+        "</table>" +
+        "</div>";
+String suffix = "<div><br>温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</div></div>";
+String contentHtml = prefix + content + suffix;`
+
+
+        return {js1}
+    }
+}
+</script>
+
+<style scoped>
+
+</style>

package/dev/ApiPanel/tabs/ApiMediumUtil.vue

@@ -0,0 +1,42 @@
+<template>
+    <div style="height: 100%">
+        <h3>消息推送工具类 - QyWxUtil</h3>
+        <api-table :data="methodData" :columns="methodCols"/>
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+
+export default {
+    name: 'ApiMediumUtil',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
+    },
+    data() {
+        const methodCols = [
+            {label: '方法名', prop: 'name', width: '220px'},
+            {label: '说明', prop: 'memo', width: '300px'},
+            {label: '示例代码', prop: 'code', minWidth: '100px'}]
+        const methodData = [
+            {
+                name: 'getMediumList',
+                memo: `获取消息推送列表<br>
+                        注：根据分组类型自动转换为邮箱、工号、手机号`,
+                code: `<span class="api-code">// 获取编码为"test"的推送列表
+List&lt;String> list = MediumUtil.getMediumList("test")
+</span>`
+            }
+        ]
+
+        return {
+            methodData,
+            methodCols
+        }
+    },
+    methods: {}
+}
+</script>
+
+<style scoped>
+</style>

package/package.json

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