feat: 页面loading
This commit is contained in:
@@ -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
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user