KH/kh-device-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【modify】使用ESLint格式化代码

Browse Source
This commit is contained in:
zer0Black
2023-03-01 09:33:58 +08:00
parent 694855ae8b
commit 63369b8b87
400 changed files with 42942 additions and 43132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/jero/modal/JCronModal.vue
+569 -572
View File
File diff suppressed because it is too large Load Diff
jero-web/src/components/jero/modal/JPopupOnlReport.vue
+341 -342
View File
@@ -65,377 +65,376 @@
:customRow="clickThenCheck">
</a-table>
</j-modal>
</template>
<script>
import { getAction } from '@/api/manage'
import {filterObj} from '@/utils/util'
import { filterMultiDictText } from '@/components/dict/JDictSelectUtil'
import { httpGroupRequest } from '@/api/GroupRequest.js'
import { getAction } from '@/api/manage'
import { filterObj } from '@/utils/util'
import { filterMultiDictText } from '@/components/dict/JDictSelectUtil'
import { httpGroupRequest } from '@/api/GroupRequest.js'
const MODAL_WIDTH = 1200;
export default {
name: 'JPopupOnlReport',
props: ['multi', 'code', 'sorter', 'groupId', 'param'],
components:{
const MODAL_WIDTH = 1200
export default {
name: 'JPopupOnlReport',
props: ['multi', 'code', 'sorter', 'groupId', 'param'],
components: {
},
data () {
return {
visible: false,
title: '',
confirmLoading: false,
queryInfo: [],
toggleSearchStatus: false,
queryParam: {
},
dictOptions: {},
url: {
getColumns: '/online/cgreport/api/getRpColumns/',
getData: '/online/cgreport/api/getData/',
getQueryInfo: '/online/cgreport/api/getQueryInfo/'
},
table: {
loading: true,
// 表头
columns: [],
// 数据集
dataSource: [],
// 选择器
selectedRowKeys: [],
selectionRows: [],
// 分页参数
pagination: {
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条'
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
}
},
cgRpConfigId: '',
modalWidth: MODAL_WIDTH,
tableScroll: { x: true },
dynamicParam: {},
// 排序字段，默认无排序
iSorter: null
}
},
mounted () {
// this.loadColumnsInfo()
},
watch: {
code () {
this.loadColumnsInfo()
},
data(){
return {
visible:false,
title:"",
confirmLoading:false,
queryInfo:[],
toggleSearchStatus:false,
queryParam:{
},
dictOptions: {},
url: {
getColumns: '/online/cgreport/api/getRpColumns/',
getData: '/online/cgreport/api/getData/',
getQueryInfo: '/online/cgreport/api/getQueryInfo/'
},
table: {
loading: true,
// 表头
columns: [],
//数据集
dataSource: [],
// 选择器
selectedRowKeys: [],
selectionRows: [],
// 分页参数
pagination: {
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条'
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
}
},
cgRpConfigId:"",
modalWidth:MODAL_WIDTH,
tableScroll:{x:true},
dynamicParam:{},
// 排序字段，默认无排序
iSorter: null,
param: {
deep: true,
handler () {
// update--begin--autor:liusq-----date:20210706------for：JPopup组件在modal中使用报错#2729------
if (this.visible) {
this.dynamicParamHandler()
this.loadData()
}
// update--begin--autor:liusq-----date:20210706------for：JPopup组件在modal中使用报错#2729------
}
},
mounted() {
//this.loadColumnsInfo()
},
watch: {
code() {
this.loadColumnsInfo()
},
param:{
deep:true,
handler(){
// update--begin--autor:liusq-----date:20210706------for：JPopup组件在modal中使用报错#2729------
if(this.visible){
this.dynamicParamHandler()
this.loadData();
sorter: {
immediate: true,
handler () {
if (this.sorter) {
const arr = this.sorter.split('=')
if (arr.length === 2 && ['asc', 'desc'].includes(arr[1].toLowerCase())) {
this.iSorter = { column: arr[0], order: arr[1].toLowerCase() }
// 排序字段受控
this.table.columns.forEach(col => {
if (col.dataIndex === this.iSorter.column) {
this.$set(col, 'sortOrder', this.iSorter.order === 'asc' ? 'ascend' : 'descend')
} else {
this.$set(col, 'sortOrder', false)
}
})
} else {
console.warn('【JPopup】sorter参数不合法')
}
// update--begin--autor:liusq-----date:20210706------for：JPopup组件在modal中使用报错#2729------
},
},
sorter: {
immediate: true,
handler() {
if (this.sorter) {
let arr = this.sorter.split('=')
if (arr.length === 2 && ['asc', 'desc'].includes(arr[1].toLowerCase())) {
this.iSorter = {column: arr[0], order: arr[1].toLowerCase()}
// 排序字段受控
this.table.columns.forEach(col => {
if (col.dataIndex === this.iSorter.column) {
this.$set(col, 'sortOrder', this.iSorter.order === 'asc' ? 'ascend' : 'descend')
} else {
this.$set(col, 'sortOrder', false)
}
})
} else {
console.warn('【JPopup】sorter参数不合法')
}
}
},
},
},
computed:{
showSearchFlag(){
return this.queryInfo && this.queryInfo.length>0
}
}
}
},
computed: {
showSearchFlag () {
return this.queryInfo && this.queryInfo.length > 0
}
},
methods: {
loadColumnsInfo () {
const url = `${this.url.getColumns}${this.code}`
// 缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url
}
httpGroupRequest(() => getAction(url), groupIdKey).then(res => {
if (res.success) {
this.initDictOptionData(res.result.dictOptions)
this.cgRpConfigId = res.result.cgRpConfigId
this.title = res.result.cgRpConfigName
const currColumns = res.result.columns
for (let a = 0; a < currColumns.length; a++) {
if (currColumns[a].customRender) {
const dictCode = currColumns[a].customRender
currColumns[a].customRender = (text) => {
return filterMultiDictText(this.dictOptions[dictCode], text + '')
}
}
// 排序字段受控
if (this.iSorter && currColumns[a].dataIndex === this.iSorter.column) {
currColumns[a].sortOrder = this.iSorter.order === 'asc' ? 'ascend' : 'descend'
}
}
this.table.columns = [...currColumns]
this.initQueryInfo()
}
})
},
methods:{
loadColumnsInfo(){
let url = `${this.url.getColumns}${this.code}`
//缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url
initQueryInfo () {
const url = `${this.url.getQueryInfo}${this.cgRpConfigId}`
// 缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url
}
httpGroupRequest(() => getAction(url), groupIdKey).then((res) => {
// console.log("获取查询条件", res);
if (res.success) {
this.dynamicParamHandler(res.result)
this.queryInfo = res.result
// 查询条件加载后再请求数据
this.loadData(1)
} else {
this.$message.warning(res.message)
}
httpGroupRequest(() => getAction(url), groupIdKey).then(res => {
if(res.success){
this.initDictOptionData(res.result.dictOptions);
this.cgRpConfigId = res.result.cgRpConfigId
this.title = res.result.cgRpConfigName
let currColumns = res.result.columns
for(let a=0;a<currColumns.length;a++){
if(currColumns[a].customRender){
let dictCode = currColumns[a].customRender;
currColumns[a].customRender=(text)=>{
return filterMultiDictText(this.dictOptions[dictCode], text+"");
}
}
// 排序字段受控
if (this.iSorter && currColumns[a].dataIndex === this.iSorter.column) {
currColumns[a].sortOrder = this.iSorter.order === 'asc' ? 'ascend' : 'descend'
}
}
this.table.columns = [...currColumns]
this.initQueryInfo()
})
},
// 处理动态参数
dynamicParamHandler (arr) {
if (arr && arr.length > 0) {
// 第一次加载查询条件前 初始化queryParam为空对象
const queryTemp = {}
for (const item of arr) {
if (item.mode === 'single') {
queryTemp[item.field] = ''
}
})
},
initQueryInfo() {
let url = `${this.url.getQueryInfo}${this.cgRpConfigId}`
//缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url
}
httpGroupRequest(() => getAction(url), groupIdKey).then((res) => {
// console.log("获取查询条件", res);
if (res.success) {
this.dynamicParamHandler(res.result)
this.queryInfo = res.result
//查询条件加载后再请求数据
this.loadData(1)
this.queryParam = { ...queryTemp }
}
const dynamicTemp = {}
if (this.param) {
Object.keys(this.param).map(key => {
let str = this.param[key]
if (key in this.queryParam) {
if (str && str.startsWith("'") && str.endsWith("'")) {
str = str.substring(1, str.length - 1)
}
// 如果查询条件包含参数 设置值
this.queryParam[key] = str
}
dynamicTemp[key] = this.param[key]
})
}
this.dynamicParam = { ...dynamicTemp }
},
loadData (arg) {
if (arg == 1) {
this.table.pagination.current = 1
}
const params = this.getQueryParams()// 查询条件
this.table.loading = true
const url = `${this.url.getData}${this.cgRpConfigId}`
// 缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url + JSON.stringify(params)
}
httpGroupRequest(() => getAction(url, params), groupIdKey).then(res => {
this.table.loading = false
// console.log("daa",res)
const data = res.result
if (data) {
this.table.pagination.total = Number(data.total)
this.table.dataSource = data.records
} else {
this.table.pagination.total = 0
this.table.dataSource = []
}
})
},
getQueryParams () {
const paramTarget = {}
if (this.dynamicParam) {
// 处理自定义参数
Object.keys(this.dynamicParam).map(key => {
paramTarget['self_' + key] = this.dynamicParam[key]
})
}
const param = Object.assign(paramTarget, this.queryParam, this.iSorter)
param.pageNo = this.table.pagination.current
param.pageSize = this.table.pagination.pageSize
return filterObj(param)
},
handleChangeInTableSelect (selectedRowKeys, selectionRows) {
// update-begin-author:taoyan date:2020902 for:【issue】开源online的几个问题 LOWCOD-844
if (!selectedRowKeys || selectedRowKeys.length == 0) {
this.table.selectionRows = []
} else if (selectedRowKeys.length == selectionRows.length) {
this.table.selectionRows = selectionRows
} else {
// 当两者长度不一的时候 需要判断
const keys = this.table.selectedRowKeys
const rows = this.table.selectionRows
// 这个循环 添加新的记录
for (let i = 0; i < selectionRows.length; i++) {
const combineKey = this.combineRowKey(selectionRows[i])
if (keys.indexOf(combineKey) < 0) {
// 如果 原来的key 不包含当前记录 push
rows.push(selectionRows[i])
}
}
// 这个循环 移除取消选中的数据
this.table.selectionRows = rows.filter(item => {
const combineKey = this.combineRowKey(item)
return selectedRowKeys.indexOf(combineKey) >= 0
})
}
// update-end-author:taoyan date:2020902 for:【issue】开源online的几个问题 LOWCOD-844
this.table.selectedRowKeys = selectedRowKeys
},
handleChangeInTable (pagination, filters, sorter) {
// 分页、排序、筛选变化时触发
if (Object.keys(sorter).length > 0) {
this.iSorter = {
column: sorter.field,
order: sorter.order === 'ascend' ? 'asc' : 'desc'
}
// 排序字段受控
this.table.columns.forEach(col => {
if (col.dataIndex === sorter.field) {
this.$set(col, 'sortOrder', sorter.order)
} else {
this.$message.warning(res.message)
this.$set(col, 'sortOrder', false)
}
})
},
//处理动态参数
dynamicParamHandler(arr){
if(arr && arr.length>0){
//第一次加载查询条件前 初始化queryParam为空对象
let queryTemp = {}
for(let item of arr){
if(item.mode==='single'){
queryTemp[item.field] = ''
}
}
this.queryParam = {...queryTemp}
}
let dynamicTemp = {}
if(this.param){
Object.keys(this.param).map(key=>{
let str = this.param[key]
if(key in this.queryParam){
if(str && str.startsWith("'") && str.endsWith("'")){
str = str.substring(1,str.length-1)
}
//如果查询条件包含参数 设置值
this.queryParam[key]=str
}
dynamicTemp[key] = this.param[key]
})
}
this.dynamicParam = {...dynamicTemp}
},
loadData(arg) {
if (arg == 1) {
this.table.pagination.current = 1
}
let params = this.getQueryParams();//查询条件
this.table.loading = true
let url = `${this.url.getData}${this.cgRpConfigId}`
//缓存key
let groupIdKey
if (this.groupId) {
groupIdKey = this.groupId + url + JSON.stringify(params)
}
httpGroupRequest(() => getAction(url, params), groupIdKey).then(res => {
this.table.loading = false
// console.log("daa",res)
let data = res.result
if (data) {
this.table.pagination.total = Number(data.total)
this.table.dataSource = data.records
} else {
this.table.pagination.total = 0
this.table.dataSource = []
}
})
},
getQueryParams() {
let paramTarget = {}
if(this.dynamicParam){
//处理自定义参数
Object.keys(this.dynamicParam).map(key=>{
paramTarget['self_'+key] = this.dynamicParam[key]
})
}
let param = Object.assign(paramTarget, this.queryParam, this.iSorter);
param.pageNo = this.table.pagination.current;
param.pageSize = this.table.pagination.pageSize;
return filterObj(param);
},
handleChangeInTableSelect(selectedRowKeys, selectionRows) {
//update-begin-author:taoyan date:2020902 for:【issue】开源online的几个问题 LOWCOD-844
if(!selectedRowKeys || selectedRowKeys.length==0){
this.table.selectionRows = []
}else if(selectedRowKeys.length == selectionRows.length){
this.table.selectionRows = selectionRows
}else{
//当两者长度不一的时候 需要判断
let keys = this.table.selectedRowKeys
let rows = this.table.selectionRows;
//这个循环 添加新的记录
for(let i=0;i<selectionRows.length;i++){
let combineKey = this.combineRowKey(selectionRows[i])
if(keys.indexOf(combineKey)<0){
//如果 原来的key 不包含当前记录 push
rows.push(selectionRows[i])
}
}
//这个循环 移除取消选中的数据
this.table.selectionRows = rows.filter(item=>{
let combineKey = this.combineRowKey(item)
return selectedRowKeys.indexOf(combineKey)>=0
})
}
//update-end-author:taoyan date:2020902 for:【issue】开源online的几个问题 LOWCOD-844
this.table.selectedRowKeys = selectedRowKeys
},
handleChangeInTable(pagination, filters, sorter) {
//分页、排序、筛选变化时触发
if (Object.keys(sorter).length > 0) {
this.iSorter = {
column: sorter.field,
order: 'ascend' === sorter.order ? 'asc' : 'desc'
}
// 排序字段受控
this.table.columns.forEach(col => {
if (col.dataIndex === sorter.field) {
this.$set(col, 'sortOrder',sorter.order)
} else {
this.$set(col, 'sortOrder', false)
}
})
}
this.table.pagination = pagination
this.loadData()
},
handleCancel() {
this.close()
},
handleSubmit() {
if(!this.multi){
if(this.table.selectionRows && this.table.selectionRows.length>1){
this.$message.warning("请选择一条记录")
return false
}
}
if(!this.table.selectionRows || this.table.selectionRows.length==0){
this.$message.warning("请选择一条记录")
}
this.table.pagination = pagination
this.loadData()
},
handleCancel () {
this.close()
},
handleSubmit () {
if (!this.multi) {
if (this.table.selectionRows && this.table.selectionRows.length > 1) {
this.$message.warning('请选择一条记录')
return false
}
this.$emit('ok', this.table.selectionRows);
this.close()
},
close() {
this.$emit('close');
this.visible = false;
this.onClearSelected()
},
show(){
this.visible = true
this.loadColumnsInfo()
},
handleToggleSearch(){
this.toggleSearchStatus = !this.toggleSearchStatus;
},
searchByquery(){
this.loadData(1);
},
onlyReload(){
this.loadData();
},
searchReset(){
Object.keys(this.queryParam).forEach(key=>{
this.queryParam[key]=""
})
this.loadData(1);
},
onClearSelected(){
this.table.selectedRowKeys = []
this.table.selectionRows = []
},
combineRowKey(record){
let res = ''
Object.keys(record).forEach(key=>{
//update-begin---author:liusq Date:20210203 for：pop选择器列主键问题 issues/I29P9Q------------
if(key=='id'){
res=record[key]+res
}else{
res+=record[key]
}
//update-end---author:liusq Date:20210203 for：pop选择器列主键问题 issues/I29P9Q------------
})
if(res.length>50){
res = res.substring(0,50)
}
if (!this.table.selectionRows || this.table.selectionRows.length == 0) {
this.$message.warning('请选择一条记录')
return false
}
this.$emit('ok', this.table.selectionRows)
this.close()
},
close () {
this.$emit('close')
this.visible = false
this.onClearSelected()
},
show () {
this.visible = true
this.loadColumnsInfo()
},
handleToggleSearch () {
this.toggleSearchStatus = !this.toggleSearchStatus
},
searchByquery () {
this.loadData(1)
},
onlyReload () {
this.loadData()
},
searchReset () {
Object.keys(this.queryParam).forEach(key => {
this.queryParam[key] = ''
})
this.loadData(1)
},
onClearSelected () {
this.table.selectedRowKeys = []
this.table.selectionRows = []
},
combineRowKey (record) {
let res = ''
Object.keys(record).forEach(key => {
// update-begin---author:liusq Date:20210203 for：pop选择器列主键问题 issues/I29P9Q------------
if (key == 'id') {
res = record[key] + res
} else {
res += record[key]
}
return res
},
// update-end---author:liusq Date:20210203 for：pop选择器列主键问题 issues/I29P9Q------------
})
if (res.length > 50) {
res = res.substring(0, 50)
}
return res
},
clickThenCheck(record){
return {
on: {
click: () => {
let rowKey = this.combineRowKey(record)
if(!this.table.selectedRowKeys || this.table.selectedRowKeys.length==0){
let arr1=[],arr2=[]
arr1.push(record)
arr2.push(rowKey)
this.table.selectedRowKeys=arr2
this.table.selectionRows=arr1
}else{
if(this.table.selectedRowKeys.indexOf(rowKey)<0){
this.table.selectedRowKeys.push(rowKey)
this.table.selectionRows.push(record)
}else{
let rowKey_index = this.table.selectedRowKeys.indexOf(rowKey)
this.table.selectedRowKeys.splice(rowKey_index,1);
this.table.selectionRows.splice(rowKey_index,1);
}
clickThenCheck (record) {
return {
on: {
click: () => {
const rowKey = this.combineRowKey(record)
if (!this.table.selectedRowKeys || this.table.selectedRowKeys.length == 0) {
const arr1 = []; const arr2 = []
arr1.push(record)
arr2.push(rowKey)
this.table.selectedRowKeys = arr2
this.table.selectionRows = arr1
} else {
if (this.table.selectedRowKeys.indexOf(rowKey) < 0) {
this.table.selectedRowKeys.push(rowKey)
this.table.selectionRows.push(record)
} else {
const rowKey_index = this.table.selectedRowKeys.indexOf(rowKey)
this.table.selectedRowKeys.splice(rowKey_index, 1)
this.table.selectionRows.splice(rowKey_index, 1)
}
}
}
}
},
//防止字典中有垃圾数据
initDictOptionData(dictOptions){
let obj = { }
Object.keys(dictOptions).map(k=>{
obj[k] = dictOptions[k].filter(item=>{
return item!=null
});
});
this.dictOptions = obj
}
},
// 防止字典中有垃圾数据
initDictOptionData (dictOptions) {
const obj = { }
Object.keys(dictOptions).map(k => {
obj[k] = dictOptions[k].filter(item => {
return item != null
})
})
this.dictOptions = obj
}
}
}
</script>
<style scoped>
</style>
</style>