对接手机端

This commit is contained in:
范强强
2023-06-07 18:06:33 +08:00
parent 38ffb91ffc
commit 2a6ee044a4
11 changed files with 314 additions and 81 deletions
+1
View File
@@ -1875,4 +1875,5 @@ module.exports = {
send:'Send', send:'Send',
pleaseProcessThePC:'Please process it on the PC', pleaseProcessThePC:'Please process it on the PC',
clickAndSelect:'Click and select', clickAndSelect:'Click and select',
phoneCreationTime:'Creation Time'
} }
+1
View File
@@ -1976,4 +1976,5 @@ module.exports = {
send:'发送', send:'发送',
pleaseProcessThePC:'请在PC端处理', pleaseProcessThePC:'请在PC端处理',
clickAndSelect:'点击选择', clickAndSelect:'点击选择',
phoneCreationTime:'创建时间'
} }
@@ -207,6 +207,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.header-right { .header-right {
@@ -75,6 +75,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.content { .content {
@@ -226,6 +226,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.content { .content {
@@ -128,6 +128,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.content { .content {
@@ -401,6 +401,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.header-buttom { .header-buttom {
@@ -75,6 +75,8 @@
<div class="vanStepBox"> <div class="vanStepBox">
<div class="van-text"> <div class="van-text">
{{item.name}} {{item.name}}
</div>
<div class="van-text-status">
<span class="van-text-color" :class="statusClass[item.operatorResult]" v-if="item.operatorResultName"> <span class="van-text-color" :class="statusClass[item.operatorResult]" v-if="item.operatorResultName">
{{item.operatorResultName}} {{item.operatorResultName}}
</span> </span>
@@ -102,6 +104,7 @@
<van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay"> <van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay">
<van-form @submit="onSubmit" ref="form"> <van-form @submit="onSubmit" ref="form">
<van-field name="disposeResult" <van-field name="disposeResult"
class="uploader"
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]" :rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
:label="$t('resultofhandling')"> :label="$t('resultofhandling')">
<template #input> <template #input>
@@ -112,7 +115,8 @@
<van-radio name="Rejected" v-if="queryData.TaskKey == 'zrrqr'"> <van-radio name="Rejected" v-if="queryData.TaskKey == 'zrrqr'">
{{$t('refuse')}} {{$t('refuse')}}
</van-radio> </van-radio>
<van-radio name="Adopt" :disabled="isAdopt" v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'"> <van-radio name="Adopt" :disabled="isAdopt"
v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'">
{{$t('adopt')}} {{$t('adopt')}}
</van-radio> </van-radio>
<van-radio name="Compliance" <van-radio name="Compliance"
@@ -235,7 +239,7 @@
fileList: [], fileList: [],
uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload', uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
examineTitle: '', examineTitle: '',
isAdopt:false, isAdopt: false
} }
}, },
mounted() { mounted() {
@@ -472,6 +476,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.collapse { .collapse {
@@ -604,7 +616,6 @@
font-size: 0.34rem; font-size: 0.34rem;
background: rgba(38, 189, 75, 0.12); background: rgba(38, 189, 75, 0.12);
border-radius: 0.1rem; border-radius: 0.1rem;
margin-left: 0.2rem;
} }
.van-time { .van-time {
@@ -650,9 +661,11 @@
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
font-weight: 500; font-weight: 500;
color: #595E72; color: #595E72;
width: 2rem; width: 100%;
}
::v-deep .van-form .van-cell__value{
margin-top: 0.1rem;
} }
::v-deep .van-form .van-radio__icon .van-icon { ::v-deep .van-form .van-radio__icon .van-icon {
width: 0.45rem; width: 0.45rem;
height: 0.45rem; height: 0.45rem;
@@ -789,9 +802,15 @@
color: #BBBDC7; color: #BBBDC7;
} }
.van-text-status {
margin-bottom: 0.3rem;
margin-top: 0.3rem;
}
.van-collapse-item:last-child { .van-collapse-item:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.AcceptedClass { .AcceptedClass {
background: #e9f8ed; background: #e9f8ed;
color: #26BD4B; color: #26BD4B;
@@ -831,6 +850,7 @@
background: #fff6e8; background: #fff6e8;
color: #FDA71C; color: #FDA71C;
} }
.NAClass { .NAClass {
background: #f1f1f3; background: #f1f1f3;
color: #707486; color: #707486;
@@ -72,6 +72,14 @@
color: #040B29; color: #040B29;
margin-left: 0.2rem; margin-left: 0.2rem;
word-break: break-all; word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.content { .content {
+6 -35
View File
@@ -74,9 +74,7 @@
}, },
mounted() { mounted() {
document.title = 'NIO GRP' document.title = 'NIO GRP'
this.getDocumentLibrary() this.getDataCount()
this.getProblemKnowledgeBase()
this.getMonthlyReportRegulations()
}, },
methods: { methods: {
onChange(value) { onChange(value) {
@@ -126,42 +124,15 @@
} }
}) })
}, },
getDocumentLibrary() { getDataCount() {
let query = { getAction('/phone/search/getDataCount', {}).then((res) => {
pageNo: '1',
pageSize: '10'
}
postAction('document/bussDocumentLibraryEO/queryPageInfo', query).then((res) => {
if (res.success) { if (res.success) {
this.documentLibraryTotal = res.result.total this.documentLibraryTotal = res.result.documentLibraryCount || 0
this.problemKnowledgeBaseTotal = res.result.problemKnowledgeBaseCount || 0
this.monthlyReportRegulationsTotal = res.result.lawsMonthlyReportManageCount || 0
} else { } else {
this.documentLibraryTotal = 0 this.documentLibraryTotal = 0
}
})
},
getProblemKnowledgeBase() {
let query = {
pageNo: 1,
pageSize: 10,
releaseStatus: 'Have released'
}
getAction('/problemKnowledgeBase/problemKnowledgeBaseEO/page', query).then((res) => {
if (res.success) {
this.problemKnowledgeBaseTotal = res.result.total
} else {
this.problemKnowledgeBaseTotal = 0 this.problemKnowledgeBaseTotal = 0
}
})
},
getMonthlyReportRegulations() {
let query = {
pageNo: 1,
pageSize: 10
}
getAction('/report/lawsMonthlyReportManageEO/page', query).then((res) => {
if (res.success) {
this.monthlyReportRegulationsTotal = res.result.total
} else {
this.monthlyReportRegulationsTotal = 0 this.monthlyReportRegulationsTotal = 0
} }
}) })
+233 -41
View File
@@ -30,17 +30,70 @@
:loading-text="$t('loading')" :loading-text="$t('loading')"
@load="onLoad" @load="onLoad"
> >
<div class="content-box-content" v-for="(item,index) in list" :key="index"> <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in list" :key="index">
<div class="content-box-title"> <div v-if="item.module_type_flag == 'WDK'">
GB 50017-2017 <div class="content-box-title">
{{item.serial_number}}
</div>
<div class="content-box-type">
<span class="content-box-left"
:class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}"
>{{$t('title')}}</span>
<span class="content-box-text">{{item.title}}</span>
</div>
<div class="content-box-type">
<span class="content-box-left"
:class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}">{{$t('status')}}</span>
<span class="content-box-text">{{item.state}}</span>
</div>
<div class="content-box-type">
<span class="content-box-left"
:class="{'content-box-left-En-WDK':language == 'en-us' ? true : false}">{{$t('category')}}</span>
<span class="content-box-text">{{item.module_type}}</span>
</div>
</div> </div>
<div class="content-box-type"> <div v-else-if="item.module_type_flag == 'WTZSK' || item.module_type_flag == 'ZSFX'">
<span class="content-box-left">标题</span> <div class="content-box-title">
<span class="content-box-text">设计符合性流程</span> {{item.title}}
</div>
<div class="content-box-type">
<span class="content-box-left-problemKnow"
:class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}"
>{{$t('creator')}}</span>
<span class="content-box-text">张三</span>
</div>
<div class="content-box-type">
<span class="content-box-left-problemKnow"
:class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">
{{$t('phoneCreationTime')}}
</span>
<span class="content-box-text">2023-10-12 10:20:30</span>
</div>
<div class="content-box-type">
<span class="content-box-left-problemKnow"
:class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">{{$t('category')}}</span>
<span class="content-box-text">{{item.module_type}}</span>
</div>
</div> </div>
<div class="content-box-type"> <div v-else-if="item.module_type_flag == 'FGYB'">
<span class="content-box-left">类别</span> <div class="content-box-title">
<span class="content-box-text">Aries-G1.1-中国台湾-00</span> {{item.title}}
</div>
<div class="content-box-type">
<span class="content-box-left-monthly"
:class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadedBy')}}</span>
<span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
</div>
<div class="content-box-type">
<span class="content-box-left-monthly"
:class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadTime')}}</span>
<span class="content-box-text">2023-10-12 10:20:30</span>
</div>
<div class="content-box-type">
<span class="content-box-left-monthly"
:class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('category')}}</span>
<span class="content-box-text">{{item.module_type}}</span>
</div>
</div> </div>
</div> </div>
</van-list> </van-list>
@@ -54,16 +107,19 @@
:loading-text="$t('loading')" :loading-text="$t('loading')"
@load="onLoad" @load="onLoad"
> >
<div class="content-box-content" v-for="(item,index) in list" :key="index"> <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in documentLibraryList"
:key="index">
<div class="content-box-title"> <div class="content-box-title">
GB 50017-2017 {{item.serial_number}}
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left">标题</span> <span class="content-box-left"
<span class="content-box-text">设计符合性流程</span> :class="{'content-box-left-En':language == 'en-us' ? true : false}">{{$t('title')}}</span>
<span class="content-box-text">{{item.title}}</span>
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left">状态</span> <span class="content-box-left"
:class="{'content-box-left-En':language == 'en-us' ? true : false}">{{$t('status')}}</span>
<span class="content-box-text">现行</span> <span class="content-box-text">现行</span>
</div> </div>
</div> </div>
@@ -78,16 +134,22 @@
:loading-text="$t('loading')" :loading-text="$t('loading')"
@load="onLoad" @load="onLoad"
> >
<div class="content-box-content" v-for="(item,index) in list" :key="index"> <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in problemKnowledgeBaseList"
:key="index">
<div class="content-box-title"> <div class="content-box-title">
GB 50017-2017 {{item.title}}
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left" style="width: 1.4rem">创建人</span> <span class="content-box-left-problemKnow"
<span class="content-box-text">张三</span> :class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}"
>{{$t('creator')}}</span>
<span class="content-box-text">张三是可见度发挥是的看见反函数反抗精神的回复的考试分数</span>
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left" style="width: 1.4rem">创建时间</span> <span class="content-box-left-problemKnow"
:class="{'content-box-left-problemKnow-En':language == 'en-us' ? true : false}">
{{$t('phoneCreationTime')}}
</span>
<span class="content-box-text">2023-10-12 10:20:30</span> <span class="content-box-text">2023-10-12 10:20:30</span>
</div> </div>
</div> </div>
@@ -102,16 +164,19 @@
:loading-text="$t('loading')" :loading-text="$t('loading')"
@load="onLoad" @load="onLoad"
> >
<div class="content-box-content" v-for="(item,index) in list" :key="index"> <div class="content-box-content" @click="dataClick(item)" v-for="(item,index) in monthlyReportRegulationsList"
:key="index">
<div class="content-box-title"> <div class="content-box-title">
GB 50017-2017 {{item.title}}
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left" style="width: 1.4rem">上传人</span> <span class="content-box-left-monthly"
:class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadedBy')}}</span>
<span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span> <span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
</div> </div>
<div class="content-box-type"> <div class="content-box-type">
<span class="content-box-left" style="width: 1.4rem">上传时间</span> <span class="content-box-left-monthly"
:class="{'content-box-left-monthly-En':language == 'en-us' ? true : false}">{{$t('uploadTime')}}</span>
<span class="content-box-text">2023-10-12 10:20:30</span> <span class="content-box-text">2023-10-12 10:20:30</span>
</div> </div>
</div> </div>
@@ -131,8 +196,12 @@
value: '', value: '',
activeTab: '', activeTab: '',
list: [], list: [],
documentLibraryList: [],
problemKnowledgeBaseList: [],
monthlyReportRegulationsList: [],
loading: false, loading: false,
finished: false, finished: false,
language: localStorage.getItem('language'),
pageNo: 0, pageNo: 0,
url: { url: {
wholeUrl: 'search/document/getFullTextInfoList', wholeUrl: 'search/document/getFullTextInfoList',
@@ -156,12 +225,37 @@
this.$router.go(-1) this.$router.go(-1)
}, },
activeChange() { activeChange() {
if (this.activeTab == 'whole') {
this.list = []
} else if (this.activeTab == 'documentLibrary') {
this.documentLibraryList = []
} else if (this.activeTab == 'problemKnowledgeBase') {
this.problemKnowledgeBaseList = []
} else if (this.activeTab == 'monthlyReportRegulations') {
this.monthlyReportRegulationsList = []
}
this.loading = true this.loading = true
this.list = []
this.finished = false this.finished = false
this.pageNo = 1 this.pageNo = 1
this.getList() this.getList()
}, },
dataClick(item) {
if (item.module_type_flag == 'WDK') {
this.$router.push({
path: '/phoneDocumentDetails',
query: {
id: item.id
}
})
} else if (item.module_type_flag == 'WDK') {
this.$router.push({
path: '/phoneDocumentDetails',
query: {
id: item.id
}
})
}
},
onLoad() { onLoad() {
if (this.finished) { if (this.finished) {
this.list = [] this.list = []
@@ -173,34 +267,90 @@
}, },
getList() { getList() {
let url = '' let url = ''
if (this.activeTab == 'whole') {
url = this.url.wholeUrl
} else if (this.activeTab == 'documentLibrary') {
url = this.url.documentLibraryUrl
} else if (this.activeTab == 'problemKnowledgeBase') {
url = this.url.problemKnowledgeBaseUrl
} else if (this.activeTab == 'monthlyReportRegulations') {
url = this.url.monthlyReportRegulationsUrl
}
let params = { let params = {
pageNo: this.pageNo, pageNo: this.pageNo,
pageSize: 10 pageSize: 10,
mapOne: {},
mapTwo: {}
} }
if (this.activeTab == 'whole') {
url = this.url.wholeUrl
postAction(url, params).then(res => {
if (res.success) {
if (res.result.records.length > 0 && this.pageNo > 1) {
this.list = this.list.concat(res.result.records)
} else if (res.result.records.length > 0 && this.pageNo == 1) {
this.list = res.result.records
} else if (res.result.records.length == 0) {
this.finished = true
}
this.loading = false
} else {
this.list = []
this.loading = false
this.finished = true
}
})
} else if (this.activeTab == 'documentLibrary') {
url = this.url.documentLibraryUrl
this.getDocumentLibrary(url, params)
} else if (this.activeTab == 'problemKnowledgeBase') {
url = this.url.problemKnowledgeBaseUrl
this.getProblemKnowledgeBase(url, params)
} else if (this.activeTab == 'monthlyReportRegulations') {
url = this.url.monthlyReportRegulationsUrl
this.getMonthlyReportRegulations(url, params)
}
},
getDocumentLibrary(url, params) {
postAction(url, params).then(res => { postAction(url, params).then(res => {
if (res.success) { if (res.success) {
if (this.pageNo == 1) {
this.list = []
}
if (res.result.records.length > 0 && this.pageNo > 1) { if (res.result.records.length > 0 && this.pageNo > 1) {
this.list = this.list.concat(res.result.records) this.documentLibraryList = this.documentLibraryList.concat(res.result.records)
} else if (res.result.records.length > 0 && this.pageNo == 1) { } else if (res.result.records.length > 0 && this.pageNo == 1) {
this.list = res.result.records this.documentLibraryList = res.result.records
} else if (res.result.records.length == 0) { } else if (res.result.records.length == 0) {
this.finished = true this.finished = true
} }
this.loading = false this.loading = false
} else { } else {
this.list = [] this.documentLibraryList = []
this.loading = false
this.finished = true
}
})
},
getProblemKnowledgeBase(url, params) {
postAction(url, params).then(res => {
if (res.success) {
if (res.result.records.length > 0 && this.pageNo > 1) {
this.problemKnowledgeBaseList = this.problemKnowledgeBaseList.concat(res.result.records)
} else if (res.result.records.length > 0 && this.pageNo == 1) {
this.problemKnowledgeBaseList = res.result.records
} else if (res.result.records.length == 0) {
this.finished = true
}
this.loading = false
} else {
this.problemKnowledgeBaseList = []
this.loading = false
this.finished = true
}
})
},
getMonthlyReportRegulations(url, params) {
postAction(url, params).then(res => {
if (res.success) {
if (res.result.records.length > 0 && this.pageNo > 1) {
this.monthlyReportRegulationsList = this.monthlyReportRegulationsList.concat(res.result.records)
} else if (res.result.records.length > 0 && this.pageNo == 1) {
this.monthlyReportRegulationsList = res.result.records
} else if (res.result.records.length == 0) {
this.finished = true
}
this.loading = false
} else {
this.monthlyReportRegulationsList = []
this.loading = false this.loading = false
this.finished = true this.finished = true
} }
@@ -329,7 +479,7 @@
font-family: PingFang SC-Semibold, PingFang SC; font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #040B29; color: #040B29;
font-size: 0.4rem; font-size: 0.42rem;
} }
.content-box-type { .content-box-type {
@@ -344,10 +494,20 @@
.content-box-left { .content-box-left {
display: inline-block; display: inline-block;
flex: none; flex: none;
font-weight: 500;
} }
.content-box-text { .content-box-text {
margin-left: 0.3rem; margin-left: 0.3rem;
word-break: break-all;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
/*! autoprefixer: on;*/
text-justify: inter-ideograph;
} }
.search-top { .search-top {
@@ -379,4 +539,36 @@
::v-deep .van-tabs__wrap--scrollable .van-tab { ::v-deep .van-tabs__wrap--scrollable .van-tab {
padding: 0 0.1rem; padding: 0 0.1rem;
} }
.content-box-left-problemKnow {
display: inline-block;
font-weight: 500;
width: 1.4rem;
flex: none;
word-break: break-all;
}
.content-box-left-En {
width: 1.1rem;
}
.content-box-left-problemKnow-En {
width: 2.3rem;
}
.content-box-left-En-WDK {
width: 1.5rem;
}
.content-box-left-monthly {
display: inline-block;
font-weight: 500;
width: 1.4rem;
word-break: break-all;
flex: none;
}
.content-box-left-monthly-En {
width: 2.11rem;
}
</style> </style>