style:添加loading

This commit is contained in:
lixg
2022-11-07 18:05:48 +08:00
parent 2f093f96c7
commit 536321fb76
5 changed files with 68 additions and 37 deletions

56
package-lock.json generated
View File

@@ -1414,11 +1414,6 @@
"integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
"dev": true
},
"@popperjs/core": {
"version": "npm:@sxzz/popperjs-es@2.11.7",
"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
},
"@sideway/address": {
"version": "4.1.4",
"resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.4.tgz",
@@ -2029,6 +2024,29 @@
"webpack-merge": "^5.7.3",
"webpack-virtual-modules": "^0.4.2",
"whatwg-fetch": "^3.6.2"
},
"dependencies": {
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.10.0",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.0.tgz",
"integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
}
}
}
}
},
"@vue/cli-shared-utils": {
@@ -2272,27 +2290,6 @@
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.39.tgz",
"integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
},
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.10.0",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.0.tgz",
"integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
}
}
},
"@vue/web-component-wrapper": {
"version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -3958,6 +3955,13 @@
"lodash-unified": "^1.0.2",
"memoize-one": "^6.0.0",
"normalize-wheel-es": "^1.2.0"
},
"dependencies": {
"@popperjs/core": {
"version": "npm:@sxzz/popperjs-es@2.11.7",
"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
}
}
},
"emoji-regex": {

View File

@@ -437,4 +437,18 @@ textarea {
}
}
//弹窗--------------------------------------------------------
//弹窗--------------------------------------------------------
//loading--------------------------------------------------------
.aeLoading {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top:0,
}
//loading--------------------------------------------------------

View File

@@ -67,6 +67,9 @@
<button class="btn2" @click="createDiscuss">确定</button>
</div>
</div>
<div class="aeLoading" :style="{display:addLoading?'flex':'none'}">
<a-spin :spinning="addLoading" tip="添加中..." />
</div>
</a-drawer>
</template>
<script>
@@ -132,6 +135,7 @@ export default {
inputV2: "",
textV1: "",
checkedC1: "",
addLoading:false,
});
const closeDrawer = () => {
ctx.emit("update:adddiscussVisible", false);
@@ -149,6 +153,7 @@ export default {
message.destroy();
return message.warning("请输入讨论名称");
}
state.addLoading=true
let obj = {
discussName: state.inputV1, //讨论名称
discussExplain: state.textV1, //讨论说明
@@ -168,8 +173,7 @@ export default {
console.log("创建成功", res);
state.inputV1 = "";
state.textV1 = "";
message.success("创建成功");
ctx.emit("update:adddiscussVisible", false);
//console.log("discussName",obj.discussName);
console.log("学习路径",props.isStudiscuss);
if(props.isStudiscuss){
@@ -185,7 +189,12 @@ export default {
}
RouterEditTask(editObj1).then(res => {
console.log("新增关卡任务成功",res);
closeDrawer();
setTimeout(()=>{
message.success("创建成功");
ctx.emit("update:adddiscussVisible", false);
closeDrawer();
state.addLoading=false
},1000)
}).catch(err => {
console.log("新增关卡任务失败",err);
})
@@ -208,6 +217,7 @@ export default {
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
state.addLoading=false
})
.catch((err) => {
console.log(err);
@@ -351,5 +361,6 @@ export default {
}
}
}
}
</style>

View File

@@ -226,23 +226,25 @@
<button class="samtn btn2" @click="createLearnPath">确定</button>
</div>
</div>
</div>
<!-- <div
<div
style="
width: 300px;
height: 200px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background:pink;
flex-shrink: 0;
position:absolute,
position:absolute;
z-index: 100;
left:0;
top:0;
"
v-if="true"
>
<a-spin :spinning="true" />
</div> -->
</div>
</div>
</a-modal>
<!-- 编辑路径弹窗 -->