安虹睿
d41de4e952
|
11 months ago | |
---|---|---|
.. | ||
build | 1 year ago | |
plop-templates | 1 year ago | |
public | 1 year ago | |
src | 11 months ago | |
.editorconfig | 1 year ago | |
.env.development | 1 year ago | |
.env.production | 1 year ago | |
.env.staging | 1 year ago | |
.eslintignore | 1 year ago | |
.eslintrc.js | 1 year ago | |
.gitignore | 1 year ago | |
.gitkeep | 1 year ago | |
.npmrc | 1 year ago | |
.travis.yml | 1 year ago | |
LICENSE | 1 year ago | |
README.md | 12 months ago | |
babel.config.js | 1 year ago | |
jest.config.js | 1 year ago | |
jsconfig.json | 1 year ago | |
package-lock.json | 1 year ago | |
package.json | 1 year ago | |
plopfile.js | 1 year ago | |
postcss.config.js | 1 year ago | |
vue.config.js | 1 year ago |
README.md
websocket:
import { sendWebsocket, closeWebsocket } from '@/utils/websocket'
beforeDestroy () { // 页面销毁时关闭ws。因为有可能ws连接接收数据尚未完成,用户就跳转了页面 // 在需要主动关闭ws的地方都可以调用该方法 closeWebsocket() }, // ws连接成功,后台返回的ws数据,组件要拿数据渲染页面等操作 wsMessage (data) { const dataJson = data console.log(dataJson) // 这里写拿到数据后的业务代码 }, // ws连接失败,组件要执行的代码 wsError () { // 比如取消页面的loading }, requstWs () { // 防止用户多次连续点击发起请求,所以要先关闭上次的ws请求。 closeWebsocket() // 跟后端协商,需要什么参数数据给后台 const obj = { monitorUrl: 'xxxxxxxxxxxxx', userName: 'xxxxxxxxxx' } // 发起ws请求 sendWebsocket('ws://test.ws.com', obj, this.wsMessage, this.wsError) }
组件:
[主列表:tablePagination] currenButtonData 主列表按钮 tableData 主列表数据 tableLoading 主列表loading tableColumns 主列表表头 totalCount 主列表数据总条数 multipleSelection 主列表选择行数据 MaxResultCount 主列表当前页最大条数 topbutton 主列表按钮方法 tablePagination ==> TableHeaderMixins.js inlineDialog 主列表抽屉展现 tablePagination ==> currenTable sortChange 主列表排序 tablePagination ==> currenTable alertoldSkipCount 主列表-分页-当前页条数 alterResultCount 主列表-分页-每页最大页数 handleSelectionChange 主列表-选择-行数据方法 tablePagination ==> currenTable <----20230207添加 begin----> buttonOperationClick_left 主列表-操作列按钮点击事件 currentPageProps 主列表-当前页码值 使用的是@/mixins/TableMixins的oldSkipCount值 quicklySearchOption 主表查询-快速搜索数据配置 ==> 通用配置在@/utils/quicklySearchOption/index quicklySearchClick 主表查询-快速搜索按钮点击事件(回车事件通用) quicklySearchClear 主表查询-快速搜索清除点击事件 <----20230207添加 end----> <----20230215添加 [全面搜索相关配置] begin----> :primarySearchOption 普通查询表单配置项 (@utils/primarySearchOption/index.js) :primarySearchButton 普通查询表单自定义按钮 :showMoreSearch 是否显示高级筛选(默认true) :tableColumns 高级筛选数据配置(tableColumns.js) @overallSearchFormClick 全面搜索中所有按钮的点击事件汇总,包括普通和高级 :httpOverallSearchData 全面筛选组件中当前数据的筛选项 (参数目的:使回显与当前接口筛选项同步) <----20230215添加 end----> <----20230321添加 [字段设置] begin----> rowDrop 主表字段设置事件(排序及显隐) <----20230321添加 end---->
[普通搜索:searchPrimaryComponent] :primarySearchOption 查询表单配置项 (@utils/primarySearchOption/index.js) 具体配置方法见上述文件的示例配置:primarySearchOptionExample :primarySearchButton 查询表单自定义按钮(业务线页面内定义) @primarySearchButtonClick 普通搜索自定义按钮事件(与primarySearchButton共同设置) @primarySearchBaseHandle 普通查询基础按钮点击事件
[全面筛选:searchOverall] :showSearchOverall 显示全面筛选组件 @getShowSearchOverall 全面筛选组件内部显示/隐藏更改触发, 同步当前业务showSearchOverall与筛选内部是否显示 :primarySearchOption 查询表单配置项 (@utils/primarySearchOption/index.js) :primarySearchButton 其他普通搜索按钮位置配置 @overallSearchFormClick 所有按钮操作 (包含primarySearchButton设置的按钮) :showMoreSearch 是否显示高级筛选(默认true) :httpOverallSearchData 全面筛选组件中当前数据的筛选项 (参数目的:使回显与当前接口筛选项同步),格式: { "params": {"code": "12","status": 1}, "moreList": { "filters": [ {"logic": "And","column": "abcClass","action": "==","value": "A"}, {"logic": "And","column": "Name","action": "Like","value": "A45415"}, ] } }
新增编辑:《newAndEdiDialog》 loading 抽屉loading active 步骤控制 pageStatus 结合active控制返回结果
[字段设置:rowDrop] @radio="rowDrop" 数据更新方法 :tableColumns="tableColumns" 表头数据 :visible="visible" 是否显示 @closeRowDrop="closeRowDrop" 关闭方法
[表单组件补充:currenForm] validType type仅等于input时:实时keyUp校验,类型如下: 1、 number:正整数, 2、 pointNumber:数字+带小数点(只能输入一个小数点, 小数点后方保留位数见), 3、 numberLetter: 数字+字母, 4、 letter:纯字母, 5、 letterCn:字母+中文 6、 numberLetterBar:字母+中文+横杠(-) pointNumberFixed 组合上方validType值仅等于pointNumber时: 小数点后方保留位数,如不填写默认为100位 +示例: { type:"input", label:"金额", prop:"money", validType:'pointNumber',pointNumberFixed:2},
[urlOpion示例] // 添加页面需要配置位置 // 示例数据 export const TestSchool = { baseURL:'TestSchool/base',//主表-列表 detailURL:'app/test-school',//主表-明细 + 明细-查看主表 // detailInfoName:'asnNbr',//主表-明细查看详情的title名称 detailListURL:'TestStudentDetail/base',//明细-列表, masterId:'masterId',//明细获取主表信息的masterId,默认依次为[默认配置defalutMasterId,固定值masterId] masterName:'studentName'//明细获取主表信息的title名称 // parentURL:null,//明细-查看主表:特殊接口,如果没有则走detailURL // deleteURL:null,//删除特殊URL // addURL:null,//新增特殊URL // editURL:null,//编辑特殊URL // exportURL:'exportURL',//导出特殊URL //有主表的子表单页的主表信息接口,默认为当前的[detailURL]去掉[-Detail] // mainShowMasterUrl:null, //有主表的子表单页的主表链接参数,默认依次为[默认配置defalutMasterId,上方配置中masterId,固定值masterId] // mainShowMasterId:'masterId', //有主表的子表单页的主表路由[用于显示列转义],默认为[当前路由]去掉[Detail] // masterRoute:null, }