youxiw2000 / trash · Files

import {
  listViolationWarningInformation,
  getViolationWarningInformation,
  delViolationWarningInformation,
  addViolationWarningInformation,
  updateViolationWarningInformation,
  exportViolationWarningInformation
} from "@/api/casefile/violationWarningInformation";

import violationWarningInformationInfo from "@/views/casefile/violationWarningInformation/violationWarningInformationInfo";


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


import {
  earthsitesList,
  constructionsitesList,
  getDict,
  getArea,
  companyList,
  truckList,
} from "@/api/dict";
import {
  getEarthSitesList,
  getConstructionList,
  getCompanyList,
  getAreaList
} from "@/api/casefile/remoteServer";
import {getBase64} from "@/api/business/threestep";

export default {
  name: "ViolationWarningInformation",
  components: {
    violationWarningInformationInfo,
    h5Page,
    h5Info
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 违规预警信息表格数据
      violationWarningInformationList: [],
      // 弹出层标题
      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,
        receive: null,
        receiveStatus: null,
        readBy: null,
        readTime: null,
        replyOne: null,
        replyTwo: null,
        replyThree: null
      },
      // 表单参数
      form: {},
      // 表单校验
      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: [{
          code: 0,
          name: "工地预警-未报开工作业"
        },
        {
          code: 1,
          name: "工地预警-视频设备离线超时报警"
        },
        {
          code: 2,
          name: "工地预警-三无车辆进入工地"
        },
        {
          code: 3,
          name: "工地预警-未按时间作业"
        },
        {
          code: 4,
          name: "消纳场预警-未报开工作业"
        },
        {
          code: 5,
          name: "消纳场预警-视频设备离线超时报警"
        },
        {
          code: 6,
          name: "消纳场预警-三无车辆进入消纳场"
        },
        {
          code: 7,
          name: "消纳场预警-未到指定的消纳场作业"
        },
        {
          code: 8,
          name: "离线运输报警(工)"
        },
        {
          code: 9,
          name: "离线运输报警(消)"
        },
        {
          code: 10,
          name: "未激活车辆作业"
        },
        {
          code: 11,
          name: "未核准作业车辆作业"
        },
        {
          code: 12,
          name: "未按线路行驶"
        },
        {
          code: 13,
          name: "闯禁行驶"
        },
        {
          code: 14,
          name: "失信车辆作业"
        }
      ],
      projectNameList: [],
      isLoading: false,
      fileEntityList: [],
      companyList: [],
      remoteQueryData: {
        "page": 1,
        "size": 9999
      },
      isLoadingCompany: false,
      idInfo: null,
      openInfo: false,
      areas: [],
      data: {},
      showPic: null,
      picImage: null,
      slide1: []
    };
  },
  watch: {
    fileEntityList(value) {
      this.slide1 = []
      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({
                src: URL.createObjectURL(item.raw),
                msrc: URL.createObjectURL(item.raw),
                alt: item.uid,
                w: 1920,
                h: 1080
              });
            }else{
              this.slide1.push({
                src: process.env.VUE_APP_BASE_API + item.url,
                msrc: process.env.VUE_APP_BASE_API + item.url,
                w: 1920,
                h: 1080
              });
            }
          }
        })
      }

    }
  },
  created() {
    getAreaList().then(res => {
      this.areas = res.data;
    });


    getEarthSitesList().then(res => {
      for (var i in res.data) {
        this.projectNameList.push({
          name: res.data[i].name
        });
      }
    });
    getConstructionList().then(res => {
      for (var i in res.data) {
        this.projectNameList.push({
          name: res.data[i].name
        });
      }
    });


    getCompanyList(this.remoteQueryData).then(res => {
      this.companyList = res.data;
    });
    this.getList();
  },
  methods: {
    selectArea(item) {

      this.form.owningRegion = item.name;

    },
    /** 查询违规预警信息列表 */
    getList() {
      this.loading = true;
      listViolationWarningInformation(this.queryParams).then(response => {
        this.violationWarningInformationList = 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,
        receive: null,
        receiveStatus: 0,
        readBy: null,
        readTime: null,
        replyOne: null,
        replyTwo: null,
        replyThree: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      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.number = this.getNumber();
      this.form.violationGrade = "一般类";
      this.form.sendObject = "区管理部门(治)";
      this.title = "添加违规预警信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getViolationWarningInformation(id).then(response => {
        this.form = response.data.violationWarningInformation;
        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;
          }
          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("violationWarningInformation", 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"));
              }
            })
            updateViolationWarningInformation(formData).then(response => {
              this.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            for (let key in form) {
              formData.append(key, form[key] == null ? "" : form[key])
            }
            addViolationWarningInformation(formData).then(response => {
              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 delViolationWarningInformation(ids);
      }).then(() => {
        this.getList();
        this.msgSuccess("删除成功");
      })
    },
    /** 导出按钮操作 */
    handleExport() {
      const queryParams = this.queryParams;
      this.$confirm('是否确认导出所有违规预警信息数据项?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function() {
        return exportViolationWarningInformation(queryParams);
      }).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;
    },
    projectNameLoadOptions(query) {
      // 根据输入的关键字query异步加载选项数据
      this.isLoading = true
      setTimeout(() => {
        // 模拟异步加载数据
        const data = [{
            name: '项目1'
          },
          {
            name: '项目2'
          },
          {
            name: '项目3'
          }
        ].filter(item => item.name.includes(query))
        this.projectNameList = data
        this.isLoading = false
      }, 200)
    },
    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".indexOf(fileType) != -1) {
        let max5M = file.size / 1024 / 1024 < 20;
        if (!max5M) {
          this.$message({
            message: '上传文件大小不得超过20M！',
            type: 'warning'
          });
          fileList = fileList.splice(fileList.length - 1, 1);
        } else {
          //符合条件后进行添加
          this.fileEntityList = fileList
        }
      } else {
        this.$message({
          message: '上传文件只能是 docx、doc、pdf、png、jpeg、png、jpg格式!',
          type: 'warning'
        });
        fileList = fileList.splice(fileList.length - 1, 1);
      }
    },
    // 删除文件
    handleDeleteFile(index) {
      this.fileEntityList.splice(index, 1);
      this.slide1.splice(index, 1);
    },
    /** 文件下载 */
    downloadFA(row) {
      let name = row.name;
      let url = row.url;
      const a = document.createElement('a')
      if (url.indexOf(".jpg") > -1 || url.indexOf(".png") > -1 || url.indexOf(".jpeg") > -1 || url.indexOf(".jpg") > -1) {
        const fileType = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
        getBase64({"path": url}).then(res => {
          if (res) {
            this.picImage = "data:image/" + fileType + ";base64," + res;
            this.showPic = true;
          }
        });

        return;
      }
      a.setAttribute('download', name)
      a.setAttribute('target', '_blank')
      a.setAttribute('href', process.env.VUE_APP_BASE_API + url);
      a.click()
    },
    /** 生成违规描述 */
    createDescribe() {
      this.rules.companyName = [{
        required: true,
        message: "必填",
        trigger: "blur"
      }]
      this.rules.projectName = [{
        required: true,
        message: "必填",
        trigger: "blur"
      }]
      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}`;
          this.form.describe = code + formData.companyName + "在" + formData.projectName + "出现" + formData
            .violationType;
          this.rules.companyName = null;
          this.rules.projectName = null;
        }
      });

    }
  }
};