Faster.Zheng.Winin/Code/Fe

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 主列表-操作列按钮点击事件 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},