zbcx_ckyc 1.0.0

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

@@ -0,0 +1,478 @@
+<style lang='scss' scoped>
+</style>
+
+<template>
+  <cx-data-man2
+    class="dataman2"
+    ref="dataman2"
+    v-bind="datamanOpts"
+    v-on="datamanEvts"
+    @row-click="onRowClick"
+  />
+</template>
+
+<script>
+
+/**
+ * 插件 - 数据集
+ */
+
+/**
+ * 修改记录:
+ * 24-07-08   张光辉      首次编写
+ */
+import PreDataApi from './PreDataApi.js'
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      datamanOpts:
+      {
+        params:
+        {
+          editable: true,
+          major: $app.TabConst.sjj.major,
+          minor: $app.TabConst.sjj.minor,
+          fixedExp: cx.sqlexp.from([['userid', '=', $g.user.id]]),
+          orderby: 'defdata desc,id desc'
+        },
+        makeExpOpers: this.makeExpOpers,
+        makeTabOpers: this.makeTabOpers,
+        expParams: { 'show-more': false },
+        aftDel: this.aftDel,
+        aftAdd: this.aftAdd,
+        aftQry: this.aftQry,
+        aftUpd: this.aftUpd,
+        dgParams: {
+          datagrid: {
+            table: {
+              elAtts: {
+                stripe: false,
+                'row-style': this.onRowStyle,
+                'cell-style': this.onCellStyle
+              }
+            }
+          }
+          
+        }
+      },
+      accept: '',
+      clickRow: null,
+      value: 'shp',
+      options: [
+        { label: 'shp', value: 'shp' },
+        { label: 'mapgis', value: 'mapgis' },
+        { label: 'dgss', value: 'dgss' }
+      ],
+      xy: false,
+      optionsXy: [
+        { label: '是', value: true },
+        { label: '否', value: false }
+      ]
+    }
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+    this.$refs.dataman2.datagridAtts.datagrid.table.multiple = true // 表格支持多选
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 查询后处理
+     */
+    aftQry()
+    {
+      this.$refs.dataman2.datagridAtts.datagrid.table.cols.forEach((item, index) =>
+      {
+        if (item.colname === 'name')
+        {
+          item.colname = '_name'
+          item.isHtml = true
+        }
+      })
+      this.$refs.dataman2.datagridAtts.datagrid.table.list.forEach((item, index) =>
+      {
+        if (item.defdata == '1')
+          item._name = `<span style="position:relative; right:0.1rem"><i class="cx-icon cx-fi ic-collect" style="color: var(--cx-colorDanger2); margin-right: 0.1rem;"></i>${item.name}</span>`
+        else
+          item._name = item.name
+      })
+    },
+
+    /**
+     * 更新后处理
+     * @param {Object} row 行数据
+     */
+    aftUpd(row)
+    {
+      this.nameChange(row)
+    },
+
+    /**
+     * 新增后处理
+     * @param {Object} row 行数据
+     */
+    aftAdd(row)
+    {
+      this.nameChange(row)
+    },
+
+    /**
+     * 设置名称显示样式
+     * @param {Object} row 行数据
+     */
+    nameChange(row)
+    {
+      if (row.defdata == '1')
+        row._name = `<span style="position:relative; right:0.1rem"><i class="cx-icon cx-fi ic-collect" style="color: var(--cx-colorDanger2); margin-right: 0.1rem;"></i>${row.name}</span>`
+      else
+        row._name = row.name
+    },
+
+    /**
+     * 生成表达式操作按钮
+     * @param {Array} list 按钮列表
+     * @returns {Array} 处理后的按钮列表
+     */
+    makeExpOpers(list)
+    {
+      let _list = list.filter(item => item.name === 'del')
+      _list.unshift(
+        { name: 'CreateSjj', title: '创建数据集', icon: 'cx-fi ic-addCircle', type: 'primary', showLabel: true, showIcon: true, show: () => true, enable: () => true, onClick: this.onCreateDataset },
+        { name: 'SetdefSjj', title: '设为默认数据集', icon: 'cx-fi ic-setting', showLabel: true, showIcon: true, show: () => true, enable: () => true, onClick: this.mrDataset }
+      )
+      return _list
+    },
+
+    /**
+     * 生成表格操作按钮
+     * @param {Array} defBtns 默认按钮
+     * @returns {Array} 处理后的按钮
+     */
+    makeTabOpers(defBtns)
+    {
+      defBtns[0].width = 250
+      defBtns[0].max = 5
+      let btn2 = {
+        name: 'view',
+        title: '预览',
+        icon: '',
+        type: 'primary',
+        showLabel: true,
+        showIcon: true,
+        show: true,
+        enable: () => true,
+        onClick: this.viewSjj
+      }
+      let btn = {
+        name: 'allocation',
+        title: '裁切边界',
+        icon: '',
+        type: 'primary',
+        showLabel: true,
+        showIcon: true,
+        show: (row) =>
+        {
+          if (row.cqfilename) return false
+          else return true
+        },
+        enable: () => true,
+        onClick: this.cutBoundary
+      }
+      let btn1 = {
+        name: 'allocation',
+        title: '删除裁切边界',
+        icon: '',
+        type: 'danger',
+        showLabel: true,
+        showIcon: true,
+        show: (row) =>
+        {
+          if (row.cqfilename) return true
+          else return false
+        },
+        enable: () => true,
+        onClick: this.delBoundary
+      }
+      defBtns[0].btns.push(btn2)
+      defBtns[0].btns.push(btn)
+      defBtns[0].btns.push(btn1)
+      return defBtns
+    },
+
+    /**
+     * 创建数据集
+     */
+    onCreateDataset()
+    {
+      let params =
+      {
+        ...$app.TabConst.sjj,
+        att: { userid: $g.user.id },
+        onOk: this.submitAdd,
+        onFldChange: this.onValChange
+      }
+      cx.run.runPlug('AttInput', params)
+    },
+
+    /**
+     * 提交-增加
+     * @method
+     * @param   {Object}    att         新属性
+     */
+    submitAdd(att, plug)
+    {
+      if (!this.$refs.dataman2.dg.table.list.length)
+        att.defdata = 1
+      return cx.svr.attOper.insert($app.TabConst.sjj.major, $app.TabConst.sjj.minor, att, 1)
+        .then(ret =>
+        {
+          cx.events.publish('add-yssjj')
+          return ret
+          // 这里没有额外代码，是因为该类增加了数据增删改监听
+        })
+    },
+
+    /**
+     * 预处理数据
+     * @param {Object} att 属性数据
+     */
+    preData(att)
+    {
+      cx.run.runPlug('PreData', { att, selDateset: true })
+    },
+
+    /**
+     * 设置默认数据集
+     */
+    mrDataset()
+    {
+      let id = null
+      let userid = null
+      let checkData = null
+      if (this.$refs.dataman2.selection.length == 1)
+      {
+        userid = this.$refs.dataman2.selection[0].userid
+        id = this.$refs.dataman2.selection[0].id
+        checkData = this.$refs.dataman2.selection[0]
+      }
+      else if (this.$refs.dataman2.selection.length > 1)
+      
+        return this.$showMsg('请勾选一条数据', 'warning')
+      
+      else if (this.$refs.dataman2.selected)
+      {
+        userid = this.$refs.dataman2.selected.userid
+        id = this.$refs.dataman2.selected.id
+        checkData = this.$refs.dataman2.selection[0]
+      }
+      else
+        return this.$showMsg('请点击列表选择数据集', 'warning')
+      cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', userid, null]] })
+        .then(res =>
+        {
+          let ids = res.map((item) =>
+          {
+            return item.id
+          })
+          let defdata = res.map((item) =>
+          {
+            if (item.id == id)
+              return 1
+            else
+              return 0
+          })
+          let params =
+          {
+            id: ids.toString(),
+            defdata: defdata.toString()
+          }
+          cx.svr.data.updates($app.TabConst.sjj.major, $app.TabConst.sjj.minor, params).then(() =>
+          {
+            this.datamanOpts.params.fixedExp = cx.sqlexp.from([['userid', '=', $g.user.id]])
+            window.mrsjj = checkData
+            this.$showMsg('修改成功', 'success')
+          }).catch(() =>
+          {
+            this.$showMsg('修改失败', 'error')
+          })
+        })
+    },
+
+    /**
+     * 预览数据集
+     * @param {Object} row 行数据
+     */
+    viewSjj(row)
+    {
+      cx.run.runPlug('sjjView', { major: $app.TabConst.sjj.major, minor: $app.TabConst.sjj.minor, nodeId: row.id, showSjj: true, row: row })
+    },
+
+    /**
+     * 删除后处理
+     * @param {Object} att 属性数据
+     */
+    async aftDel(att)
+    {
+      let dataYcl = await cx.svr.data.query($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, { args: [['glid', '=', att.id, null]] })
+      let dataYsjj = await cx.svr.data.query($app.TabConst.ysjj.major, $app.TabConst.ysjj.minor, { args: [['glid', '=', att.id, null]] })
+      let idsYsjj = dataYsjj.map((item) =>
+      {
+        return item.id
+      })
+      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 = idsYsjj.length ? 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', idsYsjj.toString(), 'and']] }) : []
+      this.delDatas($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, dataYcl.map((item) =>
+      {
+        return item.id
+      }).toString())
+      this.delDatas($app.TabConst.ysjj.major, $app.TabConst.ysjj.minor, dataYsjj.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() })
+      cx.events.publish('add-yssjj')
+    },
+
+    /**
+     * 删除数据
+     * @param {String} major 主表
+     * @param {String} minor 子表
+     * @param {String} ids 数据ID
+     */
+    delDatas(major, minor, ids)
+    {
+      cx.svr.data.dels(major, minor, ids)
+    },
+
+    /**
+     * 行样式设置
+     * @param {Object} att 行属性
+     * @param {Object} data 行数据
+     * @returns {Object|undefined} 行样式
+     */
+    onRowStyle(att, data)
+    {
+      if (att.row.defdata == '1')
+        return { background: 'var(--cx-colorWarning5)' }
+    },
+
+    /**
+     * 裁切边界
+     * @param {Object} row 行数据
+     */
+    cutBoundary(row)
+    {
+      let onOk = (form, plug) =>
+      {
+        this.uploadFile(row, form)
+        plug.close()
+      }
+      cx.run.runPlug('Input', {
+        title: '裁切边界',
+        items: [{
+          colname: 'value',
+          type: 2,
+          options: [
+            { label: 'shp', value: 'shp' },
+            { label: 'mapgis', value: 'mapgis' },
+            { label: 'dgss', value: 'dgss' }
+          ],
+          title: '文件类型'
+        }, {
+          colname: 'xy',
+          type: 2,
+          options: [
+            { label: '是', value: true },
+            { label: '否', value: false }
+          ],
+          title: 'xy是否反转'
+        }],
+        onOk: onOk
+      })
+    },
+
+    /**
+     * 上传文件
+     * @param {Object} row 行数据
+     * @param {Object} form 表单数据
+     */
+    async uploadFile(row, form)
+    {
+      let onLoad = async(res) =>
+      {
+        if (form.value == 'mapgis')
+          res.reversal = form.xy
+        let geojsonRet = await PreDataApi.getHeader(res, form.value, res)
+        cx.svr.data.update($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { id: row.id, cqfilename: geojsonRet.filesInfo[0].filePath }).then(res =>
+        {
+          if (row.defdata == 1)
+          {
+            row.cqfilename = geojsonRet.filesInfo[0].filePath
+            window.mrsjj = row
+          }
+          this.$refs.dataman2.refresh()
+          this.$showMsg('保存成功', 'success')
+          cx.run.closeRun('UploadFile')
+        }).catch(() =>
+        {
+          this.$showMsg('保存失败', 'error')
+        })
+      }
+      let params =
+      {
+        data: {
+          major: $app.TabConst.sjj.major,
+          minor: $app.TabConst.sjj.minor,
+          entityid: row.id,
+          saveto: 'Doc'
+        },
+        accept: '.zip',
+        onLoad: onLoad
+      }
+      cx.run.runPlug('UploadFile', params)
+    },
+
+    /**
+     * 删除裁切边界
+     * @param {Object} row 行数据
+     */
+    delBoundary(row)
+    {
+      cx.svr.data.update($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { id: row.id, cqfilename: '' }).then(res =>
+      {
+        if (res.defdata == 1)
+        {
+          row.cqfilename = ''
+          window.mrsjj = row
+        }
+        this.$refs.dataman2.refresh()
+        this.$showMsg('删除成功', 'success')
+      }).catch(() =>
+      {
+        this.$showMsg('删除失败', 'error')
+      })
+    }
+  }
+}
+</script>