top service

src/layout/search/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="content">
+    <div class="search flex flex-center">
+      <div class="icon flex flex-center main-bg-color">
+        <el-icon size="30px"><Search /></el-icon>
+      </div>
+      <el-input placeholder="搜索"></el-input>
+      <el-button type="primary" class="ml-20">搜 索</el-button>
+    </div>
+    <div class="mt-20 padding">
+      <span class="bold font-16">文档（393030）</span>
+      <div class="flex mt-20">
+        <div class="full-width mt-10 list">
+          <div v-for="i in 20" :key="i">
+            <div class="padding border-bottom">
+              (初设批复)云县火车站站前广场及综合配套工程.pdf
+            </div>
+          </div>
+        </div>
+        <div>
+          <div class="full-height full-width preview">dd</div>
+          <div class="flex flex-center flex-justify-between padding">
+            <div>
+              <el-button type="primary" icon="ArrowLeftBold" circle />
+              <el-button type="primary" icon="ArrowRightBold" circle />
+            </div>
+            <el-button type="primary">查看</el-button>
+          </div>
+          <div class="full-width flex flex-justify-start flex-col">
+            <span class="lines-1"
+              >名称：(初设批复)云县火车站站前广场及综合配套工程。pdf</span
+            >
+            <span class="lines-1"
+              >所属项目：(初设批复)云县火车站站前广场及综合配套工程</span
+            >
+            <span class="lines-1">所属文件夹：谋划阶段-文件</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  .search {
+    .icon {
+      width: 80px;
+      height: 50px;
+      border-radius: 4px;
+      color: #343434;
+    }
+  }
+}
+.list {
+  height: 560px;
+  overflow-y: scroll;
+  overflow: hidden;
+}
+.preview {
+  width: 360px;
+  height: 460px;
+  border: #eeeeee solid 1px;
+  padding: 10px;
+  margin: 10px;
+  border-radius: 8px;
+}
+.tips {
+  width: 260px;
+}
+</style>

src/layout/top.vue

@@ -1,38 +1,48 @@
 <template>
   <div>
-    <el-row class='flex flex-align-center flex-justify-between top'>
-      <el-col :span='12'>
-        <div class='flex flex-justify-start flex-align-center padding'>
-          <img class="ml-10" src="../assets/svg/top.svg"/>
-          <el-breadcrumb class='ml-10' separator="/">
-            <el-breadcrumb-item v-for='item in nav.menus' :key='item.id'>
+    <el-row class="flex flex-align-center flex-justify-between top">
+      <el-col :span="12">
+        <div class="flex flex-justify-start flex-align-center padding">
+          <img class="ml-10" src="../assets/svg/top.svg" />
+          <el-breadcrumb class="ml-10" separator="/">
+            <el-breadcrumb-item v-for="item in nav.menus" :key="item.id">
               <a :href="item.fullPath">{{ item.name }}</a>
             </el-breadcrumb-item>
           </el-breadcrumb>
         </div>
       </el-col>
-      <el-col :span='12'>
-        <div class='flex-child-average flex-justify-end flex padding-right'>
-          <div class="padding flex flex-align-center pointer" @click="show = true">
+      <el-col :span="12">
+        <div class="flex-child-average flex-justify-end flex padding-right">
+          <div
+            class="padding flex flex-align-center pointer"
+            @click="show = true"
+          >
             <el-icon class="mr-5">
-              <Search/>
+              <Search />
             </el-icon>
             <span>搜索</span>
           </div>
-          <div class='padding flex flex-align-center pointer'>
-            <el-avatar class='mr-10' :size="30"
-                       :src="user.info.avatarUrl && user.info.avatarUrl.length > 0 ?  user.info.avatarUrl : 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'"/>
-            <el-dropdown @command='dropDown'>
-                <span class="flex flex-center">
-                  {{ user.info.userName }} / {{ user.info.deptName }}
-                  <el-icon class="el-icon--right">
-                    <arrow-down/>
-                  </el-icon>
-                </span>
+          <div class="padding flex flex-align-center pointer">
+            <el-avatar
+              class="mr-10"
+              :size="30"
+              :src="
+                user.info.avatarUrl && user.info.avatarUrl.length > 0
+                  ? user.info.avatarUrl
+                  : 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+              "
+            />
+            <el-dropdown @command="dropDown">
+              <span class="flex flex-center">
+                {{ user.info.userName }} / {{ user.info.deptName }}
+                <el-icon class="el-icon--right">
+                  <arrow-down />
+                </el-icon>
+              </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item command='info'>个人中心</el-dropdown-item>
-                  <el-dropdown-item command='logout'>退出登录</el-dropdown-item>
+                  <el-dropdown-item command="info">个人中心</el-dropdown-item>
+                  <el-dropdown-item command="logout">退出登录</el-dropdown-item>
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
@@ -40,68 +50,13 @@
         </div>
       </el-col>
     </el-row>
-    <el-dialog v-model='show' append-to-body width='35%' @close='close'>
-      <div class="flex flex-col">
-        <div class="flex flex-center">
-          <div class="mr-5">
-            <el-dropdown @command='dropDown'>
-              <div class="flex flex-center">
-                <el-icon size="25px">
-                  <Search/>
-                </el-icon>
-                <span style='width: 40px' class='text-center'> {{filterTypeName}}</span>
-                <el-icon size="20px">
-                  <CaretBottom/>
-                </el-icon>
-              </div>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item command='全部'>全部</el-dropdown-item>
-                  <el-dropdown-item command='项目'>项目</el-dropdown-item>
-                  <el-dropdown-item command='文档'>文档</el-dropdown-item>
-                  <el-dropdown-item command='图片'>图片</el-dropdown-item>
-                </el-dropdown-menu>
-              </template>
-            </el-dropdown>
-          </div>
-          <div class="full-width flex flex-center">
-            <el-input
-                clearable
-                v-model='params.keyword'
-                class='append'
-                placeholder="输入关键字搜索"
-                @keydown="searchTotal"
-            >
-            </el-input>
-            <el-button type='primary' class='ml-20' @click='searchTotal(1)'>搜 索</el-button>
-          </div>
-        </div>
-<!--        结果展示-->
-        <div  v-if="isAll === 1" class="flex flex-justify-center flex-align-start mt-15">
-          <div  v-for="(item,index) in type" :key='item.key' class="flex flex-center tab" @click="change(index,item.key)">
-            <el-badge :value='item.count' :hidden='item.count === 0'>
-              <div :class="active === index ? 'tab-active' : ''" class="pointer">{{item.value }}
-              </div>
-            </el-badge>
-          </div>
-        </div>
-        <el-empty v-if="data && data.length === 0" description='暂无数据'/>
-        <div v-else style='min-height: 300px'>
-          <div  class="mt-10 border-bottom padding flex flex-center flex-justify-between" v-for="sub in data" :key='sub.id'>
-            <span v-if='params.searchType === "project" '>{{ sub.projectName }}</span>
-            <span v-else>{{ sub.title }}</span>
-            <el-button text type='primary' @click='detail(sub)'>详情</el-button>
-          </div>
-        </div>
-        <div class="full-width mt-10 flex flex-justify-end">
-          <el-pagination small layout="prev, pager, next" :total="total"/>
-        </div>
-      </div>
+    <el-dialog v-model="show" append-to-body width="1200px" @close="close">
+      <search />
     </el-dialog>
     <el-image-viewer
-        v-if='showImage'
-        :url-list="imgList"
-        @close='showImage = false'
+      v-if="showImage"
+      :url-list="imgList"
+      @close="showImage = false"
     />
   </div>
 </template>
@@ -110,20 +65,23 @@
 import navStore from '../store/nav.js'
 import { useStore } from '../store/user.js'
 import permissionStore from '@/store/permission.js'
+import search from './search/index.vue'
 
 export default {
   name: 'top',
-  setup () {
+  components: { search },
+  setup() {
     const nav = navStore()
     const user = useStore()
     const permission = permissionStore()
     return { nav, user, permission }
   },
-  data () {
+  data() {
     return {
       showImage: false,
       imgList: [],
-      show: false,
+      // FIXME 测你
+      show: true,
       keywords: '',
       active: 0,
       type: [
@@ -148,7 +106,6 @@ export default {
         searchType: 'project',
         pages: 1,
         size: 10
-
       },
       data: [],
       total: '',
@@ -157,10 +114,9 @@ export default {
       resultCount: 0
     }
   },
-  created () {
-  },
+  created() {},
   methods: {
-    dropDown (res) {
+    dropDown(res) {
       if (res === 'info') {
         this.$router.push('/user')
       } else if (res === 'logout') {
@@ -201,7 +157,7 @@ export default {
         this.searchTotal()
       }
     },
-    change (index, key) {
+    change(index, key) {
       this.active = index
       this.params.searchType = key
       if (this.params.searchType === 'all') {
@@ -223,7 +179,7 @@ export default {
         })
       }
     },
-    searchTotal (res) {
+    searchTotal(res) {
       if (res.key === 'Enter' || res === 1) {
         this.getTotal()
         this.$api.project.totalSearch(this.params).then(res => {
@@ -234,7 +190,7 @@ export default {
         })
       }
     },
-    getTotal () {
+    getTotal() {
       this.resultCount = 0
       this.$api.project.total({ keyword: this.params.keyword }).then(res => {
         if (res.code === 200) {
@@ -247,20 +203,31 @@ export default {
         }
       })
     },
-    detail (res) {
+    detail(res) {
       if (this.params.searchType === 'project') {
         this.$api.project.projectInfo(res.projectId).then(res => {
           if (res.code === 200) {
             console.log(res)
             this.$router.push({
               path: '/home/details',
-              query: { id: res.data.id, type: '0', ownerId: res.data.createUser }
+              query: {
+                id: res.data.id,
+                type: '0',
+                ownerId: res.data.createUser
+              }
             })
           }
         })
         this.show = false
       } else if (this.params.searchType === 'file') {
-        const routeData = this.$router.resolve({ path: '/home/file_detail', query: { id: res.fileId.replace('fileid-', ''), search: true, keywords: this.params.keyword } })
+        const routeData = this.$router.resolve({
+          path: '/home/file_detail',
+          query: {
+            id: res.fileId.replace('fileid-', ''),
+            search: true,
+            keywords: this.params.keyword
+          }
+        })
         window.open(routeData.href, '_blank')
       } else if (this.params.searchType === 'picture') {
         this.imgList = [res.url]
@@ -270,14 +237,14 @@ export default {
     /**
      * 高级搜索框关闭
      */
-    close () {
+    close() {
       this.params.keyword = ''
     }
   }
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .top {
   height: 60px;
   z-index: 1;
@@ -300,7 +267,7 @@ export default {
 .tab {
   width: 238px;
   height: 38px;
-  background-color: #EDF0F3;
+  background-color: #edf0f3;
   padding: 2px 10px;
   color: #707070;
   font-size: 13px;
@@ -311,7 +278,7 @@ export default {
   flex-wrap: nowrap;
   color: white;
   font-size: 15px;
-  background-color: #AB7630;
+  background-color: #ab7630;
   font-weight: 500;
   padding: 4px 10px;
   border-radius: 20px;

src/page/login.vue

@@ -1,102 +1,172 @@
 <template>
-  <div class='full-screen flex flex-center bg'>
-    <div class='login white-bg radius' v-loading='loading'>
-      <div class='flex flex-center flex-child-average'>
-        <div class='flex left '>
+  <div class="full-screen flex flex-center bg">
+    <div class="login white-bg radius" v-loading="loading">
+      <div class="flex flex-center flex-child-average">
+        <div class="flex left">
           <img
-              src="https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/373e3ccd35be4ba2a72376050027612e.png"
-              style="height: 560px;object-fit: contain;border-bottom-left-radius: 10px;border-top-left-radius: 10px"/>
+            src="https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/373e3ccd35be4ba2a72376050027612e.png"
+            style="
+              height: 560px;
+              object-fit: contain;
+              border-bottom-left-radius: 10px;
+              border-top-left-radius: 10px;
+            "
+          />
         </div>
 
-        <div class='right  flex flex-col flex-child-average'>
+        <div class="right flex flex-col flex-child-average">
           <div class="flex flex-col flex-justify-between" style="height: 560px">
-            <div class='flex flex-justify-end'
-                 style="margin-right: 3px;margin-top: 3px">
+            <div
+              class="flex flex-justify-end"
+              style="margin-right: 3px; margin-top: 3px"
+            >
               <div>
-                <img v-if="qrCodeLogin" src='../assets/img/com.png' style='width: 80px'
-                     @click='qrCodeLogin = !qrCodeLogin'/>
-                <img v-else src='../assets/img/code.png' style='width: 80px'
-                     @click='qrCodeLogin = !qrCodeLogin'/>
+                <img
+                  v-if="qrCodeLogin"
+                  src="../assets/img/com.png"
+                  style="width: 80px"
+                  @click="qrCodeLogin = !qrCodeLogin"
+                />
+                <img
+                  v-else
+                  src="../assets/img/code.png"
+                  style="width: 80px"
+                  @click="qrCodeLogin = !qrCodeLogin"
+                />
               </div>
             </div>
 
-            <div v-if='qrCodeLogin' class='flex flex-center flex-col' style="height: 500px;margin-top: -20px">
-              <span class='font-24 black bold '>欢迎来到梧桐树云平台👏</span>
-              <div class='flex flex-col flex-center' style='height: 360px;width: 360px;margin-top: -20px'>
-                <vue-qr :currentLevel='3' :logoCornerRadius='4' :logoScale='0.25' :logoSrc='logoSrc' :text='qrCodeText'
-                        size='260'/>
+            <div
+              v-if="qrCodeLogin"
+              class="flex flex-center flex-col"
+              style="height: 500px; margin-top: -20px"
+            >
+              <span class="font-24 black bold">欢迎来到梧桐树云平台👏</span>
+              <div
+                class="flex flex-col flex-center"
+                style="height: 360px; width: 360px; margin-top: -20px"
+              >
+                <vue-qr
+                  :currentLevel="3"
+                  :logoCornerRadius="4"
+                  :logoScale="0.25"
+                  :logoSrc="logoSrc"
+                  :text="qrCodeText"
+                  size="260"
+                />
               </div>
-              <span class='mt-10 bold main-color font-16'
-                    style="margin-top: -20px">打开微信扫描二维码登陆梧桐树云平台</span>
+              <span
+                class="mt-10 bold main-color font-16"
+                style="margin-top: -20px"
+                >打开微信扫描二维码登陆梧桐树云平台</span
+              >
             </div>
-            <div v-else class=' flex flex-col flex-center' style='height: 500px;'>
-              <span class='font-24 black bold'>欢迎来到梧桐树云平台👏</span>
-              <div class="flex flex-col flex-center mt-5" style="width: 450px;height: 400px">
-                <el-form ref='loginForm' :model="form" :rules="rules">
-                  <el-form-item prop='name'>
+            <div v-else class="flex flex-col flex-center" style="height: 500px">
+              <span class="font-24 black bold">欢迎来到梧桐树云平台👏</span>
+              <div
+                class="flex flex-col flex-center mt-5"
+                style="width: 450px; height: 400px"
+              >
+                <el-form ref="loginForm" :model="form" :rules="rules">
+                  <el-form-item prop="name">
                     <el-input
-                        v-model='form.name'
-                        placeholder="用户帐号"
-                        prefix-icon="Avatar"
-                        size='large'
+                      v-model="form.name"
+                      placeholder="用户帐号"
+                      prefix-icon="Avatar"
+                      size="large"
                     />
                   </el-form-item>
-                  <el-form-item prop='pass'>
+                  <el-form-item prop="pass">
                     <el-input
-                        v-model='form.pass'
-                        :type='flag ? "text" : "password"'
-                        placeholder="密码"
-                        prefix-icon="WalletFilled"
-                        size='large'>
+                      v-model="form.pass"
+                      :type="flag ? 'text' : 'password'"
+                      placeholder="密码"
+                      prefix-icon="WalletFilled"
+                      size="large"
+                    >
                       <template v-slot:suffix>
-                        <div class='pointer' @click='flag=!flag'>
-                          <el-icon v-if='!flag'>
-                            <Hide/>
+                        <div class="pointer" @click="flag = !flag">
+                          <el-icon v-if="!flag">
+                            <Hide />
                           </el-icon>
                           <el-icon v-else>
-                            <View/>
+                            <View />
                           </el-icon>
                         </div>
                       </template>
                     </el-input>
                   </el-form-item>
-                  <el-form-item prop='code'>
+                  <el-form-item prop="code">
                     <el-input
-                        v-model='form.code'
-                        class='append'
-                        placeholder="验证码"
-                        prefix-icon="Refresh"
-                        size='large'
+                      v-model="form.code"
+                      class="append"
+                      placeholder="验证码"
+                      prefix-icon="Refresh"
+                      size="large"
+                      @keyup.enter="submint"
                     >
                       <template v-slot:append>
-                        <img :src='code' class='pic' @click='init'
-                             style='height: 40px;background-color: red;background-blend-mode: lighten;'/>
+                        <img
+                          :src="code"
+                          class="pic"
+                          @click="init"
+                          style="
+                            height: 40px;
+                            background-color: red;
+                            background-blend-mode: lighten;
+                          "
+                          alt="code"
+                        />
                       </template>
                     </el-input>
                   </el-form-item>
                   <el-form-item>
-                    <div class='flex flex-align-center flex-justify-between full-width'>
+                    <div
+                      class="flex flex-align-center flex-justify-between full-width"
+                    >
                       <div></div>
-                      <el-link :underline='false' class='font-12' type='primary'>忘记密码?</el-link>
+                      <el-link :underline="false" class="font-12" type="primary"
+                        >忘记密码?</el-link
+                      >
                     </div>
                   </el-form-item>
                 </el-form>
-                <el-button size='large' style="width: 78%" type='primary' @click='submint'>登录</el-button>
-                <div class='flex flex-col mt-10 flex-center'>
-                  <span class='grey-6'>由梧桐研究院提供技术支持</span>
-                  <span class='grey-6 mt-5'>使用问题请咨询：13908866200</span>
-                  <el-button color='#558FF1'
-                             @click='download("https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/f1372710ca1f4245b1d2d54067b403c0.pdf")'
-                             style='width: 160px' plain class='mt-10 blockss'>
+                <el-button
+                  size="large"
+                  style="width: 78%"
+                  type="primary"
+                  @click="submint"
+                  >登录</el-button
+                >
+                <div class="flex flex-col mt-10 flex-center">
+                  <span class="grey-6">由梧桐研究院提供技术支持</span>
+                  <span class="grey-6 mt-5">使用问题请咨询：13908866200</span>
+                  <el-button
+                    color="#558FF1"
+                    @click="
+                      download(
+                        'https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/f1372710ca1f4245b1d2d54067b403c0.pdf'
+                      )
+                    "
+                    style="width: 160px"
+                    plain
+                    class="mt-10 blockss"
+                  >
                     点击下载用户指南
                   </el-button>
-                  <span class='grey-6 mt-5 font-12 mt-20'>为了获得最佳体验，您可以<span class='blue pointer'
-                                                                                       @click='download("https://www.google.cn/intl/zh-CN/chrome/")'>点击此处</span>获取Chrome 浏览器</span>
+                  <span class="grey-6 mt-5 font-12 mt-20"
+                    >为了获得最佳体验，您可以<span
+                      class="blue pointer"
+                      @click="
+                        download('https://www.google.cn/intl/zh-CN/chrome/')
+                      "
+                      >点击此处</span
+                    >获取Chrome 浏览器</span
+                  >
                 </div>
               </div>
             </div>
           </div>
-
         </div>
       </div>
     </div>
@@ -123,7 +193,7 @@ export default {
   components: { VueQr },
   watch: {
     qrCodeLogin: {
-      handler (val) {
+      handler(val) {
         if (val) {
           this.qrCode()
           this.checkLogin()
@@ -132,12 +202,12 @@ export default {
       immediate: true
     }
   },
-  setup () {
+  setup() {
     const user = useStore()
     const permission = permissionStore()
     return { user, permission }
   },
-  data () {
+  data() {
     return {
       flag: false,
       form: {
@@ -169,30 +239,32 @@ export default {
       loading: false
     }
   },
-  created () {
+  created() {
     this.permission.cleanPermission()
     // fixme prod 环境暂时开启账号登录功能
     // this.dev = window.location.href.indexOf('localhost') > -1 || window.location.href.indexOf('https://dev.wutongshucloud.com/') > -1 || window.location.href.indexOf('192.168.31') > -1
-    this.dev = window.location.href.indexOf('localhost') > -1 || window.location.href.indexOf('192.168.31') > -1
+    this.dev =
+      window.location.href.indexOf('localhost') > -1 ||
+      window.location.href.indexOf('192.168.31') > -1
     removeToken()
     this.init()
   },
-  unmounted () {
+  unmounted() {
     clearInterval(this.time)
   },
   methods: {
-    init () {
+    init() {
       const dev =
-          window.location.href.indexOf('dash.wutongshucloud.com') > -1 ||
-          window.location.href.indexOf('localhost') > -1
+        window.location.href.indexOf('dash.wutongshucloud.com') > -1 ||
+        window.location.href.indexOf('localhost') > -1
       sessionStorage.setItem('dev', dev)
       this.$api.login.captcha().then(res => {
         this.code = res.image
         this.header = res.key
       })
     },
-    submint () {
-      this.$refs.loginForm.validate((res) => {
+    submint() {
+      this.$refs.loginForm.validate(res => {
         if (res) {
           const params = {
             tenantId: '000000',
@@ -202,7 +274,10 @@ export default {
             scope: 'all',
             type: 'account'
           }
-          const header = { captchaKey: this.header, captchaCode: this.form.code }
+          const header = {
+            captchaKey: this.header,
+            captchaCode: this.form.code
+          }
           this.loading = true
           this.$api.login.login(params, header).then(res => {
             this.loading = false
@@ -220,21 +295,21 @@ export default {
         }
       })
     },
-    download (url) {
+    download(url) {
       window.open(
         url,
         '_blank' // <- This is what makes it open in a new window.
       )
     },
-    loginAdmin () {
+    loginAdmin() {
       this.form.name = '15587166921'
       this.form.pass = 'wtkj@123'
     },
-    loginOther () {
+    loginOther() {
       this.form.name = '15587160283'
       this.form.pass = 'wtkj@123'
     },
-    getInfo () {
+    getInfo() {
       this.$api.login.getUserInfo().then(res => {
         if (res.code === 200) {
           // 保存信息
@@ -248,7 +323,7 @@ export default {
         }
       })
     },
-    getPermission () {
+    getPermission() {
       this.$api.login.getPermission().then(res => {
         if (res.code === 200) {
           this.permission.addPermission(res.data)
@@ -256,7 +331,7 @@ export default {
         }
       })
     },
-    checkLogin () {
+    checkLogin() {
       let count = 0
       this.time = setInterval(() => {
         count = count + 1
@@ -274,15 +349,16 @@ export default {
         }
       }, 1000)
     },
-    qrCode () {
+    qrCode() {
       this.$api.login.qrCode().then(res => {
         if (res.code === 200) {
           this.sessionId = res.data
-          this.qrCodeText = 'https://dev.wutongresearch.club/login?id=' + this.sessionId
+          this.qrCodeText =
+            'https://dev.wutongresearch.club/login?id=' + this.sessionId
         }
       })
     },
-    codeLogin () {
+    codeLogin() {
       this.$api.login.qrCodeLogin({ sessionId: this.sessionId }).then(res => {
         if (res.code === 200) {
           const tmp = res.data
@@ -313,10 +389,10 @@ export default {
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 //noinspection ALL
 .bg {
-  background-image: url("https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/7667edec62f44063a50c66e8654eaa87.png");
+  background-image: url('https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/7667edec62f44063a50c66e8654eaa87.png');
 }
 
 .login {
@@ -345,8 +421,8 @@ export default {
   }
 
   .pic {
-    border-top: #DDDFE5 1px solid;
-    border-bottom: #DDDFE5 1px solid;
+    border-top: #dddfe5 1px solid;
+    border-bottom: #dddfe5 1px solid;
   }
 }
 </style>