Merge branch 'dev' into build
This commit is contained in:
@@ -19,18 +19,18 @@
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table :tableData="tableData" :total="page.total" :current.sync="current" :size.sync="page.size"
|
||||
@getList="getTableData()" :col-configs="colConfigs" :dict="dict">
|
||||
<el-table-column slot="integral" label="积分余额" align="center" :sortable="'custom'">
|
||||
@getList="getTableData()" :col-configs="colConfigs" :dict="dict" @sort-change="changeTableSort">
|
||||
<el-table-column slot="integral" label="积分余额" align="center" prop="integral" :sortable="'custom'">
|
||||
<template slot-scope="{ row }">
|
||||
<span>{{ row.integral }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="totalIntegral" label="累计积分" align="center" :sortable="'custom'">
|
||||
<el-table-column slot="totalIntegral" label="累计积分" align="center" prop="totalIntegral" :sortable="'custom'">
|
||||
<template slot-scope="{ row }">
|
||||
<span>{{ row.totalIntegral }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column slot="usedIntegral" label="已用积分" align="center" :sortable="'custom'">
|
||||
<el-table-column slot="usedIntegral" label="已用积分" align="center" prop="usedIntegral" :sortable="'custom'">
|
||||
<template slot-scope="{ row }">
|
||||
<span>{{ row.usedIntegral }}</span>
|
||||
</template>
|
||||
@@ -153,7 +153,8 @@ export default {
|
||||
params: {
|
||||
...this.page,
|
||||
...this.search,
|
||||
current: this.current
|
||||
current: this.current,
|
||||
|
||||
}
|
||||
}).then(res => {
|
||||
if(res?.data) {
|
||||
@@ -209,6 +210,24 @@ export default {
|
||||
this.getTableData()
|
||||
},
|
||||
|
||||
changeTableSort(col) {
|
||||
// console.log(col);
|
||||
if(col.prop === 'integral') { // 剩余积分
|
||||
// col.order === 'ascending' &&
|
||||
// col.order === 'descending' &&
|
||||
// col.order === null &&
|
||||
} else if(col.prop === 'totalIntegral') { // 累计积分
|
||||
// col.order === 'ascending' &&
|
||||
// col.order === 'descending' &&
|
||||
// col.order === null &&
|
||||
} else if(col.prop === 'usedIntegral') { // 已用积分
|
||||
// col.order === 'ascending' &&
|
||||
// col.order === 'descending' &&
|
||||
// col.order === null &&
|
||||
}
|
||||
// this.getTableData()
|
||||
},
|
||||
|
||||
onConfirm() {
|
||||
if(this.form.file?.length) {
|
||||
this.form.enclosure = this.form.file[0].url
|
||||
|
||||
@@ -6,77 +6,26 @@
|
||||
<template slot="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="iconfont iconAdd"
|
||||
@click="dialog = true"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-cascader
|
||||
size="small"
|
||||
v-model="search.systemRuleId"
|
||||
:options="rulesOps"
|
||||
placeholder="请选择事件/类型"
|
||||
clearable
|
||||
:props="rulesProps"
|
||||
@change="handleTypeSearch"
|
||||
ref="eventTypeSearch"
|
||||
/>
|
||||
<ai-select
|
||||
v-model="search.status"
|
||||
@change="(page.current = 1), getList()"
|
||||
placeholder="请选择状态"
|
||||
:selectList="$dict.getDict('integralRuleStatus')"
|
||||
>
|
||||
<el-button type="primary" icon="iconfont iconAdd" @click="dialog = true" >添加</el-button>
|
||||
<el-cascader size="small" v-model="search.systemRuleId" :options="rulesOps" placeholder="请选择事件/类型" clearable :props="rulesProps" @change="handleTypeSearch" ref="eventTypeSearch"/>
|
||||
<ai-select v-model="search.status" @change="(page.current = 1), getList()" placeholder="请选择状态" :selectList="$dict.getDict('integralRuleStatus')">
|
||||
</ai-select>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="page.total"
|
||||
:dict="dict"
|
||||
:current.sync="page.current"
|
||||
:size.sync="page.size"
|
||||
@getList="getList()"
|
||||
>
|
||||
<ai-table :tableData="tableData" :col-configs="colConfigs" :total="page.total" :dict="dict" :current.sync="page.current" :size.sync="page.size" @getList="getList()">
|
||||
<el-table-column slot="integral" label="分值" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<span v-if="row.integralValueType == 1">
|
||||
{{
|
||||
row.integralStart > 0
|
||||
? "+" + row.integralStart
|
||||
: row.integralStart
|
||||
}}
|
||||
~
|
||||
{{
|
||||
row.integralEnd > 0 ? "+" + row.integralEnd : row.integralEnd
|
||||
}}
|
||||
{{row.integralStart > 0? "+" + row.integralStart : row.integralStart}}~{{row.integralEnd > 0 ? "+" + row.integralEnd : row.integralEnd}}
|
||||
</span>
|
||||
<span v-else
|
||||
>{{ row.integral > 0 ? "+" : "" }}{{ row.integral }}</span
|
||||
>
|
||||
<span v-else>{{ row.integral > 0 ? "+" : "" }}{{ row.integral }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
slot="options"
|
||||
label="操作"
|
||||
align="center"
|
||||
fixed="right"
|
||||
width="200"
|
||||
>
|
||||
<el-table-column slot="options" label="操作" align="center" fixed="right" width="200">
|
||||
<template slot-scope="{ row }">
|
||||
<div class="table-options">
|
||||
<el-button
|
||||
type="text"
|
||||
@click="changeStatus(row.id, 0)"
|
||||
v-if="row.status == 1"
|
||||
>
|
||||
停用
|
||||
</el-button>
|
||||
<el-button type="text" @click="changeStatus(row.id, 1)" v-else
|
||||
>启用</el-button
|
||||
>
|
||||
<el-button type="text" @click="changeStatus(row.id, 0)" v-if="row.status == 1">停用</el-button>
|
||||
<el-button type="text" @click="changeStatus(row.id, 1)" v-else>启用</el-button>
|
||||
<el-button type="text" @click="toEdit(row)">编辑</el-button>
|
||||
<el-button type="text" @click="remove(row.id)">删除</el-button>
|
||||
</div>
|
||||
@@ -86,40 +35,15 @@
|
||||
</template>
|
||||
</ai-list>
|
||||
<!-- <ai-empty v-else>暂无应用权限</ai-empty> -->
|
||||
<ai-dialog
|
||||
:title="dialogTitle"
|
||||
:visible.sync="dialog"
|
||||
@onConfirm="onConfirm"
|
||||
@closed="closed"
|
||||
width="900px"
|
||||
>
|
||||
<ai-dialog :title="dialogTitle" :visible.sync="dialog" @onConfirm="onConfirm" @closed="closed" width="900px">
|
||||
<div class="form_div">
|
||||
<el-form
|
||||
ref="DialogForm"
|
||||
:model="form"
|
||||
:rules="formRules"
|
||||
size="small"
|
||||
label-suffix=":"
|
||||
label-width="150px"
|
||||
>
|
||||
<el-form ref="DialogForm" :model="form" :rules="formRules" size="small" label-suffix=":" label-width="150px" >
|
||||
<el-form-item label="事件类型" prop="systemRuleId">
|
||||
<el-cascader
|
||||
v-model="form.systemRuleId"
|
||||
ref="cascaderArr"
|
||||
:props="etOps"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
@change="handleTypeForm"
|
||||
:options="rulesOps"
|
||||
/>
|
||||
<el-cascader v-model="form.systemRuleId" ref="cascaderArr" :props="etOps" clearable placeholder="请选择" @change="handleTypeForm" :options="rulesOps"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="自定义事件" v-if="form.systemRuleId == '自定义'">
|
||||
<el-input
|
||||
placeholder="请输入,周期范围内,不填写表示不限制"
|
||||
v-model="form.ruleName"
|
||||
clearable
|
||||
/>
|
||||
<el-input placeholder="请输入,周期范围内,不填写表示不限制" v-model="form.ruleName" clearable/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="规则">
|
||||
@@ -154,18 +78,11 @@
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="周期范围" prop="scoringCycle">
|
||||
<ai-select
|
||||
v-model="form.scoringCycle"
|
||||
:selectList="$dict.getDict('integralRuleScoringCycle')"
|
||||
/>
|
||||
<ai-select v-model="form.scoringCycle" :selectList="$dict.getDict('integralRuleScoringCycle')"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="奖励次数">
|
||||
<el-input
|
||||
placeholder="请输入,周期范围内,不填写表示不限制"
|
||||
v-model.number="form.numberLimit"
|
||||
clearable
|
||||
/>
|
||||
<el-input placeholder="请输入,周期范围内,不填写表示不限制" v-model.number="form.numberLimit" clearable/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="积分分值" prop="integral">
|
||||
@@ -179,50 +96,19 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item
|
||||
label="生效网格"
|
||||
:prop="form.validRangeType == 1 ? 'validRangeData' : ''"
|
||||
:rules="[
|
||||
{ required: true, message: '请选择生效网格', trigger: 'change' },
|
||||
]"
|
||||
v-if="form.validRangeType == 1"
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
@click="(showGrid = true), beforeSelectTree()"
|
||||
>{{ girdInfoList.length ? "已选择" : "请选择" }}</el-button
|
||||
>
|
||||
<el-form-item label="生效网格" :prop="form.validRangeType == 1 ? 'validRangeData' : ''" :rules="[{ required: true, message: '请选择生效网格', trigger: 'change' }, ]" v-if="form.validRangeType == 1">
|
||||
<el-button type="text" @click="(showGrid = true), beforeSelectTree()" >{{ girdInfoList.length ? "已选择" : "请选择" }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<ai-dialog
|
||||
title="选择网格"
|
||||
:visible.sync="showGrid"
|
||||
:customFooter="true"
|
||||
:destroyOnClose="true"
|
||||
border
|
||||
width="720px"
|
||||
append-to-body
|
||||
>
|
||||
<ai-dialog title="选择网格" :visible.sync="showGrid" :customFooter="true" :destroyOnClose="true" border width="720px" append-to-body>
|
||||
<div class="grid">
|
||||
<el-tree
|
||||
:data="treeObj.treeList"
|
||||
:props="treeObj.defaultProps"
|
||||
node-key="id"
|
||||
ref="tree"
|
||||
:check-strictly="true"
|
||||
show-checkbox
|
||||
default-expand-all
|
||||
:default-checked-keys="currCheckedKeys"
|
||||
@check="onCheckChange"
|
||||
>
|
||||
<el-tree :data="treeObj.treeList" :props="treeObj.defaultProps" node-key="id" ref="tree" :check-strictly="true" show-checkbox default-expand-all :default-checked-keys="currCheckedKeys" @check="onCheckChange">
|
||||
</el-tree>
|
||||
</div>
|
||||
<div class="dialog-footer" slot="footer">
|
||||
<el-button size="medium" @click="showGrid = false">取消</el-button>
|
||||
<el-button type="primary" size="medium" @click="getCheckedTree()"
|
||||
>确认</el-button
|
||||
>
|
||||
<el-button type="primary" size="medium" @click="getCheckedTree()">确认</el-button>
|
||||
</div>
|
||||
</ai-dialog>
|
||||
</ai-dialog>
|
||||
@@ -243,6 +129,7 @@ export default {
|
||||
search: {
|
||||
status: "",
|
||||
systemRuleId: "",
|
||||
ruleName: ""
|
||||
},
|
||||
page: { current: 1, size: 10, total: 0 },
|
||||
colConfigs: [
|
||||
@@ -336,15 +223,7 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$dict
|
||||
.load(
|
||||
"integralRuleStatus",
|
||||
"integralRuleRuleType",
|
||||
"integralRuleScoringCycle",
|
||||
"integralRuleEvent",
|
||||
"integralRuleEventType"
|
||||
)
|
||||
.then(() => {
|
||||
this.$dict.load("integralRuleStatus","integralRuleRuleType","integralRuleScoringCycle","integralRuleEvent","integralRuleEventType").then(() => {
|
||||
this.getList();
|
||||
this.getRulesList();
|
||||
this.beforeSelectTree();
|
||||
@@ -379,7 +258,14 @@ export default {
|
||||
};
|
||||
},
|
||||
toEdit(row) {
|
||||
this.form = this.$copy(row);
|
||||
this.form = {...row}
|
||||
// let arr = this.form?.validRangeData?.split(",");
|
||||
// this.girdInfoList = arr.map(e=> {
|
||||
// return {
|
||||
// id: e,
|
||||
// checkType: true
|
||||
// }
|
||||
// })
|
||||
this.girdInfoList = this.form?.validRangeData?.split(",");
|
||||
this.$nextTick(() => {
|
||||
this.dialog = true;
|
||||
@@ -446,6 +332,7 @@ export default {
|
||||
},
|
||||
handleTypeSearch(v) {
|
||||
this.search.systemRuleId = v?.[v.length - 1];
|
||||
this.search.ruleName = this.$refs.eventTypeSearch.getCheckedNodes()[0]?.label
|
||||
this.page.current = 1;
|
||||
this.$refs.eventTypeSearch.dropDownVisible = false;
|
||||
this.getList();
|
||||
@@ -523,7 +410,7 @@ export default {
|
||||
if (!this.$refs.tree.getCheckedNodes().length) {
|
||||
return this.$message.error("请选择网格");
|
||||
}
|
||||
console.log(this.girdInfoList, this.$refs.tree.getCheckedNodes());
|
||||
// console.log(this.girdInfoList, this.$refs.tree.getCheckedNodes());
|
||||
this.girdInfoList = this.$refs.tree.getCheckedNodes().map((item) => {
|
||||
return { ...item, checkType: true };
|
||||
});
|
||||
@@ -544,14 +431,13 @@ export default {
|
||||
.post(`/app/appgirdinfo/listAll3`, null, null)
|
||||
.then((res) => {
|
||||
if (res.code == 0) {
|
||||
// res.data.forEach((item)=>{
|
||||
// const isChecked= this.girdInfoList.find((checkedId)=>{
|
||||
// return item.id===checkedId
|
||||
// })
|
||||
|
||||
// if(isChecked) item.checkType=true
|
||||
// })
|
||||
// console.log(res.data)
|
||||
res.data.forEach((item)=>{
|
||||
const isChecked = this.girdInfoList.find((checkedId)=>{
|
||||
return item.id === checkedId
|
||||
})
|
||||
if(isChecked) item.checkType = true
|
||||
})
|
||||
console.log(res.data)
|
||||
|
||||
this.treeObj.treeList = this.girdToTree(res.data);
|
||||
this.girdInfoList.map((e) => {
|
||||
@@ -560,7 +446,7 @@ export default {
|
||||
this.$nextTick(() => {
|
||||
this.currCheckedKeys = this.girdInfoList;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.tree?.setCheckedKeys(this.currCheckedKeys);
|
||||
this.$refs.tree?.getCheckedKeys(this.currCheckedKeys);
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -568,6 +454,13 @@ export default {
|
||||
},
|
||||
|
||||
onCheckChange(e) {
|
||||
// this.$nextTick(() => {
|
||||
// this.$refs.tree.getCheckedKeys().forEach(v => {
|
||||
// this.$refs.tree.setChecked(v, false)
|
||||
// })
|
||||
// this.$refs.tree.setChecked(e.id, true)
|
||||
// })
|
||||
// console.log(e);
|
||||
this.$refs.tree.setChecked(e.id, true);
|
||||
},
|
||||
},
|
||||
@@ -584,12 +477,6 @@ export default {
|
||||
label: "ruleName",
|
||||
};
|
||||
},
|
||||
// currCheckedKeys() {
|
||||
// if (this.girdInfoList) {
|
||||
// return this.girdInfoList
|
||||
// }
|
||||
// return []
|
||||
// },
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
@click="timeChange(index)">{{ item }}</span>
|
||||
</div>
|
||||
<el-cascader ref="cascader1" v-model="girdId" :options="girdOptions" placeholder="所属网格" size="small"
|
||||
:props="defaultProps" :show-all-levels="false" @change="gridChange"></el-cascader>
|
||||
:props="defaultProps" :show-all-levels="false" @change="gridChange" clearable></el-cascader>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card_list">
|
||||
@@ -97,7 +97,7 @@
|
||||
<ai-info-item label="积分变动">{{ details.integralCalcType==0? '-' : '+' }}{{ details.changeIntegral }}</ai-info-item>
|
||||
<ai-info-item label="积分余额" :value="details.nowIntegral"/>
|
||||
<ai-info-item label="凭证" isLine v-if="fileDownLoad.length">
|
||||
<ai-file-list :fileList="fileDownLoad" style="width: 200px;"></ai-file-list>
|
||||
<ai-file-list :fileList="fileDownLoad" style="width: 200px;" :fileOps="fileOps"></ai-file-list>
|
||||
</ai-info-item>
|
||||
</ai-wrapper>
|
||||
</template>
|
||||
@@ -141,7 +141,6 @@ export default {
|
||||
endTime: '',
|
||||
},
|
||||
page: {
|
||||
|
||||
size: 10,
|
||||
total: 0,
|
||||
},
|
||||
@@ -167,10 +166,11 @@ export default {
|
||||
fileDownLoad: [],
|
||||
userSortListX: [],
|
||||
userSortListY: [],
|
||||
girdSortListX: [
|
||||
|
||||
],
|
||||
girdSortListX: [],
|
||||
girdSortListY: [],
|
||||
fileOps: {
|
||||
name: ''
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -227,50 +227,12 @@ export default {
|
||||
this.userSortListX = res.data.userSortList.map(e=> e.userName).reverse()
|
||||
this.userSortListY = res.data.userSortList.map(e=> e.changeIntegral).reverse()
|
||||
this.girdSortListX = res.data.girdSortList.map(e=> e.girdName).reverse()
|
||||
// this.girdSortListX = ['好家伙规定非官方多喝点黑胡椒发布会','好好发挥或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或']
|
||||
this.girdSortListY = res.data.girdSortList.map(e=> e.changeIntegral).reverse()
|
||||
this.getColEcherts1(this.userSortListX,this.userSortListY)
|
||||
this.getColEcherts2(this.girdSortListX,this.girdSortListY)
|
||||
}
|
||||
})
|
||||
},
|
||||
// extension(chart){
|
||||
// //判断是否创建过div框,如果创建过就不再创建了
|
||||
// //该div用来盛放文本显示内容的,方便对其悬浮位置进行处理
|
||||
// var id = document.getElementById("extension");
|
||||
// if(!id) {
|
||||
// var div = "<div id = 'extension' sytle=\"display:block\"></div>";
|
||||
// document.documentElement.append(div);
|
||||
// }
|
||||
// chart.on('mouseover', function(params) {
|
||||
// //注意这里,我是以Y轴显示内容过长为例,如果是x轴的话,需要改为xAxis
|
||||
// if(params.componentType == "xAxis") {
|
||||
// //设置悬浮文本的位置以及样式
|
||||
// document.getElementById('extension').style.className = "chartCss"
|
||||
// // ({
|
||||
// // "position": "absolute",
|
||||
// // "color": "black",
|
||||
// // "background":"white",
|
||||
// // "font-family": "Arial",
|
||||
// // "font-size": "12px",
|
||||
// // "padding": "5px",
|
||||
// // "display": "inline"
|
||||
// // })
|
||||
// // .text(params.value);
|
||||
// document.documentElement.mousemove(function(event) {
|
||||
// var xx = event.pageX - 10;
|
||||
// var yy = event.pageY + 15;
|
||||
// document.getElementById('extension').css('top', yy).style('left', xx);
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// chart.on('mouseout', function(params) {
|
||||
// //注意这里,我是以Y轴显示内容过长为例,如果是x轴的话,需要改为xAxis
|
||||
// if(params.componentType == "yAxis") {
|
||||
// document.getElementById('extension').style('display', 'none');
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// 积分明细
|
||||
getTableData() {
|
||||
this.instance.post('/app/appintegraluser/girdIntegralDetail',null,{
|
||||
@@ -489,6 +451,8 @@ export default {
|
||||
this.details = res.data
|
||||
if(res.data.enclosure) {
|
||||
this.fileDownLoad = [{ url:res.data.enclosure }]
|
||||
let str = res.data.enclosure.split('/')
|
||||
this.fileOps.name = str?.[str.length - 1]
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -632,15 +596,15 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.chartCss {
|
||||
position: absolute;
|
||||
color: black;
|
||||
background:white;
|
||||
font-family: Aril;
|
||||
font-size: 12px;
|
||||
padding: 5px;
|
||||
display: inline;
|
||||
}
|
||||
// .chartCss {
|
||||
// position: absolute;
|
||||
// color: black;
|
||||
// background:white;
|
||||
// font-family: Aril;
|
||||
// font-size: 12px;
|
||||
// padding: 5px;
|
||||
// display: inline;
|
||||
// }
|
||||
|
||||
::v-deep .el-dialog__footer {
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user