| | |
| | | <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> |
| | |
| | | </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 { |
| | |
| | | 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: { |
| | |
| | | }, |
| | | 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> |
| | |
| | | .upload-box{ |
| | | text-align: center; |
| | | } |
| | | .errDataBox{ |
| | | max-height: 15rem; |
| | | overflow: auto; |
| | | } |
| | | </style> |