标准入库流程提交失败提示语

This commit is contained in:
zyx.net
2022-11-14 16:18:31 +08:00
parent 997453e664
commit 3b49f993fc
3 changed files with 4285 additions and 108 deletions
File diff suppressed because one or more lines are too long
+122 -105
View File
@@ -6,13 +6,14 @@
<span class="left-title" @click="back"> < </span> <span class="left-title" @click="back"> < </span>
<span class="right-title">标准化动态</span> <span class="right-title">标准化动态</span>
</div> </div>
<van-tabs active="active" @change="onChange"> <van-tabs active="active" @change="onChange">
<van-tab name="ZYBZFG" title="在研标准入库"> <van-tab name="ZYBZFG" title="在研标准入库">
<div class="card-box" ref="cardBoxOne" @scroll="scroolOne" > <div class="card-box" ref="cardBoxOne" @scroll="scroolOne">
<div v-if="loading"> <div v-if="loading">
<van-loading size="24px" color="#3170A8">加载中...</van-loading> <van-loading size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
<div v-else-if="!loading && standList.length" class="card-content" @click="jumpDetails(item)" v-for="item in standList" :key="item.id" > <div v-else-if="!loading && standList.length" class="card-content" @click="jumpDetails(item)"
v-for="item in standList" :key="item.id">
<div class="standTitle"> <div class="standTitle">
<div class="title">{{ item.standardName }}</div> <div class="title">{{ item.standardName }}</div>
</div> </div>
@@ -34,16 +35,17 @@
</div> </div>
<div v-if="moreFlag" class="bottom-box"> <div v-if="moreFlag" class="bottom-box">
<div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div> <div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div>
<div v-else-if="!listFlag && moreFlag" @click="moreList" >点击加载更多</div> <div v-else-if="!listFlag && moreFlag" @click="moreList">点击加载更多</div>
<van-loading v-else size="24px" color="#3170A8">加载中...</van-loading> <van-loading v-else size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
</van-tab> </van-tab>
<van-tab name="GNWBZFG" title="标准法规入库"> <van-tab name="GNWBZFG" title="标准法规入库">
<div class="card-box" ref="cardBoxTwo" @scroll="scroolTwo" > <div class="card-box" ref="cardBoxTwo" @scroll="scroolTwo">
<div v-if="loading"> <div v-if="loading">
<van-loading size="24px" color="#3170A8">加载中...</van-loading> <van-loading size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
<div v-else-if="!loading && standList.length" class="card-content" @click="jumpDetails(item)" v-for="item in standList" :key="item.id"> <div v-else-if="!loading && standList.length" class="card-content" @click="jumpDetails(item)"
v-for="item in standList" :key="item.id">
<div class="standTitle"> <div class="standTitle">
<div class="title">{{ item.standardName }}</div> <div class="title">{{ item.standardName }}</div>
</div> </div>
@@ -65,23 +67,28 @@
</div> </div>
<div v-if="moreFlag" class="bottom-box"> <div v-if="moreFlag" class="bottom-box">
<div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div> <div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div>
<div v-else-if="!listFlag && moreFlag" @click="moreList" >点击加载更多</div> <div v-else-if="!listFlag && moreFlag" @click="moreList">点击加载更多</div>
<van-loading v-else size="24px" color="#3170A8">加载中...</van-loading> <van-loading v-else size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
</van-tab> </van-tab>
<van-tab name="ZLZX" title="资料中心"> <van-tab name="ZLZX" title="资料中心">
<div class="card-box" ref="cardBoxTwo" @scroll="scroolThree" > <div class="card-box" ref="cardBoxTwo" @scroll="scroolThree">
<div v-if="loading"> <div v-if="loading">
<van-loading size="24px" color="#3170A8">加载中...</van-loading> <van-loading size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
<div v-else-if="!loading && standardReleaseList.length" class="card-content" @click="jumpDetails(item)" v-for="item in standardReleaseList" :key="item.id"> <div v-else-if="!loading && standardReleaseList.length" class="card-content" @click="jumpDetails(item)"
v-for="item in standardReleaseList" :key="item.id">
<div class="standTitle"> <div class="standTitle">
<div class="title">{{ item.dataTitle && item.dataTitle.length > 40 ?item.dataTitle.slice(0,39)+'...':item.dataTitle }}</div> <div class="title">
{{ item.dataTitle && item.dataTitle.length > 40 ? item.dataTitle.slice(0, 39) + "..." : item.dataTitle
}}
</div>
</div> </div>
<div class="standContent"> <div class="standContent">
<div class="standState">类型: <div class="standState">类型:
<span style="color: #35720B; padding-left: 5px;"> <span style="color: #35720B; padding-left: 5px;">
{{item.dataType && item.dataType.length > 30 ?item.dataType.slice(0,29)+'...':item.dataType }} {{ item.dataType && item.dataType.length > 30 ? item.dataType.slice(0, 29) + "..." : item.dataType
}}
</span></div> </span></div>
<div class="standSubTime">上传时间: <div class="standSubTime">上传时间:
<span style="padding-left: 5px;"> <span style="padding-left: 5px;">
@@ -96,7 +103,7 @@
</div> </div>
<div v-if="moreFlag" class="bottom-box"> <div v-if="moreFlag" class="bottom-box">
<div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div> <div v-if="listFlag && !loading" class="list-box">没有更多数据了...</div>
<div v-else-if="!listFlag && moreFlag" @click="moreList" >点击加载更多</div> <div v-else-if="!listFlag && moreFlag" @click="moreList">点击加载更多</div>
<van-loading v-else size="24px" color="#3170A8">加载中...</van-loading> <van-loading v-else size="24px" color="#3170A8">加载中...</van-loading>
</div> </div>
</van-tab> </van-tab>
@@ -118,105 +125,105 @@ export default {
standStateOptions: [], //存放文本状态 standStateOptions: [], //存放文本状态
textStatusMap: {},// 文本状态id与name对应 textStatusMap: {},// 文本状态id与name对应
loading: true, loading: true,
scrolled: '', scrolled: "",
moreFlag: false, moreFlag: false,
listFlag: false listFlag: false
}; };
}, },
methods: { methods: {
scroolOne(){ scroolOne() {
this.scrolled = this.$refs.cardBoxOne.scrollTop this.scrolled = this.$refs.cardBoxOne.scrollTop;
console.log(this.$refs.cardBoxOne.scrollTop) console.log(this.$refs.cardBoxOne.scrollTop);
//获得可视区的高度 //获得可视区的高度
const windowHeight = this.$refs.cardBoxOne.clientHeight const windowHeight = this.$refs.cardBoxOne.clientHeight;
//获取滚动条的总高度 //获取滚动条的总高度
const scrollHeight = this.$refs.cardBoxOne.scrollHeight const scrollHeight = this.$refs.cardBoxOne.scrollHeight;
let windowScrolled = this.scrolled + windowHeight let windowScrolled = this.scrolled + windowHeight;
if(scrollHeight - windowScrolled < 100 && this.scrolled !== 0){ if (scrollHeight - windowScrolled < 100 && this.scrolled !== 0) {
//把距离顶部的距离加上可视区域的高度 //把距离顶部的距离加上可视区域的高度
this.moreFlag = true this.moreFlag = true;
}else{ } else {
this.moreFlag = false this.moreFlag = false;
} }
}, },
scroolTwo(){ scroolTwo() {
this.scrolled = this.$refs.cardBoxTwo.scrollTop this.scrolled = this.$refs.cardBoxTwo.scrollTop;
console.log(this.$refs.cardBoxTwo.scrollTop) console.log(this.$refs.cardBoxTwo.scrollTop);
//获得可视区的高度 //获得可视区的高度
const windowHeight = this.$refs.cardBoxTwo.clientHeight const windowHeight = this.$refs.cardBoxTwo.clientHeight;
//获取滚动条的总高度 //获取滚动条的总高度
const scrollHeight = this.$refs.cardBoxTwo.scrollHeight const scrollHeight = this.$refs.cardBoxTwo.scrollHeight;
let windowScrolled = this.scrolled + windowHeight let windowScrolled = this.scrolled + windowHeight;
if(scrollHeight - windowScrolled < 100 && this.scrolled !== 0){ if (scrollHeight - windowScrolled < 100 && this.scrolled !== 0) {
//把距离顶部的距离加上可视区域的高度 //把距离顶部的距离加上可视区域的高度
this.moreFlag = true this.moreFlag = true;
}else{ } else {
this.moreFlag = false this.moreFlag = false;
} }
}, },
scroolThree(){ scroolThree() {
this.scrolled = this.$refs.cardBoxTwo.scrollTop this.scrolled = this.$refs.cardBoxTwo.scrollTop;
console.log(this.$refs.cardBoxTwo.scrollTop) console.log(this.$refs.cardBoxTwo.scrollTop);
//获得可视区的高度 //获得可视区的高度
const windowHeight = this.$refs.cardBoxTwo.clientHeight const windowHeight = this.$refs.cardBoxTwo.clientHeight;
//获取滚动条的总高度 //获取滚动条的总高度
const scrollHeight = this.$refs.cardBoxTwo.scrollHeight const scrollHeight = this.$refs.cardBoxTwo.scrollHeight;
let windowScrolled = this.scrolled + windowHeight let windowScrolled = this.scrolled + windowHeight;
if(scrollHeight - windowScrolled < 100 && this.scrolled !== 0){ if (scrollHeight - windowScrolled < 100 && this.scrolled !== 0) {
//把距离顶部的距离加上可视区域的高度 //把距离顶部的距离加上可视区域的高度
this.moreFlag = true this.moreFlag = true;
}else{ } else {
this.moreFlag = false this.moreFlag = false;
} }
}, },
//返回上一个页面 //返回上一个页面
back() { back() {
this.$router.push("/phoneHome"); this.$router.push("/phoneHome");
}, },
moreList(){ moreList() {
this.moreFlag = false this.moreFlag = false;
this.loadingFlag = true this.loadingFlag = true;
this.page++ this.page++;
if(this.messageType == 'ZLZX'){ if (this.messageType == "ZLZX") {
this.getAdvice() this.getAdvice();
}else { } else {
this.onDynamics(); this.onDynamics();
} }
}, },
jumpDetails(item){ jumpDetails(item) {
if(this.messageType == 'ZYBZFG'){ if (this.messageType == "ZYBZFG") {
this.$router.push({ this.$router.push({
name: 'domesticDetails', name: "domesticDetails",
query: { query: {
id: item.standardId, id: item.standardId,
pageType: 'INLAND_STAND' pageType: "INLAND_STAND"
} }
}) });
} else if(this.messageType == 'GNWBZFG'){ } else if (this.messageType == "GNWBZFG") {
this.$router.push({ this.$router.push({
name: 'domesticDetails', name: "domesticDetails",
query: { query: {
id: item.standardId, id: item.standardId,
pageType: 'INLAND_STAND' pageType: "INLAND_STAND"
} }
}) });
}else { } else {
this.$router.push({ this.$router.push({
name: 'zlzxDetails', name: "zlzxDetails",
query: { query: {
id: item.id id: item.id
} }
}) });
} }
}, },
onChange(name) { onChange(name) {
this.messageType = name; this.messageType = name;
this.page = 1; this.page = 1;
this.standList = [] this.standList = [];
this.standardReleaseList = [] this.standardReleaseList = [];
if(this.messageType == 'ZLZX'){ if (this.messageType == "ZLZX") {
this.getAdvice() this.getAdvice();
}else { } else {
this.onDynamics(); this.onDynamics();
} }
}, },
@@ -226,32 +233,32 @@ export default {
page: this.page, page: this.page,
pageSize: 10 pageSize: 10
}, { }, {
_this: this,loading: 'loading' _this: this, loading: "loading"
}, res => { }, res => {
if(res.ok){ if (res.ok) {
let mList= res.data let mList = res.data;
if(mList.length){ if (mList.length) {
if(this.standardReleaseList.length){ if (this.standardReleaseList.length) {
this.standardReleaseList = this.standardReleaseList.concat(mList) this.standardReleaseList = this.standardReleaseList.concat(mList);
}else{ } else {
this.standardReleaseList = mList this.standardReleaseList = mList;
} }
this.loading = false this.loading = false;
}else{ } else {
this.loading = false this.loading = false;
this.listFlag = true this.listFlag = true;
} }
}else{ } else {
this.standardReleaseList = [] this.standardReleaseList = [];
this.loading = false; this.loading = false;
} }
}, e => { }, e => {
this.standardReleaseList = [] this.standardReleaseList = [];
this.total = 0 this.total = 0;
}) });
}, },
onDynamics(){ onDynamics() {
this.loading = true this.loading = true;
this.$http.get("/lawss/NewsFeed/getNewsFeed", { this.$http.get("/lawss/NewsFeed/getNewsFeed", {
messageType: this.messageType, messageType: this.messageType,
page: this.page, page: this.page,
@@ -259,21 +266,21 @@ export default {
}, { }, {
_this: this _this: this
}, res => { }, res => {
if(res.ok){ if (res.ok) {
let msgList= res.data.records let msgList = res.data.records;
if(msgList.length){ if (msgList.length) {
if(this.standList.length){ if (this.standList.length) {
this.standList = this.standList.concat(msgList) this.standList = this.standList.concat(msgList);
}else{ } else {
this.standList = msgList this.standList = msgList;
} }
this.loading = false this.loading = false;
}else{ } else {
this.loading = false this.loading = false;
this.listFlag = true this.listFlag = true;
} }
}else{ } else {
this.standList = [] this.standList = [];
this.loading = false; this.loading = false;
} }
}, e => { }, e => {
@@ -308,6 +315,7 @@ export default {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #F6F6F6; background: #F6F6F6;
.search-head { .search-head {
width: 100%; width: 100%;
height: 100px; height: 100px;
@@ -332,10 +340,12 @@ export default {
.van-tabs { .van-tabs {
margin-top: 17px; margin-top: 17px;
} }
/deep/ .van-tabs__content{
/deep/ .van-tabs__content {
width: 100%; width: 100%;
height: 95%; height: 95%;
} }
.van-tab { .van-tab {
color: #3170A8; color: #3170A8;
} }
@@ -344,17 +354,19 @@ export default {
color: #3170A8; color: #3170A8;
font-weight: 600; font-weight: 600;
} }
/deep/ .van-tabs__line { /deep/ .van-tabs__line {
width: 30%; width: 30%;
background-color: #3170A8; background-color: #3170A8;
} }
/deep/ .van-tab__pane{
/deep/ .van-tab__pane {
height: 95%; height: 95%;
position: fixed; position: fixed;
width: 100%; width: 100%;
} }
.card-box{ .card-box {
height: 85%; height: 85%;
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
@@ -362,6 +374,7 @@ export default {
top: 10px; top: 10px;
} }
.card-content { .card-content {
width: 95%; width: 95%;
height: auto; height: auto;
@@ -403,21 +416,25 @@ export default {
} }
} }
} }
.bottom-box{
.bottom-box {
height: 40px; height: 40px;
bottom: 0; bottom: 0;
padding:40px; padding: 40px;
text-align: center; text-align: center;
color: #3170A8; color: #3170A8;
.list-box{
.list-box {
color: #3170A8; color: #3170A8;
text-align: center; text-align: center;
} }
.van-loading { .van-loading {
position: absolute; position: absolute;
left: 37%; left: 37%;
} }
} }
.van-loading { .van-loading {
position: absolute; position: absolute;
top: 350px; top: 350px;
@@ -3705,7 +3705,8 @@
// 流程提交之后,应该流转至待办任务页面 // 流程提交之后,应该流转至待办任务页面
this.$router.push({path: '/processCenter?tabsName=ProcessCenter'}) this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
} else { } else {
this.isSubmit = false this.$message.warning(res.message)
this.isSubmit = true
} }
}) })
} else { } else {