feat: 页面loading

This commit is contained in:
zyn
2023-11-22 13:55:11 +08:00
parent 7dbbecb965
commit 3f20b0b465
7 changed files with 59 additions and 5 deletions
@@ -58,6 +58,7 @@
@submit="handleSubmit" @submit="handleSubmit"
> >
</ProcessFooter> </ProcessFooter>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -187,6 +188,8 @@ export default {
processData: [], processData: [],
processLoading: false, processLoading: false,
showProcess: false, showProcess: false,
loading: false
} }
}, },
created() { created() {
@@ -232,6 +235,7 @@ export default {
this.title = '重新起草' this.title = '重新起草'
} }
this.showProcess = true this.showProcess = true
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds, taskIds,
pId: prcId pId: prcId
@@ -251,12 +255,15 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).finally(() => {
this.loading = false
}) })
return; return;
} }
// 根据草稿查询流程详情 // 根据草稿查询流程详情
if(bpnId) { if(bpnId) {
this.loading = true
queryTaskFirst({ bpnId }).then(res => { queryTaskFirst({ bpnId }).then(res => {
this.reloadForm = false this.reloadForm = false
let mes = JSON.parse(res.mes) let mes = JSON.parse(res.mes)
@@ -265,6 +272,8 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.reloadForm = true this.reloadForm = true
}) })
}).finally(() => {
this.loading = false
}) })
} }
}, },
@@ -62,6 +62,7 @@
@checkedRole="checkedRole" @checkedRole="checkedRole"
:nodeList="nodeList" :nodeList="nodeList"
></Role-tree> ></Role-tree>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -194,6 +195,8 @@ export default {
drawerModal: false, drawerModal: false,
drawerTitle: '', drawerTitle: '',
nodeList: [], nodeList: [],
loading: false
} }
}, },
created() { created() {
@@ -227,6 +230,7 @@ export default {
}, },
getData() { getData() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds: this.$route.query.taskIds, taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId pId: this.$route.query.prcId
@@ -240,7 +244,8 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).catch(e => { }).finally(() => {
this.loading = false
}) })
}) })
}, },
@@ -124,6 +124,7 @@
@checkedRole="checkedRole" @checkedRole="checkedRole"
:nodeList="nodeList" :nodeList="nodeList"
></Role-tree> ></Role-tree>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -228,7 +229,9 @@ export default {
drawerModal: false, drawerModal: false,
drawerTitle: '', drawerTitle: '',
nodeList: [], nodeList: [],
dict: {}
dict: {},
loading: false
} }
}, },
created() { created() {
@@ -297,6 +300,7 @@ export default {
const { bpnId, taskIds, prcId } = this.$route.query const { bpnId, taskIds, prcId } = this.$route.query
if (taskIds) { if (taskIds) {
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds, taskIds,
pId: prcId pId: prcId
@@ -316,12 +320,15 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).finally(() => {
this.loading = false
}) })
return; return;
} }
// 根据草稿查询流程详情 // 根据草稿查询流程详情
if(bpnId) { if(bpnId) {
this.loading = true
queryTaskFirst({ bpnId }).then(res => { queryTaskFirst({ bpnId }).then(res => {
this.reloadForm = false this.reloadForm = false
let mes = JSON.parse(res.mes) let mes = JSON.parse(res.mes)
@@ -330,6 +337,8 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.reloadForm = true this.reloadForm = true
}) })
}).finally(() => {
this.loading = false
}) })
} }
}, },
@@ -99,6 +99,7 @@
@checkedRole="checkedRole" @checkedRole="checkedRole"
:nodeList="nodeList" :nodeList="nodeList"
></Role-tree> ></Role-tree>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -322,6 +323,8 @@ export default {
drawerModal: false, drawerModal: false,
drawerTitle: '', drawerTitle: '',
nodeList: [], nodeList: [],
loading: false
} }
}, },
watch: { watch: {
@@ -448,6 +451,7 @@ export default {
const { bpnId, taskIds, prcId } = this.$route.query const { bpnId, taskIds, prcId } = this.$route.query
if (taskIds) { if (taskIds) {
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds, taskIds,
pId: prcId pId: prcId
@@ -471,12 +475,15 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).finally(() => {
this.loading = false
}) })
return; return;
} }
// 根据草稿查询流程详情 // 根据草稿查询流程详情
if(bpnId) { if(bpnId) {
this.loading = true
queryTaskFirst({ bpnId }).then(res => { queryTaskFirst({ bpnId }).then(res => {
this.reloadForm = false this.reloadForm = false
let mes = JSON.parse(res.mes) let mes = JSON.parse(res.mes)
@@ -485,6 +492,8 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.reloadForm = true this.reloadForm = true
}) })
}).finally(() => {
this.loading = false
}) })
} }
}, },
@@ -109,6 +109,7 @@
@checkedRole="checkedRole" @checkedRole="checkedRole"
:nodeList="nodeList" :nodeList="nodeList"
></Role-tree> ></Role-tree>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -226,6 +227,8 @@ export default {
drawerModal: false, drawerModal: false,
drawerTitle: '', drawerTitle: '',
nodeList: [], nodeList: [],
loading: false
} }
}, },
created() { created() {
@@ -327,6 +330,7 @@ export default {
const { bpnId, taskIds, prcId } = this.$route.query const { bpnId, taskIds, prcId } = this.$route.query
if (taskIds) { if (taskIds) {
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds, taskIds,
pId: prcId pId: prcId
@@ -350,12 +354,15 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).finally(() => {
this.loading = false
}) })
return; return;
} }
// 根据草稿查询流程详情 // 根据草稿查询流程详情
if(bpnId) { if(bpnId) {
this.loading = true
queryTaskFirst({ bpnId }).then(res => { queryTaskFirst({ bpnId }).then(res => {
this.reloadForm = false this.reloadForm = false
let mes = JSON.parse(res.mes) let mes = JSON.parse(res.mes)
@@ -364,6 +371,8 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.reloadForm = true this.reloadForm = true
}) })
}).finally(() => {
this.loading = false
}) })
} }
}, },
@@ -43,6 +43,7 @@
@submit="handleSubmit" @submit="handleSubmit"
> >
</ProcessFooter> </ProcessFooter>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -253,7 +254,9 @@ export default {
// 审批历史 // 审批历史
processData: [], processData: [],
processLoading: false, processLoading: false,
showProcess: false showProcess: false,
loading: false,
} }
}, },
created() { created() {
@@ -301,6 +304,7 @@ export default {
this.title = '重新起草' this.title = '重新起草'
} }
this.showProcess = true this.showProcess = true
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds, taskIds,
pId: prcId pId: prcId
@@ -320,13 +324,15 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).catch(e => { }).finally(() => {
this.loading = false
}) })
return; return;
} }
// 根据草稿查询流程详情 // 根据草稿查询流程详情
if(this.$route.query.bpnId){ if(this.$route.query.bpnId){
this.loading = true
queryTaskFirst({ queryTaskFirst({
bpnId: this.$route.query.bpnId bpnId: this.$route.query.bpnId
}).then(res => { }).then(res => {
@@ -337,6 +343,8 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.reloadForm = true this.reloadForm = true
}) })
}).finally(() => {
this.loading = false
}) })
} }
}, },
@@ -48,6 +48,7 @@
@checkedRole="checkedRole" @checkedRole="checkedRole"
:nodeList="nodeList" :nodeList="nodeList"
></Role-tree> ></Role-tree>
<loading :loading="loading">数据获取中</loading>
</div> </div>
</template> </template>
@@ -267,6 +268,8 @@ export default {
drawerModal: false, drawerModal: false,
drawerTitle: '', drawerTitle: '',
nodeList: [], nodeList: [],
loading: false,
} }
}, },
created() { created() {
@@ -287,6 +290,7 @@ export default {
}, },
getData() { getData() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.loading = true
inboundLiaisonDetail({ inboundLiaisonDetail({
taskIds: this.$route.query.taskIds, taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId pId: this.$route.query.prcId
@@ -300,7 +304,8 @@ export default {
this.reloadForm = true this.reloadForm = true
}) })
} }
}).catch(e => { }).finally(() => {
this.loading = false
}) })
}) })
}, },