对接手机端

This commit is contained in:
范强强
2023-06-06 17:53:29 +08:00
parent 271dd96bfb
commit 6f9e74d231
11 changed files with 725 additions and 187 deletions
+129 -45
View File
@@ -1,7 +1,7 @@
<template>
<div class="box">
<div class="content">
<van-tabs v-model="activeTab" :ellipsis="false">
<van-tabs v-model="activeTab" @change="activeChange" :ellipsis="false">
<van-tab name="regulatoryCertification" :title="$t('regulatoryCertificationProcess')"></van-tab>
<van-tab name="parametercollection" :title="$t('authenticationParameterCollection')"></van-tab>
</van-tabs>
@@ -12,7 +12,7 @@
{{$t('regulatoryCertificationProcessData')}}
</div>
<div class="regulatory-box">
<div class="content-box-data">
<div class="content-box-data" @click="regulationListIssuanceClick">
<div class="content-box-data-text">
{{$t('regulationListIssuance')}}
</div>
@@ -20,7 +20,7 @@
24
</div>
</div>
<div class="content-box-data">
<div class="content-box-data" @click="processClick(2)">
<div class="content-box-data-text">
{{$t('designTheComplianceProcess')}}
</div>
@@ -28,7 +28,7 @@
24
</div>
</div>
<div class="content-box-data">
<div class="content-box-data" @click="processClick(4)">
<div class="content-box-data-text">
{{$t('verifyComplianceProcess')}}
</div>
@@ -36,7 +36,7 @@
24
</div>
</div>
<div class="content-box-data">
<div class="content-box-data" @click="processClick(21)">
<div class="content-box-data-text">
{{$t('thePreHomeProcess')}}
</div>
@@ -44,7 +44,7 @@
24
</div>
</div>
<div class="content-box-data">
<div class="content-box-data" @click="regulationListIssuanceClick">
<div class="content-box-data-text">
{{$t('technicalAssessmentOfRegulations')}}
</div>
@@ -52,7 +52,7 @@
24
</div>
</div>
<div class="content-box-data">
<div class="content-box-data" @click="regulationListIssuanceClick">
<div class="content-box-data-text">
{{$t('legalOpinionCollection')}}
</div>
@@ -67,63 +67,71 @@
<div class="content-box-text">
{{$t('authenticationParameterCollectionData')}}
</div>
<div class="parame-box" v-for="item in 4">
<div class="parame-box-top">
<van-list
v-model="loading"
:finished="finished"
:finished-text="$t('noMore')"
:loading-text="$t('loading')"
@load="onLoad"
>
<div class="parame-box" @click="parameClick" v-for="(item,index) in dataSource" :key="index">
<div class="parame-box-top">
<span class="parame-box-top-text-left"
:class="{'parame-box-top-text-left-one':language == 'en-us'? true : false}">
{{$t('phoneRelatedItems')}}:</span>
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
Orion-G1.1-英国-00撒旦发射点
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
{{item.projectName}}
</span>
</div>
<div class="parame-box-top">
</div>
<div class="parame-box-top">
<span class="parame-box-top-text-left"
:class="{'parame-box-top-text-left-one':language == 'en-us'? true : false}">
{{$t('listHeading')}}:
</span>
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
认证参数收集模板
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
{{item.title}}
</span>
</div>
<div class="parame-box-top">
</div>
<div class="parame-box-top">
<span class="parame-box-top-text-left"
:class="{'parame-box-top-text-left-one':language == 'en-us'? true : false}">
{{$t('phoneVersionNumber')}}:
</span>
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
03
<span class="parame-box-top-text-right"
:class="{'parame-box-top-text-right-one':language == 'en-us'? true : false}">
{{item.version}}
</span>
</div>
<div class="parame-box-bottom">
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
待填写
</div>
<div class="parame-box-bottom-box-text-num">
15
</div>
</div>
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
待分配填写人
<div class="parame-box-bottom">
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
{{$t('completednum')}}
</div>
<div class="parame-box-bottom-box-text-num">
{{item.waitFillNum || '--'}}
</div>
</div>
<div class="parame-box-bottom-box-text-num">
15
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
{{$t('filledBy')}}
</div>
<div class="parame-box-bottom-box-text-num">
{{item.waitSdtNum || '--'}}
</div>
</div>
</div>
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
参数待发起
</div>
<div class="parame-box-bottom-box-text-num">
15
<div class="parame-box-bottom-box">
<div class="parame-box-bottom-box-text-top">
{{$t('parameterToBeInitiated')}}
</div>
<div class="parame-box-bottom-box-text-num">
{{item.waitCollectNum || '--'}}
</div>
</div>
</div>
</div>
</div>
</van-list>
</div>
</div>
@@ -137,13 +145,21 @@
</template>
<script>
import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
import { Toast } from 'vant'
export default {
name: 'phoneTaskData',
data() {
return {
active: 'taskData',
activeTab: 'regulatoryCertification',
language: localStorage.getItem('language')
language: localStorage.getItem('language'),
pageNo: 0,
pageSize: 10,
loading: false,
finished: false,
dataSource: []
}
},
mounted() {
@@ -164,6 +180,74 @@
path: '/phoneHome'
})
}
},
regulationListIssuanceClick() {
Toast(this.$t('pleaseProcessThePC'))
},
parameClick() {
Toast(this.$t('pleaseProcessThePC'))
},
processClick(num) {
this.$router.push({
path: '/phoneToDoCenter',
query: {
flowType: num
}
})
},
getToDoProcess() {
let query = {
pageNo: this.toDoProcessPageNo,
pageSize: this.toDoProcessPageSize
}
getAction('/todoCenter/projectProcess/todoTaskList', query).then((res) => {
if (res.success) {
this.toDoProcessList = res.result.records
} else {
this.toDoProcessList = []
}
})
},
activeChange() {
if (this.activeTab == 'regulatoryCertification') {
} else if (this.activeTab == 'parametercollection') {
this.loading = true
this.dataSource = []
this.finished = false
this.pageNo = 1
this.getList()
}
},
onLoad() {
if (this.finished) {
this.dataSource = []
this.finished = false
} else {
this.pageNo++
this.getList()
}
},
getList() {
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize
}
getAction('todoCenter/params/manifest/page', query).then((res) => {
if (res.success) {
if (res.result.records.length > 0 && this.pageNo > 1) {
this.dataSource = this.dataSource.concat(res.result.records)
} else if (res.result.records.length > 0 && this.pageNo == 1) {
this.dataSource = res.result.records
} else if (res.result.records.length == 0) {
this.finished = true
}
this.loading = false
} else {
this.dataSource = []
}
})
}
}
}