saber/src/views/formula/edit.vue

<template>
  <basic-container>
  <div class="flex flex-d-c h-100p">
    <div class="box-dashed flex jc-sb">
      <div class="flex">
        <div class="retain-box">
          <el-checkbox v-model="isRetain"></el-checkbox>
          <span>保留</span>
          <el-input-number
            v-model="retainNum"
            :step="1"
            :min="0" :max="5"
            :disabled="!isRetain"
            size="small"
          ></el-input-number>
          <span class="retain">位</span>
        </div>
        <div class="retain-box">
          <el-button size="mini" style="margin:10px;margin-top:16px;" @click="deviationRange.show = !deviationRange.show">允许偏差值范围</el-button>
        </div>
        <div>
          <el-menu
            :default-active="activeIndex"
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
          >
            <el-submenu v-for="(value,key,index) in formulaList" :key="key" :index="key">
              <template slot="title">
                <span>{{key}}</span>
              </template>
              <el-menu-item v-for="(item2,index2) in value" :key="index2" :index="(index+1) +'-' + (index2+1)">{{item2.name}}</el-menu-item>
            </el-submenu>
          </el-menu>
        </div>
      </div>
      <div>
        <el-button size="small" @click="handwrit">手写模式</el-button>
      </div>
    </div>
    <div class="box-dashed">
      <div class="mg-b-20">函数公式..（节点公式）</div>
      <div class="edit-text">
        <span>
          <formula-item
            v-for="(item,index) in resultFormula" :key="index"
            :item="item" @click="obj => equationClick(obj,index,'resultFormula')"
          >
          </formula-item>
        </span>
        <span style="margin-left: 5px;margin-right: 5px;">=</span>
        <span   v-for="(item,index) in processFormula"     :key="index">
          <el-tooltip class="item" effect="light" placement="top-start" :disabled="item.type!=='Element'">
            <div slot="content">{{item.tableName }}</div>
            <formula-item
              :getname="getItemTableName(item)"
              :item="item" @click="obj => equationClick(obj,index,'processFormula')"
            >
            </formula-item>
          </el-tooltip>
        </span>
      </div>
      <div class="flex jc-sb">
        <div></div>
        <div><el-button type="info" size="small" @click="operationEdit">重置函数</el-button></div>
      </div>
    </div>
    <div v-show="operationVisible" class="operation-box flex1 flex flex-d-c ov-hidden">
      <div class="flex ">
        <div>选择参数设置</div>
        <div style="margin-left: 29%;font-weight: 700;">公式配置</div>
      </div>
      <div class="flex flex-d-c flex1 ov-hidden">
        <el-row :gutter="20" class="flex1 ov-hidden">
          <el-col :span="8" class="h-100p">
            <el-card shadow="never" v-loading="treeLoad" class="h-100p ov-auto">
              <el-scrollbar style="height: 100%">
              
                <el-tree
                  class="filter-tree"
                  :data="treeData"
                  :default-expanded-keys="defaultExpanded"
                  @node-click="getNodeDetail"
                  :props="defaultProps"
                  :expand-on-click-node="false"
                  highlight-current
                  node-key="id"
                  ref="tree"
                >
                </el-tree>
              </el-scrollbar>
            </el-card>
          </el-col>
          <el-col :span="16" class="h-100p flex flex-d-c ov-hidden">
            <div class="operation-box">
              <!-- 运算符选择区域 -->
                  <div class="flex jc-sb operation-symbol-box">
                    
                    <div class="icon-box ">
                        <span class="text-sm" >插入运算符:</span>
                    
                      <el-link type="primary" @click="addOperator('+')" icon="el-icon-circle-plus-outline"></el-link>
                      <el-link  type="primary" @click="addOperator('-')" icon="el-icon-remove-outline"></el-link>
                      <el-link type="primary" @click="addOperator('*')" icon="el-icon-circle-close"></el-link>
                      <el-link  type="primary" @click="addOperator('%')">÷</el-link>
                       <el-link type="primary" class="mg-r-10" @click="addBrackets('(',false)">(</el-link>
                      <el-link  type="primary" class="mg-r-10" @click="addBrackets(')',true)">)</el-link>
                        <el-link type="primary" @click="addText">固定值</el-link>
                    </div>
                    <div>
                      操作
                    <el-link  icon="el-icon-delete" type="danger" @click="removeSelect"></el-link>
                    </div>
                  </div>
      
               <div 
                  class="border-grey sele-ele-box1"  
               
                  tabindex="0"
                  @keydown.left="handleLeftArrow"
                  @keydown.right="handleRightArrow"
                  @keydown.delete="handleDelete"
                  @keydown.shift.189="addOperator('-')" 
                  @keydown.shift.191="addOperator('/')" 
                  @keydown.shift.57="addBrackets('(')"  
                  @keydown.shift.48="addBrackets(')')" 
                  @keydown.shift.187="addOperator('+')" 
                  @keydown.shift.56="addOperator('*')" 
                  @focus="containerFocused = true"
                  @blur="containerFocused = false"
                >
                  <draggable v-model="selectEleFormula">
                    <formula-item
                      v-for="(item,index) in selectEleFormula" 
                      :key="index"
                      :item="item" 
                      @click="obj => eleFormulaClick(obj,index)"  
                    >
                    </formula-item>
                  </draggable>
                </div>
            
                  <div class="flex mg-t-10" style="justify-content: space-between;width:100%;">
                    <el-select v-model="eleTableId" @change="getTableEle" placeholder="请选择元素表1" style="width:45%">
                      <el-option v-if="paramDataList.length" label="选择节点参数2" value="选择节点参数"></el-option>
                      <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="(item.pkeyId!==null&&item.pkeyId!==-1)?item.pkeyId:item.id"></el-option>
                    </el-select>

                     <div class="text-align-c">
                      <el-button size="small" @click="canceloperationVisible ">取消</el-button>
                      <el-button size="small" @click="operationHandle" type="primary">保存</el-button>
                    </div>
                  </div>
           
                <div class="mg-t-10 no-mb-col flex1" >
                  <el-scrollbar style="height: 450px">
        
                     <tableFormWrite :pkeyId="eleTableId" @element-selected="handleElementSelected" :initTableName="initTableName"></tableFormWrite>
                  </el-scrollbar>
                </div>
         
            </div>
          </el-col>
        </el-row>
       
      </div>
    </div>
    <div v-show="!operationVisible && !showFunDetail && !deviationRange.show">
      <div class="box-dashed">
        <div class="mg-b-20">函数公式运算执行溯源</div>
        <div>
          <el-select
            v-model="projectId"
            @change="projectChange"
            placeholder="请选择项目"
            style="width: 380px"
          >
            <el-option
              v-for="item in projectList"
              :key="item.id"
              :label="item.projectName"
              :value="item.id"
            ></el-option>
          </el-select>
          <el-select v-model="contractId" placeholder="请选择合同段">
            <el-option
              v-for="item in contractList"
              :key="item.id"
              :label="item.contractName"
              :value="item.id"
            ></el-option>
          </el-select>
          <el-button type="info">查询</el-button>
        </div>
      </div>
    </div>
    <div v-if="!operationVisible && showFunDetail" class="flex1">
      <el-tabs v-model="actiFunIndex" closable @tab-remove="removeFun" :before-leave="funLeave">
        <el-tab-pane v-for="(item,index) in equationSelectEle.children" :key="index" :label="item.name" :name="index.toString()">
          <template v-if="!componentMap[item.name]">
            <formula-template ref="dynamiccomponent" :formulainfo="item" :curele="equationSelectEle" @sele-ele-handle="showChooseEle">
            </formula-template>
          </template>
          <template v-else>
            <div class="flex" >
              <div class=" flex-d-c"  style="width:40%">
                <component ref="dynamiccomponent" 
                v-bind:is="componentMap[item.name]" 
                :formulainfo="item" 
                :curele="equationSelectEle" 
                :formulamap="formulaMap"
                :map="formulaDetailMap"
                 @uncheck="unCheckEleComp" 
                 class="flex1" 
                 :moreConditions="moreConditions" 
                :isMore="isMore"
                :isGetData="isGetData"
                :dataListGet="dataListGet"
                :isDataChange="isDataChange"
                :dataForm="dataForm"
                :remark="remark"
                >
              </component>
                <div class="flex1" v-show="item.showSelectEle" style="margin-top:10px;margin-bottom:30px">
                  <el-scrollbar style="height: 400px">
                    <el-tree
                   
                      class="filter-tree"
                      :data="treeData"
                      :default-expanded-keys="defaultExpanded"
                      @node-click="getNodeDetailComp"
                      :props="defaultProps"
                      :expand-on-click-node="false"
                      highlight-current
                      node-key="id"
                      ref="tree"
                    >
                    </el-tree>
                  </el-scrollbar>
                </div>
              </div>
                <div v-show="item.showSelectEle"  style="width:60%">
                  <div  class="flex" style="justify-content: space-between;width:100%">
                        <el-select v-model="eleTableIdComp" @change="getTableEleComp" placeholder="请选择元素表" style="width:45%">
                        <el-option v-if="paramDataList.length" label="选择节点参数" value="选择节点参数"></el-option>
                        <!-- <el-option  v-for="item in eleTableListComp" :key="item.id" :label="item.tableName" :value="(item.pkeyId!==null&&item.pkeyId!==-1)"></el-option> -->
                                                 <el-option  v-for="item in eleTableListComp" :key="item.id" :label="item.tableName" :value="item.pkeyId"></el-option>
                      </el-select>
                      <!-- 搜索元素下拉框 -->
                      <el-select v-model="input3" filterable placeholder="搜索元素字段"  @change="getInput1" style="width:45%">
                      <el-option
                        v-for="item in eleListComp1"
                        :key="item.id"
                        :label="item.eName"
                        :value="item.eName">
                      </el-option>
                      </el-select>
                  </div>
                  
                  <div class="mg-t-10 mg-b-10 no-mb-col" style="width:100%">
                    <el-scrollbar style="height:520px;">
                      <el-row>
                        <el-col :span="6" v-for="item in eleListComp" :key="item.id">
                          <div class="ele-box">
                            <span v-if="item.k">{{item.name}}</span>
                            <span v-else>{{item.eName}}</span>
                            <el-checkbox v-model="item.checked" @change="value => setComponentEle(value,item,index)"></el-checkbox>
                          </div>
                        </el-col>
                      </el-row>
                    </el-scrollbar>
                  </div>
                </div>
            </div>
          </template>
        </el-tab-pane>
      </el-tabs>
    </div>

    <!-- 允许偏差值范围 -->
    <div v-if="!operationVisible && !showFunDetail && deviationRange.show" class="flex1">
      <div class="flex">
        <div class=" flex-d-c"  style="width:40%">
          <deviation-range ref="deviationrange" :formulainfo="deviationRange" :formulamap="formulaMap" @uncheck="unCheckEleComp" class="flex1"></deviation-range>
          <div class="flex1" v-show="deviationRange.showSelectEle" style="margin-top:10px;margin-bottom:30px">
            <el-scrollbar style="height: 400px">
              <el-tree
                class="filter-tree"
                :data="treeData"
                :default-expanded-keys="defaultExpanded"
                @node-click="getNodeDetailComp"
                :props="defaultProps"
                :expand-on-click-node="false"
                highlight-current
                node-key="id"
                ref="tree"
              >
              </el-tree>
            </el-scrollbar>
          </div>
        </div>
        <div v-show="deviationRange.showSelectEle"  style="width:60%">
           <div  class="flex" style="justify-content: space-between;width:100%">
                <el-select v-model="eleTableIdComp" @change="getTableEleComp" placeholder="请选择元素表" style="width:45%">
                <el-option v-if="paramDataList.length" label="选择节点参数" value="选择节点参数"></el-option>
                <el-option  v-for="item in eleTableListComp" :key="item.id" :label="item.tableName" :value="(item.pkeyId!==null&&item.pkeyId!==-1)"></el-option>
              </el-select>
           <!-- 搜索元素下拉框 -->
              <el-select v-model="input3" filterable clearable placeholder="搜索元素字段"  @change="getInput1" style="width:45%">
                  <el-option
                    v-for="item in eleListComp1"
                    :key="item.id"
                    :label="item.eName"
                    :value="item.eName">
                  </el-option>
              </el-select>
           </div>
       
          <div class="mg-t-10 mg-b-10 no-mb-col" style="width:100%">
            <el-scrollbar style="height:520px;">
              <el-row>
                <el-col :span="6" v-for="item in eleListComp" :key="item.id">
                  <div class="ele-box">
                    <span v-if="item.k">{{item.name}}</span>
                    <span v-else>{{item.eName}}</span>
                    <el-checkbox v-model="item.checked" @change="value => setDeviationRangeEle(value,item)"></el-checkbox>
                  </div>
                </el-col>
              </el-row>
            </el-scrollbar>
          </div>
        </div>
      </div>
    </div>

    <div class="text-align-c" v-show="!operationVisible">
      <el-button type="warning" @click="$emit('hideDialog')">取消</el-button>
      <el-button type="primary" @click="saveFormula">保存</el-button>
    </div>
  </div>

    <el-dialog title="输入值" :visible.sync="inputVisible" width="300px" append-to-body :close-on-click-modal="false">
      <el-input v-model="inputText" placeholder="请输入内容"></el-input>
      <div class="text-align-c mg-t-10">
        <el-button size="small" @click="addTextHandle" type="primary">保存</el-button>
        <el-button size="small" @click="inputVisible = false">取消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="选择元素" :visible.sync="chooseEleVisible" width="70%" append-to-body :close-on-click-modal="false">
      <div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-card shadow="never">
              <el-scrollbar style="height: 460px">
                <el-tree
                  class="filter-tree"
                  :data="treeData"
                  :default-expanded-keys="defaultExpanded"
                  @node-click="getNodeDetail"
                  :props="defaultProps"
                  :expand-on-click-node="false"
                  highlight-current
                  node-key="id"
                  ref="tree"
                >
                </el-tree>
              </el-scrollbar>
            </el-card>
          </el-col>
          <el-col :span="16">
             <div  class="flex" style="justify-content: space-between;width:100%">
               <el-select v-model="eleTableId" @change="getTableEle" placeholder="请选择元素表">
                <el-option v-if="paramDataList.length" label="选择节点参数3" value="选择节点参数"></el-option>
                <!-- <template v-if="pid">
                    <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="(item.pkeyId!==null&&item.pkeyId!==-1)"></el-option>
                </template> -->
                <template>
                    <!-- <el-option  v-for="item in eleTableList" :key="item.pkeyId" :label="item.tableName" :value="item.pkeyId"></el-option> -->
                         <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="(item.pkeyId!==null&&item.pkeyId!==-1)?item.pkeyId:item.id"></el-option>
                </template>
              
              </el-select>
              <!-- 搜索元素下拉框 -->
                <el-select v-model="input3" filterable clearable placeholder="搜索元素字段"  @change="getInput" style="width:45%">
                <el-option
                  v-for="item in eleList1"
                  :key="item.id"
                  :label="item.eName"
                  :value="item.eName">
                </el-option>
                </el-select>
             </div>
            

            <div class="mg-t-10 mg-b-10 no-mb-col">
              <el-scrollbar style="height: 460px">
                <el-row v-loading="eleListable"  v-if="eleList.length>0">
                  <el-col :span="6" v-for="item in eleList" :key="item.id">
                    <div class="ele-box">
                      <span v-if="item.k">{{item.name}}</span>
                      <span v-else>{{item.eName}}</span>
                      <el-checkbox v-model="item.checked" @change="value => eleCheckHandle(value,item)"></el-checkbox>
                    </div>
                  </el-col>
                </el-row>
                 <el-row v-else style="text-align: center;line-height: 328px;border:1px solid #bbb">暂无数据</el-row>
              </el-scrollbar>
            </div>
          </el-col>
        </el-row>
        <div class="text-align-c">
          <el-button size="small" @click="chooseEleHandle" type="primary">保存</el-button>
          <el-button size="small" @click="chooseEleVisible = false">取消</el-button>
        </div>
      </div>
    </el-dialog>

    <el-dialog title="手写模式" :visible.sync="handwritVisible" width="900px" append-to-body :close-on-click-modal="false">
      <div class="font-c-warning">tips:手写模式不保证能转换成配置模式！！即使能转换也不保证正确！！！</div>
      <div class="mg-b-20 font-c-warning">无法在手写模式手写加入新的元素！新的节点参数！</div>
      <editor v-model="handwritText" @init="editorInit" lang="javascript" theme="github" width="100%" height="200"></editor>
      <!-- <el-input
        type="textarea"
        :autosize="{ minRows: 5,}"
        placeholder="请输入内容"
        v-model="handwritText">
      </el-input> -->
      <span slot="footer" class="dialog-footer">
        <el-button @click="handwritVisible = false">取 消</el-button>
        <el-button type="primary" @click="handwritTransform">转 换</el-button>
      </span>
    </el-dialog>

  </basic-container>
</template>

<script>
import { getLazytree,selectFormElements,getAlltree,getNodeTabAndParam} from "@/api/manager/wbstree";
import { getProjectList,findProjectTree } from "@/api/manager/projectinfo";
import { findContractByProjectId } from "@/api/manager/contractinfo";
import { getDetail as getEleDeatil } from "@/api/manager/wbsformelement";
import { getTypeMap,saveFormula,formulaDetail,updateFormula } from "@/api/formula/formula";
import { getNodeTabAndParam as wbsPrivateGetNodeTabAndParam } from "@/api/manager/wbsprivate";
import {mapGetters} from "vuex";

import formulaItem from "./component/formulaItem"
import formulaTemplate from "./component/formulaTemplate"

import dateDeviation from "./component/funComponent/dateDeviation"
import dateFormat from "./component/funComponent/dateFormat"
import datasRepeat from "./component/funComponent/datasRepeat"
import datasReme from "./component/funComponent/datasReme"
import datasGetlist from "./component/funComponent/datasGetlist"
import datasJoin from "./component/funComponent/datasJoin"
import ifelse from "./component/funComponent/ifelse"

import deviationRange from "./component/deviationRange/deviationRange"
import {rangeToString} from "./component/deviationRange/rangeToString"

import {formulaArrayToString} from "./formulaArrayToString"
import {formulaStringToArray} from "./formulaStringToArray"

import draggable from 'vuedraggable'
import {formatArrayMore,restoreArrayMore,generateResult} from './component/funComponent/multiIfElseTools'
import dataChange from "./component/funComponent/dataChange"
import tableFormWrite from "./component/table-form-write.vue";

export default {
  components: {
    draggable,

    formulaItem,
    formulaTemplate,

    editor: require('vue2-ace-editor'),

    dateDeviation,
    dateFormat,
    datasRepeat,
    datasReme,
    datasGetlist,
    datasJoin,
    ifelse,
 
    deviationRange,
    dataChange,
    tableFormWrite
  },
  props: {
    wbsid:{
      type:String,
      default:''
    },
    eleid:{
      type:String,
      default:''
    },
    globaltype:{
      type:Number,
      default:10
    },
    nodeid:{
      type:String,
      default:''
    },
    pid:{
      type:String,
      default:''
    },
    fromcurNode:{
      type:Object,
      default:() => ({})
    },
    iswbstype:{//是否是公共wbs
      type:String,
      default:''
    }
  },
    mounted() {
    // 初始时让容器获得焦点
    this.$nextTick(() => {
      this.$el.querySelector('.sele-ele-box1').focus();
    });
  },
  data() {
    return {
      // wbsid: "", //从哪个wbs树过来的
      // eleid: "", //元素id
      // nodeid:'',//所在树节点id
      // pid:'',//项目id 私有树才有
      formulaid:'',

      treeData:[],//树节点
      treeLoad:false,
      defaultExpanded:[],//默认展开节点

      isRetain: false, //是否保留小数
      retainNum: 2, //保留几位小数
      formulaList:{},
      formulaMap:{},
      activeIndex: "1-1", //当前选择的公式
      itemList:[],
      projectList: [], //项目备选列表
      projectId: "", //溯源的项目ID
      curProjiect: {}, //当前项目对象
      contractList: [], //合同段备选列表
      contractId: "", //合同段id

      operationVisible: false, //基础运算弹窗
      defaultProps: {
        children: "children",
        label: "title",
        isLeaf: function (data) {
          return !data.hasChildren || (data.isExistForm==1);
        },
      },
      eleTableId:'',//选中的元素表id
      eleTableList:[],
      eleList:[],
      eleChecks:[],//勾选的元素列表
      selectEleFormula:[],
      curSeleEleIndex:-1,//公式文字里面选中的元素索引
      inputVisible:false,//输入弹窗
      inputText:"",//输入值
      deleEleIndex:-1,//删除元素的位置，如果下次添加元素，先加到这个位置

      resultFormula:[],//=等号左边的数组
      processFormula:[],//=等号右边的数组
      rightDict:[],//等号右边元素的字典
      processType:'',//选中的元素在等号哪边
      processSelectIndex:0,//选中的索引
      actiFunIndex:0,//元素下挂载的计算式的索引
      chooseEleVisible:false,//选择元素弹窗
      argumenObj:{},
      checkGsId:'',//选中的元素表id

      symbolReg:/(\+|-|\*|\/)（.+）/,
      operatorReg : /^\+|-|\*|%/,//加减乘除
      startFCRegExp : /^FC\.([a-zA-Z0-9]+)\(/,// 匹配开始的FC.xxx(

      componentMap:{
        '日期偏移':'date-deviation',
        '日期格式化':'date-format',
        // '去重':'datas-repeat',
        // '去空':'datas-reme',
        '下标取数':'datas-getlist',
        // '数组转字符串':"datas-join",
        '判断':'ifelse',
        '数据自变':'data-change'
      
      },

      eleListComp:[],//方法下面元素列表
      eleTableListComp:[],//方法下面元素表列表
      eleTableIdComp:'',//方法下面元素表id

      handwritVisible:false,//手写弹框
      handwritText:'',//文本
      handwritEleMap:'',//元素map

      paramDataList:[],//节点参数数组

      deviationRange:{
        show:false,//显示
        showSelectEle:false,//显示选择元素
        datas:{
          symbol:'【min,max】',
          model:'1',
          arguments1:'',
          arguments2:'',
        },
      },//允许偏差值范围

      version:1,//版本号，以后可能会有不兼容旧公式的改动，留作以后可能用来判断
      input3:'',//搜索元素字段
      eleListable:false,
      isMore:false,//是否是多条件判断
      moreConditions:[],//多条件判断数组
      formulaDetailMap:{},//公式详情map
      dataListGet:'',
      isGetData:false,//是否获取数据
      isDataChange:false,//是否数据自变
      dataForm:'',
      remark:'',//备注
      initTableName:'',//初始表名
      containerFocused:false,//公式编辑区域是否聚焦

    };
  },
  computed: {
    ...mapGetters(["userInfo"]),

    // selectEleFormulaText:function(){
    //   let text = '';
    //   this.selectEleFormula.forEach((Element)=>{
    //     text+=Element.name;
    //   })
    //   return text
    // }

    //等式中选中的元素
    equationSelectEle:function(){
      if(this.processType){
        return this[this.processType][this.processSelectIndex];
      }else{
        return null;
      }
    },

    //是否显示元素下挂载的计算式信息
    showFunDetail:function(){
      if(this.equationSelectEle && this.equationSelectEle.children && this.equationSelectEle.children.length>0){
        return true;
      }else{
        return false;
      }
    }
  },
  watch: {
  selectEleFormula: {
    handler() {
      this.checkDefaultSelection();
        this.$nextTick(() => {
          this.$el.querySelector('.sele-ele-box1').focus();
        });
    },
    deep: true
  }
},
  created() {
    // this.wbsid = this.$route.query.wbsid;
    // this.eleid = this.$route.query.eleid;
    // this.nodeid = this.$route.query.nodeid;
    this.pid = this.$route.query.pid;//项目id 私有树才有
    this.init();
  },
  methods: {
    async init() {
      this.getEleDeatil();
      this.getProjectList();
      this.geTreeData();
      await this.getTypeMap();
      this.formulaStringToArray();
    },

    geTreeData(){
      this.treeLoad = true;
      if(this.pid){
        findProjectTree(this.pid, this.wbsid).then((res) => {
          this.treeLoad = false;
          this.treeData = res.data.data;
          this.defaultExpanded = [this.nodeid];
          
          this.$nextTick(()=>{
            let isArray = Array.isArray(this.$refs.tree)
            if (isArray) {
              // 根据 id 获取节点信息
              this.$refs.tree[0].setCurrentKey(this.nodeid);
            } else {
                this.$refs.tree.setCurrentKey(this.nodeid);
            }
              this.getNodeDetail(this.fromcurNode)
              this. getNodeDetailComp(this.fromcurNode)
          })
          
        })
      }else{
        getAlltree(this.userInfo.tenant_id, 1, this.wbsid).then((res) => {
          this.treeLoad = false;
          this.treeData = res.data.data;
          this.defaultExpanded = [this.nodeid];
           console.log(this.$refs.tree,'tree');
          this.$nextTick(()=>{
            let isArray = Array.isArray(this.$refs.tree)
            if (isArray) {
              // 根据 id 获取节点信息
              this.$refs.tree[0].setCurrentKey(this.nodeid);
            } else {
                this.$refs.tree.setCurrentKey(this.nodeid);
            }
             this.getNodeDetail(this.fromcurNode)
              this. getNodeDetailComp(this.fromcurNode)
          })
          
        })
      }
    },

    //懒加载树
    loadNode(node, resolve) {
      let pid = 0;
      if (node.level != 0) {
        pid = node.data.id;
      }
      getLazytree(this.wbsid, pid, this.userInfo.tenant_id).then((res) => {
        let arr = [];
        if (Array.isArray(res.data.data)) {
          arr = res.data.data;
        }
        return resolve(arr);
      });
    },

    //获取项目列表
    getProjectList() {
      getProjectList(1, 999).then((res) => {
        this.projectList = res.data.data.records;
      });
    },

    //选择公式处理
    handleSelect(index,indexPath) {
      //console.log(index,'index')
      //console.log(indexPath,'indexPath')
      if(this.operationVisible){
        this.openerationSelect(index,indexPath)
      }else{
        this.equationSelect(index,indexPath)
      }
    },

    //在选择元素模式下点选计算式
    openerationSelect(index,indexPath){
      if(indexPath[0]!='基础运算'){
        this.$message({
          type: "warning",
          message: "当前只能使用基础运算"
        });
        return;
      }
      let formulaindex = Number(indexPath[1].split('-')[1])-1;
      this.eleAddFormulaHandle(this.formulaList[indexPath[0]][formulaindex]);
    },

    //溯源项目id切换
    projectChange(id) {
      for (let i = 0; i < this.projectList.length; i++) {
        if (id == this.projectList[i].id) {
          this.curProjiect = this.projectList[i];
          //根据项目id获取合同段列表
          findContractByProjectId(this.curProjiect.id).then((res) => {
            this.contractList = res.data.data;
            this.contractId = "";
          });
          return;
        }
      }
    },

    operationEdit(){
      this.selectEleFormula= JSON.parse(JSON.stringify(this.processFormula));
      this.operationVisible = true;
       this.checkDefaultSelection();
        // 确保容器获得焦点
        this.$nextTick(() => {
          this.$el.querySelector('.sele-ele-box1').focus();
        });
    },

    eleAddFormula(){
      for (let i = 0; i < this.eleList.length; i++) {
        if (this.eleList[i].checked) {
          this.eleAddFormulaHandle(this.eleList[i]);
          break;
        }
      }
    },

    // eleChang(value,item){
    //   //console.log(value)
    //   //console.log(item)
    //   if(value){
    //     //简单语法判断
    //     if(this.selectEleFormula.length != 0 && this.deleEleIndex < 0){
    //       let lastEle = this.selectEleFormula[this.selectEleFormula.length-1];
    //       if(lastEle.type == 'Element'){
    //         this.$message({
    //           type: "warning",
    //           message: "元素无法连续出现在元素后面"
    //         });
    //         item.checked = false;
    //         return;
    //       }
    //       if(lastEle.type == 'Text'){
    //         this.$message({
    //           type: "warning",
    //           message: "元素无法连续出现在输入值后面"
    //         });
    //         item.checked = false;
    //         return;
    //       }
    //       if(lastEle.type == 'Brackets' && lastEle.name == ')'){
    //         this.$message({
    //           type: "warning",
    //           message: "元素无法连续出现在右括号后面"
    //         });
    //         item.checked = false;
    //         return;
    //       }
    //     }

    //     this.eleAddFormulaHandle(item);
    //   }else{
    //     let index = -1;
    //     for (let i = 0; i < this.selectEleFormula.length; i++) {
    //       if(this.selectEleFormula[i].id == item.id){
    //         index = i;
    //         break;
    //       }
    //     }
    //     if(index>-1){
    //       this.selectEleFormula.splice(index,1);
    //     }
    //   }
    // },
    eleChang(value,item){
      if(value){
        //简单语法判断
        if(this.itemList.length != 0 && this.deleEleIndex < 0){
                let lastEle = this.itemList[this.itemList.length-1];
                if(lastEle.type == 'Text'){
                  this.$message({
                    type: "warning",
                    message: "元素无法连续出现在输入值后面"
                  });
              item.checked = false;
              return;
             }
            if(lastEle.type == 'Brackets' && lastEle.name == ')'){
              this.$message({
                type: "warning",
                message: "元素无法连续出现在右括号后面"
              });
              item.checked = false;
              return;
            }
        }
        let lastEle = this.selectEleFormula[this.selectEleFormula.length-1];
        if(this.selectEleFormula.length == 0 || lastEle.type == 'Operator' || lastEle.type == 'Brackets' || lastEle.name == '('){ /* 存在运算符 */
          this.eleAddFormulaHandle(item);
        } else {
          this.itemList.push(item);
        }

      }else{
           let index = -1;
            for (let i = 0; i < this.itemList.length; i++) {
            if(this.itemList[i].id == item.id){
              index = i;
              break;
            }
          }
          if(index>-1){
            this.itemList.splice(index,1);
          }
      }
    },
    //快捷添加运算符号
    // addOperator(operator){
    //   this.eleAddFormulaHandle(this.formulaMap[operator]);
    // },
   randomaddOperator(ele){
      //type 是true 表示在元素右边插入
      let item={
        type:'Operator',
        name:this.symbolReg.exec(ele.name)[1],
        selected:false,
        template:ele.template
      }
      let index = Number(this.curSeleEleIndex);
      let currentName = this.selectEleFormula[index]
      if (currentName.type === 'Operator') { /* 选择的符号的时候，直接替换 */

        this.selectEleFormula.splice(index,1, item)
      }
      else { /* 选择元素的时候，如果下一个是符号则替换，如果下一个是元素则添加 */

        let size = index + 1;
        let lastName = this.selectEleFormula[size]

        if (lastName.type === 'Operator') { /* 是符号，替换 */

          this.selectEleFormula.splice(size,1, item)
        }
        else { /* 是元素，添加 */

          this.selectEleFormula.splice(size,0, item)
        }

      }

    },
  addOperator(operator) {
  // 保存添加前的长度用于计算新索引
  const initialLength = this.selectEleFormula.length;
  
  if (this.itemList.length > 0) {
    this.itemList.forEach(e => {
      let lastEle = this.selectEleFormula[this.selectEleFormula.length - 1];
      if (this.selectEleFormula.length != 0 && 
          lastEle.type != 'Operator' && 
          lastEle.type != 'Brackets' && 
          lastEle.name != '(') {
        // 添加运算符并记录位置
        this.eleAddFormulaHandle(this.formulaMap[operator]);
      }
      this.eleAddFormulaHandle(e);
    })
  } else {
    if (this.curSeleEleIndex === -1 || this.curSeleEleIndex === this.selectEleFormula.length - 1) {
      // 直接添加符号
      this.eleAddFormulaHandle(this.formulaMap[operator]);
    } else {
      // 在指定位置添加符号
      this.randomaddOperator(this.formulaMap[operator])
    }
  }
  
  this.itemList = [];
  
  // 计算新添加运算符的索引并选中它
  this.$nextTick(() => {
    // 计算新添加元素的索引
    const newIndex = this.selectEleFormula.length > initialLength 
      ? this.selectEleFormula.length - 1 
      : this.curSeleEleIndex + 1; // 处理替换情况
    
    // 取消所有选中状态
    this.selectEleFormula.forEach(item => {
      item.selected = false;
    });
    
    // 选中新添加的运算符
    if (this.selectEleFormula[newIndex]) {
      this.selectEleFormula[newIndex].selected = true;
      this.curSeleEleIndex = newIndex;
    }
    
    // 确保容器保持焦点
    this.$el.querySelector('.sele-ele-box1').focus();
  });
},

    canceloperationVisible(){
      this.operationVisible=false;
      this.allTreeShow=false;
      this.filterText=''
      this.treeId=''
      this.itemList=[];
      this.eleList.forEach((ele)=>{
          this.$set(ele,'checked',false);
          //ele.checked = false;
      })
      console.log('取消');
    },
    //把元素加到公式里
    eleAddFormulaHandle(ele){
      if(ele.tableElementKey){
        console.log(ele,'ele');
        //元素
        if(this.deleEleIndex > -1 && this.selectEleFormula.length-1 >= this.deleEleIndex){
          //删除元素的位置，如果下次添加元素，先加到这个位置
          this.selectEleFormula.splice(this.deleEleIndex,0,{
            type:'Element',
            name:ele.eName,
            id:ele.id,
            selected:false,
            tableElementKey:ele.tableElementKey,
            children:[],
          })
          this.deleEleIndex = -1;
        }else{
          this.selectEleFormula.push({
            type:'Element',
            name:ele.eName,
            id:ele.id,
            selected:false,
            tableElementKey:ele.tableElementKey,
            children:[],
          })
          this.deleEleIndex = -1;
        }

      }else if(ele.template && ele.example){

        //简单语法判断
        if(this.selectEleFormula.length == 0){
          this.$message({
            type: "warning",
            message: "公式开头不能是运算符号"
          });
          return;
        }else{
          let lastEle = this.selectEleFormula[this.selectEleFormula.length-1];
          if(lastEle.type == 'Operator'){
            this.$message({
              type: "warning",
              message: "运算符号无法连续出现在运算符号后面"
            });
            return;
          }
          if(lastEle.type == 'Brackets' && lastEle.name == '('){
            this.$message({
              type: "warning",
              message: "运算符号无法连续出现在左括号后面"
            });
            return;
          }
        }

        //运算符号
        this.selectEleFormula.push({
          type:'Operator',
          name:this.symbolReg.exec(ele.name)[1],
          selected:false,
          template:ele.template
        })
      }else if(ele.type == 'Brackets'){
        //括号
        this.selectEleFormula.splice(ele.selectIndex,0,{
          type:'Brackets',
          name:ele.name,
          selected:false,
        })
      }else if(ele.type == 'Text'){
        //输入值
        this.selectEleFormula.push({
          type:'Text',
          name:ele.name,
          selected:false,
        })
      }else if(ele.k){
        //节点参数
        this.selectEleFormula.push({
          type:'ParamData',
          name:ele.name,
          selected:false,
          id:ele.id,
          v:ele.v,
          k:ele.k,
          children:[],
        })
      }
    },

    //添加括号
    addBrackets(text,type){
      //type 是true 表示在元素右边插入
      if(this.curSeleEleIndex == Number(this.curSeleEleIndex)){
        this.eleAddFormulaHandle({
          type:'Brackets',
          name:text,
          selectIndex:type?Number(this.curSeleEleIndex)+1:this.curSeleEleIndex
        })
        //如果在左边插入index要增1
        if(!type){
          this.curSeleEleIndex = Number(this.curSeleEleIndex)+1;
        }
      }
    },


    addText(){
      this.inputVisible = true;
    },
    //添加输入值
    addTextHandle(){
      //简单语法判断
      if(this.selectEleFormula.length != 0){
        let lastEle = this.selectEleFormula[this.selectEleFormula.length-1];
        if(lastEle.type == 'Element'){
          this.$message({
            type: "warning",
            message: "输入值无法连续出现在元素后面"
          });
          return;
        }
        if(lastEle.type == 'Text'){
          this.$message({
            type: "warning",
            message: "输入值无法连续出现在输入值后面"
          });
          return;
        }
        if(lastEle.type == 'Brackets' && lastEle.name == ')'){
          this.$message({
            type: "warning",
            message: "输入值无法连续出现在右括号后面"
          });
          return;
        }
      }

      this.eleAddFormulaHandle({
        type:'Text',
        name:this.inputText
      })
      this.inputVisible = false;
    },

    //勾选元素
    // eleCheckHandle(checked,item){
    //   if(checked){
    //     this.eleList.forEach((ele)=>{
    //       this.$set(ele,'checked',false);
    //       //ele.checked = false;
    //     })
    //     item.checked = true;
    //   }
    // },
    //勾选元素多选
    eleCheckHandle(checked,item){
      if(checked){
        this.eleChecks.push(item);
      }else{
        for (let i = 0; i < this.eleChecks.length; i++) {
          if(this.eleChecks[i].id == item.id){
            this.eleChecks.splice(i,1);
            break;
          }
        }
      }
    },

    //点选公式中的元素
    // eleFormulaClick({selected,item},index){
    //   if(selected){
    //     this.selectEleFormula.forEach((ele)=>{
    //       ele.selected = false;
    //     })
    //     item.selected = true;
    //     this.curSeleEleIndex = index;
    //   }else{
    //     this.curSeleEleIndex = -1;
    //   }
    // },  
    // 检查是否有选中的元素，如果没有则选中最后一个
    checkDefaultSelection() {
      const hasSelected = this.selectEleFormula.some(item => item.selected);
      if (!hasSelected && this.selectEleFormula.length > 0) {
        // 取消所有选中
        this.selectEleFormula.forEach(item => {
          item.selected = false;
        });
        
        // 选中最后一个元素
        const lastIndex = this.selectEleFormula.length - 1;
        this.selectEleFormula[lastIndex].selected = true;
        this.curSeleEleIndex = lastIndex;
      }
    },
    // 点击元素时的处理
    eleFormulaClick(obj, index) {
      // 先取消所有选中状态
      this.selectEleFormula.forEach(item => {
        item.selected = false;
      });
      
      // 设置当前选中项
      obj.item.selected = obj.selected;
      this.curSeleEleIndex = index;
      
      // 确保容器获得焦点以接收键盘事件
      this.$nextTick(() => {
        this.$el.querySelector('.sele-ele-box1').focus();
      });
    },
    
    // 左箭头导航
    handleLeftArrow(e) {
      e.preventDefault(); // 阻止默认行为
      if (this.curSeleEleIndex > 0) {
        // 取消当前选中项
        if (this.selectEleFormula[this.curSeleEleIndex]) {
          this.selectEleFormula[this.curSeleEleIndex].selected = false;
        }
        
        // 选中左侧项
        this.curSeleEleIndex--;
        this.selectEleFormula[this.curSeleEleIndex].selected = true;
      }
    },
    
    // 右箭头导航
    handleRightArrow(e) {
      e.preventDefault(); // 阻止默认行为
      if (this.curSeleEleIndex < this.selectEleFormula.length - 1) {
        // 取消当前选中项
        if (this.selectEleFormula[this.curSeleEleIndex]) {
          this.selectEleFormula[this.curSeleEleIndex].selected = false;
        }
        
        // 选中右侧项
        this.curSeleEleIndex++;
        this.selectEleFormula[this.curSeleEleIndex].selected = true;
      }
    },
    
    // 处理删除操作
handleDelete(e) {
  e.preventDefault();
  
  // 增加更严格的索引检查
  if (
    this.curSeleEleIndex === null || 
    this.curSeleEleIndex === undefined ||
    this.curSeleEleIndex < 0 || 
    this.curSeleEleIndex >= this.selectEleFormula.length
  ) {
    
    return;
  }
  
  // 保存当前要删除的元素索引（避免后续操作影响）
  const indexToDelete = this.curSeleEleIndex;
  const itemToDelete = this.selectEleFormula[indexToDelete];
  
 
  
  // 处理元素取消勾选
  if (itemToDelete && itemToDelete.type === 'Element') {
    this.deleEleIndex = indexToDelete;
    this.unCheckEleFormulac(itemToDelete.id);
  }
  
  // 执行删除（只删除指定索引的1个元素）
  const deletedItems = this.selectEleFormula.splice(indexToDelete, 1);
  
  
  // 正确更新当前选中索引
  if (this.selectEleFormula.length > 0) {
    // 如果删除的是最后一个元素，选中前一个
    this.curSeleEleIndex = Math.min(
      indexToDelete, 
      this.selectEleFormula.length - 1
    );
    // 确保选中状态正确
    this.selectEleFormula.forEach((item, idx) => {
      item.selected = idx === this.curSeleEleIndex;
    });
  } else {
    this.curSeleEleIndex = -1;
  }
},
    //取消勾选
    unCheckEleFormulac(eleId){
      for (let i = 0; i < this.eleList.length; i++) {
        if(this.eleList[i].id == eleId){
          this.eleList[i].checked = false;
        }
      }
    },

    //删除点选公式中的元素
    removeSelect(){
      if(this.curSeleEleIndex > -1 && this.curSeleEleIndex <= this.selectEleFormula.length-1){
        if(this.selectEleFormula[this.curSeleEleIndex].type == 'Element'){
          //删除元素的位置，如果下次添加元素，先加到这个位置
          this.deleEleIndex = this.curSeleEleIndex;
          this.unCheckEleFormulac(this.selectEleFormula[this.curSeleEleIndex].id)
        }
        this.selectEleFormula.splice(this.curSeleEleIndex,1);
        //this.curSeleEleIndex = -1;
      }
    },

    //赋值给等号右边的数组
    operationHandle(){
      //检测左右括号数量是否相等
      let lBracketNum = 0;
      let rBracketNum = 0;
      this.selectEleFormula.forEach((ele)=>{
        if(ele.type == 'Brackets'){
          if(ele.name == '('){
            lBracketNum++;
          }else if(ele.name == ')'){
            rBracketNum++;
          }
        }
      })
      if(lBracketNum != rBracketNum){
        this.$message({
          type: "warning",
          message: "左右括号数量不相等,请先检查是否正确"
        });
        return;
      }


      this.processFormula = JSON.parse(JSON.stringify(this.selectEleFormula));
      this.operationVisible = false;
    },

    //点选等式中的元素
    equationClick({selected,item},index,arrName){
      this.checkGsId=item.id

      if(selected){
        this.resultFormula.forEach((ele)=>{
          ele.selected = false;
        })
        this.processFormula.forEach((ele)=>{
          ele.selected = false;
        })
        this.processSelectIndex = index;
        this.processType = arrName;
        item.selected = true;

        if(this.showFunDetail){
          //切到第一个
          this.actiFunIndex = '0';
        }
      }else{
        this.processType = '';
      }
    },
        //获取当前元素的表名
     getItemTableName(item){

      
      if(item.type==="Element"){
        this.rightDict.forEach((ele)=>{
          if(ele.ekey===item.tableElementKey){
            item.tableName= ele.tableName
          }
        })
      }
    },

    //在等式模式下点选计算式
    equationSelect(index,indexPath){
      if(!this.equationSelectEle ||(this.equationSelectEle && !(this.equationSelectEle.type == 'Element' || this.equationSelectEle.type == 'ParamData')) ){
        this.$message({
          type: "warning",
          message: "请先选中元素"
        });
        return;
      }

      let formulaindex = Number(indexPath[1].split('-')[1])-1;
      let expression = this.formulaList[indexPath[0]][formulaindex];
      if(expression.type ==1){
        return;
      }
      //console.log(JSON.parse(expression.template));
      let obj = Object.assign({}, expression);
      //obj.template = JSON.parse(obj.template);
      obj.arguments = new Array(obj.template.args.length);

      let ele = {};
      if(this.equationSelectEle.type == 'ParamData'){
        ele = {
          type:'ParamData',
          name:this.equationSelectEle.name,
          id:this.equationSelectEle.id,
          selected:false,
          v:this.equationSelectEle.v,
          k:this.equationSelectEle.k,
        }
      }else{
        ele = {
            id:this.equationSelectEle.id,
            name:this.equationSelectEle.name,
            selected:false,
            tableElementKey:this.equationSelectEle.tableElementKey,
            type:"Element",
        };
      }

      obj.arguments[0] = ele;
      this.equationSelectEle.children.push(obj);
      //跳转到最新的标签
      this.actiFunIndex = (this.equationSelectEle.children.length-1).toString();
    },

    //选择元素
    // chooseEleHandle(){
    //   for (let i = 0; i < this.eleList.length; i++) {
    //     if (this.eleList[i].checked) {
    //       let ele = this.eleList[i];
    //       let obj = {};
    //       if(ele.k){
    //         obj = {
    //           type:'ParamData',
    //           name:ele.name,
    //           id:ele.id,
    //           selected:false,
    //           v:ele.v,
    //           k:ele.k,
    //           children:[],
    //         }
    //       }else{
    //         obj = {
    //           type:'Element',
    //           name:ele.eName,
    //           id:ele.id,
    //           selected:false,
    //           tableElementKey:ele.tableElementKey,
    //           children:[],
    //         }
    //       }


    //       this.$set(this.argumenObj.arguments,this.argumenObj.index,obj);
    //       this.chooseEleVisible = false;
    //       break;
    //     }
    //   }
    // },
    //选择元素多选
    chooseEleHandle(){
      this.eleChecks.forEach((element,index) => {
        this.setEleToArgumen(element,index+this.argumenObj.index);
      });

      this.chooseEleVisible = false;

      this.clearEleListCheck();
    },
    //设置元素到指定位置参数
    setEleToArgumen(ele,index){
      let obj = {};
      if(ele.k){
        obj = {
          type:'ParamData',
          name:ele.name,
          id:ele.id,
          selected:false,
          v:ele.v,
          k:ele.k,
          children:[],
        }
      }else{
        obj = {
          type:'Element',
          name:ele.eName,
          id:ele.id,
          selected:false,
          tableElementKey:ele.tableElementKey,
          children:[],
        }
      }
      if(index < this.argumenObj.arguments.length){
        this.$set(this.argumenObj.arguments,index,obj);
      }
    },
    //清理元素列表的勾选
    clearEleListCheck(){
      this.eleChecks = [];
      this.eleList.forEach((item)=>{
        item.checked = false;
      })
    },

    //显示选择元素弹窗
    showChooseEle(argumenObj){
      this.argumenObj = argumenObj;
      this.chooseEleVisible = true;
    },

    //移除挂载的函数
    removeFun(name){
      //console.log(name)
      this.equationSelectEle.children.splice(Number(name), 1);
    },

    //切换公式tab标签
    funLeave(activeName, oldActiveName){
      if(oldActiveName){
        let formula = this.equationSelectEle.children[Number(oldActiveName)];
        if(formula){
          return this.checkFormulaLegal(formula);
        }
      }

    },

    //检测公式合法
    checkFormulaLegal(formula){
      if(!formula.arguments){
        return false;
      }

      //当前选中的元素
      let curEle = this.equationSelectEle;
      let isIn = false;
      for (let i = 0; i < formula.arguments.length; i++) {
        if(Array.isArray(formula.arguments[i])){
          for(let j=0;j<formula.arguments[i].length;j++){
            if(formula.arguments[i][j] && formula.arguments[i][j].id ==curEle.id){
              isIn = true;
              break;
            }
          }
          if(isIn){
            break;
          }
        }else if(formula.arguments[i] && formula.arguments[i].id ==curEle.id){
          isIn = true;
          break;
        }
      }
      if(!isIn){
        this.$message({
          type: "warning",
          message: "参数必须有一个值是当前元素"
        });
        return false;
      }

      return true;
    },





    //保存公式
    saveFormula(){
      console.log('保存',this.pid);
      console.log(this.processFormula,'this.processFormula1111111112333');
      console.log(this.resultFormula,'this.resultFormula1111111112333');
      console.log(this.$refs.dynamiccomponent,'this.$refs.dynamiccomponent');
      
      if(this.$refs.dynamiccomponent&&this.$refs.dynamiccomponent.length>0&&this.$refs.dynamiccomponent[0]&& this.$refs.dynamiccomponent[0].symbol=='more'){
        //多条件保存公式

        console.log('this.$refs.conditionList[0]',this.$refs.dynamiccomponent[0].conditionList);
        let resMore=formatArrayMore(this.$refs.dynamiccomponent[0].conditionList);
        const resJson=generateResult(this.$refs.dynamiccomponent[0].conditionList);
        let remark=this.$refs.dynamiccomponent[0].remark;
console.log(remark,'remark');

        console.log(resJson,'resJson');
        
     
            if(this.formulaid){
              updateFormula({
                id:this.formulaid,
                formula:'',
                formulas:resMore,
                remark:remark,
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:JSON.stringify(resJson),
                scope:this.globaltype,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                dev:deviationRangeText
              }).then(()=>{
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "修改成功"
                });
              })
            }else{
              saveFormula({
                formula:'',
                formulas:resMore,
                remark:remark,
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:JSON.stringify(resJson),
                scope:this.globaltype,
                dev:deviationRangeText,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                ver:this.version
              }).then((res)=>{
                if(res.data.data){
                  this.formulaid = res.data.data;
                }
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "保存成功"
                });
              })
            }
            
            return;
        
        
      }else if(this.$refs.dynamiccomponent&&this.$refs.dynamiccomponent.length>0&&this.$refs.dynamiccomponent[0]&& this.$refs.dynamiccomponent[0].symbol=='getData'){
       //数据获取保存公式
        const dataRes = this.$refs.dynamiccomponent[0].getDataConditionData();
       console.log(dataRes,'dataRes');
       const result =dataRes.result;
       const mapEle = JSON.stringify(dataRes.mapEle);
       console.log(mapEle,'mapEle');
       

            if(this.formulaid){
              updateFormula({
                id:this.formulaid,
               formula:"FC.switchCase"+'('+result+')',
             
                remark:'',
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:mapEle,
                scope:this.globaltype,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                dev:deviationRangeText
              }).then(()=>{
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "修改成功"
                });
              })
            }else{
              saveFormula({
                  formula:"FC.switchCase" +'('+result+')',
          
                remark:'',
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:mapEle,
                scope:this.globaltype,
                dev:deviationRangeText,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                ver:this.version
              }).then((res)=>{
                if(res.data.data){
                  this.formulaid = res.data.data;
                }
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "保存成功"
                });
              })
            }
            
            return;
       
      }else if(this.$refs.dynamiccomponent&&this.$refs.dynamiccomponent.length>0&&this.$refs.dynamiccomponent[0]&& this.$refs.dynamiccomponent[0].formData){
        console.log(this.$refs.dynamiccomponent[0],'this.$refs.dynamiccomponent[0');
        const resForm=this.$refs.dynamiccomponent[0].getDataChangeList();
        console.log(resForm,'resForm');
        
        //数据自变保存

             if(this.formulaid){
              updateFormula({
                id:this.formulaid,
                formula:resForm.test,
                remark:'',
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:JSON.stringify(resForm.map),
                scope:this.globaltype,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                dev:deviationRangeText
              }).then(()=>{
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "修改成功"
                });
              })
            }else{
              saveFormula({
                formula:resForm.test,
                remark:'',
                nodeId:this.nodeid,
                elementId:this.eleid,
                scale:this.isRetain?this.retainNum:'',
                number:number,
                map:JSON.stringify(resForm.map),
                scope:this.globaltype,
                dev:deviationRangeText,
                // projectId:this.curProjiect.id||this.projectId,
                projectId:this.curProjiect.id||this.pid,
                ver:this.version
              }).then((res)=>{
                if(res.data.data){
                  this.formulaid = res.data.data;
                }
                this.formulaStringToArray();
                this.$message({
                  type: "success",
                  message: "保存成功"
                });
              })
            }
            return
      }
      
      
      let arr=JSON.parse(JSON.stringify(this.processFormula));
      let filteredArr = arr.filter(item => item.id ===this.checkGsId);
      let obj
      let obj2
      obj = formulaArrayToString(this.processFormula,this.resultFormula);
      obj2 = formulaArrayToString(filteredArr,this.resultFormula);
        // 判断 obj2.text 是否包含 FC.ifelse
      if (obj2.text && (obj2.text.includes('FC.ifelse'))|| obj2.text.includes("''")) {
        obj = obj2; // 如果包含 FC.ifelse,使用 obj2
      }
      let deviationRangeText = rangeToString(this.deviationRange.datas,obj.eleMap);
      obj.eleMap.deviationRangeJson = JSON.stringify(this.deviationRange.datas);

      //console.log(obj.eleMap)
      //return;

      //特殊公式会有number
      let number = '';
      for (let i = 0; i < this.processFormula.length; i++) {
        if(this.processFormula[i].children){
          for (let j = 0; j < this.processFormula[i].children.length; j++) {
            if(this.processFormula[i].children[j].number){
              number = this.processFormula[i].children[j].number;
              break;
            }
          }
        }
        if(number){
          break;
        }
      }
      if(number === ''){
        for (let i = 0; i < this.resultFormula.length; i++) {
          if(this.resultFormula[i].children){
            for (let j = 0; j < this.resultFormula[i].children.length; j++) {
              if(this.resultFormula[i].children[j].number){
                number = this.resultFormula[i].children[j].number;
                break;
              }
            }
          }
          if(number){
            break;
          }
        }
      }

      //console.log(text);
      if(this.formulaid){
        updateFormula({
          id:this.formulaid,
          formula:obj.text,
          remark:'',
          nodeId:this.nodeid,
          elementId:this.eleid,
          scale:this.isRetain?this.retainNum:'',
          number:number,
          map:JSON.stringify(obj.eleMap),
          scope:this.globaltype,
          // projectId:this.curProjiect.id||this.projectId,
           projectId:this.curProjiect.id||this.pid,
          dev:deviationRangeText
        }).then(()=>{
          this.formulaStringToArray();
          this.$message({
            type: "success",
            message: "修改成功"
          });
        })
      }else{
        saveFormula({
          formula:obj.text,
          remark:'',
          nodeId:this.nodeid,
          elementId:this.eleid,
          scale:this.isRetain?this.retainNum:'',
          number:number,
          map:JSON.stringify(obj.eleMap),
          scope:this.globaltype,
          dev:deviationRangeText,
          // projectId:this.curProjiect.id||this.projectId,
           projectId:this.curProjiect.id||this.pid,
          ver:this.version
        }).then((res)=>{
          if(res.data.data){
            this.formulaid = res.data.data;
          }
          this.formulaStringToArray();
          this.$message({
            type: "success",
            message: "保存成功"
          });
        })
      }

    },

    //把公式文本还原数组
    async formulaStringToArray(){
      let detail = (await formulaDetail({elementId:this.eleid,scope:this.globaltype,nodeId:this.nodeid,projectId:this.curProjiect.id||this.pid})).data.data;
      console.log(detail,'detail');
      this.remark = detail.remark;

      if(detail&&detail.formula.includes('FC.ifelseMulti')){
        detail.formula = detail.formula.replace('FC.ifelseMulti','FC.ifelse');
        this.isMore = true;
            this.formulaDetailMap = detail.map;
        this.moreConditions =  restoreArrayMore(detail.formulas,this.formulaDetailMap)
    
      }else if(detail&&detail.formula.includes('FC.switchCase')){
        //数据获取
        this.formulaDetailMap = detail.map;
         detail.formula = detail.formula.replace('FC.switchCase','FC.ifelse');
         this.isGetData = true;
         this.dataListGet=detail.formula
         console.log( this.dataListGet,' this.dataListGet');
         
      }else if(detail&&detail.formula.includes('FC.dataChange')){
        //数据自变
        this.formulaDetailMap = detail.map;
      
         this.isDataChange = true;
         this.dataForm=detail.formula
         console.log( this.dataForm,' this.dataListGet');
         
      }
      else{
        this.isMore = false;
        this.moreConditions = []
        this.formulaDetailMap ={}
        this.isGetData = false;
        this.dataListGet=''
        this.isDataChange = false;
        this.dataForm='';

      }

    
      if(detail&&detail.id){
          //获取右边元素的字典
          let dictMap=detail.dict
        let dictArr=[]
        //遍历：
        for(let i in dictMap){
          dictArr.push(dictMap[i])

        }
        this.rightDict=dictArr
        console.log( this.rightDict,' this.rightDict');
        
        this.formulaid = detail.id;
        //let formula = formulaStringToArray('FC.sum(FC.repeat(E[测试测试_222]))+FC.ifelse(3<E[测试测试_333]&&E[测试测试_333]<10,E[测试测试_222]+E[测试测试_333],E[测试测试_333])',detail.map,this.formulaMap);
      
        
        
        let formula = formulaStringToArray(detail.formula,detail.map,this.formulaMap);
        console.log(formula,'formula');
        
        this.processFormula = formula.processFormula;
        formula.resultFormula[0].id = this.resultFormula[0].id;
        formula.resultFormula[0].name = this.resultFormula[0].name;
        formula.resultFormula[0].tableElementKey = this.resultFormula[0].tableElementKey;
        this.resultFormula[0].children = formula.resultFormula[0].children;

        //允许偏差值范围
        let mapObj = JSON.parse(detail.map);
        if(mapObj.deviationRangeJson){
          this.deviationRange.datas = JSON.parse(mapObj.deviationRangeJson);
        }
      }

      if (detail&&detail.scale!=null&&detail.scale>=0){
        this.isRetain = true;
        this.retainNum = detail.scale;
      }else{
        this.isRetain = false;
        this.retainNum=2
      }
    },


    //设置动态组件里面的元素
    setComponentEle(value,item,index){
      if(value){
        //console.log(this.$refs.dynamiccomponent[index])
        this.$refs.dynamiccomponent[index].setELe(item);
      }
    },

    //设置动态组件里面的元素
    setDeviationRangeEle(value,item){
      if(value){
        //console.log(this.$refs.dynamiccomponent[index])
        this.$refs.deviationrange.setELe(item);
      }
    },

    getNodeDetail(data) {
      if(this.pid){
          this.eleListable=true;
          console.log(data.id,'data.id');
        wbsPrivateGetNodeTabAndParam(data.id, this.pid, this.wbsid).then((res) => {
          if(res.data.data.tabData.length){
            this.eleTableList = res.data.data.tabData;
              this.eleListable=false;
            // 获取点击节点的第一张表
            console.log(this.eleTableList[0],'this.eleTableList[0]');
            // let tabId= this.eleTableList[0].initTableId; pkeyId
            let tabId= this.eleTableList[0].pkeyId!==-1&&this.eleTableList[0].pkeyId!==null?this.eleTableList[0].pkeyId:this.eleTableList[0].id;
            console.log("wbsPrivateGetNodeTabAndParam")
            this.getTableEle(tabId);
            setTimeout(() => {
              // 启动这个指令的DOM结构点击事件
              this.eleTableId = tabId;
            },1000); // 默认1秒
          }else{
            this.eleTableList = [];
            this.eleTableId = '';
            this.eleList = [];
          }

          if(res.data.data.paramData.length){
            this.paramDataList = res.data.data.paramData;
          }else{
            this.paramDataList = [];
          }
        })
      }else{
         this.eleListable=true;
        getNodeTabAndParam(data.id).then((res)=>{
          if(res.data.data.tabData.length){
            this.eleTableList = res.data.data.tabData;
             this.eleListable=false;
            // let tabId= this.eleTableList[0].initTableId;
               let tabId= this.eleTableList[0].pkeyId!==-1&&this.eleTableList[0].pkeyId!==null?this.eleTableList[0].pkeyId:this.eleTableList[0].id;
               console.log(this.eleTableList[0],'this.eleTableList[0]');
            console.log("getNodeTabAndParam",tabId);
            this.getTableEle(tabId);
            setTimeout(() => {
              // 启动这个指令的DOM结构点击事件
              this.eleTableId = tabId;
            },1000); // 默认1秒
          }else{
            this.eleTableList = [];
            this.eleTableId = '';
            this.eleList = [];
              this.eleListable=false;
          }

          if(res.data.data.paramData.length){
            this.paramDataList = res.data.data.paramData;
          }else{
            this.paramDataList = [];
          }
        })
      }
    },

    getEleDeatil(){
      getEleDeatil(this.eleid).then((res)=>{
        let ele = res.data.data;
        this.resultFormula = [{
          type:'Element',
          name:ele.eName,
          id:ele.id,
          selected:false,
          tableElementKey:ele.tableElementKey,
          children:[],
        }]
      })
    },

    getTableEle(tableId){
      console.log("getTableEle",tableId);
      this.initTableName=''

      
      this.eleTableList.forEach((item)=>{
        if(item.pkeyId===tableId){
          this.initTableName=item.initTableName
        }
        
      })

      this.input3=''
      if(tableId === '选择节点参数'){
        this.eleList = this.paramDataList;
        this.eleList1 = this.paramDataList;
      }else{
        selectFormElements(tableId,{nodeId:this.nodeid,type:this.iswbstype}).then((res)=>{
          this.eleList = res.data.data;
          this.eleList1 = res.data.data;
        })
      }
    },
    getInput(tableId){
      if(tableId.length>0){
        let arr=[]
        arr=this.eleList1.filter((item)=>{
          if(item.eName===tableId){
            return item
          }
        })
        this.eleList=arr;
      }else{
        this.eleList=this.eleList1
      }
       
    },
    getInput1(tableId){
      if(tableId.length>0){
        let arr=[]
        arr=this.eleListComp1.filter((item)=>{
          if(item.eName===tableId){
            return item
          }
        })
        this.eleListComp=arr;
      }else{
         this.eleListComp=this.eleListComp1;
      }
       
    },

    //方法下面的点击树节点
    getNodeDetailComp(data) {
       console.log(data.id,'data.id111111111');
      if(this.pid){
        wbsPrivateGetNodeTabAndParam(data.id, this.pid, this.wbsid).then((res) => {
          if(res.data.data.tabData.length){
            this.eleTableListComp = res.data.data.tabData;

            // this.eleTableIdComp = this.eleTableListComp[0].initTableId;
           this.eleTableIdComp = this.eleTableListComp[0].pkeyId;
            this.getTableEleComp(this.eleTableIdComp);
          }else{
            this.eleTableListComp = [];
            this.eleTableIdComp = '';
            this.eleListComp = [];
          }

          if(res.data.data.paramData.length){
            this.paramDataList = res.data.data.paramData;
          }else{
            this.paramDataList = [];
          }
        })
      }else{
        getNodeTabAndParam(data.id).then((res)=>{
          if(res.data.data.tabData.length){
            this.eleTableListComp = res.data.data.tabData;

            this.eleTableIdComp = this.eleTableListComp[0].initTableId;
            let tabId= this.eleTableList[0].pkeyId!==-1&&this.eleTableList[0].pkeyId!==null?this.eleTableList[0].pkeyId:this.eleTableList[0].id;
            this.getTableEleComp(tabId);
          }else{
            this.eleTableListComp = [];
            this.eleTableIdComp = '';
            this.eleListComp = [];
          }

          if(res.data.data.paramData.length){
            this.paramDataList = res.data.data.paramData;
          }else{
            this.paramDataList = [];
          }
        })
      }
    },

    //方法下面的查询元素
    getTableEleComp(tableId){
        this.input3=''
       console.log(this.iswbstype,'this.iswbstype');
       
      if(tableId === '选择节点参数'){
        this.eleListComp = this.paramDataList;
        this.eleListComp1 = this.paramDataList;
      }else{
        selectFormElements(tableId,{nodeId:this.nodeid,type:this.iswbstype}).then((res)=>{
          this.eleListComp = res.data.data;
           this.eleListComp1 = res.data.data;
        })
      }
    },

    //取消方法下面 元素勾选
    unCheckEleComp(eleId){
      //console.log(eleId)
      for (let i = 0; i < this.eleListComp.length; i++) {
        if(this.eleListComp[i].id == eleId){
          this.eleListComp[i].checked = false;
        }
      }
    },

    //手写模式
    handwrit(){
      try {
        let obj = formulaArrayToString(this.processFormula,this.resultFormula);
        this.handwritText = obj.text;
        this.handwritEleMap = JSON.stringify(obj.eleMap);
        this.handwritVisible = true;
      } catch (error) {
        console.error(error)
        this.$message({
          type: "error",
          message: "生成公式文本失败,"+error
        });
      }
    },

    //转成配置用的数组
    handwritTransform(){
      try {
        let formula = formulaStringToArray(this.handwritText,this.handwritEleMap,this.formulaMap);
        this.processFormula = formula.processFormula;
        formula.resultFormula[0].id = this.resultFormula[0].id;
        formula.resultFormula[0].name = this.resultFormula[0].name;
        formula.resultFormula[0].tableElementKey = this.resultFormula[0].tableElementKey;
        this.resultFormula[0].children = formula.resultFormula[0].children;
        this.handwritVisible = false;
      } catch (error) {
        console.error(error)
        this.$message({
          type: "error",
          message: "转成配置用的数组失败,"+error
        });
      }

    },

    editorInit: function (editor) {
        console.log('editorInit')
        require('brace/ext/searchbox') //添加搜索功能
        require('brace/ext/language_tools') //language extension prerequsite...
        require('brace/mode/javascript')    //language
        require('brace/theme/github')
        require('brace/snippets/javascript') //snippet

        editor.session.setUseWrapMode(true);//切换自动换行
        editor.setHighlightActiveLine(false);//设置行高亮显示
        editor.setShowPrintMargin(false);
        editor.setOptions({
          enableLiveAutocompletion:true,//语法提示和补全
          showInvisibles:true,//显示隐藏，空格，回车等
          fontSize:'16px'
        })
    },

    getTypeMap(){
      return new Promise((resolve)=>{
        getTypeMap().then((res)=>{
          //console.log(res)
          this.formulaList = res.data.data;

          //生成map，方便查找
          for (let key in this.formulaList) {
            if(typeof(this.formulaList[key]) == 'object'){
              this.formulaList[key].forEach((formula)=>{
                formula.template =  JSON.parse(formula.template);
                if(this.operatorReg.test(formula.template.ft)){
                  this.formulaMap[formula.template.ft] = formula;
                }else if(this.startFCRegExp.test(formula.template.ft)){
                  let regRes = formula.template.ft.match(this.startFCRegExp);
                  this.formulaMap[regRes[0]] = formula;
                }
              })
            }
          }
        }).finally(() => {
          resolve();
        })
      })
    },
    handleElementSelected(item,value){
      console.log(item,'选中的元素');
      console.log(this.itemList,'this.itemList');
     if(value){
        //简单语法判断
        if(this.itemList.length != 0 && this.deleEleIndex < 0){
                let lastEle = this.itemList[this.itemList.length-1];
                if(lastEle.type == 'Text'){
                  this.$message({
                    type: "warning",
                    message: "元素无法连续出现在输入值后面"
                  });
              item.checked = false;
              return;
             }
            if(lastEle.type == 'Brackets' && lastEle.name == ')'){
              this.$message({
                type: "warning",
                message: "元素无法连续出现在右括号后面"
              });
              item.checked = false;
              return;
            }
        }
        let lastEle = this.selectEleFormula[this.selectEleFormula.length-1];
        if(this.selectEleFormula.length == 0 || lastEle.type == 'Operator' || lastEle.type == 'Brackets' || lastEle.name == '('){ /* 存在运算符 */
          this.eleAddFormulaHandle(item);
        } else {
          this.itemList.push(item);
        }

      }else{
           let index = -1;
            for (let i = 0; i < this.itemList.length; i++) {
            if(this.itemList[i].id == item.id){
              index = i;
              break;
            }
          }
          if(index>-1){
            this.itemList.splice(index,1);
          }
      }


      
    },
    handleShiftPlus(event) {
      event.preventDefault();
      console.log('Shift + + 被按下');
      // this.yourMethod();
    },
  },
};
</script>

<style scoped lang="scss">
.box-dashed {
  border: 1px dashed #bbbbbb;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
.retain-box {
  border-right: 1px dashed #bbbbbb;
}
.retain {
  line-height: 50px;
  margin-right: 10px;
}
.edit-text {
  font-size: 26px;
  margin-left: 20px;
}

.el-menu--popup .el-menu-item.is-active {
  background-color: #fff;
}
.ele-box{
  //border: 1px solid #bbb;
  //height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.no-mb-col .el-col{
  margin-bottom: 0px;
  border: 1px solid #bbb;
  height: 100px;
}
.sele-ele-box{
  height: 160px;
  padding: 20px;
  // margin-top: 10px;
}

.icon-box .el-link{
  font-size: 14px;
  margin-right: 10px;
}
</style>

<style lang="scss">
.basic-container.h-basic-full {
  height: calc(100% - 30px);
  overflow: auto;
  .el-card, .el-card .el-card__body {
    height: 100%;
  }
}
.operation-box-inset{
  display: flex;
  flex-direction: column;
}
</style>
<style scoped>
.operation-symbol-box{
  display: flex;
  align-items: center;
  border: 1px solid rgb(229, 231, 235);
  background-color: #F9FAFB;
  padding: 10px 10px;
  border-radius:  5px 5px 0px 0px;
  margin-top: 10px;
  
}
.sele-ele-box1{
  padding: 10px;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 0px 0px 5px 5px;

  height: 50px;
}
.text-sm{
  font-size: 14px;
  margin-right: 10px;
}
</style>