zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/DataAnlyModel/Jctj/Plzft.vue

@@ -0,0 +1,154 @@
+<style lang='scss' scoped>
+  .mycharts {width: 100%; height: 50%;}
+</style>
+
+<template>
+  <div class="mycharts" ref="mycharts"></div>
+</template>
+
+<script>
+
+/**
+* 组件 - 基础统计分析 - 频率直方图分析结果展示
+*/
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import * as echarts from 'echarts'
+export default
+{
+  props:
+  {
+    datas: { type: Object, default: () => ({}) }
+  },
+  data()
+  {
+    return {
+    }
+  },
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {
+    datas:
+    {
+      deep: true,
+      handler(newData)
+      {
+        if (this.myChart)
+          this.setOpt(newData)
+      }
+    }
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+    this.myChart = null
+    this.initCharts()
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    initCharts()
+    {
+      this.myChart = echarts.init(this.$refs.mycharts)
+      this.setOpt(this.datas)
+    },
+
+    setOpt(datas)
+    {
+      let option = this.getOption(datas)
+      this.myChart.setOption(option)
+    },
+
+    getOption(datas)
+    {
+      let max = Math.max.apply(null, datas.y)
+      let interval = 10
+      if (datas.y.length)
+        interval = datas.y.length < 20 ? max / datas.y.length : max / 20
+      let option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: 'var(--cx-colorText5)'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        legend: {
+          data: ['数量', '数量']
+        },
+        xAxis: [
+          {
+            type: 'category',
+            data: datas.x,
+            axisPointer: {
+              type: 'shadow'
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            name: '数量',
+            min: 0,
+            max: max,
+            interval: interval,
+            axisLabel: {
+              formatter: '{value}'
+            }
+          },
+          {
+            type: 'value',
+            name: '数量',
+            min: 0,
+            max: max,
+            interval: interval,
+            axisLabel: {
+              formatter: '{value}'
+            }
+          }
+        ],
+        series: [
+          {
+            name: '数量',
+            type: 'bar',
+            tooltip: {
+              valueFormatter: function(value)
+              {
+                return value
+              }
+            },
+            data: datas.y
+          },
+    
+          {
+            name: '数量',
+            type: 'line',
+            yAxisIndex: 1,
+            tooltip: {
+              valueFormatter: function(value)
+              {
+                return value
+              }
+            },
+            data: datas.y
+          }
+        ]
+      }
+      return option
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Jctj.vue

@@ -0,0 +1,118 @@
+<style lang='scss' scoped>
+  .cust-border { width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; box-sizing: border-box; }
+  .imp-btn { position: absolute; right: 1%; top: 1%; }
+</style>
+
+<template>
+ <cx-layout padding>
+  <cx-region region="west" width="4.2rem" gutter>
+    <LeftForm :sfmk="sfmk" @ok-click="onOk"></LeftForm>
+  </cx-region>
+  <cx-region region="center" >
+    <RightContent @ok-click="onExportResult"  title="输出">
+      <cx-button class="imp-btn" @click="onExportResult">导出</cx-button>
+      <Plzft v-if="plzftdatas.x.length" :datas="plzftdatas"></Plzft>
+      <JctjjgTab ref="jctjjgtab" :datas="tabdatas"></JctjjgTab>
+    </RightContent>
+  </cx-region>
+ </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 数据分析模型-基础统计
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import LeftForm from '../coms/LeftForm'
+import RightContent from '../coms/RightContent'
+import JctjjgTab from './Jctj/JctjjgTab'
+import Plzft from './Jctj/Plzft'
+import Api from '../Api.js'
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  components: { LeftForm, RightContent, JctjjgTab, Plzft },
+  data()
+  {
+    return {
+      sfmk: { name: '基础统计', type: 'dataanly' },
+      tabdatas: {},
+      plzftdatas: {
+        x: [], y: []
+      }
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 表单确定回调
+     * @param {Object} form 表单数据
+     */
+    onOk(form)
+    {
+      this.tabdatas = {}
+      vm.$processing.show()
+      Api.baseanaly(form).then((res) =>
+      {
+        vm.$processing.close()
+        if (res.ret !== 0)
+          return this.$showMsg(res.msg, 'error')
+        this.tabdatas = res
+      }).catch((err) =>
+      {
+        this.onError(err)
+      })
+      Api.frepanaly(form).then((res) =>
+      {
+        vm.$processing.close()
+        if (res.ret !== 0)
+          return this.$showMsg(res.msg, 'error')
+        this.plzftdatas = res
+      }).catch((err) =>
+      {
+        this.onError(err)
+      })
+    },
+
+    /**
+     * 错误处理
+     * @param {Object} err 错误信息
+     */
+    onError(err)
+    {
+      vm.$processing.close()
+      this.$showRet(err)
+    },
+
+    /**
+     * 导出结果
+     */
+    onExportResult()
+    {
+      if (Object.keys(this.tabdatas).length)
+      {
+        let flds = this.$refs.jctjjgtab.flds
+        let columns = {}
+        flds.forEach(fld =>
+        {
+          columns[fld.colname] = fld.namec
+        })
+        let xls =
+        {
+          columns,
+          json: [this.tabdatas],
+          filename: '数据分析模型-基础统计'
+        }
+        cx.ExpExcel.exportToExcel(xls)
+      }
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Jlfx/JlfxImg.vue

@@ -0,0 +1,80 @@
+<style lang='scss' scoped>
+.imgs-cont {display: flex;position: relative;}
+.pic_dc{position: absolute;right: 0.5%;top: 1%;}
+</style>
+
+<template>
+  <div class="imgs-cont">
+    <el-icon v-if="url" class="pic_dc" @click="download"><Download /></el-icon>
+    <el-image v-if="url"
+    style="width: 6rem; height: 6rem; margin: auto;"
+      :src="url"
+      :preview-src-list="[url]"
+    />
+  </div>
+</template>
+
+<script>
+
+/**
+* 组件 - 基础统计分析 - 聚类分析结果图
+*/
+
+/**
+ * 修改记录:
+ * 24-05-21   张光辉      首次编写
+ */
+export default
+{
+  props:
+  {
+    datas: { type: Object, default: () => ({}) }
+  },
+  data()
+  {
+    return {
+      url: ''
+    }
+  },
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {
+    datas:
+    {
+      deep: true,
+      handler(newData)
+      {
+        if (newData.graph)
+          this.url = 'data:image/png;base64,' + newData.graph
+      }
+    }
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+    if (this.datas.graph)
+      this.url = 'data:image/png;base64,' + this.datas.graph
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    // 导出图片
+    download()
+    {
+      if (this.url)
+      {
+        let a = document.createElement('a')
+        a.href = this.url
+        a.download = `分析结果.png`
+        a.style.display = 'none'
+        document.body.appendChild(a)
+        a.click()
+        a.remove()
+      }
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Jlfx.vue

@@ -0,0 +1,91 @@
+<style lang='scss' scoped>
+  .cust-border { width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; box-sizing: border-box; }
+</style>
+
+<template>
+ <cx-layout padding>
+  <cx-region region="west" width="4.2rem" gutter>
+    <LeftForm :sfmk="sfmk" @ok-click="onOk"></LeftForm>
+  </cx-region>
+  <cx-region region="center" >
+    <RightContent @ok-click="onExportResult"  title="输出">
+      <JlfxImgVue :datas="datas"></JlfxImgVue>
+    </RightContent>
+  </cx-region>
+ </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 数据分析模型-聚类分析
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import LeftForm from '../coms/LeftForm'
+import RightContent from '../coms/RightContent'
+import Api from '../Api.js'
+import JlfxImgVue from './Jlfx/JlfxImg.vue'
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  components: { LeftForm, RightContent, JlfxImgVue },
+  data()
+  {
+    return {
+      sfmk: { name: '聚类分析', type: 'dataanly' },
+      datas: {}
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 表单确定回调
+     * @param {Object} form 表单数据
+     */
+    onOk(form)
+    {
+      if (form.cols.length <= 1)
+        return this.$showMsg('至少选择两个分析字段', 'warning')
+      this.datas = {}
+      vm.$processing.show()
+      let { method, orientation } = form
+      Api.cluster({ ...form, param: { method, orientation } }).then((res) =>
+      {
+        vm.$processing.close()
+        if (res.msg && res.msg.indexOf('Usecols do not match columns') !== -1)
+          return this.$showMsg('请检查数据源是否相同', 'error')
+        if (res.ret !== 0)
+          return this.$showMsg(res.msg, 'error')
+        this.datas = res
+      }).catch((err) =>
+      {
+        vm.$processing.close()
+        this.$showRet(err)
+      })
+    },
+
+    /**
+     * 导出结果
+     */
+    onExportResult()
+    {
+      if (this.datas.graph)
+      {
+        let a = document.createElement('a')
+        a.href = 'data:image/png;base64,' + this.datas.graph
+        a.download = `数据分析模型-聚类分析.png`
+        a.style.display = 'none'
+        document.body.appendChild(a)
+        a.click()
+        a.remove()
+      }
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/PCAfx/PcaTab.vue

@@ -0,0 +1,161 @@
+<style lang='scss' scoped>
+
+</style>
+
+<template>
+  <div v-if="tabdatas.length">
+    <cx-fold
+      :size="size"
+      v-for="(item, index) in tabdatas" :key="index"
+      :folded="item.folded"
+      :title="item.title"
+      @fold-change="onFoldClick(item)">
+      <cx-data-grid
+        :datagrid="item.param"
+        @pagesize-change="(pagesize) => onPagesizeChange(pagesize, item)"
+        @page-change="(currentPage) => onPageChange(currentPage, item)"
+      />
+    </cx-fold>
+  </div>
+</template>
+
+<script>
+
+/**
+* 组件 - 基础分析 - PCA分析结果表格展示
+*/
+
+/**
+* 修改记录:
+ * 24-05-21   张光辉      首次编写
+*/
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    datas: { type: Object, default: () => ({}) }
+  },
+  data()
+  {
+    return {
+      tabdatas: [],
+      titles:
+      [
+        { colname: 'covariance', namec: '协方差矩阵表' },
+        { colname: 'eigenvalue', namec: '特征值表' },
+        { colname: 'eigenvectors', namec: '特征向量表' },
+        { colname: 'component', namec: '主成分分析表' },
+        { colname: 'pcascores', namec: '主成分得分表' },
+        { colname: 'tabel', namec: '证据权重' }
+      ]
+    }
+  },
+
+  watch:
+  {
+    datas:
+    {
+      deep: true,
+      handler(newData)
+      {
+        this.makeTabDatas()
+      }
+    }
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+    this.makeTabDatas()
+  },
+
+  // 销毁前
+  beforeUnmount()
+  {},
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    makeTabDatas()
+    {
+      for (let key in this.datas)
+      {
+        if (key === 'ret')
+          break
+        this.tabdatas.push(
+          {
+            title: this.getTitle(key),
+            param: this.getParam(this.datas[key], key),
+            key,
+            folded: false
+          }
+        )
+      }
+    },
+
+    getTitle(key)
+    {
+      let title = this.titles.find(item => item.colname === key)
+      if (title)
+        return title.namec
+      else
+        return ''
+    },
+
+    getParam(data, key)
+    {
+      let cols = [], list = []
+      for (let k in data[0])
+      {
+        cols.push({
+          colname: k,
+          align: 'center',
+          title: k,
+          visible: 1
+        })
+      }
+      let param =
+      {
+        table: { cols, list },
+        pages: true,
+        page: { total: data.length, currentPage: 1, pageSize: cx.consts.PAGE_SIZE, pageSizes: cx.consts.PAGE_SIZES, layout: 'total, sizes, prev, pager, next, jumper' },
+        param:
+        {
+          showExp: true
+        }
+      }
+      this.onPageChange(1, { param, key })
+      return param
+    },
+
+
+    // 折叠事件
+    onFoldClick(item)
+    {
+      item.folded = !item.folded
+    },
+
+    // 每页数据量发生变化
+    onPagesizeChange(pagesize, item)
+    {
+      item.param.page.pageSize = pagesize
+      item.param.page.currentPage = 1
+      this.onPageChange(1, item)
+    },
+    
+    // 当前页发生变化
+    onPageChange(currentPage, item)
+    {
+      item.param.page.currentPage = currentPage
+      let pagesize = item.param.page.pageSize
+      const allData = this.datas[item.key]
+      // 分页的起始下标
+      const startIndex = (currentPage - 1) * pagesize
+      // 分页的末尾下标
+      const endIndex = currentPage * pagesize
+      item.param.table.list = allData.slice(startIndex, endIndex)
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/PCAfx.vue

@@ -0,0 +1,101 @@
+<style lang='scss' scoped>
+  .cust-border { width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; box-sizing: border-box; }
+  .imp-btn { position: absolute; right: 1%; top: 1%; }
+</style>
+
+<template>
+ <cx-layout padding>
+  <cx-region region="west" width="4.2rem" gutter>
+    <LeftForm :sfmk="sfmk" @ok-click="onOk"></LeftForm>
+  </cx-region>
+  <cx-region region="center" >
+    <RightContent @ok-click="onExportResult"  title="输出">
+      <cx-button class="imp-btn" @click="onExportResult">导出</cx-button>
+      <PcaTab ref="pcatab" :datas="datas"></PcaTab>
+    </RightContent>
+  </cx-region>
+ </cx-layout>
+</template>
+
+<script>
+/**
+ * 插件 - 数据分析模型-PCA分析
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import LeftForm from '../coms/LeftForm'
+import RightContent from '../coms/RightContent'
+import PcaTab from './PCAfx/PcaTab'
+import Api from '../Api.js'
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  components: { LeftForm, RightContent, PcaTab },
+  data()
+  {
+    return {
+      sfmk: { name: 'PCA分析', type: 'dataanly' },
+      datas: {}
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 表单确定回调
+     * @param {Object} form 表单数据
+     */
+    onOk(form)
+    {
+      Api.pcaanaly(form).then((res) =>
+      {
+        if (res.msg && res.msg.indexOf('Usecols do not match columns') !== -1)
+          return this.$showMsg('请检查数据源是否相同', 'error')
+        if (res.ret !== 0)
+          return this.$showMsg(res.msg, 'error')
+        this.datas = res
+      }).catch((err) =>
+      {
+        this.$showRet(err)
+      })
+    },
+
+    /**
+     * 导出结果
+     */
+    onExportResult()
+    {
+      if (this.datas.ret === 0)
+      {
+        let pcatab = this.$refs.pcatab
+        let param =
+        {
+          columns: {},
+          json: {},
+          sheets: {},
+          filename: '数据分析模型-PCA分析'
+        }
+        for (let key in this.datas)
+        {
+          if (key !== 'ret')
+          {
+            param.sheets[key] = pcatab.getTitle(key)
+            param.columns[key] = {}
+            let flds = Object.keys(this.datas[key][0])
+            flds.forEach(fld =>
+            {
+              param.columns[key][fld] = fld
+            })
+            param.json[key] = this.datas[key]
+          }
+        }
+        cx.ExpExcel.exportToSheets(param)
+      }
+    }
+  }
+}
+</script>