ap-dev 1.1.26 → 1.1.28

package/dev/ApiPanel/menus.js

@@ -55,9 +55,12 @@ const menus = [
             }, {
                 id: 'ApiDcOrgSelect',
                 label: '3.3 组织-下拉选择'
+            }, {
+                id: 'ApiApOrg',
+                label: '3.4 组织架构组件(new)'
             }, {
                 id: 'ApiDcSupplierSearch',
-                label: '3.4 供应商-选择组件'
+                label: '3.5 供应商-选择组件'
             }]
     }, {
         id: 'ApiDefault',

package/dev/ApiPanel/modules/ApiApOrg.vue

@@ -0,0 +1,239 @@
+<template>
+    <div style="height: 100%">
+        <h3>组织架构组件：ap-org</h3>
+        <api-tittle-2>一、示例:</api-tittle-2>
+        <div>
+            <div>
+                1、部门树[org-tree]：{{ orgTreeValue }}<br>
+                <div style="width: 300px">
+                    <ap-org :options.sync="orgTree" v-model="orgTreeValue"></ap-org>
+                    <api-code>{{ js1 }}</api-code>
+                </div>
+                2、部门[org-select]：{{ orgSelectValue }}<br>
+                <div style="width: 300px">
+                    <ap-org :options.sync="orgSelect" v-model="orgSelectValue"></ap-org>
+                    <api-code>{{ js2 }}</api-code>
+                </div>
+                3、人员选择[org-pick]：{{ orgPickValue }}<br>
+                <div style="width: 300px">
+                    <ap-org :options.sync="orgPick" v-model="orgPickValue"></ap-org>
+                    <api-code>{{ js3 }}</api-code>
+                </div>
+            </div>
+        </div>
+        <api-tittle-2>二、参数说明:</api-tittle-2>
+        1、部门树相关的参数：type -> org-tree
+        <api-table :data="attrData1" :columns="attrCols1"/>
+        2、部门下拉相关的参数：type -> org-select
+        <api-table :data="attrData2" :columns="attrCols1"/>
+        3、人员相关的参数：type -> org-pick
+        <api-table :data="attrData3" :columns="attrCols1"/>
+        <api-tittle-2>三、事件说明:</api-tittle-2>
+        <api-table :data="methodData" :columns="methodCols"/>
+    </div>
+</template>
+
+<script>
+import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
+
+export default {
+    name: 'ApiApOrg',
+    components: {
+        ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
+    },
+    data() {
+        const attrCols1 = [
+            {label: '名称', prop: 'name', width: '180px'},
+            {label: '类型', prop: 'type', width: '100px'},
+            {label: '默认值', prop: 'default', width: '80px'},
+            {label: '描述', prop: 'memo', minWidth: '100px'},
+            {label: '示例代码', prop: 'code', minWidth: '100px'}]
+
+        const attrData1 = [
+            {
+                name: 'type',
+                type: '类型',
+                default: '',
+                memo: 'type: "org-tree"<br>组织部门树',
+            }, {
+                name: 'params',
+                type: '对象',
+                default: '见描述',
+                memo: '默认参数{companyId: "登录用户公司别", disabled:"0"}<br>' +
+                    '参数说明：<br>companyId: 公司别过滤：默认登录用户公司；ALL表示全部 ' +
+                    '<br>disabled：是否失效过滤：0有效(默认)；1失效；all表示全部'
+            }, {
+                name: 'multiSelect',
+                type: '布尔',
+                default: 'false',
+                memo: '是否多选。默认false单选，true多选。'
+            }, {
+                name: 'fullName',
+                type: '布尔',
+                default: 'false',
+                memo: '是否显示全称。默认false简称，true全称(带父部门)。'
+            }, {
+                name: 'clear',
+                type: '方法',
+                default: '',
+                memo: '点击清空回调方法：返回true关闭弹框，false不关闭弹框',
+                code: `<div class="api-code">clear: () => {return true;}</div>`
+            }, {
+                name: 'confirm',
+                type: '方法',
+                default: '',
+                memo: '点击确定回调方法：返回true关闭弹框，false不关闭弹框',
+                code: `<div class="api-code">confirm: (selectedRows) => {return true;}</div>`
+            }, {
+                name: '其他参数',
+                type: '',
+                default: '',
+                memo: '参考【ap-search-tree】组件'
+            }
+        ]
+
+        const attrData2 = [
+            {
+                name: 'type',
+                type: '类型',
+                default: '',
+                memo: 'type: "org-select"<br>组织部门下拉<br>注：数据源是组织分组的数据',
+            }, {
+                name: 'params',
+                type: '对象',
+                default: '见描述',
+                memo: '默认参数{code: "组织分组编码", companyId:"登录用户公司别"}<br>' +
+                    '参数说明：<br>companyId: 公司别过滤：默认登录用户公司；ALL表示全部 ' +
+                    '<br>code：[必填]组织分组编码'
+            }, {
+                name: 'addOptions',
+                type: '数组',
+                default: 'false',
+                memo: '添加的下拉选项，见示例',
+                code: `<div class="api-code">addOptions:[{label: "全部", value: "all"},{label: "无", value: ""}]</div>`
+            }
+        ]
+
+        const attrData3 = [
+            {
+                name: 'type',
+                type: '类型',
+                default: '',
+                memo: 'type: "org-pick"<br>组织人员选择',
+            }, {
+                name: '常用参数',
+                type: '',
+                default: '',
+                memo: '见实例',
+                code: `// 配置表格单选
+                searchPickTableOptions: {
+                    multiSelect: false,
+                }`
+            }, {
+                name: '其他参数',
+                type: '',
+                default: '',
+                memo: '参考【ap-search-pick】组件'
+            }
+        ]
+
+
+        const methodCols = [
+            {label: '名称', prop: 'name', width: '200px'},
+            {label: '描述', prop: 'memo', minWidth: '100px'},
+            {label: '示例代码', prop: 'code', minWidth: '100px'}]
+
+        const methodData = [
+            {
+                group: '设置数据',
+                name: 'initSearchData',
+                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.initSearchData(\'xxx\');</span><br/>' +
+                    '多选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx,xxx\');</span><br/>' +
+                    '2、参数传输 (value, text)，不会调用请求获取对象<br/>' +
+                    '单选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx\',\'xxx\');</span><br/>' +
+                    '多选：<span class="api-code">this.$refs.searchRef.initSearchData(\'xxx,xxx\',\'xxx,xxx\');</span><br/>'
+            }
+        ]
+
+        const js1 = `// 1、部门树选择组件：
+<ap-org :options.sync="orgTree" v-model="orgTreeValue"></ap-org>
+
+// 2、data参数：
+orgTreeValue: "",
+orgTree: {
+    type: "org-tree",
+    multiSelect: true,
+    fullName: true
+}`;
+        const js2 = `// 1、部门下拉组件：
+<ap-org :options.sync="orgSelect" v-model="orgSelectValue"></ap-org>
+
+// 2、data参数：
+orgSelectValue: "",
+orgSelect: {
+    type: "org-select",
+    multiSelect: false,
+    addOptions: [{label: "无", value: ""}],
+    params: () => {
+        return {
+            code: "ap-default-company",
+            companyId: "ALL"
+        }
+    }
+}`
+        const js3 = `// 1、人员选择组件：
+<ap-org :options.sync="orgPick" v-model="orgPickValue"></ap-org>
+
+// 2、data参数：
+orgPickValue: "",
+orgPick: {
+    type: "org-pick",
+    searchPickValue: ""
+}`
+        return {
+            attrCols1,
+            attrData1,
+            attrData2,
+            attrData3,
+            methodData,
+            methodCols,
+            js1,
+            js2,
+            js3,
+            orgTreeValue: "",
+            orgTree: {
+                type: "org-tree",
+                multiSelect: true,
+                fullName: true
+            },
+            orgSelect: {
+                type: "org-select",
+                multiSelect: false,
+                addOptions: [{label: "无", value: ""}],
+                params: () => {
+                    return {
+                        code: "ap-default-company",
+                        companyId: "ALL"
+                    }
+                }
+            },
+            orgSelectValue: "",
+            // orgSelectValue: [ "93f1d90583ea4588b561bcc6f1a7f349" ]
+            orgPickValue: "",
+            orgPick: {
+                type: "org-pick",
+                searchPickValue: ""
+            },
+
+        }
+    },
+    methods: {}
+}
+</script>
+
+<style scoped>
+</style>

package/package.json

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