修改UAT提出的优化点

jero-web/src/App.vue

@@ -216,4 +216,7 @@
     height: 32px !important;
     line-height: 32px !important;
   }
+  .van-dialog .van-goods-action-button--danger{
+     background: #00B3BE!important;
+  }
 </style>

jero-web/src/config/router.config.js

@@ -716,6 +716,12 @@ export const phoneConstantRouterMap = [
     name: 'phonePreHomoMangement',
     component: () => import('@/views/phoneView/preHomoMangement')
   },
+  //法规月报详情页
+  {
+    path: '/phoneProblemKnowledgeBaseFile',
+    name: 'phoneProblemKnowledgeBaseFile',
+    component: () => import('@/views/phoneView/problemKnowledgeBaseFile')
+  },
   /*  手机端结束  */
   {
     path: '/404',

jero-web/src/permission.js

@@ -11,34 +11,7 @@ import { getAction } from '@/api/manage'
 import { welcome } from '@/utils/util'
 
 let isPhone = localStorage.getItem('isPhone')
-console.log(isPhone)
 
-// 判断当前设备
-function isMobile() {
-  var userAgentInfo = navigator.userAgent
-
-  var mobileAgents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
-
-  var mobile_flag = false
-
-  //根据userAgent判断是否是手机
-  for (var v = 0; v < mobileAgents.length; v++) {
-    if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
-      mobile_flag = true
-      break
-    }
-  }
-  var screen_width = window.screen.width
-  var screen_height = window.screen.height
-
-  //根据屏幕分辨率判断是否是手机
-  if (screen_width < 500 && screen_height < 800) {
-    mobile_flag = true
-  }
-  return mobile_flag
-}
-
-let mobile = isMobile()
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 // TODO   线上部署在conmponetns/tools/UserMenu.vue的退出登录时需解开代码以及注释代码
 
@@ -49,6 +22,7 @@ const whiteList = ['/user/login', '/user/register', '/user/register-result', '/u
 // const whiteList = []
 
 
+
 // no redirect whitelist
 
 router.beforeEach((to, from, next) => {

jero-web/src/utils/kkfileView.js

@@ -10,11 +10,12 @@ export function kkFileView(fileName, fileId) {
   let fileSuffix = fileName.substring(index1, index2)
   if (fileSuffix == '.docx' || fileSuffix == '.doc' || fileSuffix == '.pdf' || fileSuffix == '.xlsx' || fileSuffix == '.xls') {
     let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(downLoadFileUrl + '/' + fileId + fileSuffix)
-    window.open(url,'_self')
+    return url
   } else if (fileSuffix == '.png' || fileSuffix == '.jpeg' || fileSuffix == '.gif' || fileSuffix == '.jpg') {
     let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(downLoadImgUrl + '/' + fileId + fileSuffix)
-    window.open(url,'_self')
+    return url
   } else {
     Toast('当前格式不支持预览')
+    return ''
   }
 }

jero-web/src/views/phoneView/handlingPage.vue

@@ -68,7 +68,7 @@
               activeTab: this.$route.query.activeTab,
               searchFlowType: this.$route.query.searchFlowType,
               checked: this.$route.query.checked,
-              selectModel: this.$route.query.selectModel
+              selectModel: this.$route.query.selectModel,
             }
           })
         } else {
@@ -82,6 +82,7 @@
             taskDefinitionKey: this.$route.query.taskDefinitionKey,
             projectName: this.$route.query.projectName,
             id: item.id,
+            TaskKeyName:this.$route.query.TaskKeyName,
             isDisplay: this.isDisplay
           }
         })

jero-web/src/views/phoneView/preHomoMangement.vue

@@ -93,7 +93,7 @@
           {{queryForm.deliveryResult}}
         </div>
       </van-collapse-item>
-      <van-collapse-item :title="$t('taskHandling')" v-if="!isDisplay" name="4">
+      <van-collapse-item :title="$route.query.TaskKeyName" v-if="!isDisplay" name="4">
         <van-form @submit="onSubmit" ref="form">
           <div class="resultofhandlingClass"
                v-if="$route.query.taskDefinitionKey == 'Task Review' ||

jero-web/src/views/phoneView/problemKnowledgeBaseFile.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="box">
+    <iframe :src="url" frameborder="0" marginwidth="0"
+            id="iframeEle"
+            width="100%" height="100%"></iframe>
+  </div>
+</template>
+
+<script>
+  import { kkFileView } from '@/utils/kkfileView'
+
+  export default {
+    name: 'phoneProblemKnowledgeBaseFile',
+    data() {
+      return {
+        url: ''
+      }
+    },
+    mounted() {
+
+      document.title = 'NIO GRP'
+      // this.url = 'http://10.0.3.22:8012/onlinePreview?url=aHR0cDovL2xvY2FsaG9zdDo4MDEyL2RlbW8vR0JUXzQxNjMwXzIwMjJfQ04ucGRm'
+      this.url = kkFileView(this.$route.query.fileName,this.$route.query.fileId)
+    },
+    methods: {}
+  }
+</script>
+
+<style scoped>
+  html {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  body {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: scroll;
+  }
+
+  .box {
+    width: 100%;
+    height: 100%;
+  }
+
+  #iframeEle {
+    width: 100%;
+    height: 100%;
+  }
+</style>

jero-web/src/views/phoneView/processManagement.vue

@@ -104,7 +104,7 @@
           </van-step>
         </van-steps>
       </van-collapse-item>
-      <van-collapse-item :title="$t('taskHandling')" name="4" v-if="!queryData.isDisplay">
+      <van-collapse-item :title="$route.query.TaskKeyName" name="4" v-if="!queryData.isDisplay">
         <van-form @submit="onSubmit" ref="form">
           <div class="resultofhandlingClass" style="margin-bottom: 0.1rem">
             <span>{{$t('resultofhandling')}}</span>

jero-web/src/views/phoneView/recentBrowsing.vue

@@ -38,6 +38,7 @@
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import { mapGetters } from 'vuex'
   import { kkFileView } from '@/utils/kkfileView'
+  import { Dialog } from 'vant'
 
   export default {
     name: 'phoneRecentBrowsing',
@@ -72,6 +73,10 @@
           }
         })
       },
+      isBrowser() {
+        const userAgent = window.navigator.userAgent.toLowerCase()
+        return userAgent.includes('lark') || userAgent.includes('feishu')
+      },
       recentBrowsingClick(item) {
         if (item.browseType == 'Document Library') {
           this.$router.push({
@@ -81,7 +86,25 @@
             }
           })
         } else if (item.browseType == 'Regulatory Monthly Report') {
-          kkFileView(item.title, item.fileId)
+          if (!this.isBrowser()) {
+            Dialog.alert({
+              message: '未授权用户 <br> Unauthorized User',
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+            return
+          }
+          let url = kkFileView(item.title, item.fileId)
+          if (url) {
+            this.$router.push({
+              path: '/phoneProblemKnowledgeBaseFile',
+              query: {
+                fileName: item.title,
+                fileId: item.fileId
+              }
+            })
+          }
         } else if (item.browseType == 'Knowledge sharing') {
           this.$router.push({
             path: '/phoneProblemKnowledgeBase',

jero-web/src/views/phoneView/search.vue

@@ -10,7 +10,7 @@
                     :placeholder="$t('phoneSearch')"/>
       </form>
     </div>
-    <div class="content-box-value">
+    <div class="content-box-value" @click="documentDetailsClick">
       <div class="left-img">
         <img src="~@/assets/wendang.png" alt="">
       </div>
@@ -21,11 +21,11 @@
           '已存储'+documentLibraryTotal+'个文档'}}
         </div>
       </div>
-      <div class="text-right" @click="documentDetailsClick">
+      <div class="text-right">
         {{$t('goToCheck')}}
       </div>
     </div>
-    <div class="content-box-value">
+    <div class="content-box-value" @click="phoneProblemKnowledgeBaseClick">
       <div class="left-img">
         <img src="~@/assets/icon_wiki.png" alt="">
       </div>
@@ -36,11 +36,11 @@
           '已存储'+problemKnowledgeBaseTotal+'个知识分享'}}
         </div>
       </div>
-      <div class="text-right" @click="phoneProblemKnowledgeBaseClick">
+      <div class="text-right">
         {{$t('goToCheck')}}
       </div>
     </div>
-    <div class="content-box-value">
+    <div class="content-box-value" @click="processManagementClick">
       <div class="left-img">
         <img src="~@/assets/yuebao.png" alt="">
       </div>
@@ -51,7 +51,7 @@
           '已存储'+monthlyReportRegulationsTotal+'个法规月报'}}
         </div>
       </div>
-      <div class="text-right" @click="processManagementClick">
+      <div class="text-right">
         {{$t('goToCheck')}}
       </div>
     </div>

jero-web/src/views/phoneView/searchList.vue

@@ -2,7 +2,7 @@
   <div class="box">
     <div class="fixed">
       <div class="header-search">
-<!--        <van-icon @click="iconClick" class="icon" name="arrow-left"/>-->
+        <!--        <van-icon @click="iconClick" class="icon" name="arrow-left"/>-->
         <!--        <van-dropdown-menu v-if="activeTab == 'documentLibrary'">-->
         <!--          <van-dropdown-item @change="selectModelChange" v-model="selectModel" :options="option"/>-->
         <!--        </van-dropdown-menu>-->
@@ -200,6 +200,7 @@
   import { getAction, postAction, downloadFile } from '@/api/manage'
   import { Base64 } from 'js-base64'
   import { kkFileView } from '@/utils/kkfileView'
+  import { Dialog } from 'vant'
 
   export default {
     name: 'phoneSearchList',
@@ -343,6 +344,10 @@
         postAction('/phone/recentBrowse/add', query).then((res) => {
         })
       },
+      isBrowser() {
+        const userAgent = window.navigator.userAgent.toLowerCase()
+        return userAgent.includes('lark') || userAgent.includes('feishu')
+      },
       dataClick(item) {
         if (item.module_type_flag == 'WDK') {
           this.recentBrowseAdd('Document Library', item.id.slice(0, 32))
@@ -368,8 +373,26 @@
             }
           })
         } else if (item.module_type_flag == 'FGYB') {
+          if (!this.isBrowser()) {
+            Dialog.alert({
+              message: '未授权用户 <br> Unauthorized User',
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+            return
+          }
           this.recentBrowseAdd('Regulatory Monthly Report', item.id)
-          kkFileView(item.file_name, item.file_id)
+          let url = kkFileView(item.file_name, item.file_id)
+          if (url) {
+            this.$router.push({
+              path: '/phoneProblemKnowledgeBaseFile',
+              query: {
+                fileName: item.file_name,
+                fileId: item.file_id
+              }
+            })
+          }
         }
       },
       onLoad() {

jero-web/src/views/phoneView/taskData.vue

@@ -8,9 +8,9 @@
     </div>
     <div class="content-box">
       <div class="regulatory" v-if="activeTab == 'regulatoryCertification'">
-<!--        <div class="content-box-text">-->
+        <!--        <div class="content-box-text">-->
-<!--          {{$t('regulatoryCertificationProcessData')}}-->
+        <!--          {{$t('regulatoryCertificationProcessData')}}-->
-<!--        </div>-->
+        <!--        </div>-->
         <div class="regulatory-box">
           <div class="content-box-data" @click="regulationListIssuanceClick">
             <div class="content-box-data-text">
@@ -64,9 +64,9 @@
       </div>
 
       <div class="parameter" v-else-if="activeTab == 'parametercollection'">
-<!--        <div class="content-box-text">-->
+        <!--        <div class="content-box-text">-->
-<!--          {{$t('authenticationParameterCollectionData')}}-->
+        <!--          {{$t('authenticationParameterCollectionData')}}-->
-<!--        </div>-->
+        <!--        </div>-->
         <van-list
           v-model="loading"
           :finished="finished"
@@ -170,6 +170,9 @@
     },
     mounted() {
       document.title = 'NIO GRP'
+      if (this.$route.query.activeTab) {
+        this.activeTab = this.$route.query.activeTab
+      }
       this.getProcessDataCount()
     },
     methods: {

jero-web/src/views/phoneView/toDoCenter.vue

@@ -7,7 +7,7 @@
           <van-search v-model="phoneQueryValue"
                       @search="onSearch"
                       @clear="onClear"
-                      :placeholder="$t('phoneSearch')" />
+                      :placeholder="$t('phoneSearch')"/>
         </form>
       </div>
       <div class="content">
@@ -18,7 +18,7 @@
         </van-tabs>
       </div>
       <div class="search-right">
-        <van-icon @click="searchIconClick" class="search-right-icon" name="filter-o" />
+        <van-icon @click="searchIconClick" class="search-right-icon" name="filter-o"/>
       </div>
     </div>
 
@@ -225,7 +225,7 @@
                   {{ $t('onlyMobilePhoneAreDisplayed') }}
                 </div>
               </div>
-              <van-switch v-model="form.checked" />
+              <van-switch v-model="form.checked"/>
             </template>
           </van-field>
         </van-form>
@@ -239,10 +239,10 @@
 </template>
 
 <script>
-import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
-import { Toast } from 'vant'
+  import { Toast } from 'vant'
 
-export default {
+  export default {
     name: 'phoneToDoCenter',
     data() {
       return {
@@ -310,6 +310,9 @@ export default {
         this.form.checked = JSON.parse(this.$route.query.checked)
         this.form.selectModel = this.$route.query.selectModel
       }
+      if (this.$route.query.id) {
+        this.form.id = this.$route.query.id
+      }
       this.form = { ...this.form }
       // this.isNew('2023-06-01')
       // this.toDoProcessPageNo = 1
@@ -450,6 +453,7 @@ export default {
         //   selectModel: '0',
         //   flowType:[],
         // }
+        this.form.id = ''
         if (this.form.checked) {
           this.form.mobileProcessing = '1'
         } else {
@@ -495,6 +499,7 @@ export default {
             projectTaskInventoryId: row.projectLawsInventoryId,
             projectLibraryId: row.projectLibraryId,
             TaskKey: row.taskDefinitionKey,
+            TaskKeyName: row.taskDefinitionKeyName,
             isDisplay: isTrue,
             flowType: 2,
             Sponsor: 'regulationOwnerName',
@@ -521,6 +526,7 @@ export default {
             projectTaskInventoryId: row.projectLawsInventoryId,
             projectLibraryId: row.projectLibraryId,
             TaskKey: row.taskDefinitionKey,
+            TaskKeyName: row.taskDefinitionKeyName,
             isDisplay: isTrue,
             flowType: 4,
             Sponsor: 'regulationOwnerName',
@@ -549,6 +555,7 @@ export default {
               query: {
                 projectLibraryId: row.projectLibraryId,
                 taskDefinitionKey: row.taskDefinitionKey,
+                TaskKeyName: row.taskDefinitionKeyName,
                 isDisplay: isTrue,
                 projectName: row.projectName,
                 goRouter: '/phoneToDoCenter',
@@ -745,35 +752,35 @@ export default {
         }
       }
     }
-}
+  }
 </script>
 
 <style scoped>
-::v-deep .van-tabbar-item--active {
+  ::v-deep .van-tabbar-item--active {
     color: #00B3BE;
-}
+  }
 
-.box {
+  .box {
     padding-top: 3rem;
     overflow: hidden;
-}
+  }
 
-.header-search {
+  .header-search {
     padding: 0 0.4rem;
     display: flex;
     align-items: center;
     width: 100%;
-}
+  }
 
-.icon {
+  .icon {
     font-size: 0.66rem;
-}
+  }
 
-::v-deep .van-search {
+  ::v-deep .van-search {
     padding: 0;
-}
+  }
 
-::v-deep .van-search__action {
+  ::v-deep .van-search__action {
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 500;
@@ -781,111 +788,111 @@ export default {
     padding: 0 0 0 0.3rem;
     height: 1.1rem;
     line-height: 1.1rem;
-}
+  }
 
-.header-search .van-search {
+  .header-search .van-search {
     width: 100%;
     height: 1.1rem;
-}
+  }
 
-::v-deep .header-search .van-search .van-search__content {
+  ::v-deep .header-search .van-search .van-search__content {
     height: 1.1rem;
     background: #F5F6F7;
     border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
     opacity: 1;
-}
+  }
 
-::v-deep .van-search__content .van-cell {
+  ::v-deep .van-search__content .van-cell {
     line-height: 0.9rem;
-}
+  }
 
-::v-deep .van-field__body {
+  ::v-deep .van-field__body {
     font-size: 0.4rem;
-}
+  }
 
-::v-deep .van-field__left-icon .van-icon {
+  ::v-deep .van-field__left-icon .van-icon {
     font-size: 0.46rem !important;
     font-weight: 600 !important;
-}
+  }
 
-.content {
+  .content {
     margin-top: 0.38rem;
     position: relative;
     background: #fff;
     display: flex;
     overflow: hidden;
-}
+  }
 
-::v-deep .van-tabs__line {
+  ::v-deep .van-tabs__line {
     background-color: #00B3BE;
-}
+  }
 
-::v-deep .van-tab {
+  ::v-deep .van-tab {
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 400;
     color: #868A9A;
     flex: none;
     margin-right: 0.2rem;
-}
+  }
 
-::v-deep .van-tab--active {
+  ::v-deep .van-tab--active {
     font-size: 0.38rem;
     font-family: PingFang SC-Medium, PingFang SC;
     font-weight: 600;
     color: #040B29;
-}
+  }
 
-::v-deep .van-tabs {
+  ::v-deep .van-tabs {
     padding: 0 0.4rem;
     width: calc(100% - 1rem);
     display: inline-block;
-}
+  }
 
-.search-right {
+  .search-right {
     position: absolute;
     /*margin-right: 0.4rem;*/
     top: 1.55rem;
     right: 0.4rem;
-}
+  }
 
-.search-right-icon {
+  .search-right-icon {
     font-size: 0.48rem;
-}
+  }
 
-.content-box {
+  .content-box {
     padding: 0.4rem 0.4rem;
     box-sizing: border-box;
     background: #F7F7F8;
     margin-bottom: 1.4rem;
-}
+  }
 
-.content-box-content {
+  .content-box-content {
     padding: 0.3rem 0.28rem;
     background: #fff;
     border-radius: 0.2rem;
     position: relative;
     margin-bottom: 0.4rem;
-}
+  }
 
-.content-box-title {
+  .content-box-title {
     font-family: PingFang SC-Semibold, PingFang SC;
     font-weight: 600;
     color: #040B29;
     font-size: 0.4rem;
     word-break: break-all;
-}
+  }
 
-.content-box-title-to {
+  .content-box-title-to {
     font-family: PingFang SC-Semibold, PingFang SC;
     font-weight: 600;
     color: #040B29;
     font-size: 0.4rem;
     width: calc(100% - 0.7rem);
     word-break: break-all;
-}
+  }
 
-.content-box-type {
+  .content-box-type {
     font-size: 0.34rem;
     font-family: PingFang SC-Medium, PingFang SC;
     font-weight: 500;
@@ -893,30 +900,30 @@ export default {
     display: flex;
     margin-top: 0.08rem;
     word-break: break-all;
-}
+  }
 
-.content-box-left {
+  .content-box-left {
     width: 1.46rem;
     display: inline-block;
     word-break: break-all;
-}
+  }
 
-.content-box-left-one {
+  .content-box-left-one {
     width: 1.66rem;
-}
+  }
 
-.content-box-text {
+  .content-box-text {
     margin-left: 0.3rem;
     word-break: break-all;
-}
+  }
 
-.content-box-text-color {
+  .content-box-text-color {
     margin-left: 0.3rem;
     color: #00B3BE;
     word-break: break-all;
-}
+  }
 
-.content-box-right {
+  .content-box-right {
     display: inline-block;
     font-size: 0.32rem;
     border-radius: 0.14rem;
@@ -924,13 +931,13 @@ export default {
     position: absolute;
     right: 0.28rem;
     top: 0.3rem;
-}
+  }
 
-.content-box-right img {
+  .content-box-right img {
     width: 0.4rem;
-}
+  }
 
-.fixed {
+  .fixed {
     position: fixed;
     top: 0;
     left: 0;
@@ -938,102 +945,102 @@ export default {
     z-index: 1000;
     background: #fff;
     padding-top: 0.4rem;
-}
+  }
 
-.popup-box {
+  .popup-box {
     width: 100%;
     height: 100vh;
-}
+  }
 
-::v-deep .van-form .van-cell__title {
+  ::v-deep .van-form .van-cell__title {
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 500;
     color: #595E72;
     width: 100%;
-}
+  }
 
-::v-deep .van-form .van-radio__icon .van-icon {
+  ::v-deep .van-form .van-radio__icon .van-icon {
     width: 0.45rem;
     height: 0.45rem;
     line-height: 0.45rem;
-}
+  }
 
-::v-deep .van-form .van-radio__icon--checked .van-icon {
+  ::v-deep .van-form .van-radio__icon--checked .van-icon {
     background-color: #00BEBE;
     border-color: #00BEBE;
-}
+  }
 
-::v-deep .van-form .van-radio__icon {
+  ::v-deep .van-form .van-radio__icon {
     height: 0.45rem;
-}
+  }
 
-::v-deep .van-form .van-radio__label {
+  ::v-deep .van-form .van-radio__label {
     font-size: 0.38rem;
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 500;
     color: #040B29;
-}
+  }
 
-.textarea {
+  .textarea {
     display: block;
-}
+  }
 
-::v-deep .van-form .textarea .van-field__control {
+  ::v-deep .van-form .textarea .van-field__control {
     margin-top: 0.1rem;
-}
+  }
 
-.uploader {
+  .uploader {
     display: block;
-}
+  }
 
-.uploader-button {
+  .uploader-button {
     margin-top: 0.2rem;
-}
+  }
 
-.uploader-button .van-button--primary {
+  .uploader-button .van-button--primary {
     background-color: #fff;
     border: 0.03rem solid #00BEBE;
     color: #01A0AC;
     font-size: 0.38rem;
     font-family: PingFang SC-Medium, PingFang SC;
     font-weight: 500;
-}
+  }
 
-.uploader-button .van-button {
+  .uploader-button .van-button {
     height: 0.9rem;
     border-radius: 0.12rem;
-}
+  }
 
-.uploader-button .van-button .van-icon {
+  .uploader-button .van-button .van-icon {
     font-size: 0.42rem;
     font-weight: 500;
-}
+  }
 
-.formClass {
+  .formClass {
     padding-top: 1.1rem;
-}
+  }
 
-::v-deep .van-checkbox {
+  ::v-deep .van-checkbox {
     margin-bottom: 0.2rem;
-}
+  }
 
-::v-deep .van-form .van-field__body {
+  ::v-deep .van-form .van-field__body {
     margin-top: 0.2rem;
-}
+  }
 
-::v-deep .van-checkbox__icon .van-icon {
+  ::v-deep .van-checkbox__icon .van-icon {
     height: 0.45rem;
     width: 0.45rem;
     line-height: 0.45rem;
-}
+  }
 
-::v-deep .van-checkbox__icon--checked .van-icon {
+  ::v-deep .van-checkbox__icon--checked .van-icon {
     background-color: #00BEBE;
     border-color: #00BEBE;
-}
+  }
 
-.time-text {
+  .time-text {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1044,9 +1051,9 @@ export default {
     color: #040B29;
     font-weight: 500;
     border-radius: 0.16rem;
-}
+  }
 
-.Mode-text {
+  .Mode-text {
     display: flex;
     align-items: center;
     font-size: 0.32rem;
@@ -1054,109 +1061,109 @@ export default {
     color: #040B29;
     width: calc(100% - 1.3rem);
     margin-right: 0.2rem;
-}
+  }
 
-::v-deep .van-switch {
+  ::v-deep .van-switch {
     background-color: #BBBDC7;
     height: 0.6rem;
     width: 1.17rem;
-}
+  }
 
-::v-deep .van-switch__node {
+  ::v-deep .van-switch__node {
     width: 0.6rem;
     height: 0.6rem;
-}
+  }
 
-::v-deep .van-switch--on {
+  ::v-deep .van-switch--on {
     background-color: #00B3BE;
-}
+  }
 
-::v-deep .van-switch--on .van-switch__node {
+  ::v-deep .van-switch--on .van-switch__node {
     transform: translateX(0.56rem)
-}
+  }
 
-.button {
+  .button {
     position: absolute;
     bottom: 0.2rem;
     left: 0;
     text-align: right;
     width: 100%;
     padding: 0 0.4rem;
-}
+  }
 
-.reset {
+  .reset {
     background-color: rgba(187, 189, 199, 1);
     border: none;
     height: 0.8rem;
     font-size: 0.38rem;
-}
+  }
 
-.primary {
+  .primary {
     background-color: #01A0AC;
     border: none;
     height: 0.8rem;
     font-size: 0.38rem;
     margin-left: 0.2rem;
-}
+  }
 
-.cutoffTimeClass {
+  .cutoffTimeClass {
     width: 100%;
-}
+  }
 
-::v-deep .cutoffTimeClass .van-dropdown-menu__item {
+  ::v-deep .cutoffTimeClass .van-dropdown-menu__item {
     justify-content: left;
-}
+  }
 
-::v-deep .cutoffTimeClass .van-dropdown-menu__title--active {
+  ::v-deep .cutoffTimeClass .van-dropdown-menu__title--active {
     color: #21c9cc;
-}
+  }
 
-::v-deep .cutoffTimeClass .van-dropdown-item__option--active {
+  ::v-deep .cutoffTimeClass .van-dropdown-item__option--active {
     color: #21c9cc;
-}
+  }
 
-::v-deep .cutoffTimeClass .van-dropdown-item__option--active .van-dropdown-item__icon {
+  ::v-deep .cutoffTimeClass .van-dropdown-item__option--active .van-dropdown-item__icon {
     color: #21c9cc;
-}
+  }
 
-::v-deep .cutoffTimeClass .van-dropdown-menu__bar {
+  ::v-deep .cutoffTimeClass .van-dropdown-menu__bar {
     box-shadow: none;
-}
+  }
 
-.checkboxGroup {
+  .checkboxGroup {
     width: 100%;
-}
+  }
 
-.checkboxGroup-text {
+  .checkboxGroup-text {
     padding: 0.2rem 0.32rem;
     background: #F7F7F8;
     border-radius: 0.16rem;
     margin-bottom: 0.16rem;
-}
+  }
 
-.checkboxGroup-text-color {
+  .checkboxGroup-text-color {
     background: #00B3BE;
     color: #fff;
-}
+  }
 
-::v-deep .van-tabbar {
+  ::v-deep .van-tabbar {
     height: 74px !important;
     align-items: baseline;
-}
+  }
 
-::v-deep .van-tabbar-item {
+  ::v-deep .van-tabbar-item {
     margin-top: 8px !important;
-}
+  }
 
-.yellow {
+  .yellow {
-  color: #fdd835;
+    color: #FDA71C;
-}
+  }
 
-.red {
+  .red {
     color: red;
-}
+  }
 
-.green {
+  .green {
     color: #00B3BE
-}
+  }
 </style>