648540858
2023-04-04 b4048fbe80dba8e7756ae557a15ab60b4f80a44b
web_src/src/components/dialog/importChannel.vue
@@ -14,8 +14,11 @@
        <el-upload
          class="upload-box"
          drag
          action="debug/api/push/upload"
          :action="uploadUrl"
          name="file"
          :headers="headers"
          :on-success="successHook"
          :on-error="errorHook"
          >
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
@@ -23,14 +26,21 @@
        </el-upload>
      </div>
    </el-dialog>
    <ShowErrorData ref="showErrorData" :gbIds="errorGBIds" :streams="errorStreams" ></ShowErrorData>
  </div>
</template>
<script>
import ShowErrorData from './importChannelShowErrorData.vue'
import userService from "../service/UserService";
export default {
  name: "importChannel",
  computed: {},
  components: {
    ShowErrorData,
  },
  created() {},
  data() {
    return {
@@ -38,6 +48,12 @@
      showDialog: false,
      isLoging: false,
      isEdit: false,
      errorStreams: [],
      errorGBIds: [],
      headers: {
        "access-token": userService.getToken()
      },
      uploadUrl: process.env.NODE_ENV === 'development'? `http://127.0.0.1:8080/debug/api/push/upload`: (window.baseUrl ? window.baseUrl : "") + `/api/push/upload`,
    };
  },
  methods: {
@@ -72,8 +88,35 @@
    },
    close: function () {
      this.showDialog = false;
      this.$refs.form.resetFields();
    },
    successHook: function(response, file, fileList){
      if (response.code === 0) {
        this.$message({
          showClose: true,
          message: response.msg,
          type: "success",
        });
      }else if (response.code === 1) {
        this.errorGBIds = response.data.gbId
        this.errorStreams = response.data.stream
        console.log(this.$refs)
        console.log(this.$refs.showErrorData)
        this.$refs.showErrorData.openDialog()
      }else {
        this.$message({
          showClose: true,
          message: response.msg,
          type: "error",
        });
      }
    },
    errorHook: function (err, file, fileList) {
      this.$message({
        showClose: true,
        message: err,
        type: "error",
      });
    }
  },
};
</script>
@@ -81,4 +124,8 @@
.upload-box{
  text-align: center;
}
.errDataBox{
  max-height: 15rem;
  overflow: auto;
}
</style>