lenovo
2 years ago
parent
c56599e042
commit
192c917ab7
@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<div>
|
||||
<import-steps :active="activeStep"></import-steps>
|
||||
<data-source-import
|
||||
:dataSourceImportDisabled="dataSourceImportDisabled"
|
||||
@nextStep="nextStep"
|
||||
v-if="activeStep == 1 || activeStep == 0"
|
||||
></data-source-import>
|
||||
<template-import
|
||||
:templateImportDisabled="templateImportDisabled"
|
||||
@nextStep="nextStep"
|
||||
v-if="activeStep == 1 || activeStep == 0"
|
||||
></template-import>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImportSteps from "@/components/gmhExcel/ImportSteps";
|
||||
import DataSourceImport from "@/components/gmhExcel/DataSourceImport";
|
||||
import TemplateImport from "@/components/gmhExcel/TemplateImport";
|
||||
|
||||
export default {
|
||||
components: { ImportSteps, DataSourceImport, TemplateImport },
|
||||
data() {
|
||||
return {
|
||||
activeStep: 0
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.test();
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
test() {
|
||||
this.$axios
|
||||
.get("/api/test/test")
|
||||
.then(res => {
|
||||
const { data } = res;
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
nextStep(val) {
|
||||
this.activeStep = val;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 数据源导入disabled
|
||||
dataSourceImportDisabled() {
|
||||
return !(this.activeStep == 0);
|
||||
},
|
||||
// 模板导入disabled
|
||||
templateImportDisabled() {
|
||||
return !(this.activeStep == 1);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.table-s {
|
||||
height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
.bottom-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.top-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.left-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.right-10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,34 @@
|
||||
import { Loading } from 'element-ui';
|
||||
|
||||
let loadingCount = 0;
|
||||
let loading;
|
||||
|
||||
const startLoading = () => {
|
||||
loading = Loading.service({
|
||||
lock: true,
|
||||
text: '拼命加载中...',//可以自定义文字
|
||||
spinner: 'el-icon-loading',//自定义加载图标类名
|
||||
background: 'rgba(0, 0, 0, 0.7)'//遮罩层背景色
|
||||
});
|
||||
};
|
||||
|
||||
const endLoading = () => {
|
||||
loading.close();
|
||||
};
|
||||
|
||||
export const showLoading = () => {
|
||||
if (loadingCount === 0) {
|
||||
startLoading();
|
||||
}
|
||||
loadingCount += 1;
|
||||
};
|
||||
|
||||
export const hideLoading = () => {
|
||||
if (loadingCount <= 0) {
|
||||
return;
|
||||
}
|
||||
loadingCount -= 1;
|
||||
if (loadingCount === 0) {
|
||||
endLoading();
|
||||
}
|
||||
};
|
||||
Loading…
Reference in new issue