取证上报页面修改，展示视频和图片

Administrator

2021-06-23 3aef517c4c6fe1ed8c519190a5b84bc9aa7fc492

取证上报页面修改，展示视频和图片

 src/api/feedback/feedback.js

@@ -34,6 +34,16 @@
  })
}

export const getDetails = (id) => {
  return request({
    url: '/api/feedback/feedback/details',
    method: 'get',
    params: {
      id
    }
  })
}

export const remove = (ids) => {
  return request({
    url: '/api/feedback/feedback/remove',

 src/views/feedbackReport/feedbackReport.vue

@@ -32,7 +32,7 @@
</template>

<script>
  import {getListReport, getDetail, add, update, remove} from "@/api/feedback/feedback";
  import {getListReport, getDetails, add, update, remove} from "@/api/feedback/feedback";
  import {mapGetters} from "vuex";

  export default {
@@ -59,6 +59,8 @@
          viewBtn: true,
          selection: true,
          dialogClickModal: false,
          images:[],
          videos:[],
          column: [
            {
              label: "上报人姓名",
@@ -107,26 +109,26 @@
              }]
            },
            {
              label: "视频",
              prop: "feedbackVideo",
              label: '图片',
              prop: 'images',
              dataType: 'array',
              type: 'upload',
              span: 24,
              hide:true,
              viewDisplay:true,
              rules: [{
                required: true,
                message: "请输入视频位置",
                trigger: "blur"
              }]
              listType: 'picture-card',
              action: '/imgupload'
            },
            {
              label: "照片",
              prop: "feedbackPhoto",
              label: '视频',
              prop: 'videos',
              type: 'upload',
              accept:"video/mp4",
              hide:true,
              viewDisplay:true,
              rules: [{
                required: true,
                message: "请输入照片位置",
                trigger: "blur"
              }]
              listType: 'picture-img',
              span: 24,
              action: '/imgupload'
            },
          ]
        },
@@ -219,8 +221,10 @@
      },
      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetail(this.form.id).then(res => {
          getDetails(this.form.id).then(res => {
            this.form = res.data.data;
            this.images = res.data.data.images;
            this.videos = res.data.data.videos;
          });
        }
        done();