zbcx_ckyc 1.0.0

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

@@ -0,0 +1,355 @@
+<style lang='scss' scoped>
+  .fileDemo { width: 100%; height: 100%; }
+  :deep(.el-form > .el-form-item > .el-form-item__label) { text-align: left !important; }
+  :deep(.el-radio-group) { width: 100%; }
+  :deep(.el-radio-button) { width: 50%; }
+  :deep(.el-radio-button__inner) { width: 100%; }
+</style>
+
+<template>
+  <cx-layout :size="size" padding>
+    <cx-region region="north"  style="display: flex; justify-content: center;">
+      <el-radio-group v-model="grdRadio" :size="size" @change="onChange">
+        <el-radio-button label="grd2D" value="grd2D" >二维数据</el-radio-button>
+        <el-radio-button label="grd3D" value="grd3D">三维数据</el-radio-button>
+      </el-radio-group>
+    </cx-region>
+    
+    <cx-region region="center" style="display: flex; justify-content: center;margin-top: 0.1rem">
+      <CustomForm
+        v-if="flds.length"
+        @getColorCmap="getColorCmap"
+        :flds="flds"
+        :form="form"
+        @click-seldyna="onSeldyna"
+      ></CustomForm>
+    </cx-region>
+    
+    <cx-region region="south" border>
+      <cx-cmd-ok-cancel @ok-click="onOk" @cancel-click="onClose"/>
+    </cx-region>
+  </cx-layout>
+</template>
+<script>
+/**
+ * 组件 - grd文件预览参数设置组件
+ */
+
+/**
+ * 修改记录:
+ * 24-05-27        张光辉          首次提交
+ */
+import { truncate } from 'lodash'
+import CustomForm from './CustomForm.vue'
+import Api from '../Api.js'
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  components: { CustomForm },
+  props:
+  {
+    file: {
+      type: String
+    },
+    data: {
+      type: Object
+    }
+  },
+
+  data()
+  {
+    return {
+      form: {},
+      flds: [],
+      types:
+      {
+        grd2D: 'grd2D',
+        grd3D: 'grd3D'
+      },
+      grdRadio: 'grd2D',
+      grd2DForm:
+      {
+        file: '',
+        type: 'raster',
+        param:
+        {
+          width: 10,
+          height: 10,
+          cmap: 'rainbow',
+          levels: [],
+          title: 'raster',
+          num: 100,
+          markinfo:
+          {
+            file: '',
+            x: null,
+            y: null,
+            z: null
+          }
+        },
+        width: 15,
+        height: 10,
+        cmap: 'rainbow',
+        levels: [],
+        title: '',
+        num: 10,
+        markFile: ''
+      },
+      grd3DForm:
+      {
+        file: '',
+        type: 'contourpol',
+        param:
+        {
+          levels: [],
+          cmap: 'rainbow',
+          num: 10,
+          markinfo:
+          {
+            file: '',
+            x: null,
+            y: null,
+            z: null
+          }
+        },
+        cmap: 'rainbow',
+        num: 10,
+        markFile: ''
+      },
+      grd2DFlds:
+      [
+        { colname: 'file', namec: '文件相对路径', disptype: 'def' },
+        { colname: 'type', namec: '绘图类型', disptype: 'select', options: [{ label: '栅格', value: 'raster' }, { label: '矢量', value: 'contour' }] },
+        { colname: 'param', namec: '绘图参数', disptype: 'def' },
+        { colname: 'width', namec: '图像宽', disptype: 'input' },
+        { colname: 'height', namec: '图像高', disptype: 'input' },
+        {
+          colname: 'cmap',
+          namec: '色棒',
+          disptype: 'selectImg',
+          options:
+          [
+            { label: 'brg', value: 'brg', url: 'static/img/znycpjxt/brg.png' },
+            { label: 'bwr', value: 'bwr', url: 'static/img/znycpjxt/bwr.png' },
+            { label: 'coolwarm', value: 'coolwarm', url: 'static/img/znycpjxt/coolwarm.png' },
+            { label: 'gist_earth', value: 'gist_earth', url: 'static/img/znycpjxt/gist-earth.png' },
+            { label: 'gist_rainbow', value: 'gist_rainbow', url: 'static/img/znycpjxt/gist-rainbow.png' },
+            { label: 'jet', value: 'jet', url: 'static/img/znycpjxt/jet.png' },
+            { label: 'ocean', value: 'ocean', url: 'static/img/znycpjxt/ocean.png' },
+            { label: 'rainbow', value: 'rainbow', url: 'static/img/znycpjxt/rainbow.png' },
+            { label: 'RdBu', value: 'RdBu', url: 'static/img/znycpjxt/RdBu.png' },
+            { label: 'RdYlBu', value: 'RdYlBu', url: 'static/img/znycpjxt/RdYlBu.png' },
+            { label: 'RdYlGn', value: 'RdYlGn', url: 'static/img/znycpjxt/RdYlGn.png' },
+            { label: 'seismic', value: 'seismic', url: 'static/img/znycpjxt/seismic.png' },
+            { label: 'Spectral', value: 'Spectral', url: 'static/img/znycpjxt/Spectral.png' },
+            { label: 'terrain', value: 'terrain', url: 'static/img/znycpjxt/terrain.png' },
+            { label: 'turbo', value: 'turbo', url: 'static/img/znycpjxt/turbo.png' }
+          ]
+        },
+        // { colname: 'levels', namec: '等值线分类', disptype: 'input', isNumber: true },
+        { colname: 'title', namec: '标题', disptype: 'input' },
+        { colname: 'num', namec: '分组数量', disptype: 'input', placeholder: '>= 2', isNumber: true },
+        { colname: 'markFile', namec: '表格叠加文件', disptype: 'seldyna', filetype: 'xlsx,xls,csv' }
+      ],
+      grd3DFlds:
+      [
+        { colname: 'file', namec: '文件相对路径', disptype: 'def' },
+        { colname: 'type', namec: '等值线类型', disptype: 'select', options: [{ label: '等值线', value: 'contourline' }, { label: '等值面', value: 'contourpol' }] },
+        // { colname: 'levels', namec: '等值线分类', disptype: 'input', isNumber: true },
+        {
+          colname: 'cmap',
+          namec: '色棒',
+          disptype: 'selectImg',
+          options:
+          [
+            { label: 'brg', value: 'brg', url: 'static/img/znycpjxt/brg.png' },
+            { label: 'bwr', value: 'bwr', url: 'static/img/znycpjxt/bwr.png' },
+            { label: 'coolwarm', value: 'coolwarm', url: 'static/img/znycpjxt/coolwarm.png' },
+            { label: 'gist_earth', value: 'gist_earth', url: 'static/img/znycpjxt/gist-earth.png' },
+            { label: 'gist_rainbow', value: 'gist_rainbow', url: 'static/img/znycpjxt/gist-rainbow.png' },
+            { label: 'jet', value: 'jet', url: 'static/img/znycpjxt/jet.png' },
+            { label: 'ocean', value: 'ocean', url: 'static/img/znycpjxt/ocean.png' },
+            { label: 'rainbow', value: 'rainbow', url: 'static/img/znycpjxt/rainbow.png' },
+            { label: 'RdBu', value: 'RdBu', url: 'static/img/znycpjxt/RdBu.png' },
+            { label: 'RdYlBu', value: 'RdYlBu', url: 'static/img/znycpjxt/RdYlBu.png' },
+            { label: 'RdYlGn', value: 'RdYlGn', url: 'static/img/znycpjxt/RdYlGn.png' },
+            { label: 'seismic', value: 'seismic', url: 'static/img/znycpjxt/seismic.png' },
+            { label: 'Spectral', value: 'Spectral', url: 'static/img/znycpjxt/Spectral.png' },
+            { label: 'terrain', value: 'terrain', url: 'static/img/znycpjxt/terrain.png' },
+            { label: 'turbo', value: 'turbo', url: 'static/img/znycpjxt/turbo.png' }
+          ]
+        },
+        { colname: 'num', namec: '分组数量', disptype: 'input', placeholder: '>= 2', isNumber: truncate },
+        { colname: 'markFile', namec: '表格叠加文件', disptype: 'seldyna', filetype: 'xlsx,xls,csv' }
+      ]
+    }
+  },
+  
+  created()
+  {
+    this.grd2DForm.param.cmap = this.data.att.yxlx ? this.data.att.yxlx : 'jet'
+    this.grd2DForm.cmap = this.grd2DForm.param.cmap
+    this.grd3DForm.param.cmap = this.data.att.yxlx ? this.data.att.yxlx : 'jet'
+    this.grd3DForm.cmap = this.grd3DForm.param.cmap
+    this.init()
+  },
+
+  methods:
+  {
+    /**
+     * 初始化
+     */
+    init()
+    {
+      this.flds = []
+      this.form = {}
+      this.$nextTick(() =>
+      {
+        if (this.grdRadio === this.types.grd2D)
+        {
+          this.form = this.grd2DForm
+          this.flds = this.grd2DFlds
+        }
+        else
+        {
+          this.form = this.grd3DForm
+          this.flds = this.grd3DFlds
+        }
+      })
+    },
+
+    /**
+     * 切换变化事件
+     */
+    onChange()
+    {
+      this.init()
+    },
+
+    /**
+     * 确定按钮事件
+     */
+    onOk()
+    {
+      this.$emit('onOk', this.form, this.grdRadio)
+      this.saveXrsz()
+    },
+
+    /**
+     * 保存渲染设置
+     */
+    saveXrsz()
+    {
+      cx.svr.data.update(window.$app.TabConst.yclsjj.major, window.$app.TabConst.yclsjj.minor, { id: this.data.att.id, yxlx: this.form.cmap }).then(item =>
+      {
+        let att = this.data.att
+        att.yxlx = this.form.cmap
+      }).catch(() =>
+      {
+        this.$showMsg('保存失败！', 'warning')
+      })
+    },
+
+    /**
+     * 关闭事件
+     */
+    onClose()
+    {
+      this.$emit('onClose')
+    },
+
+    /**
+     * 获取色棒颜色
+     */
+    getColorCmap()
+    {
+      let projObj =
+      {
+        file: this.file,
+        cmap: this.form.cmap,
+        numcolors: this.form.num
+      }
+      Api.getcmapcolor(projObj).then(res =>
+      {
+        if (!res.ret)
+        {
+          let onOK = (list) =>
+          {
+            this.form.param.cmapList = list
+            this.form.cmapList = list
+            cx.run.closeRun('CmapColor')
+          }
+          let cmapList = this.form.cmapList ? this.form.cmapList : res.cmap
+          cx.run.runPlug('CmapColor', { cmapList: cmapList, onOk: onOK })
+        }
+      }).catch(e =>
+      {
+        this.$showMsg('色棒获取失败', 'error')
+      })
+    },
+
+    /**
+     * 选择动态数据
+     * @param {Object} fld 字段对象
+     */
+    async onSeldyna(fld)
+    {
+      let data = await cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] })
+      let fixedExp
+      if (data.length)
+        fld.filetype ? fixedExp = cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', fld.filetype, 'and'], ['glid', '=', data[0].id, 'and']]) : fixedExp = cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', 'excel,csv', 'and'], ['glid', '=', data[0].id, 'and']])
+      else
+        fld.filetype ? fixedExp = cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', fld.filetype, 'and']]) : fixedExp = cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', 'excel,csv', 'and']])
+      let params =
+      {
+        ...$app.TabConst.yclsjj,
+        fixedExp: fixedExp,
+        onOk: (selection) => this.onSeldynaOk(selection, fld)
+      }
+      if (fld.disptype === 'seldynaList') params.multiple = true
+      cx.run.runPlug('SelData', params)
+    },
+
+    /**
+     * 选择动态数据成功回调
+     * @param {Array} selection 选中数据
+     * @param {Object} fld 字段对象
+     */
+    async onSeldynaOk(selection, fld)
+    {
+      if (selection && selection.length)
+      {
+        let media = await this.queryMedia($app.TabConst.yclsjj, selection[0].id)
+        this.grd2DForm.param.markinfo.file = media[0].filename
+        this.grd2DForm.param.markinfo.x = selection[0].x
+        this.grd2DForm.param.markinfo.y = selection[0].y
+        this.grd2DForm.param.markinfo.z = selection[0].anlycol
+        this.grd2DForm.markFile = selection[0].name
+        this.grd2DForm.markinfo = this.grd2DForm.param.markinfo
+        this.grd3DForm.param.markinfo.file = media[0].filename
+        this.grd3DForm.param.markinfo.x = selection[0].x
+        this.grd3DForm.param.markinfo.y = selection[0].y
+        this.grd3DForm.param.markinfo.z = selection[0].anlycol
+        this.grd3DForm.markFile = selection[0].name
+        this.grd3DForm.markinfo = this.grd3DForm.param.markinfo
+      }
+    },
+
+    /**
+     * 查询媒体数据
+     * @param {Object} table 表对象
+     * @param {Number|Array} entityid 实体ID
+     * @returns {Promise} 查询结果
+     */
+    queryMedia(table, entityid)
+    {
+      let param
+      if (Array.isArray(entityid))
+        param = { args: [['major', '=', table.major], ['minor', '=', table.minor, 'and'], ['entityid', 'in', entityid.toString(), 'and']] }
+      else
+        param = { args: [['major', '=', table.major], ['minor', '=', table.minor, 'and'], ['entityid', '=', entityid, 'and']] }
+      return cx.svr.data.query(cx.consts.SYSTAB, cx.consts.MEDIA, param)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,195 @@
+<style lang='scss' scoped>
+  .cust-border { width: 100%; height: 100%; border: 0.01rem solid var(--cx-colorBorder1); padding: 0.16rem; padding-top: 0.1rem !important; box-sizing: border-box; }
+  :deep( .el-form .el-form-item .el-form-item__label) { text-align: left !important; }
+  .cust-title { font-size: 0.16rem; font-weight: 400; }
+</style>
+
+<template>
+<cx-BorderRegular class="cust-border">
+  <cx-layout style="height: 100%;">
+    <cx-region region="north" gutter height="0.4rem;" style="display:flex; align-items:center; justify-content:space-between;">
+      <span class='cust-title'>输入</span>
+      <el-popover
+        placement="right"
+        width="600"
+        v-if="smData"
+        trigger="click">
+        <p style="white-space: pre-wrap;" v-html="smData"></p>
+        <template #reference>
+          <cx-button icon="cx-fi ic-question"> 说明</cx-button>
+        </template>
+      </el-popover>
+    </cx-region>
+    <cx-region region="center" gutter>
+      <CustomForm ref="form" v-bind="formdata" @click-seldyna="onSeldyna"></CustomForm>
+    </cx-region>
+    <cx-region region="south" border>
+      <cx-cmdbar class="cx-cmd-save" :size="size">
+        <cx-button type="primary"
+          :size="size"
+          icon="cx-fi ic-detection"
+          @click="onOk"
+        >
+          {{btntext}}
+        </cx-button>
+      </cx-cmdbar>
+    </cx-region>
+  </cx-layout>
+</cx-BorderRegular>
+</template>
+
+<script>
+
+/**
+ * 插件 - 数据分析模型 - 左侧表单
+ */
+
+/**
+ * 修改记录:
+ * 24-05-15   张光辉      首次编写
+ */
+import CustomForm from './CustomForm.vue'
+import MakeData from './MakeData.js'
+export default
+{
+  mixins: [cx.mixin.IComBase, MakeData],
+  components: { CustomForm },
+  props:
+  {
+    sfmk: { type: Object },
+    multiple: { type: Boolean, default: false },
+    btntext: { type: String, default: '统计分析' }
+  },
+  data()
+  {
+    return {
+      smData: '',
+      formdata: {}
+    }
+  },
+
+  emits: ['ok-click'],
+
+  created()
+  {
+    this.initData()
+    this.smData = window.SmData[this.sfmk.name]
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 初始化数据
+     */
+    initData()
+    {
+      this.formdata = this.makeForm(this.sfmk)
+    },
+
+    /**
+     * 多选判断
+     * @param {Object} fld 字段对象
+     * @returns {Boolean} 是否多选
+     */
+    multiple_(fld)
+    {
+      return this.multiple || fld?.multiple
+    },
+
+    /**
+     * 选择动态数据
+     * @param {Object} fld 字段对象
+     */
+    async onSeldyna(fld)
+    {
+      let data = await cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] })
+      let params =
+      {
+        ...$app.TabConst.yclsjj,
+        fixedExp: data.length ? cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', 'excel,csv', 'and'], ['glid', '=', data[0].id, 'and']]) : cx.sqlexp.from([['username', '=', $g.user.id], ['datatype', 'in', 'excel,csv', 'and']]),
+        multiple: this.multiple_(fld),
+        onOk: (selection) => this.onSeldynaOk(selection, fld)
+      }
+      cx.run.runPlug('SelData', params)
+    },
+
+    /**
+     * 选择动态数据成功回调
+     * @param {Array} selection 选中数据
+     * @param {Object} fld 字段对象
+     */
+    async onSeldynaOk(selection, fld)
+    {
+      if (selection && selection.length)
+      {
+        if (!this.multiple_(fld))
+        {
+          this.formdata.form[fld.colname] = selection[0].anlycol
+          let tab = $app.TabConst.ysjj
+          let id = selection[0].sourceid
+          if (selection[0].layer)
+          {
+            id = selection[0].id
+            tab = $app.TabConst.yclsjj
+          }
+          let media = await this.queryMedia(tab, id)
+          if (media && media.length)
+            this.formdata.form.file = media[0].filename
+        }
+        else
+        {
+          let ids = [], tabs = []
+          let cols = []
+          selection.forEach(att =>
+          {
+            cols.push(att.anlycol)
+            let id = att.sourceid
+            let tab = $app.TabConst.ysjj
+            if (att.layer)
+            {
+              id = att.id
+              tab = $app.TabConst.yclsjj
+            }
+            tabs.push(tab)
+            ids.push(id)
+          })
+          fld.multiple ? this.formdata.form[fld.colname] = cols : this.formdata.form[fld.colname] = cols[0]
+          let media = await this.queryMedia(tabs[0], ids[0])
+          if (media && media.length)
+            this.formdata.form.file = media[0].filename
+        }
+      }
+    },
+
+    /**
+     * 查询媒体数据
+     * @param {Object} table 表对象
+     * @param {Number} entityid 实体ID
+     * @returns {Promise} 查询结果
+     */
+    queryMedia(table, entityid)
+    {
+      let param = { args: [['major', '=', table.major], ['minor', '=', table.minor, 'and'], ['entityid', '=', entityid, 'and']] }
+      return cx.svr.data.query(cx.consts.SYSTAB, cx.consts.MEDIA, param)
+    },
+
+    /**
+     * 确定按钮事件
+     */
+    onOk()
+    {
+      this.$refs.form.$refs.ruleForm.validate((valid) =>
+      {
+        if (valid)
+          this.$emit('ok-click', this.formdata.form)
+        else
+        {
+          this.$showMsg('请将内容填写完整', 'error')
+          return false
+        }
+      })
+    }
+  }
+}
+</script>