zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/ExceptHandlModel/ygyctq/ygyctq.vue

@@ -0,0 +1,98 @@
+<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-27   罗志远      修改内容
+*/
+import Ygsbtq from './Ygsbtq.vue'
+import Ygtxrh from './Ygtxrh.vue'
+export default
+{
+  mixins: [],
+  components: {},
+
+  data()
+  {
+    return {
+      param:
+      {
+        type: 'plain',
+        container: '',
+        allRender: false,
+        tabs:
+        [
+          { name: 'Ygsbtq', title: '遥感蚀变提取', modDef: { url: '', com: Ygsbtq }, selected: true, closable: false },
+          { name: 'Ygtxrh', title: '遥感图像融合', modDef: { url: '', com: Ygtxrh }, selected: false, closable: false }
+       
+        ]
+      },
+      smDataList: [
+        '功能概述\n在遥感地质应用中，近矿围岩蚀变形成的蚀变岩石在某些特定的光谱波段形成了特定蚀变岩石的光谱异常，可以提取这些信息来获得成矿蚀变信息。该功能允许用户选择遥感影像文件，设置遥感影像的类型以及要提取的蚀变类型，提取遥感影像范围内的对应蚀变信息。\n\n按钮操作说明\n卫星影像选择框\n【用户通过该选择框选择遥感影像文件，限定tif文件格式。】\n\n卫星影像类型选择框\n【在该选择框中，用户基于遥感影像文件选择对应的卫星影像类型，目前可选择\nASTER/Landsat8/TM三种卫星影像类型】\n\n蚀变类型选择框\n【在该选择框中，用户选择要提取的蚀变信息，不同的卫星影像类型对应不同的蚀变提取类型\n参数说明：\nASTER：可选Iron/Al-OH/Mg-OH三种类型。Landsat8/TM：可选Iron/Hydroxyl两种种类型】',
+        '功能概述\n遥感图像融合用于将多源遥感图像数据进行综合处理，旨在提高图像的空间分辨率和光谱分辨率，同时保留原始图像的光谱信息，从而增强图像质量，提高信息分析和提取能力。该功能允许用户输入多光谱影像文件和全色影像文件，融合出一个全新的具有更高分辨率和信息量的多光谱影像文件，用于后续蚀变提取等处理。\n\n按钮操作说明\n多光谱影像选择框\n【用户通过该选择框选择多光谱遥感影像文件，限定tif文件格式。】\n\n全色影像类型选择框\n【用户通过该选择框选择全色遥感影像文件，限定tif文件格式。】\n\n融合方法选择框\n【用户通过该选择框选择要融合的方法\n参数说明：\n小波融合：利用小波变换将图像分解为不同尺度和方向上的子带图像，然后根据一定的融合规则对小波系数进行操作，进而得到融合图像。这种方法能够保留图像的边缘和细节信息，提高图像的视觉效果。\nGS正交融合：通过将多光谱影像和全色影像分别进行正交变换，提取出各影像的正交分量，然后进行组合得到融合后的影像。这种方法能够保留更多的细节信息。】'
+      ],
+      smData: ''
+    }
+  },
+
+  computed:
+  {},
+
+  watch:
+  {},
+
+  created()
+  {
+    this.smData = this.smDataList[0]
+  },
+
+  mounted()
+  {},
+
+  beforeUnmount()
+  {},
+
+  methods:
+  {
+    onSelect(data)
+    {
+      switch (data.curTab.title)
+      {
+      case '遥感蚀变提取':
+        this.smData = this.smDataList[0]
+        break
+      case '遥感图像融合':
+        this.smData = this.smDataList[1]
+        break
+      default:
+        return null
+      }
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/Index/DataCard.vue

@@ -0,0 +1,45 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <div class="cx-datacard" :class="size" :style="cardStyle">
+    <div v-if="icon" class-name="datacard-header">
+      <img :src="icon">
+    </div>
+    <div>
+      <span class="datacard-title" :style="titleStyle">{{label}}</span>
+      <span class="datacard-value" :style="valueStyle">{{value}}
+        <span class="datacard-unit" :style="unitStyle">&nbsp;
+          <slot name="unit">{{unit}}</slot>
+        </span>
+        <span class="datacard-icon" :style="iconStyle">
+          <slot name="icon"></slot>
+        </span>
+      </span>
+    </div>
+    <slot name="footer" class-name="datacard-footer"></slot>
+  </div>
+</template>
+
+<script>
+/**
+ *  组件 - 数据卡(标题、值、单位)
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    label: { type: String, required: true },
+    value: { type: String, default: '' },
+    unit: { type: String, default: '' },
+    icon: { type: String, default: '' },
+    cardStyle: { type: Object },
+    titleStyle: { type: Object },
+    valueStyle: { type: Object },
+    iconStyle: { type: Object },
+    unitStyle: { type: Object }
+  }
+}
+</script>

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

@@ -0,0 +1,123 @@
+<style lang='scss' scoped>
+.znycpjxt-index {padding: 0.12rem; background: var(--cx-colorBg1);}
+.card-warp {display: flex; justify-content: space-evenly; align-items: center; height: inherit;}
+:deep(.cx-datacard) { width: 2.5rem; flex-direction: row; padding: 0; background: var(--cx-colorPrimary13); box-shadow:0; border:0; box-shadow: unset;}
+.center {height:100%;display:flex;}
+.zstp-warp {width: 50rem; border: 1px solid var(--cx-colorBorder1); border-radius: .06rem; margin: 0.16rem;
+  :deep(.el-carousel__button) {background-color: var(--cx-colorBg0);}
+  .tp-imgs {height: 5rem;}
+  }
+.ptjs {
+  h3 {font-weight: bold;}
+}
+</style>
+
+<template>
+  <cx-layout class="znycpjxt-index" :size="size">
+    <!-- 上面的统计卡片列表 -->
+    <cx-region region="north" height="2rem">
+      <cx-BorderRegular class="card-warp">
+        <DataCard
+          :size="size"
+          v-for="(item,index) in counts"
+          :key="index"
+          v-bind="item"
+        />
+      </cx-BorderRegular>
+    </cx-region>
+    <!-- 下方的内容，分知识图谱和平台介绍 -->
+    <cx-region region="center" style="padding-top: 0.16rem;">
+      <cx-BorderRegular class="center">
+        <el-carousel class="zstp-warp" height="auto" autoplay>
+          <el-carousel-item v-for="(item,index) in imgs" :key="index" style="height: 5.5rem; margin-top: 0.3rem;text-align: center;">
+            <el-image class="tp-imgs" :src="item" fit="contain"/>
+          </el-carousel-item>
+        </el-carousel>
+        <div class="ptjs">
+          <p>
+            {{describe}}
+          </p>
+        </div>
+      </cx-BorderRegular>
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 智能预测评价系统的首页
+ */
+
+/**
+ * 修改记录:
+ * 24-05-06   张光辉      首次编写
+ * 24-05-07   张光辉      开发界面静态效果
+ */
+
+import DataCard from './DataCard'
+// 卡片的样式，需要传递绑定
+const valueStyle =
+{
+  'font-size': '0.32rem',
+  color: 'var(--cx-colorPrimary4)',
+  'font-weight': 'bold',
+  'justify-content': 'left'
+}
+const titleStyle = { color: 'var(--cx-colorText0)' }
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { DataCard },
+  data()
+  {
+    return {
+      counts:
+      [
+        { label: '数据集', icon: 'static/img/znycpjxt/数据集.png', value: '0', unit: '', valueStyle, titleStyle },
+        { label: '原始数据', icon: 'static/img/znycpjxt/原始数据集.png', value: '0', unit: '', valueStyle, titleStyle },
+        { label: '预处理数据', icon: 'static/img/znycpjxt/预处理数据集.png', value: '0', unit: '', valueStyle, titleStyle },
+        { label: '分析模型', icon: 'static/img/znycpjxt/分析模型.png', value: '0', unit: '', valueStyle, titleStyle },
+        { label: '异常处理模型', icon: 'static/img/znycpjxt/异常处理模型.png', value: '0', unit: '', valueStyle, titleStyle },
+        { label: '成矿预测模型', icon: 'static/img/znycpjxt/成矿预测模型.png', value: '0', unit: '', valueStyle, titleStyle }
+      ],
+      describe: '',
+      imgs: []
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 初始化数据
+     */
+    initData()
+    {
+      this.describe = '智能预测评价是指利用人工智能技术和数据分析方法，并结合多个数据源和算法，对成矿特征、成矿条件、成矿模式进行预测和评估的过程。基于历史数据、模型训练和算法推理，为成矿区带的靶区圈定、靶区优选、趋势推演、找矿方向、潜力评价等提供数据支撑和决策辅助，以提高预测的准确性和可靠性。'
+      this.imgs = [
+        'static/img/znycpjxt/tp/6.JPG',
+        'static/img/znycpjxt/tp/7.JPG'
+      ]
+      let all =
+      [
+        cx.svr.data.querySql({ _key: 'countIdSjj', tables: 'sjj', _major: cx.consts.SYSTAB, _minor: cx.consts.TAB_ENTITY }),
+        cx.svr.data.querySql({ _key: 'countId', tables: 'ysjj', _major: cx.consts.SYSTAB, _minor: cx.consts.TAB_ENTITY }),
+        cx.svr.data.querySql({ _key: 'countId', tables: 'yclsjj', _major: cx.consts.SYSTAB, _minor: cx.consts.TAB_ENTITY })
+      ]
+      Promise.all(all).then((result) =>
+      {
+        if (result.length)
+        {
+          this.counts[0].value = result[0][0].total
+          this.counts[1].value = result[1][0].total
+          this.counts[2].value = result[2][0].total
+        }
+      }).catch((err) =>
+      {
+        this.onError(err)
+      })
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,156 @@
+<style lang='scss' scoped>
+  .title{padding: 0.12rem;font-size: 0.18rem;padding-bottom: 0;}
+  .content-box{display: flex;flex-direction: column;height: 100%;
+  .exp-input{padding: 0.1rem 0;
+    .btn_list{margin-left: auto;}
+  }
+  .data-grid{height: calc(100% - 0.2rem);}}
+  :deep(.home-page .home-cont){flex-direction: column !important;}
+  :deep(.el-table--fit){height: 96%;}
+  :deep(.cx-datagrid){height: 100%;}
+  :deep(.cx-layout .cx-region.region-south ){height: 0.5rem;}
+  :deep(.cx-expinput){width: 100%;}
+  :deep(.cx-border.regular){box-shadow: none;}
+</style>
+
+<template>
+  <div class="content-box">
+    <div class="exp-input">
+      <cx-exp-input v-bind="expAtts" v-on="expEvts" :clearable="true" :show-more="false" @exp-clear="expClear">
+      </cx-exp-input>
+    </div>
+    <div class="data-grid">
+      <cx-data-grid ref="datagrid" v-bind="dgAtts" v-on="dgEvts"></cx-data-grid>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件名称: xx
+ * 功能说明:
+ *
+ * 参数说明:
+ * @prop  类型               参数名                          参数说明
+ *
+ * 事件说明:
+ * @event 事件名             参数解构                        事件和参数说明
+ *
+ * 插槽说明:
+ * @slot  插槽名             插槽prop解构                    插槽和prop说明
+ */
+
+/**
+ * 维护历史:
+ * 修改时间    人员      说明
+ * 2023-12-21  梁情    成矿预测任务管理
+ */
+export default {
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IExpBase, cx.mixin.IDataMan],
+  data()
+  {
+    return {
+      noExpDispAll: true,
+      editable: true,
+      defSceneCfg:
+      {
+        compass: false,
+        stateBar: false,
+        disLegend: false
+      },
+      dg: {
+        table: {
+          elAtts:
+          {
+            height: '100%',
+            border: true,                   // 是否带有纵向边框
+            stripe: false,                   // 是否为斑马纹 table
+            showSummary: false,             // 是否在表尾显示合计行
+            'row-style': ({ row, rowIndex }) => this.onRowStyle({ row, rowIndex }),                     // 行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。
+            'cell-style': ({ row, column, rowIndex, columnIndex }) => this.onCellStyle({ row, column, rowIndex, columnIndex })           // 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。
+          },
+          fitWidth: true,                   // 宽度自适应D
+          multiple: true,                   // 是否支持多选
+          selectOnClick: false,             // 点击某一行时会触发select选择事件，如果multiple多选模式会更新复选框的状态
+          operFix: 'right',                 // 操作列固定右边
+          sortable: true,
+          operCols: [],
+          list: [],
+          cols: []
+        },
+        pages: true,
+        page: {
+          total: 0,                         // 数据量
+          pageSize: 10,                     // 每页记录数
+          pageSizes: [10, 20, 40, 60, 80, 100]  // 分页标准
+        }
+      },
+      selData: null
+    }
+  },
+  created()
+  {
+    this.major = window.$app.TabConst.cx_loginlog.major
+    this.minor = window.$app.TabConst.cx_loginlog.minor
+  },
+
+  methods:
+  {
+    /**
+     * 获取操作按钮
+     * @returns {Array} 操作按钮列表
+     */
+    getOpers()
+    {
+      let operCol
+      // 增/删/改/查操作
+      operCol = this.getColOper()
+      this.addOperView(operCol)
+        .addOperDel(operCol)
+        .setAttOper(operCol)
+      return []
+    },
+
+    /**
+     * 获取操作列
+     * @returns {Object} 操作列配置
+     */
+    getColOper()
+    {
+      return { colname: 'rud_', title: this.$locBase('oper'), width: 200, align: 'center', btns: [] }
+    },
+
+    /**
+     * 刷新表格数据
+     */
+    refreshTableDats()
+    {
+      this.expAtts.flds.forEach(i =>
+      {
+        i.value = ''
+      })
+      this.getRefresh()
+    },
+
+    /**
+     * 清除搜索
+     */
+    expClear()
+    {
+      this.getRefresh()
+    },
+
+    /**
+     * 刷新表格
+     */
+    getRefresh()
+    {
+      this.dg.table.operCols = []
+      this.dg.table.list = []
+      this.dg.table.cols = []
+      this.expFlds = []
+      this.init()
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/coms/CmapColor.vue

@@ -0,0 +1,70 @@
+<style lang='scss' scoped>
+  .cmap-color{ position: relative; width: 100%; height: 100%; padding: 0.1rem; box-sizing: border-box;
+    .item-cmap{width: 100%; display: flex; justify-content: space-between;margin-bottom: 0.05rem;}
+    .bottom-btn{position: absolute; bottom: 0.1rem; right: 0.1rem;}
+    .cmap-inp{width: 3rem;}
+  }
+  :deep(.el-color-picker__trigger){width: 2rem;}
+</style>
+
+<template>
+  <div class="cmap-color">
+    <div v-for="item in list" :key="item" class="item-cmap">
+      <el-input class="cmap-inp" v-model="item.colname"></el-input> <el-color-picker v-model="item.value"></el-color-picker>
+    </div>
+    <cx-button class="bottom-btn" type="primary" @click="checkBtn">确定</cx-button>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件名称: 色棒颜色设置
+ */
+
+/**
+ * 维护历史:
+ * 修改时间    人员      说明
+ */
+export default {
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      list: []
+    }
+  },
+  created()
+  {
+    this.init()
+  },
+
+  methods:
+  {
+    /**
+     * 初始化
+     */
+    init()
+    {
+      this.list = []
+      for (let i in this.params.cmapList)
+      {
+        this.list.push({
+          colname: i,
+          value: this.params.cmapList[i]
+        })
+      }
+    },
+
+    /**
+     * 确定
+     */
+    checkBtn()
+    {
+      let param = {}
+      for (let i in this.list)
+        param[this.list[i].colname] = this.list[i].value
+      cx.base.call(this.params.onOk, param)
+    }
+  }
+}
+</script>