|
|
|
|
|
|
|
|
|
## 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:数字+带小数点(只能输入一个小数点, 小数点后方保留位数见<pointNumberFixed>),
|
|
|
|
|
3、 numberLetter: 数字+字母,
|
|
|
|
|
4、 letter:纯字母,
|
|
|
|
|
5、 letterCn:字母+中文
|
|
|
|
|
6、 numberLetterBar:字母+中文+横杠(-)
|
|
|
|
|
pointNumberFixed 组合上方validType值仅等于pointNumber时：
|
|
|
|
|
小数点后方保留位数,如不填写默认为100位
|
|
|
|
|
<validType>+<pointNumberFixed>示例：
|
|
|
|
|
{ type:"input", label:"金额", prop:"money", validType:'pointNumber',pointNumberFixed:2},
|
