|
|
@@ -0,0 +1,200 @@
|
|
|
+<!-- 表格对话框都放这里面 -->
|
|
|
+<template>
|
|
|
+ <el-dialog title="组件联动事件设置" :visible.sync="show" :close-on-click-modal="false" custom-class="nopadding">
|
|
|
+ <div class="el-dialog-div" align="left">
|
|
|
+ <el-form label-width="110px">
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName" type="card">
|
|
|
+ <el-tab-pane label="事件发起" name="send">
|
|
|
+ <el-form-item label="联动组件">
|
|
|
+ <el-checkbox-group v-model="linkComps" size="small">
|
|
|
+ <template v-for="item in comps">
|
|
|
+ <p :key="item.id"> <el-checkbox :label="item.id" border>{{ item.name }}</el-checkbox> </p>
|
|
|
+ </template>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <button type="button" class="btn btn-info btn-sm" @click="cleanPostEvent">清除事件发起</button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="事件接受" name="accept">
|
|
|
+ <el-form-item label="接收字段">
|
|
|
+ <el-select v-model="acceptCol" placeholder="请选择" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in cols"
|
|
|
+ :key="item.alias"
|
|
|
+ :label="item.dim_desc"
|
|
|
+ :value="item.alias"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <button type="button" @click="cleanAcceptEvent" class="btn btn-info btn-sm">清除事件接收</button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="save()">确 定</el-button>
|
|
|
+ <el-button @click="show = false">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {ajax, newGuid} from '@/common/biConfig'
|
|
|
+ import * as utils from './Utils'
|
|
|
+ import $ from 'jquery'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ show:false,
|
|
|
+ comp:null,
|
|
|
+ activeName:null,
|
|
|
+ linkComps:[],
|
|
|
+ comps:[],
|
|
|
+ acceptCol:null,
|
|
|
+ cols:[]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ pageInfo: {
|
|
|
+ type: Object,
|
|
|
+ required: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadCols(){
|
|
|
+ ajax({
|
|
|
+ type:"post",
|
|
|
+ url:"../bireport/queryDims.action",
|
|
|
+ data: {cubeId: this.comp.cubeId},
|
|
|
+ success:(resp)=>{
|
|
|
+ this.cols = resp.rows;
|
|
|
+ }
|
|
|
+ }, this);
|
|
|
+ },
|
|
|
+ openDailog(comp){
|
|
|
+ if(!(comp.dsetId || comp.cubeId)){
|
|
|
+ utils.msginfo("组件还未定义数据，不能定义事件。");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.comp = comp;
|
|
|
+ this.show = true;
|
|
|
+ this.activeName = "send";
|
|
|
+ let ccomps = [];
|
|
|
+ let comps = utils.findAllComps(this.pageInfo);
|
|
|
+ for(let i=0; comps && i<comps.length; i++){
|
|
|
+ var o = comps[i];
|
|
|
+ if(o.type == 'chart' || o.type == 'table'){
|
|
|
+ if(o.id != comp.id){ //不添加它自己
|
|
|
+ ccomps.push({id:o.id, name:o.name});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.comps = ccomps || [];
|
|
|
+ console.log(this.comps);
|
|
|
+ var clink;
|
|
|
+ var linkaccept;
|
|
|
+ if(comp.type == "chart" && comp.chartJson){
|
|
|
+ clink = comp.chartJson.link;
|
|
|
+ linkaccept = comp.chartJson.linkAccept;
|
|
|
+ }else{
|
|
|
+ clink = comp.link;
|
|
|
+ linkaccept = comp.linkAccept;
|
|
|
+ }
|
|
|
+ if(clink){
|
|
|
+ this.linkComps = clink.target.split(",");
|
|
|
+ }else{
|
|
|
+ this.linkComps = [];
|
|
|
+ }
|
|
|
+ if(linkaccept){
|
|
|
+ this.acceptCol = linkaccept.alias;
|
|
|
+ }else{
|
|
|
+ this.acceptCol = null;
|
|
|
+ }
|
|
|
+ this.loadCols();
|
|
|
+ },
|
|
|
+ save(){
|
|
|
+ this.show = false;
|
|
|
+ let comp = this.comp;
|
|
|
+ let ts = this;
|
|
|
+ if(this.activeName === 'send'){
|
|
|
+ var seles = this.linkComps;
|
|
|
+ if(seles && seles.length > 0){
|
|
|
+ var link = {};
|
|
|
+ if(comp.type == "chart"){
|
|
|
+ comp.chartJson.link = link;
|
|
|
+ }else{
|
|
|
+ comp.link = link;
|
|
|
+ }
|
|
|
+ var targets = "";
|
|
|
+ var types = "";
|
|
|
+ $(seles).each(function(a, b){
|
|
|
+ var id = b;
|
|
|
+ var linkComp = utils.findCompById(ts.pageInfo, id);
|
|
|
+ targets = targets + id + ",";
|
|
|
+ types = types + (linkComp.type=="table"?"cross":linkComp.type)+","
|
|
|
+ });
|
|
|
+ targets = targets.substring(0, targets.length - 1);
|
|
|
+ types = types.substring(0, types.length - 1);
|
|
|
+ link.target = targets;
|
|
|
+ link.type = types;
|
|
|
+ link.paramName = "p"+Math.floor(Math.random()*100);
|
|
|
+ }else{
|
|
|
+ if(comp.type == "chart"){
|
|
|
+ delete comp.chartJson.link;
|
|
|
+ }else{
|
|
|
+ delete comp.link;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else if(this.activeName === 'accept'){
|
|
|
+ var col = this.acceptCol;
|
|
|
+ var val = "";
|
|
|
+ if(col === null && val == ''){
|
|
|
+ if(comp.type ==='chart'){
|
|
|
+ delete comp.chartJson.linkAccept;
|
|
|
+ }else{
|
|
|
+ delete comp.linkAccept
|
|
|
+ }
|
|
|
+ this.$parent.setUpdate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var dim = null;
|
|
|
+ let cols = this.cols;
|
|
|
+ for(let c=0; cols && c<cols.length; c++){
|
|
|
+ if(cols[c].alias == col){
|
|
|
+ dim = cols[c];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var o = {col:dim.col_name, alias:dim.alias, type:dim.dim_type, dftval: val, valType: dim.valType, tname:dim.tname,dimTname:dim.dim_tname,calc:dim.calc};
|
|
|
+ if(comp.type == "chart"){
|
|
|
+ comp.chartJson.linkAccept = o;
|
|
|
+ }else{
|
|
|
+ comp.linkAccept = o;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$parent.setUpdate();
|
|
|
+ },
|
|
|
+ cleanPostEvent(){
|
|
|
+ this.linkComps = [];
|
|
|
+ },
|
|
|
+ cleanAcceptEvent(){
|
|
|
+ this.acceptCol = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+
|
|
|
+</style>
|
rsbi