zbcx_ckyc 1.0.0

package/src/plugins/app/modelmanagement/ModelCloudmap.vue

@@ -0,0 +1,69 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <div>
+    <img :src="params.imageData" style="width:7rem;height:6rem"/>
+    <div style="display:flex;align-items:center;justify-content:center;margin-top:0.1rem">
+      <cx-button class="is-text" :icon="CircleCheck" size="mini" type="primary" @click="downloadImage">下载云图</cx-button>
+      <cx-button class="is-text" :icon="Close" size="mini" type="plain" @click="onClose">取消</cx-button>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件: 云图显示
+ */
+import { CircleCheck, Close } from '@element-plus/icons-vue'
+
+export default {
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IExpBase],
+  data()
+  {
+    return {
+      CircleCheck,
+      Close
+    }
+  },
+
+  created()
+  {
+    console.log(this.params.imageData)
+  },
+
+  methods:
+  {
+    /**
+     * 下载云图
+     */
+    downloadImage()
+    {
+      let imageUrl = this.params.imageData
+      let fileName = '云图'
+
+      fetch(imageUrl)
+        .then(response => response.blob())
+        .then(blob =>
+        {
+          let url = window.URL.createObjectURL(blob)
+          let a = document.createElement('a')
+          a.href = url
+          a.download = fileName
+          document.body.appendChild(a)
+          a.click()
+          window.URL.revokeObjectURL(url)
+        })
+        .catch(error => console.error('下载失败', error))
+    },
+
+    /**
+     * 关闭弹窗
+     */
+    onClose()
+    {
+      this.close()
+    }
+  }
+}
+</script>

package/src/plugins/app/modelmanagement/ModelMst.vue

@@ -0,0 +1,60 @@
+<style lang="scss" scoped>
+  .main{display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden}
+</style>
+
+<template>
+  <div class="main">
+    <img id="zoom-image" :src="params.src">
+  </div>
+</template>
+
+<script>
+/**
+ * 组件: 模式图放大查看
+ */
+export default {
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IExpBase],
+  data()
+  {
+    return {
+    }
+  },
+
+  mounted()
+  {
+    this.setimgsj()
+  },
+
+  methods:
+  {
+    /**
+     * 设置图片缩放事件
+     */
+    setimgsj()
+    {
+      let image = document.getElementById('zoom-image')
+      let scale = 1 // 初始缩放比例
+      const scaleStep = 0.1 // 缩放步长
+      const maxScale = 3 // 最大缩放比例
+      const minScale = 0.3 // 最小缩放比例
+
+      // 监听鼠标滚轮事件
+      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})`
+      })
+    }
+  }
+}
+</script>

package/src/plugins/app/modelmanagement/ModelSy.vue

@@ -0,0 +1,173 @@
+<style lang='scss' scoped>
+  .demo-menupanel{position: relative; width: 8rem; left: 5.2rem; background-color: transparent !important;height: 100%;}
+  .home-cont {background-color: var(--cx-colorBg5);}
+  :deep(.cx-menuitem){width: auto !important;}
+  :deep(.cx-menufold .cx-menuitem.default){color: var(--cx-colorText6);}
+  :deep(.cx-menuitem .item-icon) {filter: brightness(100%);}
+  :deep(.cx-menufold, .cx-menufold .vertical-fold){ background: transparent;}
+  :deep(.cx-menufold .menufold-horizontal){display: flex;justify-content: center; background-color: transparent;height: 96%;}
+  :deep(.cx-menufold .el-menu-item.fold-item.is-active){background: linear-gradient(rgba(0, 111, 255, 0.1), rgb(0, 111, 255)) !important;}
+</style>
+
+<template>
+  <!-- 标签语义化：header、nav、main、article、aside、footer、section -->
+  <div class="home-page" ref="home_page">
+    <header class="home-head">
+      <head-nav :showMenu="false" :width='width' :name="params.grp">
+        <template v-slot:menu>
+          <cx-menu-fold ref="menuPanel" :elAtts="{mode: 'horizontal'}"  class="demo-menupanel" :menus="menus" :defActive="menus[0]" tintFont size="large" @menu-click="onMenuClick" ></cx-menu-fold>
+          <!-- <cx-menu-panel class="demo-menupanel" :menus="menus" :maxCols="1" tintFont size="large" @menu-click="onMenuClick"></cx-menu-panel> -->
+        </template>
+      </head-nav>
+    </header>
+    <section class="home-cont">
+      <router-view></router-view>
+    </section>
+  </div>
+  <cx-dialogs :plugName="plugName"></cx-dialogs>
+</template>
+
+<script>
+/**
+ * 组件名称: 数据中心主页面
+ * 功能说明:
+ *
+ * 参数说明:
+ * @prop  类型               参数名                          参数说明
+ *
+ * 事件说明:
+ * @event 事件名             参数解构                        事件和参数说明
+ *
+ * 插槽说明:
+ * @slot  插槽名             插槽prop解构                    插槽和prop说明
+ */
+
+/**
+ * 维护历史:
+ * 修改时间  人员      说明
+ */
+
+import HeadNav from '@/plugins/home/HeadNav.vue'
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { HeadNav },
+
+  data()
+  {
+    return {
+      menus: [],
+      dlgs: [],
+      activeKey: '',
+      attsProp: {
+        mode: 'horizontal'
+      },
+      width: '3rem'
+    }
+  },
+  
+  created()
+  {
+    this.init()
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+
+  },
+
+  // 销毁前
+  beforeUnmount()
+  {},
+
+  methods:
+  {
+    init()
+    {
+      let list = []
+      $g.init.func.forEach(func =>
+      {
+        if (func.grp === this.params.grp && func.target === 'menu')
+        {
+          let temp = Object.assign({}, func)
+          temp.children = $g.init.func.filter(el => el.grp === temp.name).map(el =>
+          {
+            return { ...el, title: cx.i18n.locAtt(cx.consts.SYSTAB, cx.consts.TAB_FUNC, el) }
+          })
+          temp.title = cx.i18n.locAtt(cx.consts.SYSTAB, cx.consts.TAB_FUNC, func)
+          list.push(temp)
+        }
+      })
+      this.menus = list
+    },
+
+    onMenuClick(evt)
+    {
+      // 通过key控制菜单选中后的样式变化
+      this.activeKey = evt.menu.plugin
+      $g.init.menu = evt.menu.plugin
+      
+      // if (evt.menu.namec === '数据管理')
+      //   return cx.base.showMsg('模块开发中', 'warning')
+      // 面包屑
+      cx.events.publish('reset-bread')
+      cx.events.publish('route-Change', { name: evt.menu.plugin, titlec: evt.menu.title })
+
+      if (evt.menu?.plugin)
+        cx.run.runPlug(evt.menu.plugin)
+      // this.autoClickMenu2()
+    },
+
+    // 自动选中大屏点击的菜单
+    autoClickMenu()
+    {
+      if (!this.activeKey)
+        return
+        
+      let func = cx.array.get1($g.init.func, { name: this.activeKey })
+      let funchtml = document.getElementsByClassName('cx-menuitem large menu-func')
+
+      for (let i = 0; i < funchtml.length; i++)
+      {
+        if (funchtml[i].childNodes[3].innerHTML === func.namec)
+          funchtml[i].click()
+      }
+    },
+
+    // 自动选菜单
+    autoClickMenu2()
+    {
+      // 自动选中第一个大菜单，再选中下面的第一个子菜单展示
+      setTimeout(() =>
+      {
+        const menuTitles = document.getElementsByClassName('el-sub-menu__title')
+        const menuItems = document.getElementsByClassName('el-menu-item fold-item')
+        // 协同办公不自动选中第一个菜单，首页通知消息跳转
+        if ($g.init.inform)
+        {
+          menuTitles[1].click()
+          if ($g.init.inform === 'TaskHandel')
+            menuItems[8].click()
+          else if ($g.init.inform === 'MyTask')
+            menuItems[6].click()
+          $g.init.inform = ''
+        }
+        else
+        {
+        // 协同办公不自动选中第一个菜单，存在待办跳转选中的情况
+          if ($g.init.menu === 'CollaOffice' && $g.init.taskNum)
+            $g.init.taskNum = false
+          else
+          {
+            if (menuTitles && menuTitles[0])
+              menuTitles[0].click()
+            if (menuItems && menuItems[0])
+              menuItems[0].click()
+          }
+        }
+      }, 500)
+    }
+  }
+}
+</script>

package/src/plugins/app/modelmanagement/ModelTp.vue

@@ -0,0 +1,51 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <div ref="chart" style="width: 100%;height: 100%;margin-top: 0.1rem;margin-bottom:0.1rem;">
+  </div>
+</template>
+
+<script>
+/**
+ * 组件: 知识图谱图
+ */
+import DrawGraph from './D3DrawGraph'
+
+export default {
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IExpBase],
+  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'
+    }
+  },
+
+  mounted()
+  {
+    this.getchar()
+  },
+
+  methods:
+  {
+    /**
+     * 绘制图谱
+     */
+    getchar()
+    {
+      if (!this.graphObj)
+        this.graphObj = new DrawGraph(this.$refs.chart)
+      else
+        this.graphObj.clearChart()
+      this.graphObj.setStrength(2000)
+      this.graphObj.drawChart(this.params.nodes, this.params.links)
+    }
+  }
+}
+</script>