\n \n \n
\n \n \n \n {\n this.tableList.map((item, index) => \n {item.title} )\n }\n \n \n
\n );\n }\n\n setTable() {\n if (this.checkList.length > 0) {\n window.localStorage.setItem(this.localName, this.checkList.join(','));\n this.$emit('setTable', this.checkList);\n this.setModel = false;\n } else {\n this.$message.error('At least one column！');\n }\n }\n\n btnElement(isNormal: boolean): JSX.Element {\n return (\n \n \n \n {\n this.filterList.map((item, index) => this.formItem(getFieldDecorator, item, index))\n }\n \n {this.btnElement(true)}\n \n \n \n
\n {\n this.filterGrade.length\n ? \n \n \n {\n this.filterGrade.map((item, index) => this.formItem(getFieldDecorator, item, index, true))\n }\n \n {this.btnElement(false)}\n \n \n \n
: null\n }\n \n Search \n Reset \n {\n this.filterGrade.length ? this.gradeSwitch(isNormal)} class=\"grade-btn\">{isNormal ? 'Common' : 'Senior'} Search{isNormal ? : } : null\n }\n
\n );\n }\n}\nconst MFilter = Form.create({\n props: {\n filterList: Array,\n filterGrade: Array,\n filterParams: Object,\n addBtn: Boolean,\n exportBtn: Boolean,\n exportFun: Function,\n tableList: Array,\n labelWidth: String,\n },\n})(MFilterClass);\nexport default MFilter;\n"
},
{
"path": "src/components/FilterTable/MTable.less",
"content": "@import '../../styles/var.less';\n\n.m-table {\n padding: 10px;\n position: relative;\n transition: all .4s ease-in-out;\n .el-dropdown-link {\n font-size: 12px;\n color: @primary-color;\n cursor: pointer;\n }\n .pagination {\n padding: 10px 0;\n }\n .el-table {\n th> {\n background: #fafafa;\n color: rgba(0,0,0,.85);\n .cell {\n font-size: 13px;\n text-align: center;\n }\n }\n td,\n th {\n .cell {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: 12px;\n }\n }\n } \n .table-opreat {\n font-size: 12px;\n a {\n margin: 0 5px;\n &.linkDisabled {\n color: #acacac;\n &:hover {\n color: #acacac;\n opacity: 1;\n cursor: not-allowed;\n }\n }\n &.link-blue {\n color: @primary-color;\n }\n &.link-red {\n color: #fa4059;\n }\n &.link-green {\n color: #52c41a;\n }\n &.link-orange {\n color: #faad14;\n }\n &:hover {\n opacity: 0.7;\n }\n }\n .disabled {\n color: #acacac;\n opacity: 1;\n cursor: not-allowed;\n }\n }\n}"
},
{
"path": "src/components/FilterTable/MTable.tsx",
"content": "import {\n Component, Prop, Emit, Vue, Inject, Provide,\n} from 'vue-property-decorator';\nimport {\n Popconfirm, Table, Dropdown, Menu, Button, Icon,\n} from 'ant-design-vue';\nimport { tableList, Opreat, Directives } from '@/interface';\nimport Spin from '@/components/Spin';\nimport './MTable.less';\n\n@Component({\n components: {\n 'a-table': Table,\n 'a-popconfirm': Popconfirm,\n 'm-spin': Spin,\n 'a-dropdown': Dropdown,\n 'a-menu-item': Menu.Item,\n 'a-menu': Menu,\n 'a-button': Button,\n 'a-icon': Icon,\n },\n})\nexport default class MTable extends Vue {\n @Prop() private tableList!: tableList[];\n\n @Prop() private url!: string;\n\n @Prop() private dataType!: string;\n\n @Prop({\n default: () => ({\n code: 'result.resultCode',\n codeOK: '0',\n message: 'result.resultMessage',\n data: 'entity.data',\n total: 'entity.count',\n }),\n }) private backParams!: {\n code: string,\n message: string,\n data: string,\n codeOK: string | number,\n total: string\n };\n\n // 外部参数\n @Prop({ default: {} })\n private outParams!: any;\n\n // 行ID\n @Prop({ default: 'id' }) private rowKey!: string;\n\n // 操作栏数据\n @Prop({ default: () => [] }) private opreat!: Opreat[];\n\n // 操作栏width\n @Prop({ default: '100px' }) private opreatWidth!: string;\n\n // 本地存储名称\n @Prop({ default: 'filter-table' }) private localName!: string;\n\n // 请求报错回调\n @Prop() private fetchError!: Function;\n\n // 表格列数据\n @Prop() private tableParams!: any;\n\n // 请求类型\n @Prop({ default: 'post' }) private fetchType!: string;\n\n // 表格分页大小参数\n @Prop({ default: () => ['5', '10', '15', '20', '50', '100'] }) private pageSizeList!: number[];\n\n @Prop({ default: 10 }) private defaultPageSize!: number;\n\n @Prop() private highlightCurrentRow!: boolean;\n\n @Prop({ default: null }) private scroll!: {x: number, y: number};\n\n // data\n tableData: any = [];\n\n pageParams: {\n pageSize: number,\n pageNum: number,\n page: boolean,\n } = {\n pageSize: this.defaultPageSize,\n pageNum: 1,\n page: true,\n };\n\n loading: boolean = false;\n\n // 数据总数\n dataTotal: number = 0;\n\n constructor(props: any) {\n super(props);\n const self = this;\n }\n\n created() {\n this.getData();\n }\n\n reload() {\n this.pageParams.pageNum = 1;\n this.getData();\n }\n\n /**\n * @method 获取表格数据\n */\n getData() {\n this.loading = true;\n window.ajax.request({\n url: this.url,\n method: this.fetchType,\n fetchType: this.dataType,\n data: Object.assign(\n this.tableParams ? this.tableParams : {},\n this.pageParams,\n this.outParams,\n ),\n }).then((res: any) => {\n this.loading = false;\n const code = this.getValue(this.backParams.code, res);\n if (code === this.backParams.codeOK) {\n this.tableData = this.getValue(this.backParams.data, res);\n this.dataTotal = this.getValue(this.backParams.total, res)\n ? this.getValue(this.backParams.total, res) : 0;\n } else {\n this.$message.error(this.getValue(this.backParams.message, res));\n }\n });\n }\n\n /**\n * @method 根据backParams参数，获取对应值\n * @param {string} position 需要值的位置, 格式为 data.entity.list\n * @param {object} res 返回的表格数据\n */\n getValue(position: string, res: any) {\n let data = JSON.parse(JSON.stringify(res));\n const keyList = position.split('.');\n keyList.forEach((item, index) => {\n if (data !== null && data[item] !== null) {\n data = data[item];\n } else {\n data = null;\n return false;\n }\n return true;\n });\n return data;\n }\n\n // 选择变化\n selectChange(val: any) {\n this.$emit('selectChange', val);\n }\n\n // 单选\n currentChange(val: any) {\n this.$emit('currentChange', val);\n }\n\n render() {\n if (this.opreat.length && this.tableList[this.tableList.length -1].title !== '操作') {\n this.tableList.push({\n title: '操作',\n dataIndex: 'action',\n width: this.opreatWidth,\n customRender: this.opreatJSX,\n });\n }\n return (\n \n {\n this.addBtn ? Add : null\n }\n {\n this.exportBtn ?
\n \n \n \n
\n );\n }\n\n /**\n * @method 操作栏的渲染函数，参数对应antd的Columns>customRender的参数\n * @param {any} text 当前列的值\n * @param {object} record 当前行的值\n * @param {number} index 当前列的序列号\n */\n opreatJSX(text: any, record: any, index: number) {\n // 操作超过4个，就用下拉菜单方式\n if (this.opreat.length > 4) {\n return \n {\n this.opreat.map((item, indexs) => {\n const whiteList = ['red', 'orange'];\n if (item.disabled && item.disabled(record)) {\n return \n { typeof item.text === 'function' ? item.text(record) : item.text }\n ;\n } if (whiteList.indexOf(typeof item.color === 'function' ? item.color(record) : item.color) >= 0) {\n return this.menuClick(item.key, record)}\n title={typeof item.msg === 'function' ? item.msg(record) : item.msg}>\n \n { typeof item.text === 'function' ? item.text(record) : item.text }\n \n ;\n }\n return this.menuClick(item.key, record)}>{typeof item.text === 'function' ? item.text(record) : item.text};\n })\n }\n
;\n }\n\n tableChange(pagination: any, filters: any, sorter: any) {\n this.pageParams.pageSize = pagination.pageSize;\n this.pageParams.pageNum = pagination.current;\n this.getData();\n }\n\n menuClick(key: string, row: any) {\n this.$emit('tableClick', key, row);\n }\n}\n"
},
{
"path": "src/components/FilterTable/index.vue",
"content": "\n \n
\n\n\n\n\n\n"
},
{
"path": "src/components/HelloWorld.vue",
"content": "\n \n
\n\n\n\n\n\n\n"
},
{
"path": "src/components/Layout/AppMain.less",
"content": ".app-main {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n display: flex;\n .page-content {\n width: e('calc(100vw - 200px)');\n height: 100vh;\n position: relative;\n padding-top: 56px;\n overflow-y: auto;\n .page-wrap {\n height: e('calc(100vh - 98px)');\n width: 100%;\n overflow-x: hidden;\n overflow: auto; \n }\n }\n @media screen and (max-width: 768px) {\n .page-content {\n width: 100vw;\n }\n }\n &.sideLayout {\n .side-bar {\n min-width: 64px;\n width: 64px;\n .logo-wrap h1{\n display: none;\n }\n }\n .page-content {\n width: e('calc(100vw - 64px)');\n }\n }\n .page-tabs {\n text-align: left;\n .ant-tabs-bar {\n margin-bottom: 0;\n }\n .el-tabs__header {\n margin-bottom: 0;\n .el-tabs__nav {\n border: none;\n }\n .el-tabs__item {\n background-color: #ececec;\n &.is-active {\n background-color: #fff;\n }\n }\n }\n }\n}"
},
{
"path": "src/components/Layout/AppMain.tsx",
"content": "import {\n Component, Prop, Emit, Vue, Watch, Provide,\n} from 'vue-property-decorator';\nimport { Tabs } from 'ant-design-vue';\nimport config from '@/utils/config';\nimport { menuItem } from '@/interface';\n\nimport Header from '@/components/Layout/Header/Header';\nimport Sidebar from '@/components/Layout/Sidebar/Sidebar';\nimport './AppMain.less';\n\n@Component({\n components: {\n 'a-tabs': Tabs,\n 'a-tab-pane': Tabs.TabPane,\n },\n})\nexport default class AppMain extends Vue {\n @Prop() private menuData!: menuItem[];\n\n // data\n onTabs: any = '1';\n\n @Watch('$route', { immediate: true, deep: true })\n routeChange(to: any, from: any) {\n this.$store.dispatch('AddTabPane', to.path);\n }\n\n @Emit()\n removeTab(name: string) {\n console.log(this);\n this.$store.dispatch('RemoveTab', name);\n }\n\n @Emit()\n tabChange(name: any) {\n this.tabList.forEach((item: any, indexs: number) => {\n if (item.name === name) {\n this.$router.push({ name: item.name, params: { id: item.params }, query: item.query });\n this.$store.dispatch('TabChange', item.name);\n }\n });\n }\n\n @Emit()\n onTabEdit(targetKey: string, action: string) {\n if (action === 'remove') {\n this.removeTab(targetKey);\n }\n }\n\n tabList = [];\n\n render() {\n const {\n sidebar: { opened = 1 }, tabList, tabActiveKey, keepList, isMobile,\n } = this.$store.state.app;\n this.onTabs = tabActiveKey; // 激活状态保存\n this.tabList = tabList;\n if (config.openPages.indexOf(this.$route.path) > -1) {\n return (\n {{ msg }}
\n\n For guide and recipes on how to configure / customize this project,
\n check out the\n vue-cli documentation.\n
Installed CLI Plugins
\n- \n
- babel \n
- typescript \n
- eslint \n
- unit-mocha \n
Essential Links
\n- \n
- Core Docs \n
- Forum \n
- Community Chat \n
Ecosystem
\n- \n
- vue-router \n
- vuex \n
- vue-devtools \n
- vue-loader \n
- awesome-vue \n
\n
\n );\n }\n return (\n \n {\n isMobile ? null :
\n );\n }\n}\n"
},
{
"path": "src/components/Layout/Header/Header.less",
"content": "@import '../../../styles/var.less';\n@headerHeight: 56px;\n.header-wrap {\n height: @headerHeight;\n background-color: #fff;\n text-align: left;\n display: flex;\n justify-content: space-between;\n box-shadow: 4px 4px 40px 0 rgba(0,0,0,.05);\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n z-index: 999;\n .menu-btn {\n line-height: @headerHeight;\n width: @headerHeight;\n display: inline-block;\n text-align: center;\n transition: .3s all ease-in-out;\n cursor: pointer;\n &:hover {\n color: @primary-color;\n background-color: lighten(@primary-color, 25%);\n }\n }\n .header-bread {\n margin-left: 20px;\n display: inline-block;\n font-size: 12px;\n }\n .header-menu {\n display: flex;\n list-style: none;\n color: #666;\n li {\n width: @headerHeight;\n height: @headerHeight;\n line-height: @headerHeight;\n text-align: center;\n cursor: pointer;\n .el-badge__content.is-fixed {\n top: 10px;\n }\n &:hover {\n color: @primary-color;\n background-color: lighten(@primary-color, 25%);\n .el-dropdown-link {\n color: @primary-color;\n }\n }\n &.user {\n width: auto;\n padding: 0 20px;\n .ant-dropdown-link {\n height: 56px;\n display: block;\n }\n .name {\n margin-left: 10px;\n font-size: 14px;\n font-weight: 400;\n }\n }\n }\n }\n}"
},
{
"path": "src/components/Layout/Header/Header.tsx",
"content": "import {\n Component, Prop, Emit, Vue, Watch,\n} from 'vue-property-decorator';\nimport {\n Badge, Dropdown, Breadcrumb, Popover, Icon, Menu,\n} from 'ant-design-vue';\nimport Cookies from 'js-cookie';\nimport { menuItem, routerItem } from '@/interface';\nimport { routeToArray } from '@/utils';\nimport MenuList from '@/components/Layout/Sidebar/MenuList';\nimport './Header.less';\n\ninterface breadItem {\n url: string,\n text: string,\n}\n\n@Component({\n components: {\n 'a-badge': Badge,\n 'a-dropdown': Dropdown,\n 'a-menu-item': Menu.Item,\n 'a-breadcrumb': Breadcrumb,\n 'a-breadcrumb-item': Breadcrumb.Item,\n 'a-popover': Popover,\n 'menu-list': MenuList,\n 'a-icon': Icon,\n 'a-menu-divider': Menu.Divider,\n 'a-menu': Menu,\n },\n})\nexport default class Header extends Vue {\n @Prop() private username!: string;\n\n // data\n menuData: routerItem[] = [];\n\n breadList: breadItem[] = [];\n\n onIndex: number = 0;\n\n @Watch('$route', { immediate: true, deep: true })\n routeChange(to: any, from: any) {\n const toDepth = routeToArray(to.path);\n this.onIndex = 0;\n this.breadList = [];\n this.routerBread(this.menuData, toDepth.routeArr);\n }\n\n @Watch('menuData')\n initRouteBread() {\n const toDepth = routeToArray(this.$route.path);\n this.routerBread(this.menuData, toDepth.routeArr);\n }\n\n @Emit()\n routerBread(data: routerItem[], toDepth: string[]) {\n data.map((item: routerItem) => {\n if (item.path === toDepth[this.onIndex]) {\n this.breadList.push({\n url: item.path,\n text: item.name ? item.name : '',\n });\n if (item.children && (toDepth.length - 1) >= this.onIndex) {\n this.onIndex += 1;\n this.routerBread(item.children, toDepth);\n }\n }\n return true;\n });\n }\n\n @Emit()\n menuClick(params: {item: any, key: string, keyPath: string[]}): void {\n const self = this;\n switch (params.key) {\n case '1':\n break;\n case '2':\n break;\n case '3':\n Cookies.remove('token');\n this.$router.push('/login');\n break;\n default:\n break;\n }\n }\n\n @Emit()\n switchSidebar(): void {\n this.$store.dispatch('ToggleSideBar');\n }\n\n render() {\n const { username } = this;\n const { menuData, sidebar: { opened }, isMobile } = this.$store.state.app;\n this.menuData = menuData;\n return (\n \n \n {\n tabList.map((item: any, index: number) => 1} key={item.name}\n tab={item.name}>\n )\n }\n \n
\n \n {\n isMobile ? \n \n {\n this.breadList.map((item: breadItem) => {item.text} )\n }\n \n }\n
\n \n \n
\n );\n }\n}\n"
},
{
"path": "src/components/Loader/index.vue",
"content": "\n \n 
\n
\n {config.name}
\n\n | boolean,\n children?: Array
\n
\n\n\n\n\n\n"
},
{
"path": "src/components/Spin/index.less",
"content": ".spin-wrap {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n background-color: rgba(255, 255, 255, .65);\n display: none;\n &.show {\n display: block;\n }\n .ant-spin {\n position: absolute;\n top: 50%; \n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n.ant-spin {\n font-family:Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;\n font-size:14px;\n line-height:1.5;\n color:rgba(0, 0, 0, .65);\n -webkit-box-sizing:border-box;\n box-sizing:border-box;\n margin:0;\n padding:0;\n list-style:none;\n color:#1890ff;\n vertical-align:middle;\n text-align:center;\n opacity:0;\n position:absolute;\n -webkit-transition:-webkit-transform .3s cubic-bezier(.78, .14, .15, .86);\n transition:-webkit-transform .3s cubic-bezier(.78, .14, .15, .86);\n transition:transform .3s cubic-bezier(.78, .14, .15, .86);\n transition:transform .3s cubic-bezier(.78, .14, .15, .86), -webkit-transform .3s cubic-bezier(.78, .14, .15, .86);\n display:none\n}\n.ant-spin-spinning {\n opacity:1;\n position:static;\n display:inline-block\n}\n.ant-spin-nested-loading {\n position:relative\n}\n.ant-spin-nested-loading>div>.ant-spin {\n display:block;\n position:absolute;\n height:100%;\n max-height:320px;\n width:100%;\n z-index:4\n}\n.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {\n position:absolute;\n top:50%;\n left:50%;\n margin:-10px\n}\n.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {\n position:absolute;\n top:50%;\n width:100%;\n padding-top:5px;\n text-shadow:0 1px 2px #fff\n}\n.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {\n margin-top:-20px\n}\n.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {\n margin:-7px\n}\n.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {\n padding-top:2px\n}\n.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {\n margin-top:-17px\n}\n.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {\n margin:-16px\n}\n.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {\n padding-top:11px\n}\n.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {\n margin-top:-26px\n}\n.ant-spin-container {\n position:relative;\n zoom:1\n}\n.ant-spin-container:after, .ant-spin-container:before {\n content:\"\";\n display:table\n}\n.ant-spin-container:after {\n clear:both\n}\n.ant-spin-blur {\n pointer-events:none;\n -webkit-user-select:none;\n -moz-user-select:none;\n -ms-user-select:none;\n user-select:none;\n overflow:hidden;\n opacity:.7;\n -webkit-filter:blur(.5px);\n filter:blur(.5px);\n //-webkit-filter:progid\\:DXImageTransform\\.Microsoft\\.Blur(PixelRadius\\=1, MakeShadow\\=false);\n //filter:progid\\:DXImageTransform\\.Microsoft\\.Blur(PixelRadius\\=1, MakeShadow\\=false)\n}\n.ant-spin-blur:after {\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n top:0;\n bottom:0;\n background:#fff;\n opacity:.3;\n -webkit-transition:all .3s;\n transition:all .3s;\n z-index:10\n}\n.ant-spin-tip {\n color:rgba(0, 0, 0, .45)\n}\n.ant-spin-dot {\n position:relative;\n display:inline-block;\n font-size:20px;\n width:20px;\n height:20px\n}\n.ant-spin-dot i {\n width:9px;\n height:9px;\n border-radius:100%;\n background-color:#1890ff;\n -webkit-transform:scale(.75);\n -ms-transform:scale(.75);\n transform:scale(.75);\n display:block;\n position:absolute;\n opacity:.3;\n -webkit-animation:antSpinMove 1s infinite linear alternate;\n animation:antSpinMove 1s infinite linear alternate;\n -webkit-transform-origin:50% 50%;\n -ms-transform-origin:50% 50%;\n transform-origin:50% 50%\n}\n.ant-spin-dot i:first-child {\n left:0;\n top:0\n}\n.ant-spin-dot i:nth-child(2) {\n right:0;\n top:0;\n -webkit-animation-delay:.4s;\n animation-delay:.4s\n}\n.ant-spin-dot i:nth-child(3) {\n right:0;\n bottom:0;\n -webkit-animation-delay:.8s;\n animation-delay:.8s\n}\n.ant-spin-dot i:nth-child(4) {\n left:0;\n bottom:0;\n -webkit-animation-delay:1.2s;\n animation-delay:1.2s\n}\n.ant-spin-dot-spin {\n -webkit-transform:rotate(45deg);\n -ms-transform:rotate(45deg);\n transform:rotate(45deg);\n -webkit-animation:antRotate 1.2s infinite linear;\n animation:antRotate 1.2s infinite linear\n}\n.ant-spin-sm .ant-spin-dot {\n font-size:14px;\n width:14px;\n height:14px\n}\n.ant-spin-sm .ant-spin-dot i {\n width:6px;\n height:6px\n}\n.ant-spin-lg .ant-spin-dot {\n font-size:32px;\n width:32px;\n height:32px\n}\n.ant-spin-lg .ant-spin-dot i {\n width:14px;\n height:14px\n}\n.ant-spin.ant-spin-show-text .ant-spin-text {\n display:block\n}\n@media (-ms-high-contrast:active), (-ms-high-contrast:none) {\n .ant-spin-blur {\n background:#fff;\n opacity:.5\n }\n}\n@-webkit-keyframes antSpinMove {\n to {\n opacity:1\n }\n}\n@keyframes antSpinMove {\n to {\n opacity:1\n }\n}\n@-webkit-keyframes antRotate {\n to {\n -webkit-transform:rotate(405deg);\n transform:rotate(405deg)\n }\n}\n@keyframes antRotate {\n to {\n -webkit-transform:rotate(405deg);\n transform:rotate(405deg)\n }\n}"
},
{
"path": "src/components/Spin/index.tsx",
"content": "import {\n Component, Prop, Emit, Vue, Inject, Provide,\n} from 'vue-property-decorator';\nimport './index.less';\n\n@Component\nexport default class Spin extends Vue {\n @Prop({ default: false }) show!: boolean;\n\n render() {\n return (\n \n
\n LOADING...
\n \n {\n this.show ?
\n );\n }\n}\n"
},
{
"path": "src/global.d.ts",
"content": "interface Window {\n api: {\n [key: string]: (\n data: any,\n ) => Promise<{\n success: boolean;\n message: string;\n statusCode: number;\n data: any;\n }>;\n };\n ajax: any;\n ApexCharts: any;\n BMap: any;\n BMapLib: any;\n wangEditor: any;\n CanvasLayer: any;\n pointCollection: any;\n BMAP_POINT_SIZE_HUGE: any;\n BMAP_POINT_SHAPE_CIRCLE: any;\n BMAP_DRAWING_CIRCLE: any;\n BMAP_DRAWING_POLYGON: any;\n BMAP_DRAWING_RECTANGLE: any;\n}\n\ninterface Date {\n Format(fmt: string): string;\n}\n\ninterface returnData {\n success: boolean;\n message: string;\n statusCode: number;\n data: any;\n}\n\ndeclare module '*.json';\n"
},
{
"path": "src/interface/index.ts",
"content": "import { VNode } from 'vue';\nimport { ScopedSlot } from 'vue/types/vnode';\n\n/**\n * @interface 筛选表格的表单参数\n * @param key 表单的key值，对应filterParams里面的值\n * @param type 表单的类型，分为10种\n * @param label 表单前面的标题文字\n * @param placeholder 表单的占位文字\n * @param value 用于范围选择或者多个值的情况，\n * @param fieldNames antd的cascader组件的，自定义 options 中 label name children 的字段\n * https://vue.ant.design/components/cascader-cn/#API\n * @param options 用于下拉选择的选择项，可以异步加载\n * @param change 表单的change事件\n * @param disabledTime 时间范围选择的不可选日期，\n */\ntype FilterType = 'input' | 'select' | 'cascader' | 'levelcode' | 'datetime' | 'date' | 'datetimerange' | 'checkboxButton';\nexport interface FilterFormList {\n key: string;\n type: FilterType;\n label: string;\n placeholder: string | string[];\n value?: string[];\n fieldNames?: any;\n options?: Array<{ value: any, label: string }>;\n change?: Function;\n disabledTime?: (dates: [object, object], partial: 'start'|'end') => any;\n}\n\nexport interface TableColumnFilter {\n text: string,\n value: any\n}\n\nexport interface ColumnFilterItem {\n text?: string;\n value?: string;\n children?: any;\n}\n\nexport declare type SortOrder = 'ascend' | 'descend';\n\n// column\nexport interface tableList {\n /**\n * specify how content is aligned\n * @default 'left'\n * @type string\n */\n align?: 'left' | 'right' | 'center';\n\n /**\n * Span of this column's title\n * @type number\n */\n colSpan?: number;\n\n /**\n * Display field of the data record, could be set like a.b.c\n * @type string\n */\n dataIndex: string;\n\n /**\n * Default order of sorted values: 'ascend' 'descend' null\n * @type string\n */\n defaultSortOrder?: SortOrder;\n\n /**\n * Customized filter overlay\n * @type any (slot)\n */\n filterDropdown?: any;\n\n /**\n * Whether filterDropdown is visible\n * @type boolean\n */\n filterDropdownVisible?: boolean;\n\n /**\n * Whether the dataSource is filtered\n * @default false\n * @type boolean\n */\n filtered?: boolean;\n\n /**\n * Controlled filtered value, filter icon will highlight\n * @type string[]\n */\n filteredValue?: string[];\n\n /**\n * Customized filter icon\n * @default false\n * @type any\n */\n filterIcon?: any;\n\n /**\n * Whether multiple filters can be selected\n * @default true\n * @type boolean\n */\n filterMultiple?: boolean;\n\n /**\n * Filter menu config\n * @type object[]\n */\n filters?: ColumnFilterItem[];\n\n /**\n * Set column to be fixed: true(same as left) 'left' 'right'\n * @default false\n * @type boolean | string\n */\n fixed?: boolean | 'left' | 'right';\n\n /**\n * Unique key of this column, you can ignore this prop if you've set a unique dataIndex\n * @type string\n */\n key?: string;\n\n /**\n * Renderer of the table cell. The return value should be a VNode,\n * or an object for colSpan/rowSpan config\n * @type Function | ScopedSlot\n */\n customRender?: Function | ScopedSlot;\n\n /**\n * Sort function for local sort, see Array.sort's compareFunction.\n * If you need sort buttons only, set to true\n * @type boolean | Function\n */\n sorter?: boolean | Function;\n\n /**\n * Order of sorted values: 'ascend' 'descend' false\n * @type boolean | string\n */\n sortOrder?: boolean | SortOrder;\n\n /**\n * Title of this column\n * @type any (string | slot)\n */\n title: any;\n\n /**\n * Width of this column\n * @type string | number\n */\n width?: string | number;\n\n /**\n * Set props on per cell\n * @type Function\n */\n customCell?: (\n record: any,\n rowIndex: number,\n ) => {\n props: object;\n attrs: object;\n on: object;\n class: object;\n style: object;\n nativeOn: object;\n };\n\n /**\n * Set props on per header cell\n * @type\n */\n customHeaderCell?: (\n column: any,\n ) => {\n props: object;\n attrs: object;\n on: object;\n class: object;\n style: object;\n nativeOn: object;\n };\n\n /**\n * Callback executed when the confirm filter button is clicked,\n * Use as a filter event when using template or jsx\n * @type Function\n */\n onFilter?: Function;\n\n /**\n * Callback executed when filterDropdownVisible is changed,\n * Use as a filterDropdownVisible event when using template or jsx\n * @type Function\n */\n onFilterDropdownVisibleChange?: (visible: boolean) => void;\n\n /**\n * When using columns, you can use this property to configure\n * the properties that support the slot,\n * such as slots: { filterIcon: 'XXX'}\n * @type object\n */\n slots?: object;\n\n /**\n * When using columns, you can use this property to configure\n * the properties that support the slot-scope,\n * such as scopedSlots: { customRender: 'XXX'}\n * @type object\n */\n scopedSlots?: object;\n}\n/**\n * @interface 表格组件-操作栏参数\n * @param {string} key 操作的key值，用于回调事件匹配\n * @param {string} rowKey 当前行数据的id值，用于自动化测试，方便区别\n * @param {Function/string} color 文字颜色，可以根据当前行数据动态返回颜色值\n * @param {string} text 可以根据当前行数据动态返回文字\n * @param {Function} disabled 可以根据当前数据动态返回状态\n * @param {Function/string} roles 可以动态返回权限，控制是否展示\n */\nexport interface Opreat {\n key: string,\n rowKey: string,\n color: Function | string,\n text: Function | string,\n disabled?: Function;\n roles: Function | boolean,\n msg?: Function | string,\n}\n/**\n * @interface 表格tag设置\n * @param {} key\n */\nexport interface tableTag {\n key: number,\n color: string,\n value: number,\n label: string,\n}\n\nexport interface menuItem {\n id: number,\n title: string,\n url?: string,\n icon?: string,\n permission: string | Array\n \n \n \n
: ''\n }\n