update login

4 years ago · feb17c4411
--- a/src/assets/imgs/bg_login1.png
+++ b/src/assets/imgs/bg_login1.png
--- a/src/assets/imgs/bg_login_pic1.png
+++ b/src/assets/imgs/bg_login_pic1.png
--- a/src/assets/imgs/bg_login_pic2.png
+++ b/src/assets/imgs/bg_login_pic2.png
--- a/src/assets/imgs/bg_login_pic3.png
+++ b/src/assets/imgs/bg_login_pic3.png
--- a/src/components/Image/index.vue
+++ b/src/components/Image/index.vue
@ -0,0 +1,39 @@
 <template>
  <div>
    <img
      v-for="src in resource.split(',')"
      :key="src"
      :src="baseUrl + '/' + src"
      width="40px"
      height="30px"
      style="over-flow:hidden; margin-left:5px"
      @error="errorImgEvent"
    >
  </div>
 </template>

 <script>
 export default {
  name: 'GAASImage',
  props: {
    resource: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      baseUrl: process.env.VUE_APP_BASE_API,
      defaultImg: require('../../assets/imgs/error.png')
    }
  },
  methods: {
    errorImgEvent(event) {
      const img = event.target
      img.src = this.defaultImg
      img.onerror = null
    }
  }
 }
 </script>

--- a/src/icons/svg/login-eye-open.svg
+++ b/src/icons/svg/login-eye-open.svg
@ -1,18 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>隐藏密码</title>
    <title>密码</title>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#3DA3FF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="3.01536371%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#FFFFFF" offset="0%"></stop>
            <stop stop-color="#C7E0E7" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="管理软件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Apple-TV备份-34" transform="translate(-1816.000000, -558.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1329.000000, 272.000000)">
                <g id="隐藏密码" transform="translate(487.000000, 286.000000)">
                    <g id="yincang" transform="translate(2.000000, 6.000000)">
                        <path d="M12.0159257,3.52078277 L13.3742115,5.52356496 C13.6037778,5.86204534 13.5201599,6.32577954 13.1874452,6.55933527 C12.8547465,6.79287461 12.3989497,6.70780366 12.1693835,6.36932327 L10.6186107,4.08270349 C9.86327874,4.31966927 9.06074759,4.47167887 8.23190157,4.52825621 L8.23190157,7.25539561 C8.23190157,7.66663469 7.90421451,8 7.5,8 C7.09578549,8 6.76809843,7.66663469 6.76809843,7.25539561 L6.76809843,4.52825621 C5.93925241,4.47167887 5.13672126,4.31966927 4.3813893,4.08270349 L2.83061654,6.36932327 C2.60105029,6.70780366 2.14525346,6.79287461 1.81255482,6.55933527 C1.47984005,6.32577954 1.39622225,5.86204534 1.6257885,5.52356496 L2.98407432,3.52078277 C1.83546954,2.94750067 0.856968756,2.1547457 0.146531613,1.19158653 C-0.0960712221,0.862647728 -0.030662726,0.395913341 0.292641205,0.149078085 C0.61596125,-0.0977407775 1.07472313,-0.0311955924 1.31734208,0.297726814 C2.5599907,1.98247253 4.89929116,3.06391786 7.5,3.06391786 C10.1007088,3.06391786 12.4400093,1.98247253 13.6826579,0.297726814 C13.9252769,-0.0311955924 14.3840387,-0.0977407775 14.7073588,0.149078085 C15.0306627,0.395913341 15.0960712,0.862647728 14.8534684,1.19158653 C14.1430312,2.1547621 13.1645305,2.94750067 12.0159257,3.52078277 Z" id="路径"></path>
    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="广州项目登录页面" transform="translate(-1563.000000, -656.000000)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1101.000000, 370.000000)">
                <g id="密码" transform="translate(462.000000, 286.000000)">
                    <g id="kejian" transform="translate(1.000000, 5.000000)">
                        <path d="M10.1901489,0.25 C9.2187858,0 8.59564719,0 7.9908362,0 C7.3860252,0 6.7628866,0 5.79152348,0.25 C3.13402062,0.95 0,3.44 0,5 C0,6.51 2.96907216,9.07 5.80068729,9.74 C6.70790378,9.98 7.395189,10 8,10 C8.604811,10 9.28293242,9.98 10.1993127,9.74 C13.021764,9.07 16,6.51 16,5 C15.9908362,3.44 12.8476518,0.95 10.1901489,0.25 L10.1901489,0.25 Z M7.9908362,8.36 C6.1672394,8.36 4.69186712,6.88416667 4.69186712,5.06 C4.69186712,3.23583333 6.1672394,1.76 7.9908362,1.76 C9.81443299,1.76 11.2898053,3.23583333 11.2898053,5.06 C11.2898053,6.88416667 9.81443299,8.36 7.9908362,8.36 L7.9908362,8.36 Z" id="形状" fill="url(#linearGradient-1)"></path>
                        <path d="M5.5,5 C5.5,6.38071187 6.61928813,7.5 8,7.5 C9.38071187,7.5 10.5,6.38071187 10.5,5 C10.5,3.61928813 9.38071187,2.5 8,2.5 C6.61928813,2.5 5.5,3.61928813 5.5,5 Z" id="路径" fill="#E4F0F3"></path>
                    </g>
                </g>
            </g>
--- a/src/icons/svg/login-eye.svg
+++ b/src/icons/svg/login-eye.svg
@ -1,19 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>密码</title>
    <title>隐藏密码</title>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#3DA3FF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="2.55211578%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#FFFFFF" offset="4.39521416%"></stop>
            <stop stop-color="#C4DFE6" offset="97.8583916%"></stop>
        </linearGradient>
    </defs>
    <g id="管理软件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Apple-TV备份-34" transform="translate(-1791.000000, -558.000000)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1329.000000, 272.000000)">
                <g id="密码" transform="translate(462.000000, 286.000000)">
                    <g id="kejian" transform="translate(1.000000, 5.000000)">
                        <path d="M10.1901489,0.25 C9.2187858,0 8.59564719,0 7.9908362,0 C7.3860252,0 6.7628866,0 5.79152348,0.25 C3.13402062,0.95 0,3.44 0,5 C0,6.51 2.96907216,9.07 5.80068729,9.74 C6.70790378,9.98 7.395189,10 8,10 C8.604811,10 9.28293242,9.98 10.1993127,9.74 C13.021764,9.07 16,6.51 16,5 C15.9908362,3.44 12.8476518,0.95 10.1901489,0.25 L10.1901489,0.25 Z M7.9908362,8.36 C6.1672394,8.36 4.69186712,6.88416667 4.69186712,5.06 C4.69186712,3.23583333 6.1672394,1.76 7.9908362,1.76 C9.81443299,1.76 11.2898053,3.23583333 11.2898053,5.06 C11.2898053,6.88416667 9.81443299,8.36 7.9908362,8.36 L7.9908362,8.36 Z" id="形状" fill="url(#linearGradient-1)"></path>
                        <path d="M5.5,5 C5.5,6.38071187 6.61928813,7.5 8,7.5 C9.38071187,7.5 10.5,6.38071187 10.5,5 C10.5,3.61928813 9.38071187,2.5 8,2.5 C6.61928813,2.5 5.5,3.61928813 5.5,5 Z" id="路径" fill="#2974FF"></path>
    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="广州项目登录页面" transform="translate(-1588.000000, -656.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1101.000000, 370.000000)">
                <g id="隐藏密码" transform="translate(487.000000, 286.000000)">
                    <g id="yincang" transform="translate(2.000000, 6.000000)">
                        <path d="M12.0159257,3.52078277 L13.3742115,5.52356496 C13.6037778,5.86204534 13.5201599,6.32577954 13.1874452,6.55933527 C12.8547465,6.79287461 12.3989497,6.70780366 12.1693835,6.36932327 L10.6186107,4.08270349 C9.86327874,4.31966927 9.06074759,4.47167887 8.23190157,4.52825621 L8.23190157,7.25539561 C8.23190157,7.66663469 7.90421451,8 7.5,8 C7.09578549,8 6.76809843,7.66663469 6.76809843,7.25539561 L6.76809843,4.52825621 C5.93925241,4.47167887 5.13672126,4.31966927 4.3813893,4.08270349 L2.83061654,6.36932327 C2.60105029,6.70780366 2.14525346,6.79287461 1.81255482,6.55933527 C1.47984005,6.32577954 1.39622225,5.86204534 1.6257885,5.52356496 L2.98407432,3.52078277 C1.83546954,2.94750067 0.856968756,2.1547457 0.146531613,1.19158653 C-0.0960712221,0.862647728 -0.030662726,0.395913341 0.292641205,0.149078085 C0.61596125,-0.0977407775 1.07472313,-0.0311955924 1.31734208,0.297726814 C2.5599907,1.98247253 4.89929116,3.06391786 7.5,3.06391786 C10.1007088,3.06391786 12.4400093,1.98247253 13.6826579,0.297726814 C13.9252769,-0.0311955924 14.3840387,-0.0977407775 14.7073588,0.149078085 C15.0306627,0.395913341 15.0960712,0.862647728 14.8534684,1.19158653 C14.1430312,2.1547621 13.1645305,2.94750067 12.0159257,3.52078277 Z" id="路径"></path>
                    </g>
                </g>
            </g>
--- a/src/icons/svg/login-password.svg
+++ b/src/icons/svg/login-password.svg
@ -2,18 +2,18 @@
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>密码备份</title>
    <defs>
        <linearGradient x1="50%" y1="1.63898601%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#327AFF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="2.34738798%" x2="50%" y2="99.1321403%" id="linearGradient-1">
            <stop stop-color="#E7FAFF" offset="1.49147727%"></stop>
            <stop stop-color="#BCD3D9" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
            <stop stop-color="#3FA7FF" offset="0%"></stop>
            <stop stop-color="#327AFF" offset="100%"></stop>
        <linearGradient x1="50%" y1="0.942535247%" x2="50%" y2="99.7530501%" id="linearGradient-2">
            <stop stop-color="#FFFFFF" offset="0%"></stop>
            <stop stop-color="#E7FAFF" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="管理软件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Apple-TV备份-34" transform="translate(-1329.000000, -558.000000)">
            <g id="编组-2" transform="translate(1329.000000, 272.000000)">
    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="广州项目登录页面" transform="translate(-1101.000000, -656.000000)">
            <g id="编组-2" transform="translate(1101.000000, 370.000000)">
                <g id="密码备份" transform="translate(0.000000, 286.000000)">
                    <path d="M15,7 C15.5522847,7 16,7.44771525 16,8 L16,15 C16,15.5522847 15.5522847,16 15,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,8 C2,7.44771525 2.44771525,7 3,7 L15,7 Z M9,9 C8.44771525,9 8,9.44771525 8,10 L8,10 L8,13 C8,13.5522847 8.44771525,14 9,14 C9.55228475,14 10,13.5522847 10,13 L10,13 L10,10 C10,9.44771525 9.55228475,9 9,9 Z" id="形状结合" fill="url(#linearGradient-1)"></path>
                    <path d="M5,9 L5,9 L5,6.11764706 C5,3.84353338 6.790861,2 9,2 C11.209139,2 13,3.84353338 13,6.11764706 L13,9 L13,9" id="路径" stroke="url(#linearGradient-2)" stroke-width="2"></path>
--- a/src/icons/svg/login-project.svg
+++ b/src/icons/svg/login-project.svg
@ -2,14 +2,14 @@
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>项目</title>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#3FA7FF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="1.26619415%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#FFFFFF" offset="0%"></stop>
            <stop stop-color="#BCD3D9" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="管理软件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Apple-TV备份-34" transform="translate(-1329.000000, -402.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1329.000000, 272.000000)">
    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="广州项目登录页面" transform="translate(-1101.000000, -500.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
            <g id="编组-2" transform="translate(1101.000000, 370.000000)">
                <g id="项目" transform="translate(0.000000, 130.000000)">
                    <g id="xiangmu" transform="translate(2.000000, 2.000000)">
                        <path d="M5.45624428,0.00756189609 C5.45624428,0.00756189609 5.96289554,-0.113428441 6.35262727,0.612513583 C6.78133218,1.25779538 7.01517122,1.66109651 7.01517122,1.66109651 C7.01517122,1.66109651 7.21003709,1.82241696 7.52182247,1.82241696 L7.52182247,1.82241696 L13.0170399,1.82241696 C13.0170399,1.82241696 13.0194758,1.82221531 13.0241038,1.82196829 L13.0762304,1.82119193 C13.2874163,1.82453429 13.9913693,1.90509369 13.9913693,2.83066977 L13.9913693,2.83066977 L13.9913693,11.9049451 C13.9913693,11.9049451 14.147262,12.9938581 13.1339594,12.9938581 L13.1339594,12.9938581 L0.974329336,12.9938581 C0.974329336,12.9938581 -1.77635684e-15,13.1551786 -1.77635684e-15,11.8242849 L-1.77635684e-15,11.8242849 L0.000130457659,1.16943146 C0.00273961083,1.06839932 0.0575318274,0.00756189609 1.20816838,0.00756189609 L1.20816838,0.00756189609 Z M11.25,8.5 L5.75,8.5 C5.33578644,8.5 5,8.83578644 5,9.25 C5,9.66421356 5.33578644,10 5.75,10 L5.75,10 L11.25,10 C11.6642136,10 12,9.66421356 12,9.25 C12,8.83578644 11.6642136,8.5 11.25,8.5 L11.25,8.5 Z M11.25,5 L5.75,5 C5.33578644,5 5,5.33578644 5,5.75 C5,6.16421356 5.33578644,6.5 5.75,6.5 L5.75,6.5 L11.25,6.5 C11.6642136,6.5 12,6.16421356 12,5.75 C12,5.33578644 11.6642136,5 11.25,5 L11.25,5 Z" id="形状结合"></path>
--- a/src/icons/svg/login-user.svg
+++ b/src/icons/svg/login-user.svg
@ -3,18 +3,18 @@
    <title>用户</title>
    <defs>
        <polygon id="path-1" points="0 0 14 0 14 6 0 6"></polygon>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
            <stop stop-color="#1F6EFF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="4.0162886%" x2="50%" y2="97.8369047%" id="linearGradient-3">
            <stop stop-color="#D4ECF3" offset="0.551791958%"></stop>
            <stop stop-color="#BCD3D9" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
            <stop stop-color="#3FA7FF" offset="0%"></stop>
            <stop stop-color="#1467FF" offset="100%"></stop>
        <linearGradient x1="50%" y1="2.2469184%" x2="50%" y2="99.222182%" id="linearGradient-4">
            <stop stop-color="#FFFFFF" offset="0%"></stop>
            <stop stop-color="#D4ECF3" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="管理软件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Apple-TV备份-34" transform="translate(-1329.000000, -480.000000)">
            <g id="编组-2" transform="translate(1329.000000, 272.000000)">
    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="广州项目登录页面" transform="translate(-1101.000000, -578.000000)">
            <g id="编组-2" transform="translate(1101.000000, 370.000000)">
                <g id="用户" transform="translate(0.000000, 208.000000)">
                    <g id="编组" transform="translate(2.000000, 10.000000)">
                        <mask id="mask-2" fill="white">
--- a/src/views/equip/basic/assettype.vue
+++ b/src/views/equip/basic/assettype.vue
@ -20,15 +20,9 @@
        <template slot-scope="scope">
          <div v-if="item === 'pm_assettype-bitmap'" style="height:30px; over-flow:hidden">
            <viewer :images="scope.row['pm_assettype-bitmap'].split(',')">
              <!-- :images一定要一个数组，否则报错 -->
              <img
                v-for="src in scope.row['pm_assettype-bitmap'].split(',')"
                :key="src"
                :src="baseUrl + '/' + src"
                width="40px"
                height="30px"
                style="over-flow:hidden; margin-left:5px"
              >
              <GAASImage
                :resource="scope.row['pm_assettype-bitmap']"
              />
            </viewer>
          </div>
          <span v-else-if="item === 'pm_assettype-lastmodif'"> {{ parseTime(scope.row[item]) }} </span>
@ -119,10 +113,12 @@
 </template>

 <script>
 import GAASImage from '@/components/Image'
 import { getAssettypelist, getAssettype, updateAssettype, addAssettype, delAssettype } from '@/api/equip/assettype'
 import { getWorkshopList } from '@/common/workshop'
 export default {
  name: 'AssetType',
  components: { GAASImage },
  data() {
    return {
      // 数据列表
--- a/src/views/equip/basic/attribute.vue
+++ b/src/views/equip/basic/attribute.vue
@ -18,9 +18,30 @@
    <el-table v-loading="loading" :data="dataList" border>
      <el-table-column v-for="(item, index) in headers" :key="index" align="center" :label="getColumnName(item)" show-overflow-tooltip width="140px">
        <template slot-scope="scope">
          <span v-if="item === 'pm_attribute-lastmodif'"> {{ parseTime(scope.row[item]) }} </span>
          <span v-else-if="item === 'pm_attribute-credatuz'"> {{ parseTime(scope.row[item]) }} </span>
          <span v-else>{{ scope.row[item] }}</span>
          <div v-if="item === 'pm_attribute-valpicture'" style="height:30px; over-flow:hidden">
            <viewer :images="scope.row['pm_attribute-valpicture'].split(',')">
              <GAASImage
                :resource="scope.row['pm_attribute-valpicture']"
              />
            </viewer>
          </div>
          <div v-else-if="item === 'pm_attribute-picture1'" style="height:30px; over-flow:hidden">
            <viewer :images="scope.row['pm_attribute-picture1'].split(',')">
              <GAASImage
                :resource="scope.row['pm_attribute-picture1']"
              />
            </viewer>
          </div>
          <div v-else-if="item === 'pm_attribute-picture2'" style="height:30px; over-flow:hidden">
            <viewer :images="scope.row['pm_attribute-picture2'].split(',')">
              <GAASImage
                :resource="scope.row['pm_attribute-picture2']"
              />
            </viewer>
          </div>
          <div v-else-if="item === 'pm_attribute-lastmodif'"> {{ parseTime(scope.row[item]) }} </div>
          <div v-else-if="item === 'pm_attribute-credatuz'"> {{ parseTime(scope.row[item]) }} </div>
          <div v-else>{{ scope.row[item] }}</div>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="130" fixed="right">
@ -204,9 +225,11 @@
 </template>

 <script>
 import GAASImage from '@/components/Image'
 import { getAttributelist, getAttribute, updateAttribute, addAttribute, delAttribute } from '@/api/equip/attribute'
 export default {
  name: 'Attribute',
  components: { GAASImage },
  data() {
    return {
      // 数据列表
--- a/src/views/equip/workbench/order.vue
+++ b/src/views/equip/workbench/order.vue
@ -152,15 +152,9 @@
        >
          <template v-slot="{ row }">
            <viewer :images="(row.bitmap+'').split(',')">
              <img
                v-for="src in (row.bitmap+'').split(',')"
                :key="src"
                :src="baseUrl + '/' + src"
                width="40px"
                height="30px"
                style="over-flow:hidden; margin-left:5px"
                @error="errorImgEvent"
              >
              <GAASImage
                :resource="row.bitmap"
              />
            </viewer>
          </template>
        </vxe-table-column>
@ -266,10 +260,12 @@
  </div>
 </template>
 <script>
 import GAASImage from '@/components/Image'
 import { getAllAsset } from '@/api/equip/asset'
 import { getTableList, getDetail, updateValst, updateStatus, uploadValst } from '@/api/equip/maintainWorkOrder'
 export default {
  name: 'MaintainWorkOrder',
  components: { GAASImage },
  data() {
    return {
      // 遮罩层
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@ -1,11 +1,6 @@
 <template>
  <div class="login-container">
    <div class="img">
      <img src="../../assets/imgs/bg_login_pic1.png">
      <img src="../../assets/imgs/bg_login_pic2.png">
      <img src="../../assets/imgs/bg_login_pic3.png">
    </div>
    <el-form ref="loginForm" style="margin-left: 68%; width:32%; height:calc(100vh); border: 1px solid #979797;" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left">
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left">
      <div class="title-container">
        <h3 class="title">APS管理平台</h3>
      </div>
@ -55,11 +50,11 @@
            @keyup.enter.native="handleLogin"
          />
          <span class="show-pwd" @click="showPwd">
            <svg-icon :icon-class="passwordType === 'password' ? 'login-eye' : 'login-eye-open'" />
            <svg-icon :icon-class="passwordType === 'password' ? 'login-eye' : 'login-eye-open'" style="font-color:#ffffff" />
          </span>
        </el-form-item>
      </el-tooltip>
      <el-button :loading="loading" type="primary" style="width:100%; height: 8%; background: #1467FF; border-radius: 36px; margin-top: 4%" @click.native.prevent="handleLogin">
      <el-button :loading="loading" type="primary" class="login-button" @click.native.prevent="handleLogin">
        <span v-if="!loading">登 录</span>
        <span v-else>登 录 中...</span>
      </el-button>
@ -208,7 +203,6 @@ $cursor: #fff;
    display: inline-block;
    height: 47px;
    width: 85%;

    input {
      background: transparent;
      border: 0px;
@ -216,14 +210,14 @@ $cursor: #fff;
      border-radius: 0px;
      padding: 12px 5px 12px 15px;
      // color: $light_gray;
      color: #1467FF;
      color: #FFFFFF;
      height: 47px;
      // caret-color: $cursor;
      caret-color: #1467FF;
      caret-color: #FFFFFF;

      &:-webkit-autofill {
        box-shadow: 0 0 0px 1000px $cursor inset !important;
        -webkit-text-fill-color:  #1467FF !important;
        -webkit-text-fill-color:  #FFFFFF !important;
      }
    }
  }
@ -232,10 +226,8 @@ $cursor: #fff;
  }

  .el-form-item {
    border-bottom: 1px solid #1467FF;
    // background: rgba(0, 0, 0, 0.1);
    // border-radius: 5px;
    color: #1467FF;
    border-bottom: 1px solid rgba(231,250,255, 0.32);
    color: #FFFFFF;
  }
 }
 </style>
@ -248,29 +240,24 @@ $light_gray:#eee;
 .login-container {
  min-height: 100%;
  width: 100%;
  // background-color: $bg;
  background-color: #ffffff;
  overflow: hidden;
  background-image: url('../../assets/imgs/bg_login1.png');
  background-size: 68% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  .img {
    float: left;
    width: 68%;
    height: 100%;
    padding: 32% 3% 0 4%;
    img {
      margin-left: 1%;
      width: 30%;
    }
  }
  .login-form {
    position: relative;
    width: 400px;
    max-width: 100%;
    padding: 100px 35px 0;
    padding: 0 5%;
    margin: 0 auto;
    overflow: hidden;
    margin-right: 6%;
    width:40%;
    height:calc(60vh);
    margin-top:calc(20vh);
    background:#004C63;
    opacity: 0.73;
  }
  .tips {
    font-size: 16px;
@ -288,14 +275,22 @@ $light_gray:#eee;
    position: relative;
    .title {
      font-size: 26px;
      // color: $light_gray;
      color: #1467FF;
      color: #FFFFFF;
      margin: 10% auto 9% auto;
      text-align: center;
      font-weight: 700;
    }
  }

 .login-button {
  width:100%;
  height: 12%;
  color:#369bb9;
  font-weight: 550;
  background: #FFFFFF;
  border-radius: 36px;
  margin-top: 4%;
  border:0;
 }
  .show-pwd {
    position: absolute;
    right: 10px;
@ -312,7 +307,7 @@ $light_gray:#eee;
    bottom: 6px;
  }
 /deep/ .el-select .el-input .el-select__caret {
  color: #1467FF;
  color: #FFFFFF;
 }
  @media only screen and (max-width: 470px) {
    .thirdparty-button {