事件管理、维修管理添加图片视频上传；维修管理添加地图详情页面、详情数据显示上传的图片和视频

guoshilong

2022-09-26 680dcd3efb79f439a1e4bf95240a0c2b8d975837

 src/views/eventgm/eventgm.vue

@@ -8,6 +8,7 @@
               :before-open="beforeOpen"
               v-model="form"
               ref="crud"
               :upload-before="uploadBefore"
               @row-update="rowUpdate"
               @row-save="rowSave"
               @row-del="rowDel"
@@ -117,6 +118,9 @@
    },
    methods: {
      rowSave(row, done, loading) {
        if (!row.picUrls){
          row.picUrls = null
        }
        add(row).then(() => {
          this.onLoad(this.page);
          this.$message({
@@ -184,7 +188,6 @@
      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetail(this.form.id).then(res => {
            console.log(res);
            this.form = res.data.data;
            this.form.avueMapAddress = {
              "formattedAddress": this.form.address,
@@ -239,6 +242,14 @@
          this.selectionClear();
        });
      },
      uploadBefore(file, done, loading,column) {
        if (["image","video"].includes(file.type.split("/")[0])){
          done()
        }else {
          this.$message.warning('请上传图片或视频')
          loading()
        }
      },
      handleDisposal(row) {
        this.disposalVisible = true
        this.$nextTick(() => {