zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/DatasetMan/PreData.vue

@@ -0,0 +1,545 @@
+<style lang="scss" scoped>
+:deep(.el-tag) {color: var(--cx-colorText2);height: 0.25rem;}
+:deep(.el-cascader) {width: 100%;}
+</style>
+
+<template>
+  <cx-layout class="cx-plug-attinput" :size="size" padding>
+    <cx-region region="center" class="region-padding-top">
+      <el-form
+        :model="form"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="1.35rem"
+        @validate="validate"
+      >
+        <el-form-item v-for="(item,index) in flds" :key="index" :label="item.namec" :prop="item.colname">
+          <template v-if="item.colname === 'name'">
+            <el-input v-if="selDateset" v-model="form[item.colname]" />
+            <el-input v-else v-model="form[item.colname]" readonly>
+              <template #append >
+               <cx-button icon="cx-fi ic-search" @click="onSelYssjj"/>
+              </template>
+            </el-input>
+          </template>
+          <template v-else-if="item.colname === 'epsg'">
+            <el-input v-model="form[item.colname]" clearable>
+              <template #append >
+               <cx-button icon="cx-fi ic-search" @click="onSelEpsg(form[item.colname])"/>
+              </template>
+            </el-input>
+          </template>
+
+          <template v-else-if="item.colname === 'x' || item.colname === 'y'">
+            <el-select
+              v-model="form[item.colname]"
+              clearable
+              :placeholder="'请选择' + item.colname"
+            >
+              <el-option
+                v-for="opt in item.options"
+                :key="opt.value"
+                :label="opt.label"
+                :value="opt.value"
+              />
+            </el-select>
+          </template>
+
+          <template v-else-if="item.colname === 'anlycol'">
+            <el-cascader
+              v-model="form[item.colname]"
+              :size="size"
+              :options="item.options"
+              :props="{ multiple: true }"
+              collapse-tags
+              collapse-tags-tooltip
+              clearable
+              @change="onChangeAnlycol"
+            />
+          </template>
+
+          <template v-else-if="item.colname === 'layer'&&params.att._datatype!=='Grd'&&params.att._datatype!=='grd'&&params.att._datatype!=='tif'">
+            <el-cascader
+              v-model="form[item.colname]"
+              :size="size"
+              :props="{ multiple: true }"
+              :options="item.options"
+              placeholder="根据分析对象自动选择"
+              collapse-tags
+              collapse-tags-tooltip
+            />
+          </template>
+
+          <el-input v-else v-model="form[item.colname]"></el-input>
+        </el-form-item>
+      </el-form>
+    </cx-region>
+    <cx-region region="south" border>
+      <cx-cmd-ok-cancel
+        :size="size"
+        :disabled-ok="!able"
+        @ok-click="onOk"
+        @cancel-click="onClose"
+      >
+      </cx-cmd-ok-cancel>
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+/**
+ * 插件 - 预处理数据
+ */
+
+
+/**
+ * 修改记录:
+ * 24-05-11   张光辉        首次提交
+ */
+import PreDataApi from './PreDataApi.js'
+import PreData from './PreData.js'
+import Api from '../Api.js'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase, PreData],
+
+  data()
+  {
+    return {
+      form: {},                       // 存写入的结果
+      flds: [],
+      rules: {},
+      defCols: ['name', 'memo'],      // 默认显示的字段
+      selDateset: false,                  // 是否获取了表头，用于控制显示获取表头的按钮，没有获取表头或者没有属性的时候，数据集要选择
+      curFiletype: ''
+    }
+  },
+
+  computed:
+  {
+    able()
+    {
+      return true
+    }
+  },
+
+  created()
+  {
+    this.selDateset = this.params.selDateset
+    this.getEpsg()
+  },
+
+  beforeUnmount()
+  {
+    this.selDateset = false
+  },
+
+  methods:
+  {
+    /**
+     * 获取 EPSG
+     */
+    getEpsg()
+    {
+      if (this.params.att.epsg)
+      
+        this.form.epsg = this.params.att.epsg
+      
+      else
+      {
+        cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['id', '=', this.params.att.glid]] }).then((res) =>
+        {
+          if (res.length)
+        
+            this.form.epsg = res[0].epsg
+        }).catch(() =>
+        {})
+      }
+    },
+
+    /**
+     * 初始化数据
+     */
+    initData()
+    {
+      this.initFld(this.params.att, this.params.selDateset)
+    },
+
+    /**
+     * 初始化字段
+     * @param {Object} att 属性数据
+     * @param {Boolean} selDateset 是否选择数据集
+     */
+    initFld(att, selDateset)
+    {
+      // 如果已经有att，就赋值默认值，并自动获取表头
+      if (selDateset)
+      {
+        this.makeFldsShow(att)
+        this.getVal(att)
+        this.getHeader(att)
+      }
+      else
+      {
+        // 需要用户先选择原始数据，再点击获取表头按钮，然后填充数据
+        this.makeFldsShow()
+      }
+    },
+
+    /**
+     * 获取表头
+     * @param {Object} att 属性数据
+     */
+    getHeader(att)
+    {
+      // 从media查询数据出来
+      this.queryMedia(att).then(ret =>
+      {
+        if (!ret.length)
+          return
+        this.form.filename = ret[0].filename
+        if (att?._datatype.toLowerCase() === 'grd' || att?._datatype.toLowerCase() === 'tif' || att?._datatype.toLowerCase() === 'img')
+          return
+        PreDataApi.getHeader(ret[0], att._datatype.toLowerCase(), att).then(res =>
+        {
+          if (res.ret !== 0)
+            return
+
+          let filesInfo = []
+          if (att._datatype.toLowerCase() === 'shp' || att._datatype.toLowerCase() === 'mapgis' || att._datatype.toLowerCase() === 'dgss')
+            filesInfo = res.filesInfo
+          if (att._datatype.toLowerCase() === 'excel' || att._datatype.toLowerCase() === 'csv')
+            filesInfo = res.header.map(item => ({ filename: item }))
+          
+          let x = this.flds.find(item => item.colname === 'x')
+          if (x)
+            x.options = this.makeSelectOpts(filesInfo)
+
+          let y = this.flds.find(item => item.colname === 'y')
+          if (y)
+            y.options = this.makeSelectOpts(filesInfo)
+
+          let anlycol = this.flds.find(item => item.colname === 'anlycol')
+          if (anlycol)
+            anlycol.options = this.makeAnlyCol(filesInfo)
+
+          this.filesInfo = filesInfo
+        })
+      }).catch((err) =>
+      {
+        this.onError(err)
+      })
+    },
+
+    /**
+     * 查询媒体数据
+     * @param {Object} att 属性数据
+     * @returns {Promise} 查询结果
+     */
+    queryMedia(att)
+    {
+      let param = { args: [['major', '=', $app.TabConst.ysjj.major], ['minor', '=', $app.TabConst.ysjj.minor, 'and'], ['entityid', '=', att.id, 'and']] }
+      return cx.svr.data.query(cx.consts.SYSTAB, cx.consts.MEDIA, param)
+    },
+
+    /**
+     * 获取字段列
+     * @param {String} type 文件类型
+     * @returns {Array} 字段列表
+     */
+    getColByType(type)
+    {
+      const alwaysCols = this.defCols
+      switch (type?.toLowerCase())
+      {
+      case 'excel':
+      case 'csv':
+        return [...alwaysCols, 'epsg', 'x', 'y', 'anlycol']
+      case 'grd':
+      case 'tif':
+        return [...alwaysCols, 'epsg', 'layer']
+      case 'mapgis':
+      case 'dgss':
+      case 'shp':
+        return [...alwaysCols, 'epsg', 'anlycol', 'layer']
+      default : return alwaysCols
+      }
+    },
+
+    /**
+     * 选择原始数据集
+     */
+    onSelYssjj()
+    {
+      let params =
+      {
+        ...$app.TabConst.ysjj,
+        fixedExp: cx.sqlexp.from([['username', '=', $g.user.id]]),
+        onOk: this.selYssjj
+      }
+      cx.run.runPlug('SelData', params)
+    },
+
+    /**
+     * 选择数据集回调
+     * @param {Array} selection 选中数据
+     */
+    selYssjj(selection)
+    {
+      if (selection && selection.length)
+      {
+        this.clear()
+        this.initFld(selection[0], true)
+      }
+    },
+
+    /**
+     * 选择 EPSG
+     * @param {String} fld 字段值
+     */
+    onSelEpsg(fld)
+    {
+      let params =
+      {
+        onOk: this.selEpsg
+      }
+      cx.run.runPlug('SelCoorSys', params)
+    },
+
+    /**
+     * 选择 EPSG 回调
+     * @param {Object} selected 选中数据
+     */
+    selEpsg(selected)
+    {
+      this.form.epsg = 'EPSG:' + selected.epsgbm
+    },
+
+    /**
+     * 字段值发生变化
+     * @param {Object} fld 字段信息
+     * @param {Boolean} changed 是否变更
+     */
+    onFldChange(fld, changed)
+    {
+      console.log(fld)
+    },
+    
+    /**
+     * 校验表单
+     * @param {Object} FormItemProp 表单项
+     * @param {Boolean} isValid 是否有效
+     * @param {String} message 提示信息
+     */
+    validate(FormItemProp, isValid, message)
+    {
+    },
+
+    /**
+     * 分析字段变更
+     * @param {Array} CascaderValue 选中值
+     */
+    onChangeAnlycol(CascaderValue)
+    {
+      if (this.curFiletype.toLowerCase() === 'shp' || this.curFiletype.toLowerCase() === 'mapgis' || this.curFiletype.toLowerCase() === 'dgss')
+      {
+        let fld = this.flds.find(item => item.colname === 'layer')
+        if (fld)
+        {
+          let arr = CascaderValue.map(item => item[0])
+          let set = new Set(arr)
+          fld.options = this.makeLayer(Array.from(set))
+
+          this.form.layer = Array.from(set)
+        }
+      }
+    },
+
+    /**
+     * 消息响应函数-OK
+     */
+    async onOk()
+    {
+      let flag = await this.checkFileData()
+      if (flag)
+        return
+      const self = this
+      self.$refs.ruleForm.validate(async valid =>
+      {
+        if (valid)
+        {
+          // 添加数据
+          vm.$processing.show()
+          let { adds, medias } = await self.makeAtt()
+          let flag = await self.isSameName(adds[0])
+          if (!flag)
+          {
+            self.$showMsg('已存在数据名称与图层名称相同数据', 'warning')
+            vm.$processing.close()
+            return false
+          }
+          cx.svr.data.addsJson($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, adds, 1).then(async ret =>
+          {
+            if (!ret)
+              return
+            let medias_ = medias.map((item, index) => ({ ...item, entityid: ret[index].id, mode: 2 }))
+            if (medias_.length)
+            {
+              cx.svr.data.addsJson(cx.consts.SYSTAB, cx.consts.MEDIA, medias_, 1).then(res =>
+              {
+                vm.$processing.close()
+                self.$showSuccess('add')
+                cx.events.publish('add-yclsjj')
+                self.onClose()
+                if (self.params.afterAdd)
+                  self.params.afterAdd()
+              }).catch(err =>
+              {
+                self.onError(err)
+              })
+            }
+          }).catch(err =>
+          {
+            self.onError(err)
+          })
+        }
+        else
+        {
+          this.$showMsg('请将内容填写完整', 'error')
+          return false
+        }
+      })
+    },
+
+    /**
+     * 检查 CSV 文件数据
+     * @returns {Promise<Boolean>} 是否有问题
+     */
+    async checkFileData()
+    {
+      if (this.curFiletype.toLowerCase() === 'csv' || this.curFiletype.toLowerCase() === 'excel')
+      {
+        let flag = false
+        let res = await Api.preprocesscheck({ file: this.form.filename, cols: this.form.anlycol[0] })
+        for (let i in res.column)
+        {
+          flag = true
+          this.$showMsg(i + ': ' + res.column[i], 'warning')
+        }
+        return flag
+      }
+      else
+        return false
+    },
+
+    /**
+     * 判断同名校验
+     * @param {Object} att 属性数据
+     * @returns {Promise<Boolean>} 是否同名
+     */
+    async isSameName(att)
+    {
+      let data = await cx.svr.data.query($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, { args: [['username', '=', $g.user.id, null], ['glid', '=', att.glid, 'and'], ['name', '=', att.name, 'and'], ['layer', '=', att.layer, 'and']] })
+        .catch(() =>
+        {
+        })
+      if (data.length)
+        return false
+      else
+        return true
+    },
+
+    /**
+     * 构造入库的数据格式
+     */
+    async makeAtt()
+    {
+      let self = this
+      let adds = [], medias = []
+      let { anlycol } = self.form
+      if (!anlycol)
+      {
+        adds.push({ ...self.form, datatype: self.curFiletype, anlycol: self.form.name, sjjname: self.params.att.sjjname, glid: self.params.att.glid })
+        medias.push({ ...$app.TabConst.yclsjj, entityid: 0, filename: self.form.filename, title: self.form.layer + '.' + self.form.filename.split('.')[1], uperson: $g.user.name })
+      }
+      else
+      {
+        for (let i = 0; i < anlycol.length; i++)
+        {
+          let ay = anlycol[i]
+          if (self.curFiletype.toLowerCase() === 'shp' || self.curFiletype.toLowerCase() === 'mapgis' || self.curFiletype.toLowerCase() === 'dgss')
+          {
+            // 处理shp为geojson格式的数据
+            // let filesList = self.filesInfo.filter((item) =>
+            // {
+            //   return item.filename == anlycol[i][0]
+            // })
+
+            let files = self.filesInfo.map(item => item.filePath)
+            let geojsonRet = await Api.shpToGeojson({ files })
+
+            if (geojsonRet.ret === 0)
+            {
+              self.filesInfo.forEach((filesInfo, index) =>
+              {
+                let geojsonPath = geojsonRet.tranfiles[index]
+                if (filesInfo.filename === ay[0])
+                {
+                  let temp = filesInfo
+                  if (temp)
+                  {
+                    Api.pubSave({ files: [geojsonPath.replace(/^\//, '')] }).then((res2) =>
+                    {
+                  
+                    })
+                    medias.push({ ...$app.TabConst.yclsjj, entityid: 0, mode: 2, filename: geojsonPath.replace(/^\//, ''), title: self.form.layer + '.' + geojsonPath.replace(/^\//, '').split('.')[1], uperson: $g.user.name })
+                    adds.push({ ...self.form, datatype: temp.shptype, layer: ay[0], anlycol: ay[1], sjjname: self.params.att.sjjname, glid: self.params.att.glid })
+                  }
+                }
+              })
+            }
+
+            // if (geojsonRet.ret === 0)
+            // {
+            //   self.filesInfo.forEach((filesInfo, index) =>
+            //   {
+            //     let geojsonPath = geojsonRet.tranfiles[index]
+            //     if (filesInfo.filename === ay[0])
+            //     {
+            //       let temp = filesInfo
+            //       if (temp)
+            //       {
+            //         medias.push({ ...$app.TabConst.yclsjj, entityid: 0, filename: geojsonPath.replace(/^\//, ''), title: self.form.layer + '.' + geojsonPath.replace(/^\//, '').split('.')[1], uperson: $g.user.name })
+            //         adds.push({ ...self.form, datatype: temp.shptype, layer: ay[0], anlycol: ay[1], sjjname: self.params.att.sjjname, glid: self.params.att.glid })
+            //       }
+            //     }
+            //   })
+            // }
+          }
+
+          if (self.curFiletype === 'excel' || self.curFiletype === 'csv')
+          {
+            adds.push({ ...self.form, datatype: this.curFiletype, anlycol: ay[0], sjjname: self.params.att.sjjname, glid: self.params.att.glid })
+            medias.push({ ...$app.TabConst.yclsjj, entityid: 0, filename: self.form.filename, title: cx.file.getFileName(self.form.filename), uperson: $g.user.name })
+          }
+        }
+      }
+      return new Promise((resolve, reject) =>
+      {
+        resolve({ adds, medias })
+      })
+    },
+
+    /**
+     * 清空数据
+     */
+    clear()
+    {
+      this.rules = {}
+      this.flds = []
+      this.form = {}
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/DatasetMan/PreDataApi.js

@@ -0,0 +1,101 @@
+/**
+ * 接口类 - 预处理数据模块，获取文件的字段
+ */
+
+/**
+ * 维护记录:
+ * 24-05-11   张光辉      首次编写
+ */
+class PreData
+{
+  // media的filename
+  static getFilename(att)
+  {
+    return att.filename
+  }
+  
+  /**
+   * 获取数据的键值
+   * @param     {Object}    att      数据
+   * @param     {String}    type     数据
+   * @param     {Object}    data     原始数据
+   * @returns   Promise
+   */
+  static getHeader(att, type, data)
+  {
+    let filename = this.getFilename(att)
+    switch (type)
+    {
+    case 'excel':
+    case 'csv':
+      return this.getExcelHeader(filename)
+    case 'grd':
+      return false
+    case 'mapgis':
+    case 'dgss':
+    case 'shp':
+      return this.getMDSHeader(filename, type, data)
+    }
+  }
+
+  /**
+   * excel文件的表头
+   * @param     {String}    filename      文件路径
+   * @returns   Promise
+   */
+  static getExcelHeader(filename)
+  {
+    return new Promise((resolve, reject) =>
+    {
+      let params = { file: filename }
+      cx.http.post(`s_znycpjSvr_sys1` + '/doc/tablefile/header', params).then((result) =>
+      {
+        resolve(result)
+      }).catch((err) =>
+      {
+        reject(err)
+      })
+    })
+  }
+
+  /**
+   * shp文件的属性键值
+   * @param     {String}    filename      文件路径
+   * @returns   Promise
+   */
+  static getShpHeader(filename)
+  {
+    return new Promise((resolve, reject) =>
+    {
+      let params = { file: filename }
+      cx.http.post(`s_znycpjSvr_sys1` + '/doc/shpfile/getshpinfo', params).then((result) =>
+      {
+        resolve(result)
+      }).catch((err) =>
+      {
+        reject(err)
+      })
+    })
+  }
+
+  /**
+   * shp文件的属性键值
+   * @param     {String}    filename      文件路径
+   * @returns   Promise
+   */
+  static getMDSHeader(filename, type, att)
+  {
+    return new Promise((resolve, reject) =>
+    {
+      let params = { file: filename, format: type, reversal: att.reversal ? true : false }
+      cx.http.post(`s_znycpjSvr_sys1` + '/doc/mapgisfile/tran', params).then((result) =>
+      {
+        resolve(result)
+      }).catch((err) =>
+      {
+        reject(err)
+      })
+    })
+  }
+}
+export default PreData