<template>
  <div class="app-container">
    <el-descriptions class="margin-top" :title="ruleEngineInfo.name" :column="3" border>
      <template slot="extra">
        <el-dropdown split-button type="primary" @command="handleClick">
          更多操作
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item command="add">版本添加</el-dropdown-item>
            <el-dropdown-item command="activate">{{(ruleEngineInfo.isActivate === 'no-activate' ? "激活": "禁用")+'引擎'}}</el-dropdown-item>
            <el-dropdown-item command="status">{{(ruleEngineInfo.status === '0' ? "关闭": "开启")+'引擎'}}</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>

      </template>
      <el-descriptions-item label="规则名称"> {{ruleEngineInfo.name}} </el-descriptions-item>
      <el-descriptions-item label="规则类型">
        <dict-tag :options="dict.type.rule_engine_type" :value="ruleEngineInfo.type"/>
      </el-descriptions-item>
      <el-descriptions-item label="规则作用域">
        <dict-tag :options="dict.type.rule_engine_level" :value="ruleEngineInfo.level"/>
      </el-descriptions-item>
      <el-descriptions-item label="引擎编码"> {{ruleEngineInfo.code + " ("+ruleEngineInfo.engineCode+")"}} </el-descriptions-item>
      <el-descriptions-item label="是否激活">
        <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineInfo.isActivate"/>
      </el-descriptions-item>
      <el-descriptions-item label="规则状态">
        <dict-tag :options="dict.type.sys_normal_disable" :value="ruleEngineInfo.status"/>
      </el-descriptions-item>
    </el-descriptions>
    <editor style="margin-top: 20px" :read-only="true" v-model="ruleEngineInfo.description"></editor>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>规则引擎版本</span>
      </div>
      <el-row :gutter="20">
        <el-col :span="12" v-for="ruleEngineVersion in ruleEngineInfo.engineversionList">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>{{ruleEngineVersion.name + "-" + ruleEngineVersion.code}}</span>
              <el-dropdown style="float: right; padding: 3px 0" @command="checkRuleEngineVersion">
                <span class="el-dropdown-link">
                  更多操作<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item :command="{event: 'info', ruleEngineVersion: ruleEngineVersion}">规则详情</el-dropdown-item>
                  <el-dropdown-item :command="{event: 'test', ruleEngineVersion: ruleEngineVersion}"
                                    :disabled="ruleEngineVersion.isTest === '0'"
                  >测试规则</el-dropdown-item>
                  <el-dropdown-item :command="{event: 'status', ruleEngineVersion: ruleEngineVersion}" :disabled="ruleEngineVersion.status !== '1'">
                    {{ruleEngineVersion.isActivate !== 'no-activate' ? "禁用" : "激活"}}规则
                  </el-dropdown-item>
                  <el-dropdown-item
                    :command="{event: 'publish', ruleEngineVersion: ruleEngineVersion}"
                    v-if=" ruleEngineVersion.isTest === '1'">
                    发布规则
                  </el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <el-descriptions class="margin-top" :column="2" border>
              <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersion.versionCode}} </el-descriptions-item>
              <el-descriptions-item label="版本名称"> {{ruleEngineVersion.name}} </el-descriptions-item>
              <el-descriptions-item label="版本CODE"> {{ruleEngineVersion.code}} </el-descriptions-item>
              <el-descriptions-item label="是否激活">
                <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersion.isActivate"/>
              </el-descriptions-item>
              <el-descriptions-item label="版本状态">
                <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersion.status"/>
              </el-descriptions-item>
              <el-descriptions-item label="是否测试">
                <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersion.isTest"/>
              </el-descriptions-item>
            </el-descriptions>
            <editor style="margin-top: 10px" :read-only="true" v-model="ruleEngineVersion.description"></editor>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
    <el-dialog
      title="新增版本" :visible.sync="addVersionStatus"
      width="75%">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>基本信息</span>
          <el-button style="float: right; padding: 3px 0" type="text" @click="genEngineVersion">生成引擎版本类</el-button>
        </div>
        <el-form :label-position="engineVersionForm" label-width="80px" :model="engineVersionForm">
          <el-row>
            <el-col :span="24">
              <el-form-item label="版本类">
                <el-input v-model="engineVersionForm.versionCode" disabled placeholder="点击类生成自动生成类名称"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="名称">
                <el-input v-model="engineVersionForm.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="编码">
                <el-input v-model="engineVersionForm.code"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="状态">
                <dict-tag :options="dict.type.rule_engine_version_status" :value="engineVersionForm.status"/>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否激活">
                <dict-tag :options="dict.type.rule_engine_activate_status" :value="engineVersionForm.isActivate"/>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <editor v-model="engineVersionForm.description" :min-height="150"/>
      </el-card>
      <el-card class="box-card" v-if="engineVersionForm.codeIng != null">
        <div slot="header" class="clearfix">
          <span>引擎编码</span>
        </div>
        <encoding style="height: 800px" v-model="engineVersionForm.codeIng"></encoding>
      </el-card>

      <span slot="footer" class="dialog-footer">
        <el-button @click="addVersionCancel">取 消</el-button>
        <el-button type="primary" @click="addVersionSubmission">确 定</el-button>
      </span>
    </el-dialog>
    <el-drawer
      title="规则版本详情" size="80%" :before-close="ruleEngineVersionInfoStatusClose"
      :visible.sync="ruleEngineVersionInfoStatus"
      :direction="'rtl'">
      <div class="app-container">
        <el-descriptions v-if="ruleEngineVersionInfoAndTest != null" class="margin-top" :column="2" border>
          <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersionInfoAndTest.versionCode}} </el-descriptions-item>
          <el-descriptions-item label="版本名称"> {{ruleEngineVersionInfoAndTest.name}} </el-descriptions-item>
          <el-descriptions-item label="版本CODE"> {{ruleEngineVersionInfoAndTest.code}} </el-descriptions-item>
          <el-descriptions-item label="是否激活">
            <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersionInfoAndTest.isActivate"/>
          </el-descriptions-item>
          <el-descriptions-item label="版本状态">
            <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersionInfoAndTest.status"/>
          </el-descriptions-item>
          <el-descriptions-item label="是否测试">
            <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersionInfoAndTest.isTest"/>
          </el-descriptions-item>
        </el-descriptions>
        <editor style="margin-top: 10px" :read-only="true" :min-height="100" v-model="ruleEngineVersionInfoAndTest.description"></editor>
        <el-row style="margin-top: 10px">
          <el-button @click="saveCoding">保存代码</el-button>
        </el-row>
        <encoding style="height: 800px; margin-top: 20px" v-model="ruleEngineVersionInfoAndTest.codeIng"></encoding>
      </div>

    </el-drawer>
    <el-drawer
      title="规则版本测试" size="80%" :before-close="ruleEngineVersionTestStatusClose"
      :visible.sync="ruleEngineVersionTestStatus"
      :direction="'rtl'">
      <el-row :gutter="20">
        <el-col :span="12">
          <el-descriptions v-if="ruleEngineVersionInfoAndTest != null" class="margin-top" :column="2" border>
            <el-descriptions-item label="版本类" :span="2"> {{ruleEngineVersionInfoAndTest.versionCode}} </el-descriptions-item>
            <el-descriptions-item label="版本名称"> {{ruleEngineVersionInfoAndTest.name}} </el-descriptions-item>
            <el-descriptions-item label="版本CODE"> {{ruleEngineVersionInfoAndTest.code}} </el-descriptions-item>
            <el-descriptions-item label="是否激活">
              <dict-tag :options="dict.type.rule_engine_activate_status" :value="ruleEngineVersionInfoAndTest.isActivate"/>
            </el-descriptions-item>
            <el-descriptions-item label="版本状态">
              <dict-tag :options="dict.type.rule_engine_version_status" :value="ruleEngineVersionInfoAndTest.status"/>
            </el-descriptions-item>
            <el-descriptions-item label="是否测试">
              <dict-tag :options="dict.type.rule_engine_activate_is_test" :value="ruleEngineVersionInfoAndTest.isTest"/>
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <editor style="margin-top: 10px" :read-only="true" :min-height="105" v-model="ruleEngineVersionInfoAndTest.description"></editor>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <encoding style="margin-top: 20px" v-model="ruleEngineVersionInfoAndTest.codeIng" :read-only="true"></encoding>
        </el-col>
        <el-col :span="12">
          <el-col :span="assetStructure == null ? 24 : 12">
            <el-card class="box-card">
              <div slot="header" class="clearfix">
                <span>选择数据接入</span>
              </div>
              <el-select v-model="assetStructure" style="width: 100%;">
                <el-option v-for="_assetStructure in assetStructureList"
                           :key="_assetStructure.dataSourceSystemName"
                           :value="_assetStructure.id"
                           :label="_assetStructure.dataSourceSystemName+'('+_assetStructure.databaseName+')'"
                ></el-option>
              </el-select>
            </el-card>
          </el-col>
          <el-col :span="12" v-if="assetStructure != null">
            <el-card class="box-card" >
              <div slot="header" class="clearfix">
                <span>选择资产结构</span>
              </div>
              <el-select v-model="assets" style="width: 100%;">
                <el-option v-for="_assets in assetsList"
                           :key="_assets.name"
                           :value="_assets.id"
                           :label="_assets.name+'('+_assets.as+')'"
                ></el-option>
              </el-select>
            </el-card>
          </el-col>
          <el-col :span="24" v-if="assets != null">
            <el-card class="box-card" v-if="this.ruleEngineInfo.level === 'data-field'">
              <div slot="header" class="clearfix">
                <span>选择资产模型</span>
                <el-button style="float: right; padding: 3px 0" type="text" @click="dataModelRandom">随机数据</el-button>
              </div>
              <el-descriptions direction="vertical" :column="3" border>

                <el-descriptions-item v-for="_dataModel in dataModelList"
                                      :label='_dataModel.name + "("+_dataModel.comment+")"'>

                  <el-radio v-model="dataMode" :label="_dataModel.name" :value="_dataModel.id">{{dataModeMapList[dataModeMapIndex][_dataModel.name]}}</el-radio>
                </el-descriptions-item>
              </el-descriptions>
            </el-card>
            <el-card class="box-card" v-if="this.ruleEngineInfo.level !== 'data-field'">
              <div slot="header" class="clearfix">
                <span>{{this.ruleEngineInfo.level === "data-set" ? "选择资产集" : "选择资产记录"}}</span>
              </div>
              <el-table :data="dataModeMapList" max-height="200px"
                        @selection-change="changeDataRow">
                <el-table-column type="selection" width="55" v-if="this.ruleEngineInfo.level === 'data-set'"/>
                <el-table-column v-for="dataModel in dataModelList" :label="dataModel.comment" :prop="dataModel.name"/>
                <el-table-column label="操作" v-if="this.ruleEngineInfo.level !== 'data-set'">
                  <template slot-scope="scope">
                    <el-button type="text" @click="dataRecordSelect(scope.row)">选择</el-button>
                  </template>
                </el-table-column>
              </el-table>
              <el-descriptions title="选择行数据" direction="vertical" :column="3" border style="margin-top: 20px" v-if="dataRecordSelectData != null">
                <el-descriptions-item v-for="(val, key) in dataRecordSelectData"
                                      :label='key'>
                  <el-checkbox v-model="dataRecordSelectKeyList" :label="key" :value="key">{{val}}</el-checkbox>
                </el-descriptions-item>
              </el-descriptions>
              <el-descriptions title="选择模型" :column="3" border style="margin-top: 20px" v-if="changeDataList.length !== 0">
                <el-descriptions-item v-for="_dataModel in dataModelList"
                                      :label='_dataModel.comment'>
                  <el-checkbox v-model="dataRecordSelectKeyList" :label="_dataModel.name" :value="_dataModel.id"></el-checkbox>
                </el-descriptions-item>
              </el-descriptions>
            </el-card>
          </el-col>
          <el-col :span="24" style="margin-top: 10px" v-if="dataMode != null || dataRecordSelectKeyList.length > 0">
            <el-button @click="dataTest">测试</el-button>
            <el-input style="margin-top: 10px" v-model="testResult" type="textarea" placeholder="请点击测试" disabled/>
          </el-col>
        </el-col>
      </el-row>
    </el-drawer>
  </div>
</template>

<script>
import Encoding from "@/components/Encoding/index.vue";
import {
  addEngineversion, engineGeneration,
  findRuleEngineById,
  updateEngineCodeIng,
  updateRuleActivate,
  updateRuleStatus,
} from "@/api/ruleengine/ruleengine";
import {
  findAssetStructure,
  findDataBaseByInformationId,
  findDataSourceByDataBaseId,
  findInformationById
} from "@/api/dataSource/source";

export default {
  name: "EngineVersion",
  components: {Encoding},
  dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable',
    'rule_engine_level', 'rule_engine_version_status', 'rule_engine_activate_is_test'],
  data() {
    return {
      ruleEngineId: this.$route.params && this.$route.params.id,
      ruleEngineInfo: {},
      // 新增版本
      addVersionStatus: false,
      engineVersionForm: {
        "name": "",
        "code": "",
        "status": 0,
        "versionCode": "",
        "isActivate": "no-activate",
        "description": "",
        "codeIng": null
      },
      // 详情抽屉状态
      ruleEngineVersionInfoStatus: false,
      // 测试抽屉状态
      ruleEngineVersionTestStatus: false,
      // 弹框抽屉
      ruleEngineVersionInfoAndTest: {},
      // 数据接入集合
      assetStructureList: [],
      // 数据接入集合选择
      assetStructure: null,
      // 数据资产
      assetsList: [],
      // 数据资产选择
      assets: null,
      // 数据模型
      dataModelList: [],
      // 数据模型选择
      dataMode: null,
      // 数据实例集合
      dataModeMapList : [],
      dataModeMapIndex: 0,
      dataRecordSelectData: null,
      // 条记录选中key集合
      dataRecordSelectKeyList: [],
      // 选择行记录List
      changeDataList: [],
      testResult: "",

      dataName:[],

      dataVal:[],

      newData:[],
    }
  },
  watch:{
    "assetStructure":{
      handler(val) {
        if (val != null) {
          findInformationById(val).then(
            res=>{
              this.assetsList=res.data;
              // console.log("132",this.assetsList)
            }
          )

        }
      }
    },
    'assets': {
      handler(newVal) {
        console.log("val", newVal)
        findDataBaseByInformationId(newVal).then(res => {
          this.dataModelList = res.data
          this.dataName = []

          for (let resKey in res.data) {
            console.log("resKey", resKey)
            this.dataName.push(res.data[resKey].name)
          }

          console.log("dataName", this.dataName)
          console.log("ssssssssssssss", this.dataModelList)
        })
        //查询数据展示值
        findDataSourceByDataBaseId(newVal).then(res => {
          console.log("pp", res)
          this.dataModeMapList = res.data
          this.dataVal = []
          for (let resKey in res.data) {
            this.dataVal.push({
                key: res.data[resKey].key,
                value: res.data[resKey].value,
                type: res.data[resKey].type
              }
            )

            if (this.dataVal != null) {
              this.newData = []
              let keys = this.dataName
              let count = keys.length
              const newData = this.dataVal.reduce((acc, curr, index) => {
                if (index % count === 0 && index + count - 1 < this.dataVal.length) { // 确保不会超出数组边界
                  // 创建一个临时对象来存储键值对
                  const tempObj = {};
                  // 使用 keys 数组来迭代并设置 tempObj 的属性
                  for (let i = 0; i < keys.length; i++) {
                    // 访问 kvt 数组中对应位置的元素
                    tempObj[keys[i]] = (i === 0) ? parseInt(this.dataVal[index + i].value, 10) : this.dataVal[index + i].value;
                  }

                  // 将临时对象添加到 acc 数组中
                  acc.push(tempObj);
                }

                // 始终返回累加器数组
                return acc;
              }, []);
              this.newData = newData
            }
            this.dataModeMapList = this.newData
          }
          console.log("ss", this.dataModeMapList)
        })
      }
    }
  },
  created() {
    this.initRuleEngine();
    this.findAssetStructure();
  },
  methods: {


    // 测试
    dataTest(){
      let number = Math.floor(Math.random()*3);
      if (number === 0){
        this.testResult = "测试正常，无异常数据返回";
      }else if (number === 1){
        this.testResult = "测试失败：触发*****异常条例，数据发生动作【移除/忽略/记录】";
      }else if (number === 2){
        this.testResult = "程序异常：*******异常";
      }
    },
    // 选择数据行
    changeDataRow(val){
      this.changeDataList = val;
    },
    // 记录选中
    dataRecordSelect(row){
      this.dataRecordSelectKeyList = [];
      this.dataRecordSelectData = row;
    },
    // 单条随机数据
    dataModelRandom(){
      this.dataModeMapIndex = Math.floor(Math.random()*this.dataModeMapList.length);
      console.log(this.dataModeMapIndex)
    },
    saveCoding(){
      updateEngineCodeIng(this.ruleEngineVersionInfoAndTest).then(
        res=>{
          this.$message.success(res.msg);
          // 详情抽屉状态
          this.ruleEngineVersionInfoStatus=false
          this.ruleEngineVersionInfoAndTest()
        },
      )
    },
    ruleEngineVersionInfoStatusClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          this.ruleEngineVersionInfoAndTest = {};
          done();
        })
        .catch(_ => {});
    },
    ruleEngineVersionTestStatusClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          this.ruleEngineVersionInfoAndTest = {};
          done();
        })
        .catch(_ => {});
    },
    // 点击规则事件
    checkRuleEngineVersion(command) {
      switch (command.event) {
        case "info"://详情
          this.ruleEngineVersionInfoStatus = true;
          this.ruleEngineVersionInfoAndTest = command.ruleEngineVersion;
          break;
        case "test"://测试
          this.ruleEngineVersionTestStatus = true;
          this.ruleEngineVersionInfoAndTest = command.ruleEngineVersion;
          break;
        case "status"://激活状态
          command.ruleEngineVersion.isActivate = 'no-activate' === command.ruleEngineVersion.isActivate ? 'activated' : 'no-activate'
          break;
        case "publish"://发布
          command.ruleEngineVersion.status = '2'
          break;
      }
      console.log(command.event);
      console.log(command.ruleEngineVersion);
    },
    // 生成规则版本
    genEngineVersion(){
      if (this.engineVersionForm.name == null || this.engineVersionForm.name === "") {
        this.$message.error('规则名称不可为空');
        return false;
      }
      if (this.engineVersionForm.code == null || this.engineVersionForm.code === "") {
        this.$message.error('规则CODE不可为空');
        return false;
      }
      if (this.engineVersionForm.description == null || this.engineVersionForm.description === "") {
        this.$message.error('规则版本使用描述不可为空');
        return false;
      }
      this.engineVersionForm.versionCode = this.ruleEngineInfo.engineCode + "_" + this.engineVersionForm.code
      this.engineVersionForm.codeIng = this.getCodeIng()
    },
    // 确定新增
    addVersionSubmission(){
      this.engineVersionForm.ruleId = this.ruleEngineInfo.id
      addEngineversion(this.engineVersionForm).then(
        res=>{
          this.$modal.msgSuccess(res.msg);
          this.addVersionStatus = false;
          this.initRuleEngine();
        }

      )

    },
    // 取消新增
    addVersionCancel(){
      this.engineVersionForm = {
        "name": "", "code": "", "status": "0", "isTest": "0",
        "versionCode": "",
        "isActivate": "no-activate",
        "description": "",
        "codeIng": null, "ruleEngineVersionList": []
      };
      this.addVersionStatus = false;
    },
    handleClick(clickType){
      if (clickType === "add"){
        this.addVersionStatus = true;
      }else if(clickType === "activate"){

        this.ruleEngineInfo.isActivate = 'no-activate' === this.ruleEngineInfo.isActivate ? 'activated' : 'no-activate'
        updateRuleActivate(this.ruleEngineInfo).then(
          res=>{
            this.$modal.msgSuccess(res.msg);
          }
        )
      }else if(clickType === "status"){
        this.ruleEngineInfo.status = '0' === this.ruleEngineInfo.status ? '1' : '0'
        updateRuleStatus(this.ruleEngineInfo).then(
          res=>{
            this.$modal.msgSuccess(res.msg);
          }
        )
      }
    },
    findAssetStructure(){
      findAssetStructure().then(
        res=>{
          this.assetStructureList = res.data;
        }
      )
    },
    initRuleEngine(){
      findRuleEngineById(this.ruleEngineId).then(
        res=>{
          this.ruleEngineInfo = res.data;
        }
      )
    },
    // 获取代码模板
    getCodeIng(){

      let parentClass=null;
      if(this.ruleEngineInfo.level==="dataset"){
        parentClass="DataSetContext"
      }
      if(this.ruleEngineInfo.level==="record"){
        parentClass="RecordContext"
      }
      if(this.ruleEngineInfo.level==="record-field"){
        parentClass="DataModelContext"
      }

      let packageName = "com.muyu.rule.engine";
      let customName = "custom";
      let templateName = "template";
      let codeIng  = `package ${packageName}.${customName};

import com.muyu.engine.action.ActionDiscard;
import com.muyu.engine.scope.${parentClass};

/**
 * @Author: LiuDeKang
 * @date: ${new Date().toLocaleString()}
 * @Description: ${this.engineVersionForm.name}-${this.engineVersionForm.code}
 * @Version: 1.0
 */
public class ${this.engineVersionForm.versionCode} extends ${parentClass} {
    @Override
    public void execution () {
        Object value = getValue();

        if (value == null || "".equals(value) || "null".equals(value)) {
            throw new ActionDiscard();
        }
    }
}`;
  // alert(codeIng)
  //     engineGeneration(codeIng).then(
  //       res=>{
  //         alert("ok")
  //       }
  //     )
      return codeIng;

    },

  }
}
</script>

<style scoped>
.box-card{
  margin-top: 20px;
}
.el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
}
.el-icon-arrow-down {
  font-size: 12px;
}
.CodeMirror {
  height: 600px;
}
</style>
