youxiw2000 / trash · Files

import {
  addViolationCaseFile,
  delViolationCaseFile,
  exportViolationCaseFile,
  getViolationCaseFile,
  listViolationCaseFile,
  updateViolationCaseFile,
  deleteUpCase,
  delayUpCase,
} from "@/api/casefile/violationCaseFile";
import violationCaseFileInfo from "@/views/h5/task/violationCaseFileInfo";

import h5Info from "@/views/h5/task/violationCaseFileInfo";
import h5Page from "@/views/h5/Pagination";

import {companyList, constructionsitesList, earthsitesList, getArea,} from "@/api/dict";


export default {
  name: "ViolationCaseFile",
  components: {
    violationCaseFileInfo,
    h5Page,
    h5Info
  },
  data() {
    return {

      modalLoading:false,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 预警信息表格数据
      violationCaseFileList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        number: null,
        violationObjectType: null,
        owningRegion: null,
        violationType: null,
        violationGrade: null,
        projectName: null,
        companyName: null,
        describe: null,
        sendObject: null,
        status: null,
        receive: null,
        receiveStatus: null,
        readBy: null,
        readTime: null,
        isAsc:"DESC",
        orderByColumn:"casefile_violation desc,createTime"
      },
      // 表单参数
      form: {},
      place: null,
      // 表单校验
      rules: {
        number: [
          {required: true, message: "必填", trigger: "blur"}
        ],
        violationObjectType: [
          {required: true, message: "必填", trigger: "blur"}
        ],
        owningRegion: [
          {required: true, message: "必填", trigger: "blur"}
        ],
        violationType: [
          {required: true, message: "必填", trigger: "blur"}
        ],
      },
      caseType: [],
      projectNameList: {},
      isLoading: false,
      fileEntityList: [],
      companyList: [],
      remoteQueryData: {
        "page": 1,
        "size": 100
      },
      areas: [],
      data: {},
      isLoadingCompany: false,
      idInfo: null,
      openInfo: false,
      slide1: [],
      videoSrc: [],
      object:null,
      funIdx:null,
      delayDialog:false,
      deleteDialog:false,
    };
  },
  watch: {
    fileEntityList(value) {
      this.slide1 = []
      this.videoSrc = []
      if (this.fileEntityList.length != 0) {
        this.fileEntityList.map(item => {
          if (item.name.indexOf(".jpg") > -1 || item.name.indexOf(".png") > -1 || item.name.indexOf(".jpeg") > -1 || item.name.indexOf(".jpg") > -1) {
            if (item.raw != null) {
              this.slide1.push(URL.createObjectURL(item.raw));
            } else {
              if(item.url.startsWith("https:")){
                this.slide1.push(item.url);
              }else{
                this.slide1.push(process.env.VUE_APP_BASE_API + item.url);
              }
            }
          }
          if (item.name.indexOf(".mp4") > -1 || item.name.indexOf(".avi") > -1) {
            if (item.raw != null) {
              this.videoSrc.push(URL.createObjectURL(item.raw));
            } else {
              if(item.url.startsWith("https:")){
                this.videoSrc.push(item.url);
              }else{
                this.videoSrc.push(process.env.VUE_APP_BASE_API + item.url);
              }
            }
          }
        })
      }

    }
  },
  created() {
    this.listData({dictType:"vio_casefile"}).then(res=>{
      this.caseType = res.rows;
    });


    getArea().then(res => {
      this.areas = res.result;
    });


    constructionsitesList(this.remoteQueryData).then(res => {
      this.projectNameList["0"] = res.result.list;
    });

    earthsitesList(this.remoteQueryData).then(res => {
      this.projectNameList["1"] = res.result.list;
    });


    companyList(this.remoteQueryData).then(res => {
      this.companyList = res.result.list;
    });

    if(window.location.search){
      let params = window.location.search.replace("?","");
      let arr = params.split("&");
      let type = -1;
      let name = null;
      for(let j in arr){
        if(arr[j].split("=")[0] == "objType"){
            if(arr[j].split("=")[1] == "company"){
                type = 1;
                this.queryParams.violationObjectType = "2";
            }else if(arr[j].split("=")[1] == "construction"){
                type = 0;
                this.queryParams.violationObjectType = "0";
            }else if(arr[j].split("=")[1] == "earthSite"){
                type = 0;
                this.queryParams.violationObjectType = "1";
            }
        }
        if(arr[j].split("=")[0] == "objValue"){
            name = arr[j].split("=")[1];
        }
      }

      if(type == 0){
        this.queryParams.projectName = decodeURIComponent(name);
      }
      if(type == 1){
        this.queryParams.companyName = decodeURIComponent(name);
      }


    }


    this.getList();
  },
  methods: {
    getAreaName(code){
      for(let i in this.areas){
        if(this.areas[i].code == code){
          this.form.owningRegion = this.areas[i].name;
          this.form.place = this.areas[i].code ;
          break;
        }
      }
    },
    getCaseStatus(item){
      if(item.status == 2){
        return "被驳回";
      }
      if(item.status == 1){
        return "结案存档";
      }
      if(item.status1 && Number(item.status1) == 1){
        return "已回复";
      }
      if(item.status1 && Number(item.status1) > 1){
         return "审核中";
      }
      return "未回复";
      
    },
    getCaseType(type){
      for(let i in this.caseType){
        if(this.caseType[i].dictValue == type){
          return this.caseType[i].dictLabel;
        }
      }
      return type;
    },
    openFunction(obj,idx){
      this.object = obj;
      if(idx == 1){
        this.deleteDialog = true;
        this.reason = "综管回退"
      }else  if(idx == 2){
        this.delayDialog = true;
        this.reason = "延期处理"
      }
    },
    deleteUpCase(){
      if(!this.form.describe){
        this.$message("请填写理由!");
        return;
      }
      this.object.describe = this.form.describe;
      deleteUpCase(this.object).then(res=>{
        this.deleteDialog = false;
        this.getList();
      });
    },
    delayUpCase(){
      debugger;
      if(!this.form.describe){
        this.$message("请填写理由!");
        return;
      }
      this.object.describe = this.form.describe;
      this.object.timeType = this.form.timeType;
      this.object.delayedTime = this.form.delayedTime;
      delayUpCase(this.object).then(res=>{
        this.delayDialog = false;
        this.getList();
      });
    },
    getRemoteDate(value){
      this.remoteQueryData.name =value;
       constructionsitesList(this.remoteQueryData).then(res => {
          this.projectNameList["0"] = res.result.list;
          this.$forceUpdate();
       });
       earthsitesList(this.remoteQueryData).then(res => {
          this.projectNameList["1"] = res.result.list;
          this.$forceUpdate();
       });
    },
    // selectArea(item) {

    //   this.form.owningRegion = item.name;

    // },
    /** 查询预警信息列表 */
    getList() {
      this.loading = true;
      if(this.queryParams.createTime){
        this.queryParams.startTime = this.queryParams.createTime[0];
        this.queryParams.endTime = this.queryParams.createTime[1];
      }

      let query = {};

      for(var i in this.queryParams){
        query[i] = this.queryParams[i];
      }

      query.createTime = null;
      if(query.owningRegion)
        query.owningRegion = query.owningRegion + ""

      listViolationCaseFile(query).then(response => {
        this.violationCaseFileList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.openInfo = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.fileEntityList = [];
      this.form = {
        id: null,
        number: null,
        violationObjectType: null,
        owningRegion: null,
        violationType: null,
        violationGrade: null,
        projectName: null,
        companyName: null,
        describe: null,
        sendObject: null,
        createTime: null,
        createBy: null,
        updateTime: null,
        updateBy: null,
        status: 0,
        receive: null,
        receiveStatus: 0,
        readBy: null,
        readTime: null
      };
      this.rules.companyName = [{required: false, message: "必填", trigger: "blur"}]
      this.rules.projectName = [{required: false, message: "必填", trigger: "blur"}]
      this.remoteQueryData.name = null;
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {

      this.resetForm("queryForm");
      this.queryParams.violationObjectType =null;
      this.queryParams.projectName = null;
      this.queryParams.companyName = null;
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    handleInfo(row) {
      this.idInfo = row.id + "";
      this.openInfo = true;
      this.title = "预警信息详情";
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.form.projectName = null;
      this.getRemoteDate();
      this.form.number = this.getNumber();
      this.form.violationGrade = "一般类";
      this.form.sendObject = "区管理部门";
      this.title = "添加预警信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getViolationCaseFile(id).then(response => {
        this.form = response.data.violationCaseFile;
        let files = JSON.stringify(response.data.uploadFiles);
        this.fileEntityList = JSON.parse(files.replaceAll("filePath", "url").replaceAll("fileName", "name"))
        this.open = true;
        this.title = "修改预警信息";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {

          if (this.form.sendObject == "运输企业" && this.form.companyName == null) {

            this.$message("请选择相关企业");

            return;
          }

          this.modalLoading = true;

          let formData = new FormData();
          let form = this.form;
          //去掉params属性
          delete form.params;
          formData.append('fileList', null);
          //将新增的文件放入formData
          this.fileEntityList.forEach(item => {
            if (item.id == null) {
              formData.append('fileList', item.raw)
            }
          })
          if (this.form.id != null) {
            formData.append("violationCaseFile", JSON.stringify(form));
            formData.append("uploadFilesList", null);
            this.fileEntityList.forEach(item => {
              delete item.params;
              if (item != "null" && item != null) {
                formData.append('uploadFilesList', JSON.stringify(item).replaceAll("url", "filePath").replaceAll("name", "fileName"));
              }
            })
            updateViolationCaseFile(formData).then(response => {
              this.modalLoading = false;
              this.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            for (let key in form) {
              formData.append(key, form[key] == null ? "" : form[key])
            }
            addViolationCaseFile(formData).then(response => {
              this.modalLoading = false;
              this.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$confirm('是否确认删除预警信息编号为"' + ids + '"的数据项?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function () {
        return delViolationCaseFile(ids);
      }).then(() => {
        this.getList();
        this.msgSuccess("删除成功");
      })
    },
    /** 导出按钮操作 */
    handleExport() {
      if(this.queryParams.createTime){
        this.queryParams.startTime = this.queryParams.createTime[0];
        this.queryParams.endTime = this.queryParams.createTime[1];
      }

      const query = {};

      for(var i in this.queryParams){
        query[i] = this.queryParams[i];
      }

      query.createTime = null;

      if(query.owningRegion)
        query.owningRegion = query.owningRegion + ""

      this.$confirm('是否确认导出所有预警信息数据项?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function () {
        return exportViolationCaseFile(query);
      }).then(response => {
        this.download(response.message);
      })
    },
    /** 生成案卷编号 */
    getNumber() {
      const now = new Date();
      const year = now.getFullYear().toString().slice(-2); // 提取后两位数
      const month = now.getMonth() + 1 < 10 ? `0${now.getMonth() + 1}` : now.getMonth() + 1;
      const day = now.getDate() < 10 ? `0${now.getDate()}` : now.getDate();
      const hour = now.getHours() < 10 ? `0${now.getHours()}` : now.getHours();
      const minute = now.getMinutes() < 10 ? `0${now.getMinutes()}` : now.getMinutes();
      const second = now.getSeconds() < 10 ? `0${now.getSeconds()}` : now.getSeconds();
      const millisecond = now.getMilliseconds();
      const code = `${year}${month}${day}${hour}${minute}${second}${millisecond}`;
      return code;
    },
    getCompanys(value){

      let query  = {
        name:value,
        page:1,
        size:100
      };

      companyList(query).then(res => {
        this.companyList = res.result.list;
      });
    },
    companyLoadOptions(query) {
      // 根据输入的关键字query异步加载选项数据
      this.isLoadingCompany = true
      setTimeout(() => {
        // 模拟异步加载数据
        const data = [
          {name: '公司1'},
          {name: '公司2'},
          {name: '公司3'}
        ].filter(item => item.name.includes(query))
        this.companyList = data
        this.isLoadingCompany = false
      }, 200)
    },
    /**
     * 文件改变时,限制文件上传格式和大小
     * 文件格式只能为docx/doc/pdf/png/jpeg/png/jpg
     * 大小不超过20M
     * */
    fileChange(file, fileList) {
      let count = 0;
      for (let i = 0; i < fileList.length; i++) {
        // console.log(fileList.length)
        // console.log(this.fileEntityList[i].name+"111"+file.name)
        if (fileList[i].name == file.name) {
          count++;
          if (count == 2) {
            this.$message({
              message: '已存在此文件！',
              type: 'warning'
            });
            for (let j = fileList.length; j > 0; j--) {
              //如果存在此文件，去除新选择的重复文件
              if (fileList[j - 1].name == file.name) {
                fileList.splice(j - 1, 1);
                i--;
                return false;
              }
            }
          }
        }
      }
      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
      //格式符合后判断大小
      if ("docx,doc,pdf,png,jpeg,png,jpg,mp4,avi".indexOf(fileType) != -1) {
        let max5M = file.size / 1024 / 1024 < 100;
        if (!max5M) {
          this.$message({
            message: '上传文件大小不得超过100M！',
            type: 'warning'
          });
          fileList = fileList.splice(fileList.length - 1, 1);
        } else {
          //符合条件后进行添加
          this.fileEntityList = fileList
        }
      } else {
        this.$message({
          message: '上传文件只能是 docx、doc、pdf、png、jpeg、png、jpg、mp4、avi格式!',
          type: 'warning'
        });
        fileList = fileList.splice(fileList.length - 1, 1);
      }
    },
    // 删除文件
    handleDeleteFile(index) {
      this.fileEntityList.splice(index, 1);
      this.slide1.splice(index, 1);
      this.videoSrc.splice(index, 1);
    },
    /** 文件下载 */
    downloadFA(row) {
      let name = row.name;
      let url = row.url;
      const a = document.createElement('a')
      a.setAttribute('download', name)
      a.setAttribute('target', '_blank')
      a.setAttribute('href', process.env.VUE_APP_BASE_API + url);
      a.click()
    },
    /** 生成违规描述 */
    createDescribe() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          let formData = this.form;
          const now = new Date();
          const year = now.getFullYear();
          const month = now.getMonth() + 1 < 10 ? `0${now.getMonth() + 1}` : now.getMonth() + 1;
          const day = now.getDate() < 10 ? `0${now.getDate()}` : now.getDate();
          const hour = now.getHours() < 10 ? `0${now.getHours()}` : now.getHours();
          const minute = now.getMinutes() < 10 ? `0${now.getMinutes()}` : now.getMinutes();
          const second = now.getSeconds() < 10 ? `0${now.getSeconds()}` : now.getSeconds();
          const code = `${year}/${month}/${day} ${hour}:${minute}:${second}`;

          let companyName = formData.companyName ? formData.companyName : "";
          let projectName = formData.projectName ? formData.projectName : "";

          for(let i in this.caseType){
            if(this.caseType[i].dictValue == formData.violationType){
              this.form.describe = code + companyName + "在" + projectName + "出现" + this.caseType[i].dictLabel;
              break;
            }
          }


          this.rules.companyName = null;
          this.rules.projectName = null;
        }
      });

    }
  }
};