xiaoshi_system/src/views/report/components/dialog/addAndEditReport.vue

<template>
  <div>
    <el-dialog :title="title" :visible.sync="showDialog" width="1000px" :close-on-click-modal="false"
      @close="handleClose(false)" :append-to-body="true">
      <el-form :model="form" :rules="rules" ref="reportForm" label-width="120px" v-loading="loading"
        :element-loading-text="load_text" element-loading-spinner="el-icon-loading"
        element-loading-background-color="rgba(0, 0, 0, 0.8)">
        <el-row>
          <el-col :span="12">
            <template>
              <div>
               <el-form-item v-if="form.reportType == 3" label="标的产品" prop="signProjectId">
                   <el-autocomplete v-model="form.signProjectId" value-key="name" v-SelectLazyLoading="productLoad"
                    :fetch-suggestions="querySearchProduct" placeholder="请输入标的产品" :trigger-on-focus="false"
                    @select="handleSelectProduct" @change="handleChangeProduct"
                    style="width: 100%;"></el-autocomplete>
                </el-form-item>
                <el-form-item v-else label="标的专利" prop="signPatentNo">
                  <el-input v-model="form.signPatentNo" autocomplete="off" placeholder="请输入标的专利"
                    @change="getPatentNo"></el-input>
                </el-form-item>
              </div>
            </template>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报告名称" prop="name">
              <el-input v-model="form.name" autocomplete="off" placeholder="请输入报告名称"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <template v-if="form.reportType == 7">
          <div>
            <el-row>
              <el-col :span="12">
                <el-form-item label="案件编号">
                  <el-input v-model="form.caseNumber" @change="getPatentNo" autocomplete="off" placeholder="请输入案件编号"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="无效宣告请求人">
                    <el-input v-model="form.invalidApplication" autocomplete="off" placeholder="请输入无效宣告请求人"></el-input>
                  </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="发文序号">
                  <el-input v-model="form.issueNumber" autocomplete="off" placeholder="请输入发文序号"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="发明创造名称">
                  <el-input v-model="form.inventionName" autocomplete="off" placeholder="请输入发明创造名称"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </template>
        <el-form-item label="是否完成" v-if="!form.id">
          <el-switch v-model="form.status" active-color="#13ce66" inactive-color="#ff4949" @change="changeStatus"
            :active-value="3" :inactive-value="1">
          </el-switch>
        </el-form-item>
        <template v-if="!form.id && form.status == 3">
          <div>
            <el-form-item label="核心结论">
              <el-checkbox-group v-model="form.cronIds">
                <el-checkbox v-for="item in conclusion" :key="item.value" :label="item.value">{{
                  item.label }}</el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="结论论述">
              <el-input v-model="form.cronDescription" type="textarea" placeholder="请输入结论论述"></el-input>
            </el-form-item>
            <el-form-item label="后续跟进事项" v-if="$permission('/rms/matter')">
              <span v-if="form.followUps"><span v-for="item in form.followUps" :key="item.followUpName"
                  style="margin-right:10px">{{ item.followUpName }}</span></span>
              <span>
                <el-popover ref="popover" placement="bottom" @hide="hidePopover" @show="showPopover" trigger="click">
                  <div>
                    <addMatter :type="matterType" :sign="matterSign" @value="getMatter"></addMatter>
                  </div>
                  <el-button slot="reference">添加后续事项</el-button>
                </el-popover>
              </span>
            </el-form-item>
          </div>
        </template>
        <el-row>
          <el-col :span="12">
            <el-form-item label="承担部门" prop="departmentId">
              <mySelectTree style="width:100%" v-model="form.departmentId" :options="departmentList"></mySelectTree>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="负责人" prop="headId">
              <el-select style="width:100%" v-model="form.headId" placeholder="请选择负责人" filterable remote
                :popper-append-to-body="false" :remote-method="remoteMethodPerson" v-SelectLazyLoading="lazyLoadingPerson"
                :loading="personnelList.loading">
                <el-option v-for="item in personnelList.data" :key="Number(item.id)" :label="item.name"
                  :value="Number(item.id)"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <template>
              <div>
                <el-form-item label="委托方" prop="entrustId" v-if="userinfo.tenantType == 1">
                  <mySelectButton size='large' style="width:100%" @click="handleSelect">
                    <div style="width:100%">
                      <el-autocomplete style="width:100%" v-model="form.entrustName" ref="client" value-key="name"
                        :fetch-suggestions="querySearch" v-SelectLazyLoading="loadClient" @input="input"
                        placeholder="请输入内容" :trigger-on-focus="false" @select="handleChange">
                      </el-autocomplete>
                    </div>
                  </mySelectButton>
                </el-form-item>
                <el-form-item label="委托部门" prop="departmentId" v-else>
                  <mySelectTree style="width:100%" v-model="form.departmentId" :options="departmentList"></mySelectTree>
                </el-form-item>
              </div>
            </template>
          </el-col>
          <el-col :span="12">
            <el-form-item label="卷号" prop="volumeNumber">
              <el-input v-model="form.volumeNumber" autocomplete="off" placeholder="请输入卷号"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="产品/技术">
              <el-input v-model="form.productOrTech" autocomplete="off" placeholder="请输入产品/技术"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="form.track ? 12 : 24">
            <el-form-item label="关联报告">
              <el-input v-model="form.associateReportName" autocomplete="off" placeholder="请输入关联报告"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="需要复制的选项" v-show="form.track">
              <el-select v-model="form.copyIds" multiple clearable placeholder="请选择需要复制的选项" :popper-append-to-body="false"
                @change="changeCopyIds">
                <el-option v-for="item in copyList" :key="item.value" :label="item.label" :value="item.value"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <template v-if="!form.id">
          <div>
            <el-row>
              <el-col :span="24">
                <el-form-item label="事件：">
                  <mySelectButton size='large' style="width:100%" @click="addEvent">
                    <div style="width:100%">
                      <el-select style="width:100%" v-model="form.eventId" @change="changeEvent" filterable remote
                        :disabled="eventList.disabled" clearable placeholder="请选择" :loading="eventList.loading"
                        v-SelectLazyLoading="loadEvent" :remote-method="remoteEvent">
                        <el-option v-for="item in eventList.data" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                      </el-select>
                    </div>
                  </mySelectButton>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row v-if="show == true">
              <el-col :span="24">
                <el-form-item label="调查类型：" prop="matterIds">
                  <el-checkbox-group v-model="form.matterIds">
                    <template>
                      <el-checkbox v-for="item in dictAssociates" :key="item.id" :label="parseInt(item.id)">
                        {{ item.name }}
                      </el-checkbox>
                    </template>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </template>
        <el-form-item :label="(!form.id && form.status == 3) ? '上传报告文档' : '上传附件'">
          <myUpload :file-list="form.systemFileList" @on-change="onchangeFile" @on-remove="onRemove"
            @on-preview="onPreview" style="height: 180px;" :autoUpload="true"></myUpload>
        </el-form-item>
        <el-form-item label="备注" prop="description">
          <el-input type='textarea' v-model="form.description" autocomplete="off" placeholder="请输入备注"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" v-if="$reportPermission(form.id, [0, 1])">
        <el-button @click="handleClose(false)">取 消</el-button>
        <el-button type="primary" @click="ifNext" v-if="form.reportType == 7 && !form.id">下一步</el-button>
        <el-button type="primary" @click="submit" v-else>确 定</el-button>
      </div>
    </el-dialog>

    <!-- 审核弹窗,做公用组件 -->
    <el-dialog title="添加审核任务" :visible.sync="showTask" width="500px" @close="handleCloseTask" :append-to-body="true"
      :close-on-click-modal="false">
      <el-form :model="taskForm" :rules="TaskRules" ref="TaskForm" label-width="120px" v-loading="loading">
        <el-form-item label="任务名称：" prop="name">
          <el-input v-model="taskForm.name" type="text" placeholder="输入任务名称" />
        </el-form-item>
        <el-form-item label="审核人：" prop="handler">
          <el-select style="width:100%;" ref="select1" v-model="taskForm.handler" clearable filterable remote
            :remote-method="remoteMethodPerson" v-SelectLazyLoading="lazyLoadingPerson">
            <el-option v-for="item in personnelList.data" :key="item.id" :label="item.name" :value="item.id"
              placeholder="请选择审核人"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="完成日期：" prop="deadLineTime">
          <el-date-picker style="width:100%" v-model="taskForm.deadLineTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="审核备注：" prop="description">
          <el-input v-model="taskForm.description" type="textarea" placeholder="输入备注" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleCloseTask">取 消</el-button>
        <el-button type="primary" @click="submitTask">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 无效应对报告下一步所打开弹窗 -->
    <el-dialog :visible.sync="showEvidenceAndRequest" width="1000px" :append-to-body="true" :close-on-click-modal="false">
      <evidenceAndRequest ref="evidence" :examine="true" :reportId="reportId" @show="showEvidenceAndRequest = false">
      </evidenceAndRequest>
    </el-dialog>

    <!-- 委托方弹窗 -->
    <el-dialog title="选择委托方" :visible.sync="visible" width="800px" :append-to-body="true" :close-on-click-modal="false"
      destroy-on-close :before-close="close2" top="10vh">
      <ClientTable :choseClient="true" @getClient="getClient"></ClientTable>
    </el-dialog>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import evidenceAndRequest from './evidenceAndRequest.vue'
import addMatter from './addMatter.vue'
import ClientTable from '@/views/client'
export default {
  components: {
    evidenceAndRequest,
    addMatter,
    ClientTable,
  },
  props: {},
  data() {
    const isExist = (rule, value, callback) => {
      if (!this.form.signPatentNo && !this.form.signProjectId) {//没有专利号进入报错提示
        if ([3].includes(Number(this.form.reportType))) {
          var text = '请输入标的产品'
        } else {
          console.log(this.form.signProjectId);
          var text = '请输入标的专利号'
        }
        callback(new Error(text))
      } else {
        callback()
      }
    }
    const isTime = (rule, value, callback) => {
      if (this.isEndTime) {
        this.isEndTimes = Date.parse(new Date)
      }

      let b = Date.parse(value)
      if (value) {
        if (b < this.isEndTimes) {
          callback(new Error('禁止选择现在及以前时间，请重新选择'))
        } else {
          callback()
        }
      } else {
        callback(new Error('请选择时间'))
      }
    }
    return {
      //弹窗标题
      title: '',
      //控制弹窗是否打开
      showDialog: false,
      //表单数据
      form: {
        matterIds: [],
        systemFileList: [],
        fileGuids: [],
      },
      //表单规则
      rules: {
        name: [{ required: true, message: '请输入报告名称', trigger: 'blur' },],
        signProjectId: [{ required: true, validator: isExist, trigger: 'blur' },],//产品
        signPatentNo: [{ required: true, validator: isExist, trigger: 'blur' },],//专利
        headId: [{ required: true, message: '请选择负责人', trigger: 'change' },],
        entrustId: [{ required: true, message: '请选择委托方', trigger: 'change' },],
      },
      //加载
      loading: false,
      //加载时显示的文字
      load_text: '加载中',
      //应用场景
      commonData: {},
      //核心结论
      conclusion: [],
      //部门数据
      departmentList: [],
      //需要复制的选项集合
      copyList: [],
      //上传文件列表
      files: [],
      //核心结论类型字典
      reportAsDicItem: {
        "0": "INVALID_ASSESS",
        "1": "THIRD_ASSESS",
        "2": "STABILITY_ASSESS",
        "3": "FTO_ASSESS",
        "4": "TORT_ASSESS",
        "5": "AVOID_ASSESS",
        "7": "REINVALID_ASSESS",
      },
      //需要复制的内容字典
      reportAsDicItemCopy: {
        "0": "INVALID_COPY",
        "1": "THIRD_COPY",
        "2": "STABILITY_COPY",
        "3": "FTO_COPY",
        "4": "TORT_COPY",
        "5": "AVOID_COPY",
      },
      /**
       * 委托方
       */
      clientList: {
        queryParams: {
          current: 1,
          size: 10
        },
        data: [],
        cb: null
      },
      visible: false,
      //人员列表懒加载
      personnelList: {
        queryParams: {
          current: 1,
          size: 10
        },
        data: []
      },
      //产品列表懒加载
      productList: {
        queryParams: {
          current: 1,
          size: 10
        },
        loading: false,
        name: '',
        data: [],
      },
      matterType: null,
      //事件列表
      eventList: {
        queryParams: {
          current: 1,
          size: 10
        },
        data: []
      },
      // 控制调查类型是否显示
      show: false,
      //调查类型列表
      dictAssociates: [],
      /*审核弹窗所需变量start*/
      showTask: false,
      // 任务表单
      taskForm: {},
      isEndTime: true,
      isEndTimes: null,
      // 任务表单校验
      TaskRules: {
        name: [{ required: true, message: '请输入任务名称', trigger: 'blur' },],
        handler: [{ required: true, message: '请选择审核人', trigger: 'change' },],
        deadLineTime: [{ required: true, validator: isTime, trigger: 'change' }],
      },
      /*审核弹窗所需变量end*/
      /*无效应对报告下一步弹窗所需变量start*/
      // 报告id
      reportId: null,
      // 控制弹窗的关闭
      showEvidenceAndRequest: false,
      /*无效应对报告下一步弹窗所需变量end*/
    };
  },
  watch: {},
  computed: {
    ...mapGetters(['webSocket', 'userinfo']),
    dictMessage() {
      return this.$store.state.dictMessage.dictMessage
    },
    scenario() {
      return this.$store.state.dictMessage.scenario || []
    }
  },
  created() { },
  mounted() {
    //获取所有部门列表
    this.getDepartment()
  },
  methods: {
    /**
   * 人员
   */
    // 人员列表远程搜索
    remoteMethodPerson(query) {
      this.personnelList.data = []
      this.personnelList.queryParams.current = 1
      this.personnelList.queryParams.name = query
      this.getPermissionPersonnel()
    },
    // 获取所有人员列表懒加载
    lazyLoadingPerson() {
      if (this.personnelList.queryParams.current * this.personnelList.queryParams.size >= this.personnelList.queryParams.total) {
        return false
      }
      this.personnelList.queryParams.current += 1
      this.getPermissionPersonnel()
    },
    //获取所有人员列表（修改不要一次性获取，可以使用懒加载加远程搜索 ）
    async getPermissionPersonnel(type) {
      this.personnelList.loading = true;
      await this.$api.getPermissionPersonnel(this.personnelList.queryParams).then((response) => {
        if (response.code == 200) {
          this.personnelList.loading = false;
          this.personnelList.data.push(...response.data)
          this.personnelList.queryParams.total = response.pageColumn.total
        }
      })
    },
    /**
     * 客户/委托方
     */
    //远程搜索委托方（建议调取接口获取）
    async querySearch(queryString, cb) {
      this.clientList.queryParams.current = 1
      this.clientList.queryParams.name = queryString
      this.clientList.data = []
      this.clientList.cb = cb
      await this.getClientList()
      // 调用 callback 返回建议列表的数据
      // cb(this.clientList.data);
    },
    loadClient() {
      if (this.clientList.queryParams.current * this.clientList.queryParams.size >= this.clientList.queryParams.total) {
        return false
      }
      this.clientList.queryParams.current += 1
      this.getClientList()
    },
    //获取委托方
    async getClientList() {
      await this.$api.getAdminClientList(this.clientList.queryParams).then(res => {
        if (res.code == 200) {
          this.clientList.data.push(...res.data.records)
          this.clientList.queryParams.total = res.data.total
          this.clientList.cb(this.clientList.data);
        }
      })
    },
    //输入框输入事件（委托方）
    input() {
      this.$set(this.form, 'entrustId', -1)
    },
    //切换选择委托方
    handleChange(row) {
      this.$set(this.form, 'entrustId', row.id)
      this.$set(this.form, 'entrustName', row.name)
      this.close2()
    },
    //打开选择委托方弹窗
    handleSelect() {
      this.visible = true
    },
    //获取委托方信息
    getClient(row) {
      this.$set(this.form, 'entrustId', row.id)
      this.$set(this.form, 'entrustName', row.name)
      this.close2()
    },
    //关闭委托方弹窗
    close2() {
      this.visible = false
    },

    /**
     * 事件处理
     */
    //打开事件弹窗
    addEvent() {

    },

    /**
     * 事件
     */
    //懒加载事件
    loadEvent() {
      if (this.eventList.queryParams.current * this.eventList.queryParams.size >= this.eventList.queryParams.total) {
        return false
      }
      this.eventList.queryParams.current += 1
      this.getEventList()
    },
    //远程搜索
    remoteEvent(query) {
      this.eventList.data = []
      this.eventList.queryParams.current = 1
      this.eventList.name = query
      this.getEventList()
    },
    //获取事件列表
    async getEventList(type) {
      this.eventList.loading = true;
      let params = {
        ...this.eventList.queryParams,//分页信息
        searchQuery: this.eventList.name ? `name=${this.eventList.name}` : '',//检索条件
        orderDTOList: [{ orderBy: "createTime", orderType: 1 },]//排序
      }
      await this.$api.queryEvent(params).then(response => {
        if (response.code == 200) {
          this.eventList.loading = false;
          if (!type) {
            if (this.form.eventId) {
              var index = response.data.data.findIndex(item => {
                return item.id == this.form.eventId
              })
              if (index != -1) {
                response.data.data.splice(index, 1)
              }
            }
            this.eventList.queryParams.total = response.data.total
          }
          this.eventList.data.push(...response.data.data)
          // this.eventList.queryParams.total = response.data.total
        }
      })
    },
    //切换事件
    async changeEvent(val) {
      if (!val) {
        this.form.scenarioIds = []
        this.show = false
        this.form.matterIds = []
        return
      }
      var obj = this.eventList.data.find(item => {
        return item.id == val
      })
      if (obj) {
        this.form.scenarioIds = [obj.scenarioId]
        this.show = true
        await this.onChange()
      }
    },


    //调查类型选择切换
    async onChange() {
      if (this.form.scenarioIds.length != 0) {
        await this.$api.getMatter(this.form.scenarioIds).then(response => {
          this.show = true
          this.dictAssociates = response.data.data
        })
      } else {
        this.show = false
      }
    },

    //打开弹窗
    async open(form) {
      var a = ''
      this.form = JSON.parse(JSON.stringify(form))
      if (this.form.id) {
        if (this.$reportPermission(this.form.id, [0, 1])) {
          a = '编辑'
        } else {
          a = '查看'
        }
      } else {
        this.$set(this.form, 'matterIds', form.matterId)
        this.form.scenarioIds = form.scenarioId
        this.$set(this.form, 'systemFileList', [])
        this.$set(this.form, 'fileGuids', [])
        this.eventList.disabled = false
        if (this.form.eventId) {
          this.eventList.disabled = true
          this.eventList.data.push(
            {
              id: form.eventId,
              name: form.eventName
            }
          )
        }
        a = '创建'
      }

      var reportType = this.dictMessage.REPORT_TYPE.filter(item => { return item.value == this.form.reportType })[0].label
      this.title = a + reportType + '报告'
      // 负责人
      if (this.form.headId) {
        this.personnelList.queryParams.id = this.form.headId
        await this.getPermissionPersonnel(1)
        this.personnelList.queryParams.id = null
      }
      this.getPermissionPersonnel()
      // this.getEventList()
      this.showDialog = true
    },

    /**
     * 产品
     * @param {*} query 
     */
    // 懒加载产品方法
    productLoad() {
      if (this.productList.queryParams.current * this.productList.queryParams.size >= this.productList.queryParams.total) {
        return false
      }
      this.productList.queryParams.current++
      this.queryProduct()
    },
    // 查询产品
    async queryProduct() {
      let params = {
        ...this.productList.queryParams,
        name:this.productList.name
      }
      await this.$api.queryProduct(params).then(res => {
        if (res.code == 200) {
          this.productList.data.push(...res.data)
          this.productList.queryParams.total = res.pageColumn.total
          this.productList.cb(this.productList.data);
        }
      })
    },
    //获取下拉建议产品数据
    async querySearchProduct(queryString, cb) {
      this.productList.queryParams.current = 1
      this.productList.name = queryString
      this.productList.data = []
      this.productList.cb = cb
      await this.queryProduct()
    },
    // 产品输入框
    handleChangeProduct(val) {
      this.$set(this.form,'signProjectId',val)
      this.$set(this.form, 'name', val + 'FTO调查')
    },
    // 产品输入框选择
    handleSelectProduct(val) {
      this.$set(this.form, 'name', val.name + 'FTO调查')
    },

    //获取所有部门列表
    getDepartment() {
      this.$api.getPermissionDepartmentList().then((response) => {
        this.departmentList = response.data;
      });
    },

    //切换是否完成状态
    async changeStatus(val) {
      if (val == 3) {
        this.rules.headId[0].required = false
        this.rules.entrustId[0].required = false
        if (!this.form.id) {
          this.$set(this.form, 'cronIds', [])
        }
        let params = {
          reportType: this.form.reportType
        }
        await this.$api.queryCrons(params).then(res => {
          if (res.code == 200) {
            this.conclusion = res.data.data
          }
        }).catch(error => {
          this.conclusion = []
          this.$message.error(error.message)
        })
        // this.conclusion = this.dictMessage[this.reportAsDicItem[this.form.reportType]]
        this.matterType = 2
      } else {
        this.rules.headId[0].required = true
        this.rules.entrustId[0].required = true
        this.matterType = null
      }
    },

    //获取专利号且填入报告名称
    getPatentNo() {
      // if (!this.form.name) {
        var a = this.dictMessage.REPORT_TYPE.filter(item => { return item.value == this.form.reportType })[0].label
        if (this.form.signProjectId) {
          var product = this.productList.data.filter(item => {
            return item.id == this.form.signProjectId
          })
          var name = ''
          if(product.length>0){
            name +=`${product[0].name}-`
          }
          name+=a
          this.$set(this.form, 'name', name)
        } else {
          var name = ''
          if(this.form.caseNumber){
            name += `${this.form.caseNumber}-`
          }
          if(this.form.signPatentNo){
            name+=`${this.form.signPatentNo}-`
          }
          name+=a
          this.$set(this.form, 'name', name)
        }
      // }
    },

    //修改需要复制的选项
    changeCopyIds(val) {
      if (Object.keys(this.copyIndex).length > 0) {
        var index = this.copyList.findIndex(item => {
          return item.label == '对比文件'
        })
        if (index != -1) {
          var id = this.copyList[index].value
          var index2 = this.copyList.findIndex(item => {
            return item.label == '标引信息'
          })
          if (val.indexOf(id) != -1) {
            if (index2 == -1) {
              this.copyList.splice(index + 1, 0, this.copyIndex)
            }
          } else {
            if (index2 != -1) {
              this.copyList.splice(index2, 1)
              this.form.copyIds.splice(this.form.copyIds.indexOf(this.copyIndex.value), 1)
            }
          }
        } else {

        }
      }
    },

    // 上传的文件监听
    onchangeFile(file, fileList) {
      if (file.guid) {
        let index = this.form.systemFileList.findIndex(item => {
          return item.uid == file.uid
        })
        if (index != -1) {
          this.form.systemFileList.splice(index, 1, file)
        }
      } else {
        this.form.systemFileList.push(file.raw)
      }
    },
    // 删除上传的文件
    onRemove(file, fileList) {
      let index = this.form.systemFileList.findIndex(item => {
        return item.uid == file.uid
      })
      if (index != -1) {
        this.form.systemFileList.splice(index, 1)
      }
    },
    //上传附件时点击查看附件内容
    onPreview(file) {
      var item = {
        name: file.name,
        suffix: '',
        downLoad: true
      }
      var index = file.raw.type.lastIndexOf('/')
      var type = file.raw.type.substring(index + 1, file.raw.type.length)
      var arr = ['png', 'jpeg', 'bmp', 'jpg']
      if (arr.includes(type)) {
        var FileUrl = URL.createObjectURL(file.raw)
        var isPicture = 1
      } else if (type == 'pdf') {
        var FileUrl = URL.createObjectURL(file.raw)
        var isPicture = 0
      } else {
        return false
      }
      const router = this.$router.resolve({
        path: '/checkFile',
        query: {
          row: JSON.stringify(item),
          FileUrl: FileUrl,
          isPicture: isPicture
        }
      })
      window.open(router.href, '_blank');
    },


    //提交填写的信息
    submit() {
      console.log();
      this.$refs.reportForm.validate((valid) => {
        if (valid) {
          console.log(2);
          this.form.type = 2//项目类型（1专利数据库 2报告 3专利挖掘项目）
          // 判断文件是否都上传完毕
          this.$commonJS.allUploadFile(this.form)
          // // 判断文件是否都上传完毕
          // if (this.form.systemFileList && this.form.systemFileList.length > 0) {
          //   this.form.fileGuids = []
          //   for (let i = 0; i < this.form.systemFileList.length; i++) {
          //     if (this.form.systemFileList[i].guid) {
          //       this.form.fileGuids.push(this.form.systemFileList[i].guid)
          //     } else {
          //       this.$message.error('文件未全部上传，请耐心等待')
          //       return false
          //     }
          //   }
          // }
          // 事件及调查类型处理
          if (this.form.scenarioIds && this.form.scenarioIds.length > 0) {
            var scenarioIds = JSON.parse(JSON.stringify(this.form.scenarioIds))
          }
          if (this.form.eventId) {
            this.form.events = []
            this.form.scenarioIds = []
            this.form.matterIds.forEach(item => {
              this.form.events.push(
                {
                  matterId: item,
                  scenarioId: scenarioIds[0],
                  eventId: this.form.eventId
                }
              )
            })
          }
          let formData = this.form
          if (!this.form.id) {//新增报告
            this.$confirm('是否需要进行审核?', '提示', {
              confirmButtonText: '是',
              cancelButtonText: '否',
              closeOnClickModal: false,
              distinguishCancelAndClose: true,
            }).then(() => {//审核打开审核弹窗
              this.showTask = true
              this.$set(this.taskForm, 'name', this.form.name + '审核')
            }).catch(action => {//不审核直接创建报告
              console.log(3);
              // 直接完成传true
              // formData.ifFinish = true
              // 调用创建报告公用，接口
              this.addReport(formData, scenarioIds)
            });

          } else {//编辑报告
            this.$api.updateReportProject(formData).then(response => {
              if (response.code == 200) {
                this.files = []
                this.$message.success('报告更新成功')
                this.$emit('getList', '更新成功')
                this.handleClose()
              }
            })
          }
        }
      })
    },
    //关闭弹窗
    handleClose(val) {
      if (this.form.reportType == 7 && val) {
        this.showEvidenceAndRequest = true
        // this.$s.setSession('params', {})
        this.reportId = val
      }
      this.personnelList.queryParams.name = ''
      this.$refs.reportForm.resetFields()
      this.form = {
        matterIds: [],
        systemFileList: [],
        fileGuids: [],
      }
      this.showDialog = false
      this.clear()
    },
    //清空组件缓存数据
    clear() {
      // 清空事件相关
      this.form.eventId = []
      this.eventList.queryParams.current = 1
      this.eventList.name = ''
      this.eventList.data = []
      // 清空负责人相关
      this.personnelList.data = []
      this.personnelList.queryParams.current = 1
      this.personnelList.queryParams.name = null
    },
    // 创建报告创建接口公用
    addReport(formData, scenarioIds) {
      this.$api.addReportProject(formData).then(response => {
        if (response.code == 200) {
          this.files = []
          this.$message.success('报告创建成功')
          this.$emit('getList', '新增成功')
          // response.data是创建成功后返回的报告id
          this.handleClose(response.data)
        }
      }).catch(error => {
        // 如果报告未创建成功，则赋值
        if (scenarioIds && scenarioIds.length>0) {
          this.form.scenarioIds = JSON.parse(JSON.stringify(scenarioIds))
        }
        this.show = true
      })
    },
    //提交审核任务
    submitTask() {
      this.isEndTime = false
      this.$refs.TaskForm.validate((valid) => {
        if (valid) {
          this.taskForm.handlerType = 0//内部人员0，外部人员1
          this.taskForm.type = 5//任务类型，5为审核
          
          let params = {
            reportProjectDTO: this.form,
            projectTaskDTO:this.taskForm,
          }
          this.$api.addReportOpenAuditTask(params).then(response => {
            if (response.code == 200) {
              this.files = []
              this.$message.success('报告创建成功并发送审核')
              this.$emit('getList', true)
              this.handleCloseTask()
              this.handleClose()
            }
          }).catch(error => {
            this.$message.error('报告创建失败')
            this.handleCloseTask()
          })
        }
      })
    },
    //关闭审核弹窗
    handleCloseTask() {
      this.matterType = null
      this.$refs.TaskForm.resetFields()
      this.taskForm = {}
      this.showTask = false
      this.isEndTime = true
    },
    // 创建无效应对报告下一步
    ifNext() {
      this.$refs.reportForm.validate((valid) => {
        if (valid) {
          let formData = new FormData()
          if (this.files && this.files.length > 0) {
            for (var i = 0; i < this.files.length; i++) {
              formData.append("files", this.files[i]);
            }
          }
          formData.append('report', this.form)
          this.addReport(formData)
        } else {
          this.loading = false
          this.$alert('校验未通过，请按照要求创建报告', '提示', {
            confirmButtonText: '确定',
            type: 'warning',
            callback: action => {
            }
          });
          return false;
        }
      })
    },

  },

};
</script>
<style lang="scss">
  // .el-input__inner{
  //   pointer-events: none;
  // }
  // .el-input__inner:empty{
  //   content:'--'
  // }
</style>