zbcx_ckyc 1.0.0

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

@@ -0,0 +1,389 @@
+<style lang='scss' scoped>
+ .dataman2{width: 99%;margin-left: 1%;height: 100%;}
+
+</style>
+
+<template>
+  <cx-layout  :size="size"  v-loading="loading" element-loading-text="数据上传中...">
+    <SjTree :tables="table" @current-change="onCurrentChange"></SjTree>
+    <cx-region region="center" style="height: 99%;">
+      <cx-data-man2
+        v-if="flag"
+        class="dataman2"
+        ref="dataman2"
+        v-bind="datamanOpts"
+        v-on="datamanEvts"
+        @row-click="onRowClick"
+      />
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+
+/**
+ * 插件 - 原始数据集
+ */
+
+/**
+ * 修改记录:
+ * 24-05-07   张光辉      首次编写
+ */
+import SjTree from './SjTree'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { SjTree },
+  data()
+  {
+    return {
+      datamanOpts:
+      {
+        params:
+        {
+          editable: true,
+          major: $app.TabConst.ysjj.major,
+          minor: $app.TabConst.ysjj.minor,
+          fixedExp: cx.sqlexp.from([['username', '=', $g.user.id, 'and']])
+        },
+        makeExpOpers: this.makeExpOpers,
+        makeTabOpers: this.makeTabOpers,
+        expParams: { 'show-more': false },
+        aftDel: this.aftDel
+      },
+      table: 'ysjj',
+      accept: '.csv',
+      currNode: null,
+      loading: false,
+      flag: false
+    }
+  },
+
+  created()
+  {
+    cx.events.listen(this, 'SelData', (data) =>
+    {
+      this.selData = data
+    })
+  },
+
+  beforeUnmount()
+  {
+    cx.events.unlisten(this)
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 获取默认上传类型
+     */
+    getDefAccept()
+    {
+      this.setAccept($g.field.fldValue.ysjj.datatype[0].disp)
+    },
+
+    /**
+     * 生成表达式操作按钮
+     * @param {Array} list 按钮列表
+     * @returns {Array} 处理后的按钮列表
+     */
+    makeExpOpers(list)
+    {
+      let _list = list.filter(item => item.name === 'del')
+      // _list.unshift(
+      //   { name: 'CreateDataset', title: '数据中心上传导入', icon: 'cx-fi ic-addCircle', type: 'primary', showLabel: true, showIcon: true, show: () => true, enable: () => true, onClick: this.onSjzxDataset }
+      // )
+      _list.unshift(
+        { name: 'CreateDataset', title: '本地上传导入', icon: 'cx-fi ic-addCircle', type: 'primary', showLabel: true, showIcon: true, show: () => true, enable: () => true, onClick: this.onCreateDataset }
+        // { name: 'DownloadTemplate', title: '下载模板', icon: 'cx-fi ic-download', showLabel: true, showIcon: true, show: () => true, enable: () => true, onClick: this.onDownloadTemplate }
+      )
+     
+      return _list
+    },
+
+    /**
+     * 生成表格操作按钮
+     * @param {Array} defBtns 默认按钮
+     * @returns {Array} 处理后的按钮
+     */
+    makeTabOpers(defBtns)
+    {
+      defBtns[0].btns.push(
+        {
+          enable: (att) => true,
+          name: 'predata_',
+          onClick: (att) => this.preData(att),
+          show: (att) => true,
+          title: '预处理'
+        }
+      )
+      defBtns[0].width = 150
+      return defBtns
+    },
+
+    /**
+     * 创建数据集
+     */
+    onCreateDataset()
+    {
+      const self = this
+      this.accept = '.csv'
+      // this.getDefAccept()
+      const tips =
+      {
+        localImp: '本地导入：excel/csv/grd/img文件请选择单文件导入,mapgis/dgss/shp请选择文件压缩包zip文件导入',
+        systemImp: '暂无'
+      }
+      let params =
+      {
+        ...$app.TabConst.ysjj,
+        uploadType: '',
+        useAttach: true,
+        title: '添加原始数据',
+        attachAttrs: { tip: tips.localImp },
+        uploadAttrs: {
+          limit: 1,
+          accept: this.accept,
+          onProgress: self.onProgress,
+          onChange: self.onChange
+        },
+        att: { username: $g.user.id, source: '本地上传', sjjname: this.selData ? this.selData.name : '', udate: cx.formatter.dateDb(cx.datetime.now()), yxlx: '' },
+        onOk: this.submitAdd,
+        colNum: 1,
+        onFldChange: this.onValChange,
+        onChange: this.onChange
+      }
+      cx.run.runPlug('CreateDataset', params)
+    },
+
+    /**
+     * 上传状态变更
+     */
+    onChange()
+    {
+      this.loading = !this.loading
+    },
+
+    /**
+     * 表单字段变更
+     * @param {Object} fld 字段信息
+     * @param {Object} refsDoclist 组件引用
+     */
+    onValChange(fld, refsDoclist)
+    {
+      if (fld.colname === 'datatype')
+        this.setAccept(fld.options.find(item => item.value === fld.value).label)
+      refsDoclist.uploadAttrs.accept = this.accept    // 修改限制上传文件的类型
+    },
+
+    /**
+     * 设置上传类型
+     * @param {String} value 类型值
+     */
+    setAccept(value)
+    {
+      switch (value.toLowerCase())
+      {
+      case 'excel':
+        this.accept = '.xls,.xlsx,csv'
+        return
+      case 'csv':
+        this.accept = '.csv'
+        return
+      case 'grd':
+        this.accept = '.grd'
+        return
+      case 'mapgis':
+      case 'dgss':
+      case 'shp':
+        this.accept = '.zip'
+        return
+      case 'img':
+        this.accept = '.jpg,.png,.JPG,.PNG,.IMG,.img'
+        return
+      case 'tif':
+        this.accept = '.tif'
+      }
+    },
+
+    /**
+     * 提交-增加
+     * @method
+     * @param   {Object}    att         新属性
+     */
+    submitAdd(att, plug)
+    {
+      att.glid = this.selData.id
+      return cx.svr.attOper.insert($app.TabConst.ysjj.major, $app.TabConst.ysjj.minor, att, 1)
+        .then(ret =>
+        {
+          this.$refs.dataman2.onRefresh()
+          // cx.events.publish('add-yssjj', att)
+          return ret
+          // 这里没有额外代码，是因为该类增加了数据增删改监听
+        })
+    },
+
+    /**
+     * 下载模板
+     */
+    onDownloadTemplate()
+    {
+
+    },
+
+    /**
+     * 预处理数据
+     * @param {Object} att 属性数据
+     */
+    preData(att)
+    {
+      cx.run.runPlug('PreData', { att, selDateset: true })
+    },
+
+    /**
+     * 树节点切换
+     * @param {Object} node 当前节点
+     */
+    onCurrentChange(node)
+    {
+      this.selData = node.att
+      let args = [['username', '=', $g.user.id]]
+      if (!node.att.allSjj_)
+        args.push(['glid', '=', node.att.id, 'and'])
+      this.datamanOpts.params.fixedExp = cx.sqlexp.from(args)
+      this.flag = true
+    },
+
+    /**
+     * 查询后处理
+     * @param {Object} att 属性数据
+     */
+    aftQry(att)
+    {
+      cx.base.watch(_ => this.$refs.dataman2.datagridAtts.datagrid.table.cols, _ =>
+      {
+        this.$refs.dataman2.datagridAtts.datagrid.table.multiple = true // 表格支持多选
+        this.$refs.dataman2.datagridAtts.datagrid.table.cols.forEach(item =>
+        {
+          item.overflowTooltip = true
+        })
+      })
+    },
+
+    
+    /**
+     * 删除后处理
+     * @param {Object} att 属性数据
+     */
+    async aftDel(att)
+    {
+      let dataYcl = await cx.svr.data.query($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, { args: [['sourceid', '=', att.id, null]] })
+     
+      let idsYcl = dataYcl.map((item) =>
+      {
+        return item.id
+      })
+      let dataMediaYcl = idsYcl.length ? await cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, { args: [['major', '=', $app.TabConst.yclsjj.major, null], ['minor', '=', $app.TabConst.yclsjj.minor, 'and'], ['entityid', 'in', idsYcl.toString(), 'and']] }) : []
+      let dataMediaYsjj = await cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, { args: [['major', '=', $app.TabConst.ysjj.major, null], ['minor', '=', $app.TabConst.ysjj.minor, 'and'], ['entityid', 'in', att.id, 'and']] })
+      this.delDatas($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, dataYcl.map((item) =>
+      {
+        return item.id
+      }).toString())
+      let mediaids = [
+        ...dataMediaYcl.map((item) =>
+        {
+          return item.id
+        }),
+        ...dataMediaYsjj.map((item) =>
+        {
+          return item.id
+        })]
+      cx.svr.doc.del({ id: mediaids.toString() })
+    },
+
+    /**
+     * 删除数据
+     * @param {String} major 主表
+     * @param {String} minor 子表
+     * @param {String} ids 数据ID
+     */
+    delDatas(major, minor, ids)
+    {
+      cx.svr.data.dels(major, minor, ids)
+    },
+
+    /**
+     * 数据中心上传导入数据
+     */
+    onSjzxDataset()
+    {
+      let params =
+      {
+        major: $app.TabConst.sjzx_sjgl.major,
+        minor: $app.TabConst.sjzx_sjgl.minor,
+        fixedExp: cx.sqlexp.from([['fzr_name', '=', $g.user.name]]),
+        onOk: this.onSeldynaOk
+      }
+      cx.run.runPlug('SelData', params)
+    },
+
+    /**
+     * 数据中心选中回调
+     * @param {Array} data 选中数据
+     */
+    async onSeldynaOk(data)
+    {
+      let media = await cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, { args: [['major', '=', $app.TabConst.sjzx_sjgl.major, null], ['minor', '=', $app.TabConst.sjzx_sjgl.minor, 'and'], ['entityid', '=', data[0].id, 'and']] })
+      let dataType = ''
+      $g.field.fldValue.ysjj.datatype.forEach((item) =>
+      {
+        if (item.dispc.toLowerCase() == data[0].format_name.toLowerCase())
+          dataType = item.dbvalue
+      })
+      let params =
+      {
+        ...$app.TabConst.ysjj,
+        useAttach: false,
+        title: '添加原始数据',
+        att: { name: data[0].metadata_name, source: '数据中心导入', username: $g.user.id, udate: cx.formatter.dateDb(cx.datetime.now()), yxlx: '', datatype: dataType },
+        onOk: (att, self) =>
+        {
+          att.epsg = data[0].epsg_ckname
+          this.submitAddSjzx(att, self, media[0])
+        },
+        colNum: 1
+      }
+      cx.run.runPlug('CreateDataset', params)
+    },
+
+    /**
+     * 提交-增加
+     * @method
+     * @param   {Object}    att         新属性
+     */
+    submitAddSjzx(att, plug, media)
+    {
+      att.glid = this.selData.id
+      return cx.svr.attOper.insert($app.TabConst.ysjj.major, $app.TabConst.ysjj.minor, att, 1)
+        .then(ret =>
+        {
+          media.major = $app.TabConst.ysjj.major
+          media.minor = $app.TabConst.ysjj.minor
+          media.entityid = ret.id
+          delete media.id
+          cx.svr.attOper.insert(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, media, 1)
+            .then(res =>
+            {
+              cx.run.closeRun('CreateDataset')
+              // cx.events.publish('add-yssjj', att)
+              return ret
+              // 这里没有额外代码，是因为该类增加了数据增删改监听
+            })
+        })
+    }
+  }
+}
+</script>