zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/CusTools/Zngjj.vue

@@ -0,0 +1,105 @@
+<style lang='scss' scoped>
+  .tool-name{width: 24%;
+    .el-input{width: 70%;}
+  }
+  .tool-btn{text-align: right;}
+  .table-box{width: 3.47rem; height: 1.8rem; display: inline-block; position: relative; margin-right: 0.1rem; margin-left: 0.1rem; margin-bottom: 0.15rem; border: 1px solid var(--cx-colorBorder1); border-radius: 0.1rem; box-shadow: var(--cx-boxShadow5); padding: 0.2rem;
+    .table-title{widows: 100%; font-size: 0.2rem; font-weight: 600;}
+    .table-content{width: 100%; height: 0.895rem; font-size: 0.16rem; color: var(--cx-colorText5); margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
+    .table-btn{position: absolute; bottom: 0.15rem; right: 0.15rem;}
+  }
+</style>
+
+<template>
+  <cx-layout ref="zngjj">
+    <cx-region region="north" style="width: 100%; display: flex; justify-content: left; align-items: center;">
+      <div class="tool-name">工具名称：<el-input v-model="toolName" placeholder="请输入"></el-input></div>
+      <div class="tool-btn">
+        <el-button type="primary" @click="getTabData(true)">查询</el-button>
+        <el-button @click="onCancel">重置</el-button>
+      </div>
+    </cx-region>
+    <cx-region region="center" style="width: 100%; height: 80%; margin: auto; margin-top: 0.2rem; overflow: auto;">
+      <div class="table-box" v-for="item in tableData" :key="item.id">
+        <div class="table-title">{{item.namec}}</div>
+        <div class="table-content">
+          {{item.describle}}
+        </div>
+        <el-button class="table-btn" type="primary" @click="useTool(item)">使用工具</el-button>
+      </div>
+    </cx-region>
+    <cx-region region="south" style="width: 100%; height: 6%;">
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+/**
+ * 插件 - 智能工具集
+ */
+
+/**
+ * 修改记录:
+ * 25-04-14   黄佳龙      首次编写
+ */
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+
+  data()
+  {
+    return {
+      toolName: '',
+      tableData: [
+      ]
+    }
+  },
+  
+  created()
+  {
+    this.getTabData()
+  },
+
+  methods:
+  {
+    /**
+     * 获取数据
+     * @param {Boolean} isfilter 是否过滤
+     */
+    getTabData(isfilter)
+    {
+      let args = [['state', '=', 1, null]]
+      if (isfilter && this.toolName)
+        args = [['state', '=', 1, null], ['namec', 'like', `%${this.toolName}%`, 'and']]
+      cx.svr.data.query($app.TabConst.zdygjsxb.major, $app.TabConst.zdygjsxb.minor, { args: args })
+        .then((res) =>
+        {
+          this.tableData = res
+        })
+        .catch(err =>
+        {
+          this.onError(err)
+        })
+    },
+
+    /**
+     * 取消
+     */
+    onCancel()
+    {
+      this.toolName = ''
+      this.getTabData()
+    },
+
+    /**
+     * 使用工具
+     * @param {Object} item 工具数据
+     */
+    useTool(item)
+    {
+      cx.run.runPlug('GjForm', item)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,134 @@
+<style lang='scss' scoped>
+  :deep(.cx-tabs) {height: 100%;}
+  :deep(.cx-tabs .pane-body) {height: 100%;}
+  :deep(.cx-datagrid) {height: 100%;}
+  :deep(.el-tabs__content){padding-top: 0.1rem;width: 98.8%;margin: auto;box-sizing: border-box;}
+  :deep(.cx-gridpage){height: 0.4rem;}
+  .btn_sm{position: absolute;right: 0.5%;top: -6.8%;z-index: 99;}
+</style>
+
+<template>
+  <el-popover
+   placement="right"
+   width="600"
+   trigger="click">
+    <p style="white-space: pre-wrap;"  v-html="smData"></p>
+    <template #reference>
+      <el-button class="btn_sm" type="primary">功能说明</el-button>
+    </template>
+  </el-popover>
+  <cx-tabs
+    ref="tabs"
+    :size="size"
+    v-bind="param"
+    @click="onSelect"
+  />
+</template>
+
+<script>
+
+/**
+* 插件 - 数据分析模型
+*/
+
+/**
+* 修改记录:
+* 24-05-15   姓名      修改内容
+*/
+import Jctj from './Jctj.vue'
+import Qqt from './Qqt.vue'
+import Hgfx from './Hgfx.vue'
+import Xgxfx from './Xgxfx.vue'
+import Jlfx from './Jlfx.vue'
+import PCAfx from './PCAfx.vue'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      param:
+      {
+        type: 'plain',
+        container: '',
+        allRender: false,
+        tabs:
+        [
+          { name: 'yssjj', title: '基础统计分析', modDef: { url: '', com: Jctj }, selected: true, closable: false },
+          { name: 'Qqt', title: 'QQ/PP图', modDef: { url: '', com: Qqt }, selected: false, closable: false },
+          { name: 'Hgfx', title: '回归分析', modDef: { url: '', com: Hgfx }, selected: false, closable: false },
+          { name: 'Xgxfx', title: '相关性分析', modDef: { url: '', com: Xgxfx }, selected: false, closable: false },
+          { name: 'Jlfx', title: '聚类分析', modDef: { url: '', com: Jlfx }, selected: false, closable: false },
+          { name: 'PCAfx', title: 'PCA分析', modDef: { url: '', com: PCAfx }, selected: false, closable: false }
+        ]
+      },
+      smDataList: [
+        '基础统计分析\n【是对数据的基本特征进行描述和分析,包括数据的中心趋势、离散程度、分布形状等。】\n\n 统计对象\n【选择进行数据分析的对象。】\n\n 频率组数\n【频率分布分析时，将数据按照一定的范围划分为若干个小组的数量。确定组数的多少取决于数据集的大小、数据的特性以及分析的目的，可用经验公式K=1+3.3lgN，其中 K为组数，N为数据集内样本的个数。】\n\n 统计方式\n【进行基础统计分析的数据类型，包括原始数据和对数化数据】',
+        'QQ/PP图\n【P-P图是以样本的累计频率作为横坐标，以按照正态分布计算的相应累计概率作为纵坐标，以样本值表现为直角坐标系的散点。Q-Q图以样本的分位数作为横坐标，以按照正态分布计算的相应分位点作为纵坐标，把样本表现为直角坐标系的散点。二者可以对数据进行正态分布的检验】',
+        '回归分析\n【确定两种或两种以上变量间相互依赖的定量关系的一种统计分析方法。】\n\n自变量\n【用于预测或解释因变量的变量，在y=f(x)方程中自变量是x】\n\n因变量\n【被预测或被解释的变量，在y=f(x)方程中自变量是y】',
+        '相关性分析\n【对两个或多个具备相关性的变量元素进行分析，从而衡量两个变量因素的相关密切程度】',
+        '聚类分析\n【把样本或者变量根据度量相似程度的聚类统计量划分成不同的组别】\n\n分析字段\n聚类分析的变量或者样本对象】\n\n链接策略\n【决定如何合并聚类的方法】\n\n单个\n【single linkage，最近邻方法，即将两个组合中距离最近的两个数据点间的距离作为这两个组合数据点的距离。】\n\n全部\n【complete linkage，最远邻方法，即将两个组合中距离最远的两个数据点间的距离作为这两个组合数据点的距离。】\n\n平均\n【average linkage，即将计算两个组合中每个数据点与所有数据点的距离，将所有距离的均值作为两个组合数据点间的距离。】\n\n加权\n【weighted linkage，即将两个组合中数据点间的加权距离作为这两个组合数据点的距离。】\n\n方向\n【聚类谱系图的方向】',
+        'PCA分析\n多个变量转化为少数几个综合指标（主成分），每个主成分都是原始变量的线性组合，彼此独立，能够保留原始数据的绝大部分信息‌‌】'
+      ],
+      smData: ''
+    }
+  },
+
+  created()
+  {
+    this.smData = this.smDataList[0]
+  },
+
+  // 计算属性，依赖其他数据数字计算
+  computed:
+  {},
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {},
+
+  // 组件dom挂载成功
+  mounted()
+  {},
+
+  // 销毁前
+  beforeUnmount()
+  {},
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 选择tab
+     * @param {Object} data 数据
+     */
+    onSelect(data)
+    {
+      switch (data.curTab.title)
+      {
+      case '基础统计分析':
+        this.smData = this.smDataList[0]
+        break
+      case 'QQ/PP图':
+        this.smData = this.smDataList[1]
+        break
+      case '回归分析':
+        this.smData = this.smDataList[2]
+        break
+      case '相关性分析':
+        this.smData = this.smDataList[3]
+        break
+      case '聚类分析':
+        this.smData = this.smDataList[4]
+        break
+      case 'PCA分析':
+        this.smData = this.smDataList[5]
+        break
+      default:
+        return null
+      }
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Hgfx/HgfxEcharts.vue

@@ -0,0 +1,98 @@
+<style lang='scss' scoped>
+  .mycharts {width: 100%; height: 50%;}
+</style>
+
+<template>
+  <div class="mycharts" ref="mycharts"></div>
+</template>
+
+<script>
+
+/**
+* 组件 - 基础统计分析 - 回归分析图
+*/
+
+/**
+ * 修改记录:
+ * 24-05-21   张光辉      首次编写
+ */
+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 options = {}
+      if (datas.chart)
+      {
+        options = datas.chart
+        options.dataZoom = [
+          {
+            type: 'inside',
+            xAxisIndex: [0]
+          },
+          {
+            type: 'inside',
+            yAxisIndex: [0]
+          },
+          {
+            type: 'slider',
+            xAxisIndex: [0]
+          },
+          {
+            type: 'slider',
+            yAxisIndex: [0]
+          }
+        ]
+        options.toolbox =
+        {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        }
+      }
+      this.myChart.setOption(options)
+    }
+    
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Hgfx/HgfxTab.vue

@@ -0,0 +1,73 @@
+<style lang='scss' scoped>
+.jctjjg-warp { width: 100%; height: 3rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
+.jctjjg-list {width: 30%;}
+</style>
+
+<template>
+  <div class="jctjjg-warp">
+    <div class="jctjjg-list" v-for="(fld, index) in flds" :key="index">
+      <span>{{fld.namec}}：</span>
+      <span>{{showVal(fld)}}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 组件 - 数据分析模型-回归分析结果展示
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    datas: { type: Object, default: () => ({}) }
+  },
+  data()
+  {
+    return {
+      // 基础分析的统计返回字段定义
+      flds:
+      [
+        { colname: 'coef', namec: '回归系数' },
+        { colname: 'std', namec: '标准误差' },
+        { colname: 't', namec: 't统计量' },
+        { colname: 'p', namec: 'p值' },
+        { colname: 'r-squared', namec: 'R平方' },
+        { colname: 'adj-r-squared', namec: '调整后的R平方' },
+        { colname: 'f-statistic', namec: 'F统计量' },
+        { colname: 'prob', namec: 'F统计量的p值' },
+        { colname: 'rss', namec: '剩余平方和' },
+        { colname: 'ess', namec: '回归平方和' },
+        { colname: 'tss', namec: '总平方和' },
+        { colname: 'rmse', namec: '均方根误差' },
+        { colname: 'formula', namec: '回归公式' }
+
+      ]
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    showVal(fld)
+    {
+      let val = ''
+      if (this.datas[fld.colname] !== undefined)
+      {
+        if (typeof (this.datas[fld.colname]) === 'number')
+          val = this.datas[fld.colname].toFixed(2)
+        else val = this.datas[fld.colname]
+      }
+      return val
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DataAnlyModel/Hgfx.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; }
+</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="输出">
+      <HgfxEcharts ref="chartRef" v-if="datas.chart" :datas="datas"></HgfxEcharts>
+      <HgfxTab v-if="datas.ret == 0" :datas="datas"></HgfxTab>
+    </RightContent>
+  </cx-region>
+ </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 数据分析模型-回归分析
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import LeftForm from '../coms/LeftForm'
+import RightContent from '../coms/RightContent'
+import HgfxEcharts from './Hgfx/HgfxEcharts'
+import HgfxTab from './Hgfx/HgfxTab.vue'
+import Api from '../Api.js'
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  components: { LeftForm, RightContent, HgfxEcharts, HgfxTab },
+  data()
+  {
+    return {
+      sfmk: { name: '回归分析', type: 'dataanly' },
+      datas: {}
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 表单确定回调
+     * @param {Object} form 表单数据
+     */
+    onOk(form)
+    {
+      this.datas = {}
+      vm.$processing.show()
+      Api.regression(form).then((res) =>
+      {
+        vm.$processing.close()
+        if (res.ret !== 0)
+          return this.$showMsg(res.msg, 'error')
+        this.datas = res
+      }).catch((err) =>
+      {
+        this.onError(err)
+      })
+    },
+
+    /**
+     * 错误处理
+     * @param {Object} err 错误信息
+     */
+    onError(err)
+    {
+      vm.$processing.close()
+      this.$showRet(err)
+    },
+
+    /**
+     * 导出结果
+     */
+    onExportResult()
+    {
+      if (this.$refs.chartRef.myChart)
+      {
+        let base = this.$refs.chartRef.myChart.getDataURL({
+          pixelRatio: 2,
+          backgroundColor: 'var(--cx-colorBg5)'
+        })
+        let a = document.createElement('a')
+        a.href = base
+        a.download = `数据分析模型-QQ/PP图.jpg`
+        a.style.display = 'none'
+        document.body.appendChild(a)
+        a.click()
+        a.remove()
+      }
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,70 @@
+<style lang='scss' scoped>
+.jctjjg-warp { width: 100%; height: 3rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
+.jctjjg-list {width: 30%;font-size: 0.14rem;}
+</style>
+
+<template>
+  <div class="jctjjg-warp">
+    <div class="jctjjg-list" v-for="(fld, index) in flds" :key="index">
+      <span>{{fld.namec}}：</span>
+      <span>{{datas[fld.colname]}}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 组件 - 数据分析模型-基础统计结果展示
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    datas: { type: Object, default: () => ({}) }
+  },
+  data()
+  {
+    return {
+      // 基础分析的统计返回字段定义
+      flds:
+      [
+        { colname: 'count', namec: '数量' },
+        { colname: 'min', namec: '最小值' },
+        { colname: 'max', namec: '最大值' },
+        { colname: 'mean', namec: '平均值' },
+        { colname: 'median', namec: '中位数' },
+        { colname: 'mode', namec: '众数' },
+        { colname: 'sum', namec: '和' },
+        { colname: 'std', namec: '标准差' },
+        { colname: 'cv', namec: '变异系数' },
+        { colname: 'skew', namec: '偏度' },
+        { colname: 'kurt', namec: '峰度' }
+      ]
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    showVal(fld)
+    {
+      let val = ''
+      if (this.datas[fld.colname] !== undefined)
+      {
+        if (typeof (this.datas[fld.colname]) === 'number')
+          val = this.datas[fld.colname].tofixed(2)
+        else val = this.datas[fld.colname]
+      }
+      return val
+    }
+  }
+}
+</script>