zbcx_ckyc 1.0.0

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

@@ -0,0 +1,774 @@
+<style lang="scss" scoped>
+  .GeoscienceUpload {
+    display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin: auto 0; overflow-y: scroll; height: 100%;
+  }
+  .el_form { width: 90%; margin: auto; height: 92%; overflow-y: scroll;
+    .formItem {
+      .el-form-item { margin: 18px 0px;
+        .el-textarea { width: 75%; }
+        .el-input { width: 75%;
+          .el-input__wrapper { box-shadow: 0 0 0 1px transparent inset; .el-input__inner { color: var(--cx-colorText3); } }
+          .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px transparent inset !important; }
+        }
+      }
+    }
+    .upload { width: 90%;
+      .uploadbox { display: flex; margin: 18px 0;
+        .upload-demo { display: flex; flex-direction: column; justify-content: center; align-items: center;
+          .el-button { width: 100%; background: transparent; color: var(--cx-colorPrimary4); border: 1px dashed var(--cx-colorBorder2); }
+        }
+      }
+    }
+  }
+  .btnitem { width: 100%; display: flex; justify-content: center; margin: 0.45rem auto;}
+  .label { width: 1.3rem; display: flex; justify-content: end; align-items: center; color: var(--cx-colorText3);
+    span { line-height: 32px; display: inline-block; height: 32px; color: var(--cx-colorText0); font-size: 14px; }
+    .f_red { color: red; margin-right: 5px; }
+    .f_hid { color: transparent; margin-right: 5px; }
+  }
+  :deep(.el-input) { width: 75%; }
+  :deep(.el-upload--text) { width: 100%; }
+  :deep(.el-upload--picture-card) { background: transparent; }
+  :deep(.el-upload-list--picture-card .el-upload-list__item-actions span+span) { margin-left: 0px !important; }
+  :deep(.el-dialog__body) { display: flex; justify-content: center; padding-left: 0px; padding-right: 0px; }
+  :deep(.el-upload-list__item-name) { color: var(--cx-colorText0); .el-icon.el-icon--document { color: var(--cx-colorText0); } }
+  :deep(.el-upload-list__item:hover) { background: transparent; }
+  :deep(.el-upload-list__item.is-success .el-upload-list__item-name:hover) { color: var(--cx-colorText0); }
+  :deep(.el-upload-list__item .el-progress) { top: 0; margin-top: 0.3rem !important; }
+  :deep(.el-upload-list--picture-card .el-upload-list__item-actions:hover) { justify-content: space-evenly; }
+  :deep(.el-input__wrapper.is-focus) { box-shadow: 0 0 0 1px var(--cx-colorBorder1) inset !important; }
+  :deep(.el-form-item__error) { left: 25%; }
+  :deep(.el-upload) { border: 1px dashed var(--cx-colorBorder2); width: 1.6rem; height: 1.6rem; }
+</style>
+
+<template>
+  <div class="GeoscienceUpload" >
+    <el-form :model="form" class="el_form" :rules="rules" ref="ruleForm">
+      <div class="formItem">
+        <el-form-item v-for="(item,index) in baseflds" :key="index" :prop="item.colname">
+          <div class="label">
+            <span :class="item.nullable === 0 ? 'f_red' : 'f_hid'">*</span>
+            <span>{{item.namec}}：</span>
+          </div>
+          <el-input :placeholder="form.code.join('')" v-if="item.colname==='code'" disabled="true"/>
+          <div v-else-if="lngLat.includes(item.colname)" :style="{display:'flex',width:'75%',alignItems:'center',justifyContent:'center'}">
+            <el-input v-model="form[item.colname]" style="width:100%;" :placeholder="`请输入${item.namec}`" @change="changeInput(item.colname,'toDfm')" clearable/>
+            <cx-icon icon="cx-fi ic-toggle"/>
+            <el-input style="width:50%;" placeholder="度" v-model="lngLatForm[item.colname][0]" @change="changeInput(item.colname,'toDeg')"/><pub>°</pub>
+            <el-input style="width:50%;" placeholder="分" v-model="lngLatForm[item.colname][1]" @change="changeInput(item.colname,'toDeg')"/><pub>′</pub>
+            <el-input style="width:50%;" placeholder="秒" v-model="lngLatForm[item.colname][2]" @change="changeInput(item.colname,'toDeg')"/><pub>″</pub>
+          </div>
+          <el-input :type="(item.disprows&&item.disprows>=2)?'textarea':'text'" v-model="form[item.colname]" :placeholder="item.colname === 'literature' ?'多个文献需换行输入': `请输入${item.namec}`" v-else-if="item.disptype===1&&!dateCols.includes(item.colname)" :disabled="!item.newedit" :show-password="item.colname=='password'" :readonly = "this.params.att && this.params.att.edit" />
+          <el-select v-model="form[item.colname]" placeholder="请选择" style="width:75%" v-else-if="item.disptype===2&&item.colname!=='admdiv'">
+            <el-option
+              v-for="item in  obj[item.colname]"
+              :key="item.dbvalue"
+              :label="item.dispc"
+              :value="item.dbvalue"/>
+          </el-select>
+          <el-input v-model="form[item.colname]" v-else-if="item.disptype === 7">
+            <template #suffix>
+              <cx-icon icon="cx-fi ic-add1" @click="addClick(item)" style="font-size:0.2rem;width:0.4rem;cursor:pointer;"/>
+            </template>
+          </el-input>
+          <el-tree-select v-else-if="item.disptype===2&&item.colname==='admdiv'"
+            v-model="form[item.colname]"
+            check-strictly
+            filterable
+            :data="getFldValue(item.colname)"
+            :render-after-expand="false"
+            style="width:75%"/>
+          <div v-else-if="dateCols.includes(item.colname)" style="display:flex;align-items:center;width:75%;">
+            <el-select v-model="typeObj[item.colname]" placeholder="请选择" style="width:30%" @change="selChange(item.colname)" :disabled="!item.newedit">
+              <el-option
+                v-for="item in selDType"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"/>
+            </el-select>
+            <el-date-picker
+              :disabled="!item.newedit"
+              v-model="form[item.colname]"
+              :type="typeObj[item.colname]"
+              :format="dbObj[typeObj[item.colname]]"
+              :value-format="dbObj[typeObj[item.colname]]"
+              placeholder="选择日期"/>
+          </div>
+          <el-date-picker
+            v-else-if="(item.disptype===3)"
+            v-model="form[item.colname]"
+            :disabled="!item.newedit"
+            value-format="YYYY-MM-DD"
+            type="date"
+            placeholder="选择日期"/>
+        </el-form-item>
+      </div>
+      <div class="upload">
+        <div class="uploadbox uploadImg">
+          <div class="label">
+            <span class="f_hid">*</span>
+            <span>成矿模式图上传：</span>
+          </div>
+          <el-upload
+            v-model:file-list="imgList"
+            list-type="picture-card"
+            ref="imgUpload"
+            :action="url_"
+            :limit="1"
+            :on-change="imgChange"
+            :on-remove="onRemove"
+            :on-success="onSuccessImg"
+            :on-preview="handlePictureCardPreview"
+            :accept="extFilter">
+              <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
+              <template #tip>
+                <div class="el-upload__tip">支持.jpg、.jpeg、png等照片格式</div>
+              </template>
+          </el-upload>
+        </div>
+        <el-dialog v-model="dialogVisible">
+         <img w-full :src="dialogImageUrl" alt="Preview Image" />
+        </el-dialog>
+      </div>
+      <div class="upload">
+        <div class="uploadbox uploadImg">
+          <div class="label">
+            <span class="f_hid">*</span>
+            <span>成矿模式表上传：</span>
+          </div>
+          <el-upload
+            class="upload-demo"
+            v-model:file-list="imgList2"
+            ref="excelUpload"
+            :action="url2_"
+            :limit="1"
+            :multiple="false"
+            :on-remove="onRemove2"
+            :on-success="onUploadFile"
+            :on-preview="handlePictureCardPreview2"
+            accept=".xlsx">
+              <el-icon class="avatar-uploader-icon"><Plus /></el-icon>
+              <template #tip>
+                <div class="el-upload__tip">支持.xlsx格式</div>
+              </template>
+          </el-upload>
+          <cx-button @click="onDownload" style="margin-top:1.3rem;margin-left:0.2rem">成矿模式表模板下载</cx-button>
+        </div>
+      </div>
+      <div class="empty"></div>
+    </el-form>
+    <div class="btnitem">
+      <el-button class="is-text" :icon="CircleCheck" size="mini" type="primary" @click="onSave">确定</el-button>
+      <el-button class="is-text" :icon="Close" size="mini" type="plain" @click="onClose">取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件: 矿床模型上传
+ */
+import axios from 'axios'
+import { CircleCheck, Close } from '@element-plus/icons-vue'
+
+export default {
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IExpBase],
+  data()
+  {
+    return {
+      dateType: 'date',
+      dbObj: { datetime: 'YYYY-MM-DD HH:mm:ss', date: 'YYYY-MM-DD', month: 'YYYY-MM', year: 'YYYY' },
+      dateCols: ['publishdate', 'imp_date', 'abolishdate', 'uploaddate'],
+      typeObj: {},
+      selDType: [{ label: '时/分/秒', value: 'datetime' }, { label: '年/月/日', value: 'date' }, { label: '年/月', value: 'month' }, { label: '年', value: 'year' }],
+      rules: {
+        
+      },
+      obj: {
+        
+      },
+      CircleCheck,
+      Close,
+      // 表单数据
+      form: {
+        code: ['-', '-', '-', '']
+      },
+      formKeys: [],
+      cycleObj: [],
+      retId: 0,
+      // 上传
+      url: '',
+      url_: '',
+      url2: '',
+      url2_: '',
+      data: {
+        _auth: cx.config.initOpts.authorization,
+        cmd: 'upload',
+        major: '',
+        minor: '',
+        entityid: 0,
+        bustype: 1,
+        username: $g.user.name,
+        fid: 1,
+        sys: $g.user.sys,
+        glid: '0',
+        task: '',
+        dir: 'DocFile',
+        saveto: 'Doc'
+      },
+      lngLat: ['sta_lng', 'end_lng', 'sta_lat', 'end_lat'],
+      lngLatForm: { sta_lng: [0, 0, 0], end_lng: [0, 0, 0], sta_lat: [0, 0, 0], end_lat: [0, 0, 0] },
+      removeFile: [],
+      fileList2: [],
+      imgList: [],
+      imgList2: [],
+      // 封面类型
+      extFilter: '.jpg, .png, .gif, .bmp, .jpeg, .tif',
+      // 封面预览
+      dialogVisible: false,
+      dialogImageUrl: '',
+      // 封面、文件、帮助文档媒体表ID
+      mediaDocumentId: 0,
+      mediaImgId: 0,
+      mediaExcelId: 0,
+      mediaFileId: 0,
+      width: 595,
+      height: 842,
+      thumbnail: false,
+      baseflds: null,
+      values: [],
+      isUpdImg: false,
+      fileInfo: null,
+      isCancle: true,
+      fileSuffix: [],
+      imgIds: [],
+      attachmentTitle: [],
+      kcmxbFld: [],
+      kcmxbFldvalue: [],
+      literature: [], // 文献
+      exactDatas: [], // 图片+表格
+      deletedIds: []  // 删除的图片id
+    }
+  },
+
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {
+    imgList:
+    {
+      handler(n, o)
+      {
+        if (document.querySelector('.el-upload--picture-card'))
+          document.querySelector('.el-upload--picture-card').style.visibility = (n.length ? 'hidden' : 'visible')
+      },
+      deep: true
+    }
+  },
+
+  // 初始化组件，data中数据变量赋值
+  async created()
+  {
+    const graTab = $g.entity.byMajMin(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor)
+    const { fldvalue, fld } = await $g.field.getFldValsDb(graTab.name)
+    this.kcmxbFld = fld
+    this.kcmxbFldvalue = fldvalue
+    this.getFld()
+    this.getUrl()
+    this.initImg()
+  },
+
+  // // 组件dom挂载成功
+  // mounted()
+  // {},
+
+  // 销毁前
+  beforeUnmount()
+  {
+    if (this.isCancle)
+    {
+      let ids = this.exactDatas.map(el => el.id)
+      if (this.mediaFileId)
+        ids.push(this.mediaFileId)
+      if (ids.length)
+        cx.svr.data.dels(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, ids.toString())
+    }
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    /**
+     * 日期类型选择变化
+     * @param {String} colname - 字段名
+     */
+    selChange(colname)
+    {
+      this.form[colname] = ''
+    },
+
+    /**
+     * 初始化图片
+     */
+    initImg()
+    {
+      if (this.params.att.id)
+      {
+        cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MEDIA,
+          {
+            args: [['entityid', '=', this.params.att.id, null],
+              ['major', '=', this.params.major, 'and'],
+              ['minor', '=', this.params.minor, 'and']]
+          }).then(ret =>
+        {
+          if (ret.length)
+          {
+            ret.forEach(item =>
+            {
+              if (cx.file.isImage(item.filename))
+              {
+                console.log(item)
+                this.mediaImgId = item.id
+                this.dialogImageUrl = cx.svr.doc.stream({ id: item.id })
+                this.imgList.push({ name: item.filename, url: cx.svr.doc.stream({ id: item.id }), uid: item.id, response: { data: [item] } })
+              }
+              if (cx.file.isDoc(item.filename))
+              {
+                this.mediaExcelId = item.id
+                this.imgList2.push({ name: item.title, url: cx.svr.doc.stream({ id: item.id }), uid: item.id, response: { data: [item] } })
+              }
+            })
+          }
+        })
+      }
+    },
+
+    /**
+     * 输入框变化事件
+     * @param {String} colname - 字段名
+     * @param {String} type - 转换类型
+     */
+    changeInput(colname, type)
+    {
+      if (type === 'toDfm')
+        this.lngLatForm[colname] = this.transformDMS(this.form[colname])
+      else
+        this.form[colname] = this.toDeg(this.lngLatForm[colname])
+    },
+
+    // 经纬度转度分秒
+    transformDMS(degree)
+    {
+      let D = plusZeroAtHead(Math.floor(degree))
+      let M = plusZeroAtHead(Math.floor(this.precisionSub(degree, D) * 60))
+      let S = plusZeroAtHead(Number((this.precisionSub(this.precisionSub(degree, D) * 60, M) * 60).toFixed(2)))
+
+      // 如果是个位数， 则在首位加 0
+      function plusZeroAtHead(num)
+      {
+        if (num > -10 && num < 0)
+        
+          num = '-0' + Math.abs(num)
+        
+        if (num > 0 && num < 10)
+        
+          return '0' + num
+        
+        return num
+      }
+      return [D, M, S]
+    },
+
+    /**
+   * 处理小数运算丢失精度-减法
+   * @param {Number}  arg1          参数一
+   * @param {Number}  arg2          参数二
+   */
+    precisionSub(arg1, arg2)
+    {
+      let r1, r2, m, n
+      try
+      {
+        r1 = arg1.toString().split('.')[1].length
+      }
+      catch (e)
+      {
+        r1 = 0
+      }
+      try
+      {
+        r2 = arg2.toString().split('.')[1].length
+      }
+      catch (e)
+      {
+        r2 = 0
+      }
+      m = Math.pow(10, Math.max(r1, r2) + 1)
+      // 动态控制精度长度
+      n = (r1 >= r2) ? r1 : r2
+      return ((arg1 * m - arg2 * m) / m).toFixed(n)
+    },
+
+    // 度分秒 转 经纬度
+    toDeg(val)
+    {
+      let flag = (val.filter(e => e < 0).length ? -1 : 1)
+      return (Math.abs(val[0]) + (Math.abs(val[1]) / 60 + Math.abs(val[2]) / 3600)) * flag
+    },
+
+    /**
+     * 获取字段值
+     * @param {String} colname - 字段名
+     * @param {Number} index - 索引
+     * @returns {Array} 字段值数组
+     */
+    getFldValue(colname, index)
+    {
+      if (index === this.kcmxbFldvalue[colname].length - 1)
+        this.form[colname] = this.kcmxbFldvalue[colname][0].dbvalue
+      return this.kcmxbFldvalue[colname]
+    },
+
+    /**
+     * 获取字段配置
+     */
+    getFld()
+    {
+      const nflds = []
+      console.log(this.kcmxbFld)
+      this.kcmxbFld.forEach(item =>
+      {
+        if (item.colname === 'literature')
+          item.disprows = 4
+      })
+      this.baseflds = this.kcmxbFld.filter(el => (!nflds.includes(el.colname) && el.disporder !== 0)).sort((a, b) => a.disporder - b.disporder)
+      this.baseflds.forEach(item =>
+      {
+        if (item.disptype === 2 && this.kcmxbFldvalue && this.kcmxbFldvalue[item.colname])
+          this.obj[item.colname] = this.kcmxbFldvalue[item.colname]
+        if (item.disptype === 3)
+          this.typeObj[item.colname] = 'date'
+        if (this.params.att && this.params.att[item.colname])
+          this.form[item.colname] = this.params.att[item.colname]
+        if (!item.nullable)
+          this.rules[item.colname] = [{ required: true, message: '请输入' + item.namec, trigger: 'blur' }]
+      })
+      if (this.params.att.glid)
+        this.form.glid = this.params.att.glid
+      this.gettpsj()
+    },
+
+
+    /**
+     * 获取知识图谱数据
+     */
+    gettpsj()
+    {
+      cx.svr.data.query(window.$app.TabConst.model_graphdb.major, window.$app.TabConst.model_graphdb.minor, { args: [['id', '>', 0, null]] }).then(data =>
+      {
+        console.log(data)
+        let options = []
+        data.forEach(item =>
+        {
+          options.push({ dispc: item.name, dbvalue: item.name })
+        })
+        this.obj.gltp = options
+      })
+    },
+
+    /**
+     * 获取上传URL
+     */
+    getUrl()
+    {
+      this.data.major = this.params.major
+      this.data.minor = this.params.minor
+      this.url_ = cx.svr.upload.url({ ...this.data, bustype: 2 }) // 封面
+      this.url2_ = cx.svr.upload.url({ ...this.data, bustype: 1 }) // 模式表
+    },
+    /**
+     * 图片变化事件
+     * @param {Object} baseFile - 文件对象
+     */
+    imgChange(baseFile)
+    {
+      this.isUpdImg = true
+      if (baseFile.status === 'ready')
+        this.dialogImageUrl = baseFile.url
+    },
+
+    /**
+     * 图片上传成功回调
+     * @param {Object} response - 响应数据
+     * @param {Object} file - 文件对象
+     * @param {Array} fileList - 文件列表
+     */
+    onSuccessImg(response, file, fileList)
+    {
+      if (response && response.data)
+        this.mediaImgId = response.data[0].id
+    },
+
+    /**
+     * Excel文件移除事件
+     * @param {Object} ret - 文件对象
+     */
+    onRemove2(ret)
+    {
+      this.isUpdImg = false
+      this.mediaExcelId = 0
+      this.deletedIds.push(ret.response.data[0].id)
+    },
+
+
+    /**
+     * 文件上传成功回调
+     * @param {Object} res - 响应数据
+     */
+    onUploadFile(res)
+    {
+      // 上传成功回调
+      let onUpload = (data) =>
+      {
+        console.log(data)
+        let fileSuffix = data.filename.split('.')
+        this.isUpdImg = true
+        this.mediaExcelId = data.id
+        this.imgIds.push(data.id)
+        this.fileSuffix.push(fileSuffix[fileSuffix.length - 1])
+        this.attachmentTitle.push(data.title)
+        cx.base.showMsg('上传成功！', 'success')
+      }
+      if (res.data && res.data.length)
+        onUpload(res.data[0])
+    },
+
+    /**
+     * 删除文件
+     */
+    onRemoveFile()
+    {
+      let ids = this.exactDatas.map(el => el.id)
+      if (this.mediaFileId)
+        ids.push(this.mediaFileId)
+      if (ids.length)
+        cx.svr.data.dels(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, ids.toString())
+      this.form.infoname = ''
+      this.form.infoupdtime = ''
+      this.form.updperson = ''
+      this.form.filesize = ''
+      this.form.file_sle = ''
+      this.form.page_num = ''
+    },
+
+
+    /**
+     * 图片移除事件
+     * @param {Object} ret - 文件对象
+     */
+    onRemove(ret)
+    {
+      this.isUpdImg = false
+      this.mediaImgId = 0
+      if (ret.response && ret.response.data && ret.response.data.length)
+        this.deletedIds.push(ret.response.data[0].id)
+    },
+
+    /**
+     * 图片预览
+     */
+    handlePictureCardPreview()
+    {
+      this.dialogVisible = true
+    },
+
+
+    /**
+     * Excel预览
+     * @param {Object} ret - 文件对象
+     */
+    handlePictureCardPreview2(ret)
+    {
+      console.log(ret)
+      if (ret.name)
+      {
+        let fileSuffix = ret.name.split('.')
+        const data =
+        {
+          src: cx.svr.doc.stream({ id: (ret.response && ret.response.data[0].id) || ret.uid }),
+          filetype: fileSuffix[fileSuffix.length - 1]
+        }
+        cx.run.runPlug('FileView', { data })
+      }
+    },
+
+
+    /**
+     * 保存数据
+     */
+    onSave()
+    {
+      this.$refs.ruleForm.validate(async(valid) =>
+      {
+        if (valid)
+        {
+          console.log(this.isUpdImg, this.mediaExcelId)
+          let search = await cx.svr.data.query(window.$app.TabConst.kcmxb.major, window.$app.TabConst.kcmxb.minor, { args: [['kc_name', '=', this.form.kc_name, null]] })
+          // 新增
+          if (search.length && (!this.params.att.id))
+            return this.$showMsg(`该矿床名称已存在`, 'warning')
+          this.isCancle = false
+          if (!this.mediaExcelId)
+            return this.$showMsg('请上传模式表', 'error')
+          if (this.mediaImgId && this.mediaExcelId)
+            this.getThumbnail(false)
+          // else if (!this.isUpdImg && this.params.att.id) // 编辑首次带入图片且不编辑图片
+          //   this.getThumbnail(true)
+          else
+            this.$showMsg('请上传封面图片', 'error')
+        }
+        else
+          return false
+      })
+    },
+
+    /**
+     * 添加数据
+     */
+    async addData()
+    {
+      let self = this
+      let addObj = {}
+      let ids = [self.mediaImgId, this.mediaExcelId]
+      $g.field.fld.kcmxb.forEach(item =>
+      {
+        for (let key in this.form)
+        {
+          if (key === item.colname)
+            addObj[key] = this.form[key]
+        }
+      })
+      cx.svr.data.add(this.params.major, this.params.minor, addObj, 1).then(async ret =>
+      {
+        let params =
+      {
+        id: ids.toString(),
+        entityid: ids.map(() => ret.id).toString()
+      }
+        await cx.svr.data.updates(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, params).then(() =>
+        {
+          cx.base.showMsg('添加成功！', 'success')
+          this.close()
+          this.params.thethis.getsj()
+        }) // 更新entityid
+      }).catch(err =>
+      {
+        this.$notify({
+          title: '警告',
+          message: '请将带*内容填写完整，并且上传正确格式文件',
+          type: 'warning'
+        })
+        self.onError(err)
+      })
+    },
+
+
+    /**
+     * 获取缩略图
+     * @param {Boolean} show - 是否显示
+     */
+    getThumbnail(show)
+    {
+      // 新增
+      if (!this.params.att.id)
+        this.addData()
+      else
+        this.onUpdate(show)
+    },
+
+
+    /**
+     * 更新数据
+     * @param {Boolean} show - 是否显示
+     */
+    onUpdate(show)
+    {
+      let self = this
+      let ids = [self.mediaImgId, this.mediaExcelId]
+      cx.svr.data.update(this.params.major, this.params.minor, { id: this.params.att.id, ...this.form }).then(async() =>
+      {
+        let params =
+        {
+          id: ids.toString(),
+          entityid: ids.map(() => this.params.att.id).toString()
+        }
+        if (show) // 编辑弹窗，且不编辑图片(不编辑图片无法触发on-success，需要额外处理)
+        {
+          cx.base.showMsg('更新成功！', 'success')
+          this.close()
+          this.params.thethis.getsj()
+          return
+        }
+        if (this.deletedIds.length)
+          cx.svr.data.dels(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, this.deletedIds.toString())
+        await cx.svr.data.updates(cx.consts.SYSTAB, cx.consts.TAB_MEDIA, params).then(() =>
+        {
+          cx.base.showMsg('更新成功！', 'success')
+          this.close()
+          this.params.thethis.getsj()
+        }) // 更新entityid
+      }).catch(err =>
+      {
+        this.$notify({
+          title: '警告',
+          message: '请将带*内容填写完整，并且上传正确格式文件',
+          type: 'warning'
+        })
+        self.onError(err)
+      })
+    },
+
+    /**
+     * 添加矿种点击事件
+     * @param {Object} item - 字段配置
+     */
+    addClick(item)
+    {
+      const onOk = (att) =>
+      {
+        this.form[item.colname] = att.val
+      }
+      cx.run.runPlug('SelKz', { onOk, value: this.form[item.colname] }, { uicfg: { width: 400, modal: 1 }, container: 'Home' })
+    },
+
+
+    /**
+     * 关闭弹窗
+     */
+    onClose()
+    {
+      this.close()
+    },
+
+
+    /**
+     * 模板下载
+     */
+    onDownload()
+    {
+      axios('static/xlsx/' + '成矿模式表模板' + '.xlsx', {
+        responseType: 'blob' // 重要代码
+      }).then(res =>
+      {
+        const url = window.URL.createObjectURL(new Blob([res.data]))
+        const link = document.createElement('a')
+        link.href = url
+        let fileName = '成矿模式表模板' + '.xlsx' // 保存到本地的文件名称
+        link.setAttribute('download', fileName)
+        document.body.appendChild(link)
+        link.click()
+      })
+    }
+  }
+}
+</script>