视频上传回显

guoshilong

2022-09-26 e5b8dfe32fce0089561de920a9ad1e65e44ebfe2

视频上传回显

 src/const/eventgm/eventgm.js

@@ -157,10 +157,11 @@
      },
    },
    {
      label: '图片上传',
      label: '图片视频上传',
      prop: 'picUrls',
      type: 'upload',
      span: 24,
      fileType:'img',
      listType: 'picture-card',
      limit:5,
      hide:true,

 src/const/repairsorder/repairsorder.js

@@ -89,9 +89,10 @@
      }],
    },
    {
      label: '图片上传',
      label: '图片视频上传',
      prop: 'picUrls',
      type: 'upload',
      fileType:'img',
      span: 24,
      listType: 'picture-card',
      limit:5,

 src/views/eventgm/eventgmDetail.vue

@@ -408,8 +408,8 @@

    .el-image {
      margin: 10px;
      width: 160px;
      height: 80px;
      width: 100px;
      height: 100px;
    }
  }
}

 src/views/repairsorder/repairsorder.vue

@@ -105,7 +105,7 @@
    },
    methods: {
      rowSave(row, done, loading) {
        if (!picUrls){
        if (!row.picUrls){
          row.picUrls = null
        }
        add(row).then(() => {

 src/views/repairsorder/repairsorderDetail.vue

@@ -261,4 +261,29 @@
  right: 3%;
  z-index: 99999;
}

.scene-image-box {
  line-height: 32px !important;
  height: auto;
  max-height: 200px;
  overflow-y: auto;

  .el-card__body {
    display: flex;
    padding: 0 10px !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    .x-audio-wrap.inline {
      margin: 10px;
    }

    .el-image {
      margin: 10px;
      width: 100px;
      height: 100px;
    }
  }
}
</style>