zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/intellPred/coms/MineralGo.vue

@@ -0,0 +1,249 @@
+ <style lang="scss" scoped>
+ .contain_body{width:100%; height: 100%;padding: 1%;background: var(--cx-colorBg5);
+   .contain_head{position:relative;display: flex;align-items: center;justify-content: center;height: 8%; padding: 0.1rem 0.25rem;overflow: hidden;border-radius: 0.08rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0; border: 0.01rem solid var(--cx-colorBorder1); box-shadow: .02rem .02rem .04rem 0rem rgba(240, 240, 240, 0.4), -.02rem -.02rem .04rem 0rem rgba(240, 240, 240, 0.4);
+    .back{position:absolute;left:0.15rem;width: 80px; height: 0.32rem;}
+    .yt{position:absolute;left:1.1rem;width: 80px; height: 0.32rem;}
+  }
+   .contain_nr{display: flex;flex-wrap: wrap;align-content: flex-start;height: 92%;width: 100%;background-color:var(--cx-colorBg5);overflow-y: scroll;padding-left: 0.2rem;border: 0.01rem solid var(--cx-colorBorder1); box-shadow: .02rem .02rem .04rem 0rem rgba(240, 240, 240, 0.4), -.02rem -.02rem .04rem 0rem rgba(240, 240, 240, 0.4);border-bottom-left-radius: 0.1rem;border-bottom-right-radius: 0.1rem;
+     .nr_left{display: flex;overflow-y:scroll;flex-direction: column;padding-top:0.1rem;padding-right: 0.2rem;line-height: 0.3rem;height: 100%;width: 20%;}
+     .nr_center{height: 100%;width: 40%;padding-top:0.1rem;padding-left: 0.1rem;padding-right: 0.2rem;}
+     .nr_right{height: 100%;width: 40%;padding-top:0.1rem;
+      .thebg{height: 95%;width: 100%;overflow: scroll;margin-top: 0.1rem;}
+    }
+  }
+ }
+ .name{font-weight: 600;}
+ table {width: 100%;border-collapse: collapse;border: 1px solid var(--cx-colorBorder1);}
+ th, td { padding: 8px;border: 1px solid var(--cx-colorBorder1);text-align: center;}
+ th {background-color: var(--cx-colorTable0);}
+
+</style>
+<template>
+  <div class="contain_body">
+   <header class="contain_head">
+     <cx-button @click="back" icon="cx-fi ic-back" class="back">返回</cx-button>
+     <cx-button @click="createCloud" class="yt">云图</cx-button>
+     <span class="name">{{obj.kc_name}}</span>
+   </header>
+   <section class="contain_nr">
+    <div class="nr_left">
+      <el-tree
+        class="filter-tree"
+        highlight-current
+        :data="dataTree"
+        node-key="id"
+        :props="defaultProps"
+        default-expand-all
+        @node-click = "nodeclick"
+        :filter-node-method="filterNode"
+        :current-node-key="currentNodeKey"
+        ref="tree">
+      </el-tree>
+    </div>
+    <div class="nr_center">
+      <span class="name">知识图谱</span>
+      <div ref="chart" style="position:relative;width: 100%;height: 50%;margin-top: 0.1rem;margin-bottom:0.1rem;border: 1px solid var(--cx-colorBorder1);">
+        <cx-button @click="zstp" icon="cx-fi ic-zoomIn" style="position:absolute;right:0.1rem;top:0.1rem;">放大</cx-button>
+      </div>
+      <span class="name" style="margin-top:0.1rem;">模式图</span>
+      <div style="position:relative;display:flex;align-items:center;justify-content: center;overflow:hidden;width: 100%;height: 38%;margin-top: 0.1rem;border: 1px solid var(--cx-colorBorder1);">
+        <cx-button @click="mst" icon="cx-fi ic-zoomIn" style="position:absolute;right:0.1rem;top:0.1rem;z-index:1">放大</cx-button>
+        <img id="image" :src="obj.src" alt="" style="max-height: 3rem;max-width:4rem;">
+      </div>
+    </div>
+    <div class="nr_right">
+      <span class="name">模式表</span>
+      <div class="thebg">
+        <table>
+          <tr v-for="(obj, thekey) in tablesj" :key="obj">
+            <td style = "width: 0.9rem;font-weight: 600;">{{thekey}}</td>
+            <table>
+                <tr v-for="(item, key2) in obj" :key="item">
+                  <td style = "width: 0.9rem;font-weight: 600;">{{key2}}</td>
+                  <td>{{item.join(',')}}</td>
+                </tr>
+            </table>
+          </tr>
+        </table>
+        <span style="position: relative;top: 50%;left:50%;transform:translate(-50%,-50%);" v-if="!(tablesj)">暂无数据</span>
+      </div>
+    </div>
+   </section>
+  </div>
+</template>
+<script>
+import axios from 'axios'
+import DrawGraph from './D3DrawGraph'
+export default {
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      severurl: 'znycpjSvr/knowgraph/neo4j/querynode',
+      defurl: 'znycpjSvr/knowgraph/neo4j/querylabelnode',
+      cloudurl: 'znycpjSvr/knowgraph/cloud/createbyknowgraph',
+      database: 'audeposit',
+      url: 'bolt://192.168.2.225:7687',
+      user: 'neo4j',
+      password: 'zbcx.123456',
+      tablesj: '',
+      links: '',
+      obj: {},
+      dataTree: [],
+      defaultProps: {
+        label: 'kc_name'
+      }
+    }
+  },
+
+  created()
+  {
+    this.obj = this.params.objList ? this.params.objList[0] : {}
+    this.dataTree = this.params.objList
+  },
+
+  mounted()
+  {
+    this.init()
+  },
+
+  unmounted()
+  {
+  },
+
+  methods:
+  {
+    nodeclick(data)
+    {
+      this.obj = data
+      this.init()
+    },
+    init()
+    {
+      cx.svr.data.query(window.$app.TabConst.model_graphdb.major, window.$app.TabConst.model_graphdb.minor, { args: [['id', '>', 0, null]] }).then(data =>
+      {
+        data.forEach(item =>
+        {
+          if (item.name === this.obj.gltp)
+          {
+            this.database = item.database_
+            this.password = item.password
+            this.url = item.url
+            this.user = item.user_
+          }
+        })
+        this.gettablesj()
+        this.initNodes()
+      })
+      this.setimgsj()
+    },
+    setimgsj()
+    {
+      let image = document.getElementById('image')
+      let scale = 1 // 初始缩放比例
+      const scaleStep = 0.1 // 缩放步长
+      const maxScale = 3 // 最大缩放比例
+      const minScale = 0.5 // 最小缩放比例
+
+      // 监听鼠标滚轮事件
+      image.addEventListener('wheel', function(e)
+      {
+        e.preventDefault() // 阻止默认的滚轮事件
+
+        // 根据滚动方向调整缩放比例
+        if (e.deltaY < 0)
+          // 向上滚动，放大图片
+          scale = Math.min(scale + scaleStep, maxScale)
+        else
+          // 向下滚动，缩小图片
+          scale = Math.max(scale - scaleStep, minScale)
+
+        // 应用缩放变换
+        image.style.transform = `scale(${scale})`
+      })
+    },
+
+    back()
+    {
+      cx.run.runPlug('intellPred')
+    },
+
+    initNodes()
+    {
+      axios
+        .post(this.severurl, { node: this.obj.kc_name, database: this.database, url: this.url, user: this.user, password: this.password, searchtype: 'similar', label: '矿床' })
+        .then((response) =>
+        {
+          const data = response.data
+          const nodes = data.nodes
+          const links = data.links
+          this.links = data.links
+          this.nodes = data.nodes
+          if (!this.graphObj)
+            this.graphObj = new DrawGraph(this.$refs.chart)
+          else
+            this.graphObj.clearChart()
+
+          this.graphObj.setStrength(2000)
+          this.graphObj.drawChart(nodes, links)
+        })
+        .catch((error) =>
+        {
+          console.error(error)
+        })
+    },
+
+    // 知识图谱图放大
+    zstp()
+    {
+      cx.run.runPlug('ModelTp', { nodes: this.nodes, links: this.links, kc_name: this.obj.kc_name }, { uicfg: { width: 0.8, height: 0.8, modal: 1 }, container: 'Home' })
+    },
+
+    // 模式图放大
+    mst()
+    {
+      cx.run.runPlug('ModelMst', { src: this.obj.src }, { uicfg: { width: 0.8, height: 0.8, modal: 1 }, container: 'Home' })
+    },
+
+    createCloud()
+    {
+      if (!this.graphObj)
+        return
+      const word1 = this.graphObj.getAllNode()
+      const word2 = this.graphObj.getLinkData()
+      const word = word1.concat(word2)
+
+      const backgroud = 'background'
+      axios
+        .post(this.cloudurl, { word, backgroud })
+        .then((response) =>
+        {
+          const data = response.data
+          const imageData = this.getImageSrc(data.graph)
+          console.log(imageData)
+          cx.run.runPlug('ModelCloudmap', { imageData: imageData }, { container: 'Home' })
+        })
+        .catch((error) =>
+        {
+          console.error(error)
+        })
+    },
+
+    getImageSrc(data)
+    {
+      return `data:image/png;base64,${data}`
+    },
+
+    gettablesj()
+    {
+      axios
+        .post('znycpjSvr/knowgraph/neo4j/gettablebynode', { node: this.obj.kc_name, database: this.database, url: this.url, user: this.user, password: this.password })
+        .then(data =>
+        {
+          if (data.data.ret == 0)
+            this.tablesj = data.data.table
+        })
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/intellPred/coms/ModelCard.vue

@@ -0,0 +1,298 @@
+<style lang='scss' scoped>
+  .model_card{width: 5.2rem;height: 3rem;margin: 0.1rem;border-radius:0.1rem ;box-shadow:0 0 0.1rem 0 rgba(0, 0, 0, 0.1)  ;}
+  .title_box{margin-left:0.15rem ;font-weight: 600;}
+  .card1{margin-top: 20%;}
+  .changeColor{color: var(--cx-colorPrimary4);}
+  .fbColor{color: var(--cx-colorSuccess2);}
+  .wfbColor{color: var(--cx-colorWarning2);}
+</style>
+
+<template>
+  <cx-layout :size="size"  class="model_card">
+    <cx-region height="86%" region="north">
+      <cx-layout :size="size" padding>
+        <cx-region width="94%" region="center" style="background: transparent; overflow: hidden;">
+          <el-image style="width: 100%;height: 100%;"  :fit="fit" :src="imgSrc"></el-image>
+        </cx-region>
+        <cx-region width="6%" region="east" style="display: flex;flex-direction: column;align-items: center;justify-content: start;">
+          <el-checkbox v-if="!isGGmx" v-model="checkType"></el-checkbox>
+          <el-tooltip  effect="dark" content="查看" placement="left">
+            <el-icon class="card1" @click="viewModel"><View /></el-icon>
+          </el-tooltip>
+          <el-tooltip  effect="dark" v-if="!isGGmx" content="编辑" placement="left">
+            <el-icon class="card card1" @click="editModel"><EditPen /></el-icon>
+          </el-tooltip>
+          <el-tooltip  effect="dark" v-if="!isGGmx" content="发布" placement="left">
+            <el-icon class="card card1" :class="isFb?'changeColor':''" @click="publishModel"><Promotion /></el-icon>
+          </el-tooltip>
+          <el-tooltip  effect="dark" v-if="!isGGmx" content="删除" placement="left">
+            <el-icon class="card card1" @click="deleteModel"><Delete /></el-icon>
+          </el-tooltip>
+          <el-tooltip  effect="dark" v-if="isGGmx" content="模型说明" placement="left">
+            <el-icon class="card card1" @click="ModelSpecif"><Memo /></el-icon>
+          </el-tooltip>
+          <!-- <el-tooltip  effect="dark" v-if="isGGmx" content="矿床成矿" placement="left">
+            <el-icon class="card card1" @click="KcckRun"><DataLine /></el-icon>
+          </el-tooltip> -->
+        </cx-region>
+      </cx-layout>
+    </cx-region>
+    <cx-region height="12%" region="south">
+     <span  v-if="!isGGmx" :class="isFb?'fbColor':'wfbColor'"><span style="font-size: 0.25rem; margin-left: 0.1rem;">•</span> {{isFb?'已发布':'未发布'}}</span>
+     <span class="title_box">{{cardData.name}}</span>
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+/**
+ * 组件名称: 智能成矿预测
+ * 功能说明:
+ *
+ * 参数说明:
+ * @prop  类型               参数名                          参数说明
+ *
+ * 事件说明:
+ * @event 事件名             参数解构                        事件和参数说明
+ *
+ * 插槽说明:
+ * @slot  插槽名             插槽prop解构                    插槽和prop说明
+ */
+
+/**
+ * 维护历史:
+ * 修改时间  人员      说明
+ */
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+
+  props: {
+    cardData: { type: Object },
+    isGGmx: { type: Boolean }
+  },
+
+  data()
+  {
+    return {
+      checkType: false,
+      imgSrc: '',
+      isFb: false
+    }
+  },
+
+  created()
+  {
+    let str = this.cardData.memo ? JSON.parse(this.cardData.memo) : ''
+    this.imgSrc = str ? str.imgUrl : null
+    this.isFb = str.isFb == '已发布' ? true : false
+  },
+
+  methods: {
+    /**
+     * 获取当前默认数据集
+     */
+    /**
+     * getMrSjj
+     */
+    /**
+     * getMrSjj
+     */
+    /**
+     * getMrSjj
+     */
+    /**
+     * getMrSjj
+     */
+    getMrSjj()
+    {
+      return cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] })
+    },
+
+    /**
+     * 查看模型
+     */
+    /**
+     * viewModel
+     */
+    /**
+     * viewModel
+     */
+    /**
+     * viewModel
+     */
+    /**
+     * viewModel
+     */
+    viewModel()
+    {
+      this.getMrSjj().then((res) =>
+      {
+        if (res && res.length)
+          cx.run.runPlug('BiFlow', { bfData: this.cardData, dirid: this.cardData.dirid, flowName: this.cardData.name, data: [{ xmin: res[0].xmin1, xmax: res[0].xmax1, ymin: res[0].ymin1, ymax: res[0].ymax1, step: res[0].defprecision }] })
+        else
+          cx.run.runPlug('BiFlow', { bfData: this.cardData, dirid: this.cardData.dirid, flowName: this.cardData.name, data: [{ xmin: null, xmax: null, ymin: null, ymax: null, step: null }] })
+      }).catch(() =>
+      {
+
+      })
+    },
+
+    /**
+     * 删除模型
+     */
+    /**
+     * deleteModel
+     */
+    /**
+     * deleteModel
+     */
+    /**
+     * deleteModel
+     */
+    /**
+     * deleteModel
+     */
+    deleteModel()
+    {
+      cx.svr.data.dels(cx.consts.SYSTAB, cx.consts.TAB_BFFLOW, this.cardData.id).then(ret =>
+      {
+        this.$showMsg('删除成功', 'success')
+        cx.events.publish('refresh')
+      }).catch(() =>
+      {
+        this.$showMsg('删除失败', 'error')
+      })
+    },
+
+    /**
+     * 发布模型
+     */
+    /**
+     * publishModel
+     */
+    /**
+     * publishModel
+     */
+    /**
+     * publishModel
+     */
+    /**
+     * publishModel
+     */
+    publishModel()
+    {
+      let str = JSON.parse(this.cardData.memo)
+      let data = {
+        isFb: str.isFb ? '' : '已发布',
+        kcId: str.kcId,
+        mxsm: str.mxsm,
+        imgUrl: str ? str.imgUrl : ''
+      }
+      let att = {
+        id: this.cardData.id,
+        memo: JSON.stringify(data)
+      }
+      cx.svr.data.update(cx.consts.SYSTAB, cx.consts.TAB_BFFLOW, att).then(data =>
+      {
+        str.isFb ? this.$showMsg('取消发布成功', 'success') : this.$showMsg('发布成功', 'success')
+        cx.events.publish('refresh')
+      }).catch(this.onError)
+    },
+
+    /**
+     * 模型说明
+     */
+    /**
+     * ModelSpecif
+     */
+    /**
+     * ModelSpecif
+     */
+    /**
+     * ModelSpecif
+     */
+    /**
+     * ModelSpecif
+     */
+    ModelSpecif()
+    {
+      let str = this.cardData.memo ? JSON.parse(this.cardData.memo) : ''
+      let textarea = str ? str.mxsm : null
+      cx.run.runPlug('ModelSpecif', { data: textarea })
+    },
+
+    /**
+     * 编辑模型
+     */
+    /**
+     * editModel
+     */
+    /**
+     * editModel
+     */
+    /**
+     * editModel
+     */
+    /**
+     * editModel
+     */
+    editModel()
+    {
+      cx.run.runPlug('ModelEdit', {
+        cardData: this.cardData,
+        onOk: () =>
+        {
+          cx.events.publish('refresh')
+        }
+      })
+    },
+
+    /**
+     * 矿床成矿
+     */
+    /**
+     * KcckRun
+     */
+    /**
+     * KcckRun
+     */
+    /**
+     * KcckRun
+     */
+    /**
+     * KcckRun
+     */
+    KcckRun()
+    {
+      let str = this.cardData.memo ? JSON.parse(this.cardData.memo) : ''
+      let kcId = str ? str.kcId : null
+      if (!kcId)
+        return this.$showMsg('未绑定矿床数据', 'warning')
+
+      
+      cx.svr.data.query(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, { args: [['glid', '=', kcId, null]], orderby: 'glid ASC' }).then(ret =>
+      {
+        cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA,
+          {
+            args: [['entityid', 'in', ret.map(el => el.id).toString(), null],
+              ['major', '=', window.$app.TabConst.kcmxb.major, 'and'],
+              ['minor', '=', window.$app.TabConst.kcmxb.minor, 'and']]
+          }).then(fjsj =>
+        {
+          ret.forEach(thedata =>
+          {
+            let img = fjsj.find(item => item.entityid === thedata.id && item.bustype === '2')
+            if (img)
+            {
+              thedata.src = cx.svr.doc.stream({ id: img.id })
+              thedata.srcId = img.id
+            }
+          })
+          cx.run.runPlug('MineralGo', { objList: ret })
+        })
+      })
+    }
+  }
+}
+</script>