安装组件库

npm install yxt-ui

全局导入

import yxtUi from 'yxt-ui/lib/yxt-ui.common';

import "yxt-ui/lib/yxt-ui.css";

Vue.use(yxtUi)

page 为多个 component组成

| 组件名称 | 参数 | 方法 | 描述 | 隶属项目 | | ---- | ---- | ---- |---- |---- | | yxt-login(page)| --- | 直接引入，需要子系统项目（任意）框架支持，其它项目无法使用 | 通用| | yxt-iTable(page)| tableData(object {}) isDetail (string 'dept' 'org') |---- | 当isdetail为dept时 tableData格式{name:部门名称，leaderName：负责人，contactsName：联系人，contactsMobile：手机号码，contactsPhone：座机号码,email:电子邮箱，description:部门描述} 为org时 ，name ：单位名称 code:单位代码。levelType“行政级别 ，nature:单位性质，tenantName：所属平台，contactsName：联系人，contactsMobile：手机号码，zipCode:邮编| | yxt-editOrg(page) |dialogVisible (Boolean) orgValue (Object) | close(关闭触发) refresh (提交触发) | name:单位名称 contactsId：联系人contactsMobile：手机号码zipCode ：邮编 | yxt-editDept(page)| dialogVisible: (Boolean),id:([Number, String]),deptValue: (Object),pageTitle: (String), |||
| yxt-organize(page) |-|-|-|-| | yxt-user(page) |-|-|-|-| | yxt-user(component) | // 标题文本title: { type: String, default: '标题' }, // 标题图标 titIcon: { type: String, default: ''}, isBorder: { type: Boolean, default: true }, // 标题颜色 titColor: { type: String, default: '#1890ff' }, // 返回按钮文本 backTitle: { type: String, default: '返回' }, // 点击返回按钮 backClick: { type: Function, default: () => { console.log(123); } }, // 返回按钮颜色 backTitColor: { type: String, default: '#1890ff' }, // 背景色 backColor: { type: String, default: '#FFF' }, backIcon: { type: String, default: 'el-icon-back' }, // 是否显示必填*号 isRequire: { type: Boolean, default: false }|-|-|-| | yxt-TzImgPreview(component) | props: ['src', 'width', 'height'],|-|-|-|