yos_web/src/SManagement/archives_upload/index.vue

<template>
  <div class="upload">
    <!--头部操作-->
    <Header>
      <save slot="save" @btnClick="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" @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 { weAtob, weBtoa } from "@/utils/weapp-jwt"
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() {
      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') this.cacheInfo.content.content = weBtoa(this.$refs.editor.editor.getHtml())
          this.cacheInfo.content.type = this.uploadType;
          console.log(this.cacheInfo.content)
          //判断所属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 => {
            let param = {
              "classname": "webmanage.saletool.sharematerial.sharematerial",
              "method": "audit",
              "content": {
                "sat_sharematerialid": res.data.sat_sharematerialid,
                "type": 1
              }
            }
            this.$api.requested(param).then(res => {
              if (res.code == 1) {
                this.uploadCacheData.status = '完成'
                this.$notify({
                  title: '提示',
                  message: '上传成功',
                  type: 'success'
                })
                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
    },

    //文件上传成功
    onSuccess(id) {
      let param = {
        "classname": "system.attachment.Attachment",
        "method": "createFileLink",
        "content": {
          "ownertable": "SAT_SHAREMATERIAL",
          "ownerid": this.uploadCacheData.sat_sharematerialid,
          "usetype": "default",
          "attachmentids": [id]
        }
      }
      this.$api.requested(param).then(res => {
        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)
        console.log(result);

      }
    },
    //重置所有数据
    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;
      console.log(this.cacheInfo.content.title);
    },
  },
};
</script>

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