yos_meida/src/SManagement/archives_upload/index.vue

<template>
  <div class="upload">
    <!--头部操作-->
    <Header>
      <save type="save" @click.native="save()"></save>
    </Header>
    <el-row>
      <el-col :span="14">
        <!--标题 分类-->
        <Set ref="set" @setSelectChange="selectChange" @setTitleChange="titleChange" />
        <!--文件列表-->
        <file-list ref="attFileList" v-if="uploadType == '1' || uploadType == '2'">
          <upload slot="upload" @onSuccess="onSuccess" target="archives" :classType="uploadType"></upload>
          <template v-slot:delete="scope">
            <delete1 @deleteFile="deleteFile" :obj="scope.data"></delete1>
          </template>
          <template v-slot:download="scope">
            <download :data="scope.data"></download>
          </template>
        </file-list>
        <!--富文本-->
        <file-text ref="text" v-if="uploadType == '3'">
          <Editor
            ref="editor"
            slot="editor"
            :content="cacheInfo.content.content"
            :id="uploadCacheData.sat_sharematerialid"
          ></Editor>
        </file-text>
      </el-col>
      <!-- 授权范围 -->
      <el-col :span="10">
        <scopeOfauth
          style="margin-left:10px;"
          :defaultData="defaultData"
          :dataid="authId"
          appidname="sat_sharematerialid"
          obiectName="sat_sharematerial"
          @onChecked="onChecked"
        />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import scopeOfauth from '@/components/scopeOfAuthority/index.vue'

import Header from '@/SManagement/archives_upload/components/Header'
import Set from '@/SManagement/archives_upload/components/Set'
import FileList from '@/SManagement/archives_upload/components/FileList'
import FileText from '@/SManagement/archives_upload/components/FileText'
import upload from '@/SManagement/archives_upload/components/upload'

import save from '@/SManagement/archives_upload/components/save'
import reset from '@/SManagement/archives_upload/components/reset'
import delete1 from '@/SManagement/archives_upload/components/delete'
import download from '@/SManagement/archives_upload/components/download'
import Editor from '@/components/my-editor/Editor'

import removeFile from '@/utils/removeFile'
import { log } from '@antv/g2plot/lib/utils'
export default {
  name: 'index',
  data () {
    return {
      //新增请求配置
      cacheInfo: {
        "classname": "webmanage.saletool.sharematerial.sharematerial",
        "method": "insertOrUpdate",
        "content": {
          "title": "",
          "sat_sharematerial_classid": 9999,
          "notes": "",
          "tag": [],
          "canfiledownload": 1,
          "content": "",
          "sat_sharematerialid": 0,
          "type": ''
        }
      },
      //上传的初始数据
      uploadCacheData: {},
      //创建素材模板的id
      create_sat_sharematerialid: 0,
      uploadType: null,
      /* 授权使用 */
      defaultData: {},
      authData: {},
      authId: 0,
    }
  },
  components: {
    Header,
    Set,
    FileList,
    FileText,
    upload,
    save,
    reset,
    delete1,
    download,
    Editor,
    scopeOfauth
  },
  computed: {
  },
  watch: {
  },
  mounted () {
    //获取上传模板
    this.uploadData(JSON.parse(window.sessionStorage.getItem("newMaterial")))
  },
  beforeDestroy () {
    // this.removeAllData()
  },
  methods: {
    //获取素材模板
    uploadData (data) {
      this.cacheInfo.content.sat_sharematerialid = data.sat_sharematerialid
      this.cacheInfo.content.title = data.title
      this.cacheInfo.content.sat_sharematerial_classid = data.sat_sharematerial_classid
      this.cacheInfo.content.content = data.content
      this.uploadType = data.type
      this.$refs.set.ruleForm.title = data.title
      this.$refs.set.ruleForm.category = data.sat_sharematerial_classid
      this.uploadCacheData.sat_sharematerialid = data.sat_sharematerialid
      this.uploadCacheData.attinfos = data.attinfos
      this.authId = this.$route.query.id
      setTimeout(this.randerData, 100)
      if (data.title != '') this.uploadCacheData.status = "完成"
      this.query_auth()
    },
    /* 更新附件列表数据 */
    randerData () {
      if (this.uploadType != 3) this.$refs.attFileList.randerData(this.uploadCacheData.attinfos)
    },
    deleteFile (id) {
      this.uploadCacheData.attinfos = this.uploadCacheData.attinfos.filter(v => v.linksid != id)
      this.randerData()
    },
    //保存
    save () {
      this.$refs.set.$refs.form.validate((val) => {
        if (val) {
          //判断有无内容
          if (this.uploadType == '3') {
            const content = this.$refs.editor.editor.getHtml()
            if (content == "<p><br></p>") return this.$message.error('您还未编辑图文内容')
            this.cacheInfo.content.content = content
          } else {
            if (this.uploadCacheData.attinfos.length == 0) return this.$message.error('您还未上传附件')
          }
          this.cacheInfo.content.type = this.uploadType
          //判断所属ID是否为初始ID
          if (this.cacheInfo.content.sat_sharematerial_classid == '9999' + JSON.parse(window.sessionStorage.getItem("active_account")).userid) return this.$message.error('请选择素材分类')
          this.$api.requested(this.cacheInfo).then(res => {
            this.tool.showMessage(res, () => {
              this.uploadCacheData.status = '完成'
              this.insertCoursewareauth()
              this.$router.go(-1)
            })
          })
        } else {
          this.$notify({
            title: '提示',
            message: '请输入标题或分类',
            type: 'error'
          })
        }
      })
    },
    // 查询授权信息
    async query_auth () {
      const res = await this.$api.requested({
        "classname": "webmanage.saletool.sharematerial.sharematerialAuth",
        "method": "selectAuth",
        "content": {
          "sat_sharematerialid": this.uploadCacheData.sat_sharematerialid,
        }
      })
      this.defaultData = res.data
    },
    // 新增授权范围
    async insertCoursewareauth () {
      let p = {
        "classname": "webmanage.saletool.sharematerial.sharematerialAuth",
        "method": "insertOrUpdate",
        "content": this.authData
      }
      const res = await this.$api.requested(p)
      res.code === 0 ? this.$notify({
        title: '失败',
        message: res.data,
        type: 'error'
      }) : ''
    },
    // 获取保存授权范围数据
    onChecked (param) {
      this.authData = param
    },

    //文件上传成功
    async onSuccess (id) {
      console.log(id)

      let param = {
        "classname": "system.attachment.Attachment",
        "method": "createFileLink",
        "content": {
          "ownertable": "SAT_SHAREMATERIAL",
          "ownerid": this.uploadCacheData.sat_sharematerialid,
          "usetype": "default",
          "attachmentids": [id]
        }
      }
      let res = await this.$api.requested(param)
      if (res.msg != '成功') return this.$notify({
        title: '提示',
        message: '上传失败',
        type: 'error'
      })
      this.uploadCacheData.attinfos = this.uploadCacheData.attinfos.concat(res.data)
      this.randerData()
    },
    //退出后对数据进行销毁
    async removeAllData () {
      if (this.$route.params.data) {
        this.uploadCacheData.status = "新建"
        this.uploadCacheData.sat_sharematerialid = this.create_sat_sharematerialid
      }
      if (this.uploadCacheData.status == '新建') {
        let attinfos = this.uploadCacheData.attinfos
        //删除附件
        removeFile.removeFileList(attinfos)
        //删除素材
        let param = {
          "classname": "webmanage.saletool.sharematerial.sharematerial",
          "method": "delete",
          "content": {
            "sat_sharematerialid": [this.uploadCacheData.sat_sharematerialid]
          }
        }
        let result = await this.$api.requested(param)
      }
    },
    //重置所有数据
    reSetAllData () {
      this.cacheInfo.content.title = ''
      this.cacheInfo.content.sat_sharematerial_classid = ''
      this.$refs.editor.html = ''
      this.$refs.set.ruleForm.title = ''
      this.$refs.set.ruleForm.category = ''
      this.uploadCacheData.attinfos = []
    },
    /* set组件 分类选择回调 */
    selectChange (id) {
      this.cacheInfo.content.sat_sharematerial_classid = id
    },
    /* set组件 title填写回调 */
    titleChange (name) {
      this.cacheInfo.content.title = name
    },
  },
};
</script>

<style scoped>
.mandate {
  width: 732px;
  height: 500px;
  background: #fff;
  margin-left: 16px;
}
</style>