zbcx_ckyc 1.0.0

package/src/plugins/app/modelmanagement/MineralModel.vue

@@ -0,0 +1,1203 @@
+<style lang="scss" scoped>
+  .body {display: flex;width:100%; height: calc(94% - 0.4rem); padding-top: 0.16rem; padding-left: 0.12rem; color: var(--cx-colorText2);
+    .menu{position:absolute;width:100px;border:0.01rem solid var(--cx-colorBorder1);border-radius:0.05rem;background: var(--cx-colorBg5);} // 要放这个位置
+    .prj-tree {width: 17%; height: 100%; border: solid 0.01rem var(--cx-colorBorder1);border-radius: 0.08rem; background: var(--cx-colorBg5);;
+        .tree-top{display: flex;align-items: center;height: 5%;padding-left: 0.12rem;background: var(--cx-colorPrimary13);}
+        .tree-body {height: 95%;border-top: solid 0.01rem var(--cx-colorBorder1);
+          .tree-qry {display: flex;height: 0.6rem; padding-left: 0.1rem;}
+          .prj-node {font-size: 0.14rem;height: calc(100% - 0.7rem);overflow-y: auto;overflow-x:hidden;padding-left:0.16rem;padding-right:0.16rem;
+          }
+          .kz{position: absolute; bottom: 0.3rem;margin-left:0.75rem;}
+          .qryInpt {width: 2.25rem; top: 0.12rem; left: 0.06rem;}
+          .qry-btn {position: relative; top: 0.12rem;margin-left:0.12rem;}
+        }
+      }
+    .prj-data {width: calc(83% - 0.4rem); height: 100%; margin-left: 0.2rem;margin-right: 0.2rem;
+      .prj-jdt {position:relative;display: flex;align-items: center;height: 0.4rem;overflow: hidden;background: var(--cx-colorBg5);border-radius: 0.08rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0; border: 0.01rem solid var(--cx-colorBorder2); box-shadow: var(--cx-boxShadow5);
+        .right-top-button{position: absolute;display: flex;align-items: center;right: 0.2rem;}
+      }
+    }
+    .prj-table {position:relative;height: calc(100% - 0.4rem);background-color:var(--cx-colorBg5);padding-left: 0.2rem;padding-right: 0.2rem;border: 0.01rem solid var(--cx-colorBorder2); box-shadow: var(--cx-boxShadow5);border-radius: 0.1rem;border-top-left-radius: 0rem;border-top-right-radius: 0rem;
+      .kp{display: flex;flex-wrap: wrap;align-content: flex-start;overflow-y: scroll;height:87%;width:100%;
+        .right-content{display: flex;position: relative;flex-direction: column;width: 2.6rem;height: 2.8rem;margin-top: 0.15rem;margin-right: 0.2rem;padding-left: 0.15rem; padding-top: 0.15rem;border-radius: 0.08rem;border: 0.01rem solid var(--cx-colorBorder2);
+          .gx{display: flex;align-items: center;margin-top:0.1rem;
+            .name{width: 2.3rem;color: var(--cx-colorText0);font-weight:700;margin-left: 0.05rem;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis}
+          }
+          .bzh{width: 2.5rem;margin-top: 0.05rem;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis}
+          .ckxq{position: absolute;display: flex;bottom: 0.15rem;cursor: pointer;}
+          .xz{position:absolute;display: flex;align-items: center;right:0.15rem;bottom: 0.15rem;
+           .el-icon{cursor:pointer;margin-left: 0.1rem}
+          }
+        }
+      }
+      .el-pagination{position: absolute;bottom: 0.1rem;width:98%;}
+      .filimg{display: flex;justify-content: center;align-items: center;height: 3.2rem;width: 2.8rem;margin-top: 0.2rem;border: 0.01rem solid var(--cx-colorBorder2); border-radius: 0.08rem;box-shadow: var(--cx-boxShadow5);cursor: pointer;
+        .filimg_add{display: flex;align-items: center;justify-content: center;border: 0.03rem dashed var(--cx-colorText5);border-radius: 0.05rem;width: 1rem;height: 1rem;
+          .add_icon{font-size: 0.4rem;color: var(--cx-colorText5);}
+        }
+      }
+    }
+  }
+  .right-top-qry{display: flex;align-items: center;margin-top: 0.15rem;
+    .topInpt{margin-right: 0.3rem;margin-left: 0.1rem;width: 1.8rem;}
+  }
+  .search_title{display: flex;position: relative;
+    .search_right{position: absolute;;display: flex;align-items: center;margin-top: 0.15rem;right: 0.15rem;}
+  }
+  .active-name{width: 98.8%; height: 6%; font-size: 0.18rem; font-weight: 400; box-sizing: border-box; padding-left: 0.1rem; padding-right: 0.1rem;  margin: auto; margin-top: 0.12rem;line-height: 0.5rem; border-radius: 0.06rem; box-shadow: var(--cx-boxShadow5); border: .01rem solid var(--cx-colorBorder1); color: var(--cx-colorText3); background: var(--cx-colorBg5); display: flex;align-items: center;justify-content: space-between;}
+  .dialog_form{padding:.2rem;height:100%;display:flex;flex-direction:column;align-items:normal;}
+  .dialog_input{width:2rem;}
+  .menu_add{display: flex;align-items: center;justify-content: center;cursor: pointer;width:100%;height:0.3rem;}
+  .menu_add:hover{background-color: var(--cx-colorPrimary13);}
+  .dialog-footer{position: absolute;bottom: 0.1rem;left: 50%;transform: translateX(-50%);}
+  :deep(.el-dialog .el-dialog__body){position: relative;height: 1.4rem;}
+  :deep(.el-tabs.el-tabs--top > .el-tabs__header.is-top){margin-left: 0rem;}
+</style>
+
+<template>
+  <div class="active-name"  v-if="syshow">
+    <span>{{activeName}}</span>
+    <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>
+  </div>
+  <div class="body" v-show="syshow">
+    <!-- 左侧树 -->
+    <div class="prj-tree">
+      <div class="tree-body">
+        <div class="tree-qry">
+          <el-input
+            class="qryInpt"
+            v-model="leftkeyword"
+            suffix-icon="el-icon-search"
+            size="mini"
+            placeholder="请输入关键字"
+            clearable="true"
+            @clear="qk"
+            @keyup.enter="onSearch">
+          </el-input>
+          <el-button class="qry-btn" type="primary" @click="onSearch">查询</el-button>
+        </div>
+        <div class="prj-node">
+          <!-- 树数据 -->
+          <el-tree
+            class="filter-tree"
+            highlight-current
+            :data="data"
+            node-key="id"
+            :props="defaultProps"
+            default-expand-all
+            @node-contextmenu ='doubleclick'
+            @node-click = "nodeclick"
+            :filter-node-method="filterNode"
+            :current-node-key="currentNodeKey"
+            ref="tree">
+          </el-tree>
+
+          <!-- 鼠标右击出现的新增和编辑内容 -->
+          <div class="menu" v-show="meunshow">
+            <!-- 节点新增 -->
+            <div class="menu_add" @click="nameadd" v-if="meunshow2">新增</div>
+            <!-- 卡片新增 -->
+            <div class="menu_add" @click="addHandle" v-if="kpshow && canUseBtn('add')" >新增</div>
+            <div class="menu_add" @click="nameedit" v-if="menushow3 && canUseBtn('edit')">编辑</div>
+            <div class="menu_add" @click="namedelete" v-if="menushow3 && canUseBtn('delete')">删除</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 右侧卡片信息 -->
+    <section class="prj-data">
+      <header class="prj-jdt">
+        <el-tabs type="card" v-model="editableTabsValue " closable @tab-remove="removeTab" @edit="tabEdit" @tab-click="tabClick">
+          <el-tab-pane
+            v-for="item in editableTabs"
+            :key="item.name"
+            :label="item.title"
+            :name="item.name"
+          >
+            {{item.content}}
+          </el-tab-pane>
+        </el-tabs>
+      </header>
+      <section class="prj-table" v-if="show">
+        <div class="search_title">
+          <div class="right-top-qry" v-for="item in cardSearch" :key="item">
+            <span>{{item.name}}</span>
+            <el-input
+              class="topInpt"
+              v-model="item.value"
+              suffix-icon="el-icon-search"
+              size="mini"
+              placeholder="请输入"
+              clearable="true"
+              @clear='item.value = ""'
+              @keyup.enter="onSearch2">
+            </el-input>
+          </div>
+          <div class="right-top-qry">
+            <span>排序设置：</span>
+            <el-select clearable
+              v-model="sortName"
+              @change="onSortChange"
+              class="topInpt"
+            >
+              <el-option v-for="opt in sortOption"
+                :key="opt.value"
+                :value="opt.value"
+                :label="opt.label"
+              />
+            </el-select>
+          </div>
+          <div class="search_right">
+             <cx-button class="top-btn" type="primary" @click="onUpload">新增</cx-button>
+            <cx-button class="top-btn" type="primary" @click="onSearch2">查询</cx-button>
+            <cx-button class="top-btn"  @click="onResevel">重置</cx-button>
+          </div>
+        </div>
+        <div class = "kp">
+          <div class="right-content" v-for="obj in sj" :key="obj.id">
+            <img :src="obj.src" alt="" style="width:2.5rem;height:2rem">
+            <div class="gx">
+              <el-tooltip class="item" effect="dark" :content="obj.kc_name" placement="top">
+                <span class="name">{{obj.kc_name}}</span>
+              </el-tooltip>
+            </div>
+            <div class="ckxq">
+              <span @click="showGrp(obj)">查看详情</span>
+            </div>
+            <div class="xz">
+              <el-icon class="cx-fi ic-visible"  @click="_view(obj)"/>
+              <el-icon class="cx-fi ic-edit"  @click="_upd(obj)" v-if="canUseBtn('edit')"/>
+              <el-icon class="cx-fi ic-trash"  @click="contentdelete(obj)" v-if="canUseBtn('delete')"/>
+            </div>
+          </div>
+        </div>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :page-sizes="pageSizes"
+          :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="searchsjall.length">
+        </el-pagination>
+        <p style="position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);" v-if='!this.sj.length'>暂无数据</p>
+      </section>
+    </section>
+
+    <!-- 对话框 -->
+    <cx-dialog v-if="dialogVisible" :dlg="dlg" @close="dialogVisible = false">
+      <el-form ref="ruleForm" label-width="1rem" class="dialog_form">
+        <el-form-item :label="`${title2}类型:`" required>
+          <el-input v-model="kcmc" class = "dialog_input"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <cx-cmd-ok-cancel @ok-click="kcsubmit" @cancel-click="dialogVisible = false"/>
+        </el-form-item>
+      </el-form>
+    </cx-dialog>
+  </div>
+  <MineralGo v-if="!syshow" :obj="obj" @modelshow="syshow = true"/>
+</template>
+<script>
+/**
+ * 组件: 矿床模型管理
+ */
+import MineralGo from './MineralGo.vue'
+
+export default {
+  mixins: [cx.mixin.IPlugBase],
+  components: { MineralGo },
+  data()
+  {
+    return {
+      smData: '',
+      leftkeyword: '',
+      obj: '',
+      show: true,
+      syshow: true,
+      sj: [],
+      kphcsj: [],
+      dlg: {
+        title: '',
+        width: '4rem',
+        height: '2.5rem',
+        pos: { zIndex: 12, top: '4rem', left: '7rem' }
+      },
+      currentpage: 1,
+      searchsjall: [],
+      pageSizes: [10, 20, 50, 100],
+      pageSize: 10,
+      admin: true,
+      addnmae: '',
+      editname: '',
+      title2: '',
+      title: '',
+      currentNodeKey: null,
+      kcmc: '',
+      meunshow: false,
+      meunshow2: false,
+      menushow3: true,
+      rightkeyword: '',
+      dialogVisible: false,
+      nodeclicksj: '',
+      nodeclickzt: false,
+      treezk: true,
+      kzname: '',  // 矿种名称，自动带入
+      kclx: '',  // 矿床类型，自动带入
+      nodeclickid: [],
+      doubleclicksj: '',
+      doubleclickzt: false,
+      theflds: '',
+      clickHandler: '',
+      data: [
+      ],
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      theflds2: [],
+      activeName: '矿床模型',
+      tabIndex: 1,
+      editableTabsValue: '',
+      editableTabs: [],
+      sortOption: [],
+      sortName: '',
+      cardSearch: [{ name: '矿床名称：', colname: 'kc_name', value: '' }, { name: '模式图名称:', colname: 'kc_mst', value: '' }, { name: '模式表:', colname: 'kc_msb', value: '' }]
+    }
+  },
+
+  beforeUnmount()
+  {
+    document.documentElement.removeEventListener('click', this.clickHandler)
+    // true 为所有用户可见，返回数据中心其他页面不是所有用户可见，所以需要改回去
+    window.pt_service = false
+  },
+
+  created()
+  {
+    this.smData = window.SmData['矿床模型']
+    this.initOption()
+  },
+
+  mounted()
+  {
+    this.inittree()
+    this.contextClick()
+  },
+
+  methods:
+  {
+    /**
+     * 初始化树
+     */
+    inittree()
+    {
+      this.data = []
+      cx.svr.data.query(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, { args: [['id', '>', 0, null]], orderby: 'glid ASC' }).then(ret =>
+      {
+        if (ret.length)
+        {
+        // 按glid递增查询，第一个数据肯定是最外层数据
+          this.data.push(ret[0])
+          let mbsj = this.data // 定义要存放的目标数据父节点
+          for (let i = 1; i < ret.length; i++)
+          {
+            if (ret[i].glid === ret[i - 1].glid && mbsj) // 和前一个glid相同说明是一个父节点，直接存在目标数据父节点
+              mbsj.push(ret[i])
+            else
+            {
+              mbsj = this.getmbsj(ret[i], this.data)
+              if (mbsj)
+                mbsj.push(ret[i])
+            }
+          }
+          this.$nextTick(() =>
+          {
+            // 自动点击
+            if (this.data)
+            {
+              this.currentNodeKey = this.data[0].id
+              this.nodeclick(this.data[0])
+            }
+          })
+        }
+      })
+    },
+
+
+    /**
+     * 下拉值变化，根据下拉值对数据进行排序
+     */
+    onSortChange()
+    {
+      this.getsj()
+    },
+
+
+    /**
+     * 初始化下拉选项
+     */
+    initOption()
+    {
+      this.sortOption = [
+        {
+          value: 'kzname',
+          label: '矿种类型'
+        }, {
+          value: 'formation_time',
+          label: '形成时间'
+        }
+      ]
+    },
+
+
+    /**
+     * 矿床/矿种提交
+     */
+    kcsubmit()
+    {
+      if (this.kcmc)
+      {
+        if (this.title === '矿床编辑' || this.title === '矿种编辑')
+          this.kcedit(this.title)
+        else
+          this.kcadd()
+      }
+      else
+        this.$showMsg('表单请填写完整！', 'warning')
+    },
+
+    /**
+     * 判断按钮是否可用
+     * @param {String} name - 按钮名称
+     * @returns {Boolean} 是否可用
+     */
+    canUseBtn(name)
+    {
+      // return $g.access.canUseBtn('MineralModel', name)
+      return true
+    },
+
+
+    /**
+     * 新增卡片
+     */
+    addHandle()
+    {
+      // 参数
+      let params =
+      {
+        major: window.$app.TabConst.kcmxb.major,
+        minor: window.$app.TabConst.kcmxb.minor,
+        thethis: this,
+        att: { glid: this.doubleclicksj.id, kzname: this.kzname, kclx: this.kclx, uploader: $g.user.name, uploadunit: $g.user.organs.length ? $g.user.organs[0].namec : '' }
+      }
+      cx.run.runPlug('ModelUpload', params, { uicfg: { width: 0.4, height: 0.7, modal: 1 }, container: 'Home' })
+    },
+
+
+    /**
+     * 上传按钮点击事件
+     */
+    onUpload()
+    {
+      this.doubleclickzt = false
+      this.nodeclickzt = true
+      if (this.nodeclicksj.glid === 0)
+      {
+        this.addname = '矿种'
+        this.nameadd()
+      }
+      // 二级节点
+      else if (this.nodeclicksj.glid === this.data[0].id)
+      {
+        this.addname = '矿床'
+        this.nameadd()
+      }
+      // 三级节点新增卡片
+      else
+      {
+        for (let i = 0; i < this.data[0].children.length; i++)
+        {
+          if (this.data[0].children[i].id === this.nodeclicksj.glid)
+          {
+            this.kzname = this.data[0].children[i].name
+            this.kclx = this.nodeclicksj.name
+            break
+          }
+        }
+        // 参数
+        let params =
+      {
+        major: window.$app.TabConst.kcmxb.major,
+        minor: window.$app.TabConst.kcmxb.minor,
+        thethis: this,
+        att: { glid: this.nodeclicksj.id, kzname: this.kzname, kclx: this.kclx, uploader: $g.user.name, uploadunit: $g.user.organs.length ? $g.user.organs[0].namec : '' }
+      }
+        cx.run.runPlug('ModelUpload', params, { uicfg: { width: 0.4, height: 0.7, modal: 1 }, container: 'Home' })
+      }
+    },
+
+    /**
+     * 切换当前条数
+     * @param {Number} val - 每页条数
+     */
+    handleSizeChange(val)
+    {
+      this.pageSize = val
+      this.sj = this.searchsjall.slice(this.pageSize * (this.currentpage - 1), this.pageSize * this.currentpage)
+    },
+
+
+    /**
+     * 切换当前页码
+     * @param {Number} val - 当前页码
+     */
+    handleCurrentChange(val)
+    {
+      this.currentpage = val
+      this.sj = this.searchsjall.slice(this.pageSize * (this.currentpage - 1), this.pageSize * this.currentpage)
+    },
+
+
+    /**
+     * 左键点击节点获取当前节点的右侧模块所有卡片数据
+     */
+    async getsj()
+    {
+      this.$processing.show()
+      
+      let params = {
+        args: [['id', '>', 0, null], ['glid', 'in', this.nodeclickid.join(','), 'and']]
+      }
+      if (this.sortName)
+        params.orderby = `${this.sortName} desc`
+      this.sj = []
+      await cx.svr.data.query(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, params).then(data =>
+      {
+        this.sj = []
+        this.kphcsj = []
+        this.searchsjall = []
+        if (data.length)
+        {
+          cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA,
+            {
+              args: [['entityid', 'in', data.map(el => el.id).toString(), null],
+                ['major', '=', window.$app.TabConst.kcmxb.major, 'and'],
+                ['minor', '=', window.$app.TabConst.kcmxb.minor, 'and']]
+            }).then(fjsj =>
+          {
+            data.forEach(thedata =>
+            {
+              let img = fjsj.find(item => (item.entityid === thedata.id && item.bustype === '2' && cx.file.isImage(item.filename)))
+              let excel = fjsj.find(item => (item.entityid === thedata.id && cx.file.isDoc(item.filename)))
+              if (img)
+              {
+                thedata.src = cx.svr.doc.streamThumbnail({ id: img.id, width: 595, height: 842 })
+                thedata.srcId = img.id
+                thedata.kc_mst = img.title
+              }
+              if (excel)
+              {
+                thedata.excelId = excel.id
+                thedata.kc_msb = excel.title
+              }
+            })
+            this.kphcsj = [...data]
+            this.searchsjall = [...data]
+            this.sj = this.kphcsj.slice(this.pageSize * (this.currentpage - 1), this.pageSize * this.currentpage)
+            this.$processing.close()
+          }).catch(err =>
+          {
+            this.$processing.close()
+            this.onError(err)
+          })
+        }
+        else
+          this.$processing.close()
+      }).catch(err =>
+      {
+        this.$processing.close()
+        this.onError(err)
+      })
+    },
+
+
+    /**
+     * 右侧卡片搜索
+     */
+    onSearch2()
+    {
+      let cardSearch = this.cardSearch.filter(item => item.value)
+      if (this.cardSearch.length)
+      {
+        this.currentpage = 1
+        this.searchsjall = this.kphcsj.filter(item =>
+        {
+          for (let i = 0; i < cardSearch.length; i++)
+          {
+            if (!item[cardSearch[i].colname].includes(cardSearch[i].value))
+              return false
+          }
+          return true
+        })
+        this.sj = [...this.searchsjall.slice(this.pageSize * 0, this.pageSize * 1)]
+      }
+      else
+      {
+        this.currentpage = 1
+        this.searchsjall = [...this.kphcsj]
+        this.sj = this.kphcsj.slice(this.pageSize * (this.currentpage - 1), this.pageSize * this.currentpage)
+      }
+    },
+
+
+    /**
+     * 重置搜索
+     */
+    onResevel()
+    {
+      this.cardSearch.forEach(item =>
+      {
+        item.value = ''
+      })
+      this.onSearch2()
+    },
+
+
+    /**
+     * 左侧树搜索
+     */
+    onSearch()
+    {
+      this.$refs.tree.filter(this.leftkeyword)
+    },
+
+    /**
+     * 搜索节点时过滤节点
+     * @param {String} value - 搜索值
+     * @param {Object} data - 节点数据
+     * @returns {Boolean} 是否匹配
+     */
+    filterNode(value, data)
+    {
+      if (!value)
+        return true
+      return data.name.indexOf(value) !== -1
+    },
+
+
+    /**
+     * 获取要添加的目标节点
+     * @param {Object} item - 目标节点
+     * @param {Array} thedata - 树数据
+     * @returns {Array} 子节点数组
+     */
+    getmbsj(item, thedata)
+    {
+      let obj = ''
+      for (let i = 0; i < thedata.length; i++)
+      {
+        if (thedata[i].id === item.glid)
+        {
+          if (thedata[i].children)
+            return thedata[i].children
+          else
+          {
+            thedata[i].children = []
+            return thedata[i].children
+          }
+        }
+        else
+        {
+          if (thedata[i].children) // 有children说明有子节点，递归子节点找是否是目标节点父节点
+            obj = this.getmbsj(item, thedata[i].children)
+        }
+        if (obj)
+          return obj
+      }
+      return obj
+    },
+
+
+    /**
+     * 获取要删除的目标节点父节点
+     * @param {Object} item - 目标节点
+     * @param {Array} thedata - 树数据
+     * @returns {Object} 父节点
+     */
+    getmbfother(item, thedata)
+    {
+      let obj = ''
+      for (let i = 0; i < thedata.length; i++)
+      {
+        if (thedata[i].id === item.glid)
+          return thedata[i]
+        else
+        {
+          if (thedata[i].children) // 有children说明有子节点，递归子节点找是否是目标节点父节点
+            obj = this.getmbfother(item, thedata[i].children)
+        }
+        if (obj)
+          return obj
+      }
+      return obj
+    },
+
+
+    /**
+     * 树节点左击事件
+     * @param {Object} data - 节点数据
+     */
+    nodeclick(data)
+    {
+      this.getTabs(data)
+      this.nodeclicksj = data
+      this.nodeclickid = []
+      this.nodeclickid.push(this.nodeclicksj.id)
+      this.getallid(this.nodeclicksj)
+      this.getsj()
+    },
+
+
+    /**
+     * 标签点击事件
+     * @param {Object} data - 标签数据
+     */
+    tabClick(data)
+    {
+      for (let i = 0; i < this.editableTabs.length; i++)
+      {
+        if (this.editableTabs[i].name === data.props.name)
+        {
+          this.editableTabsValue = this.editableTabs[i].name
+          this.nodeclicksj = this.editableTabs[i].data
+          this.nodeclickid = []
+          this.nodeclickid.push(this.nodeclicksj.id)
+          this.getallid(this.nodeclicksj)
+          this.getsj()
+          break
+        }
+      }
+    },
+
+    /**
+     * 标签编辑事件
+     * @param {String} id - 标签ID
+     */
+    tabEdit(id)
+    {
+      for (let i = 0; i < this.editableTabs.length; i++)
+      {
+        if (this.editableTabs[i].name === id)
+        {
+          this.editableTabs.splice(i, 1)
+          if (this.editableTabs.length && this.editableTabsValue !== this.editableTabs[this.editableTabs.length - 1].name)
+          {
+            this.editableTabsValue = this.editableTabs[this.editableTabs.length - 1].name
+            this.nodeclicksj = this.editableTabs[this.editableTabs.length - 1].data
+            this.nodeclickid = []
+            this.nodeclickid.push(this.nodeclicksj.id)
+            this.getallid(this.nodeclicksj)
+            this.getsj()
+          }
+          break
+        }
+      }
+    },
+
+
+    /**
+     * 点击左侧树节点获取tabs数据
+     * @param {Object} data - 节点数据
+     */
+    getTabs(data)
+    {
+      let i
+      for (i = 0; i < this.editableTabs.length; i++)
+      {
+        if (this.editableTabs[i].name === data.id)
+        {
+          this.editableTabsValue = data.id
+          break
+        }
+      }
+      if (i === this.editableTabs.length)
+      {
+        this.editableTabsValue = data.id
+        this.editableTabs.push({
+          name: data.id,
+          title: data.name,
+          data: data,
+          content: ''
+        })
+      }
+    },
+
+
+    /**
+     * 点击当前节点获取当前节点及所有子节点id
+     * @param {Object} thedata - 节点数据
+     */
+    getallid(thedata)
+    {
+      if (thedata.children)
+      {
+        for (let i = 0; i < thedata.children.length; i++)
+        {
+          this.nodeclickid.push(thedata.children[i].id)
+          if (thedata.children[i].children)
+            this.getallid(thedata.children[i])
+        }
+      }
+    },
+
+
+    /**
+     * 在树空白区域鼠标右击出现的编辑和新增
+     */
+    contextClick()
+    {
+      this.clickHandler = () =>
+      {
+        if (this.meunshow)
+          this.meunshow = false
+      }
+      document.documentElement.addEventListener('click', this.clickHandler)
+    },
+
+
+    /**
+     * 双击触发展示新页面
+     * @param {Object} obj - 卡片数据
+     */
+    showGrp(obj)
+    {
+      this.obj = { ...obj }
+      this.obj.src = cx.svr.doc.stream({ id: obj.srcId })
+      this.obj.src2 = cx.svr.doc.stream({ id: obj.excelId })
+      this.syshow = false
+    },
+
+
+    /**
+     * 点击新增按钮触发事件
+     */
+    nameadd()
+    {
+      this.meunshow = false
+      if (this.addname === '矿床')
+      {
+        this.title2 = '矿床'
+        this.title = '矿床新增'
+      }
+      else
+      {
+        this.title2 = '矿种'
+        this.title = '矿种新增'
+      }
+      this.dlg.title = this.title
+      this.kcmc = ''
+      this.dialogVisible = true
+    },
+
+
+    /**
+     * 矿种按钮新增
+     */
+    kzadd()
+    {
+      this.title2 = '矿种'
+      this.nameadd()
+    },
+
+
+    /**
+     * 右击树节点触发
+     * @param {Event} event - 事件对象
+     * @param {Object} data - 节点数据
+     */
+    doubleclick(event, data)
+    {
+      this.doubleclickzt = true
+      this.nodeclickzt = false
+      this.menushow3 = true
+      this.kpshow = false
+      this.doubleclicksj = data
+      this.title2 = '矿床'
+      this.meunshow2 = true
+      if (data.glid === 0)
+      {
+        this.menushow3 = false
+        this.title2 = '矿种'
+        this.addname = '矿种'
+      }
+      // 二级节点
+      else if (data.glid === this.data[0].id)
+      {
+        this.addname = '矿床'
+        this.editname = '矿种'
+      }
+      // 三级节点新增卡片
+      else
+      {
+        this.meunshow2 = false
+        this.editname = '矿床'
+        this.kpshow = true
+        for (let i = 0; i < this.data[0].children.length; i++)
+        {
+          if (this.data[0].children[i].id === data.glid)
+          {
+            this.kzname = this.data[0].children[i].name
+            this.kclx = data.name
+            break
+          }
+        }
+      }
+      const menu = document.getElementsByClassName('menu')[0]
+      this.meunshow = true
+      menu.style.left = event.pageX + 'px'
+      menu.style.top = data.glid === 0 ? event.pageY + 'px' : event.pageY - 90 + 'px'
+    },
+
+
+    /**
+     * 点击编辑按钮触发事件
+     */
+    nameedit()
+    {
+      this.meunshow = false
+      if (this.editname === '矿床')
+      {
+        this.title2 = '矿床'
+        this.title = '矿床编辑'
+      }
+      else
+      {
+        this.title2 = '矿种'
+        this.title = '矿种编辑'
+      }
+      this.dlg.title = this.title
+      if (this.doubleclicksj)
+        this.kcmc = this.doubleclicksj.name
+      this.dialogVisible = true
+    },
+
+
+    /**
+     * 树节点新增
+     */
+    async kcadd()
+    {
+      let glid = 0
+      // this.doubleclicksj 有数据说明在当前节点下新增子节点
+      if (this.doubleclickzt && this.doubleclicksj)
+        glid = this.doubleclicksj.id
+      else if (this.nodeclickzt && this.nodeclicksj)
+        glid = this.nodeclicksj.id
+      // let search = await cx.svr.data.query(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, { args: [['name', '=', this.kcmc, null]] })
+      // if (search.length)
+      //   return this.$showMsg(`该${this.title2}类型已存在`, 'warning')
+      cx.svr.data.add(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, { glid: glid, name: this.kcmc }, 1).then(item =>
+      {
+        if (this.doubleclickzt)
+        {
+          if (this.doubleclicksj)
+          {
+            if (this.doubleclicksj.children)
+              this.doubleclicksj.children.push({ id: item.id, glid: item.glid, name: item.name })
+            else
+              this.doubleclicksj.children = [{ id: item.id, glid: item.glid, name: item.name }]
+          }
+          else
+            this.data.push({ id: item.id, glid: item.glid, name: item.name })
+        }
+        else
+        {
+          if (this.nodeclicksj)
+          {
+            if (this.nodeclicksj.children)
+              this.nodeclicksj.children.push({ id: item.id, glid: item.glid, name: item.name })
+            else
+              this.nodeclicksj.children = [{ id: item.id, glid: item.glid, name: item.name }]
+          }
+          else
+            this.data.push({ id: item.id, glid: item.glid, name: item.name })
+        }
+        this.$showMsg('新增成功！', 'success')
+        this.dialogVisible = false
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    },
+
+    /**
+     * 获取删除节点的所有子节点及当前节点
+     */
+    getChildren(ret, children)
+    {
+      for (let i = 0; i < ret.length; i++)
+      {
+        children.push(ret[i].id)
+        if (ret[i].children && ret[i].children.length)
+          this.getChildren(ret[i].children, children)
+      }
+    },
+
+
+    /**
+     * 树节点编辑
+     * @param {String} title - 标题
+     */
+    kcedit(title)
+    {
+      cx.svr.data.update(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, { id: this.doubleclicksj.id, name: this.kcmc }, 'name', 1).then(item =>
+      {
+        this.doubleclicksj.name = item.name
+        this.$showMsg('编辑成功！', 'success')
+        this.dialogVisible = false
+        if (title === '矿床编辑')
+        {
+          cx.svr.data.query(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, { args: [['glid', '=', this.doubleclicksj.id]] }).then(ret =>
+          {
+            if (ret.length)
+            {
+              let param =
+              {
+                id: ret.map(item => item.id).toString(),
+                kclx: new Array(ret.length).fill(this.kcmc).toString()
+              }
+              cx.svr.data.updates(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, param)
+                .then(() =>
+                {
+                  this.getsj()
+                })
+            }
+          })
+        }
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    },
+
+
+    /**
+     * 删除节点
+     */
+    namedelete()
+    {
+      this.$cfmMsg(`确定彻底删除这条内容吗？`).then(() =>
+      {
+        let delIds = []
+        delIds.push(this.doubleclicksj.id)
+        if (this.doubleclicksj.children && this.doubleclicksj.children.length)
+          this.getChildren(this.doubleclicksj.children, delIds)
+        cx.svr.data.dels(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, delIds.toString(), 1).then(item =>
+        {
+          cx.svr.data.query(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, { args: [['glid', 'in', delIds.toString(), null]] }).then(ret =>
+          {
+            if (ret.length)
+              cx.svr.data.dels(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, ret.map(item => item.id).toString())
+          })
+          // 为0说明删除最上面节点
+          if (this.doubleclicksj.glid === 0)
+          {
+            this.data = this.data.filter(item =>
+            {
+              return item.id !== this.doubleclicksj.id
+            })
+          }
+          else
+          {
+          // 找到当前节点的父节点
+            let fathersj = this.getmbfother(this.doubleclicksj, this.data)
+            fathersj.children = fathersj.children.filter(item =>
+            {
+              return item.id !== this.doubleclicksj.id
+            })
+          }
+          this.$showMsg('删除成功！', 'success')
+          let show = this.getmbdelete(this.doubleclicksj, this.nodeclicksj)
+          this.$nextTick(() =>
+          {
+            const firstNode = this.$refs.tree.$el.querySelector('.el-tree-node')
+            if (firstNode && show) // 当前删除的节点是左键选中的节点或者选中节点的父节点,则自动点击第一个父节点
+            {
+              this.currentNodeKey = null
+              this.$nextTick(() =>
+              {
+                // 自动点击
+                if (this.data)
+                {
+                  this.currentNodeKey = this.data[0].id
+                  this.nodeclick(this.data[0])
+                }
+              })
+            }
+          })
+          this.dialogVisible = false
+        })
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    },
+
+
+    /**
+     * 判断当前删除的节点是否是左键选中的节点或者选中节点的父节点
+     * @param {Object} doubleclicksj - 右击节点数据
+     * @param {Object} nodeclicksj - 左击节点数据
+     * @returns {Boolean} 是否自动选中树第一个父节点
+     */
+    getmbdelete(doubleclicksj, nodeclicksj)
+    {
+      let retult = false
+      if (nodeclicksj.id === doubleclicksj.id)
+        retult = true
+      else
+      {
+        if (doubleclicksj.children)
+        {
+          for (let i = 0; i < doubleclicksj.children.length; i++)
+          {
+            if (this.getmbdelete(doubleclicksj.children[i], nodeclicksj))
+              return true
+          }
+        }
+      }
+      return retult
+    },
+
+    /**
+     * 根据属性查看实体
+     * @private
+     * @method
+     * @param  {Object}  att    属性
+     */
+    _view(att)
+    {
+      if (!att)
+        return
+
+      const params =
+      {
+        major: window.$app.TabConst.kcmxb.major,
+        minor: window.$app.TabConst.kcmxb.minor,
+        att,
+        title: '属性查看',
+        editable: false,
+        viewDoc: true,
+        onOk: (attNew, attOld) =>
+        {
+          return true
+        }
+      }
+      cx.run.runPlug('AttEdit', params, { container: 'Home' })
+    },
+
+    /**
+     * 根据属性编辑实体
+     * @private
+     * @method
+     * @param  {Object}  att    属性
+     */
+    _upd(att)
+    {
+      if (!att)
+        return
+
+      const params =
+      {
+        major: window.$app.TabConst.kcmxb.major,
+        minor: window.$app.TabConst.kcmxb.minor,
+        thethis: this,
+        att
+      }
+      cx.run.runPlug('ModelUpload', params, { uicfg: { width: 0.4, height: 0.7, modal: 1 }, namec: '编辑', container: 'Home' })
+    },
+
+    /**
+     * 提交-修改
+     * @method
+     * @param   {Object}    attNew      新属性
+     * @param   {Object}    attOld      旧属性
+     */
+    submitUpd(attNew, attOld)
+    {
+      if (attNew.kclx === attOld.kclx)
+      {
+        return new Promise((resolve) =>
+        {
+          this.getsj()
+          resolve(true)
+        })
+      }
+      else
+      {
+        return new Promise((resolve) =>
+        {
+          cx.svr.data.query(window.$app.TabConst.kcflb.major, window.$app.TabConst.kcflb.minor, { args: [['name', '=', attNew.kclx, null]] }).then(ret =>
+          {
+            if (ret.length)
+            {
+              cx.svr.data.update(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, { id: attNew.id, glid: ret[0].id }, 'glid', 1).then(() =>
+              {
+                this.getsj()
+                resolve(true)
+              })
+            }
+            else
+            {
+              this.getsj()
+              resolve(true)
+            }
+          })
+        })
+      }
+    },
+
+
+    /**
+     * 操作列按钮删除
+     * @param {Object} obj - 卡片数据
+     */
+    contentdelete(obj)
+    {
+      this.$cfmMsg('确定删除选中数据吗？').then(() =>
+      {
+        this.$processing.show()
+        cx.svr.data.dels(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, obj.id).then(async ret =>
+        {
+          cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA,
+            {
+              args: [['entityid', 'in', obj.id, null],
+                ['major', '=', this.major, 'and'],
+                ['minor', '=', this.minor, 'and']]
+            }).then(res =>
+          {
+            if (res.length)
+              cx.svr.data.dels(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, res.map(el => el.id).toString())
+          })
+          await this.getsj()
+          this.$processing.close()
+          cx.base.showMsg('删除成功！', 'success')
+        }).catch(err =>
+        {
+          this.onError(err)
+        })
+      })
+    }
+  }
+}
+</script>