后端没修改的情况下添加默认背景图

heyujie

2021-11-16 6a5962fe9544005dba620b00fb36c25fe2da4e76

 src/pages/vindicate/views/sysInfo.vue

@@ -4,10 +4,10 @@
      <div class="sys-right">

        <div class="auto">

          <div class="title-bg">

            <div class="title">SmartAIOS</div>

            <div class="title">Smart AIOS</div>

            <div class="desc">Copyright © 贝思科技术有限公司</div>

          </div>

          <div class="bar">

          <div class="bar" style="background-color: #F2F2F7;">

            <div class="name">版本：</div>

            <div class="desc">

              {{

@@ -25,24 +25,24 @@
                v-if="serializedNumber != ''"

                >导出产品密钥</el-button

              >

              <div class="desc" style="color: rgba(71, 153, 247, 1)">

              <div class="desc activation">

                {{ serializedNumber == "" ? "未激活" : "已激活" }}

              </div>

            </div>

          </div>

          <div class="bar">

            <div class="name">请求码：</div>

            <div class="desc" style="font-size: 12px">{{ q }}</div>

            <div class="name" style="min-width: 65px;">请求码：</div>

            <div class="desc code" style="font-size: 12px">{{ q }}</div>

          </div>

          <div class="bar">

            <div class="name">产品密钥：</div>

            <div class="desc" style="font-size: 12px">

              {{ authorization || "--" }}

            <div class="desc" >

              {{ authorization || "-" }}

            </div>

          </div>

          <div class="bar">

            <div class="name">到期时间：</div>

            <div class="desc">{{ expireTime }}</div>

            <div class="desc" style="font-size: 16px">{{ expireTime }}</div>

          </div>

        </div>

      </div>

@@ -185,8 +185,15 @@
};

</script>

<style lang="scss">

div{

  color: #333;

}



.v-sys-info {

  width: 100%;

  background-color: #FBFAFF;

  border-top: 4px solid #f2f2f7;

  border-left: 4px solid #f2f2f7;

  .el-dialog__header {

    padding: 15px 20px 10px;

    text-align: left;

@@ -255,7 +262,7 @@
    overflow: auto;

    box-sizing: border-box;

    position: relative;

    padding: 20px 40px;

    padding: 10px 15px 0 10px;

    .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

    .el-form-item.is-required:not(.is-no-asterisk)

@@ -289,28 +296,30 @@
    }

    .auto {

      .title-bg {

        background-color: #f8f8f8;

        height: 150px;

        border-radius: 12px;

        margin-bottom: 20px;

        background-color: #fff;

        height: 110px;

        border-radius: 8px;

        margin-bottom: 10px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        .title {

          font-size: 34px;

          font-weight: 600;

          line-height: 50px;

          font-size: 24px;

          font-weight: 700;

          line-height: 33.6px;

        }

        .desc {

          font-size: 16px;

          line-height: 30px;

          margin-top:10px ;

          font-size: 12px;

          line-height: 16.8px;

          font-weight: 700;

        }

      }

      .bar {

        display: flex;

        align-items: center;

        padding: 12px 25px;

        background-color: #f8f8f8;

        padding: 12px 40px;

        background-color: #fff;

        justify-content: space-between;

        border-radius: 12px;

        margin-bottom: 10px;

@@ -319,14 +328,16 @@
          align-items: center;

        }

        .name {

          font-size: 15px;

          font-size: 16px;

          font-weight: 700;

          text-align: left;

          min-width: 180px;

        }

        .desc {

          font-size: 15px;

          margin-left: 20px;

          max-width: 600px;

          font-size: 16px;

          font-weight: 700;

          margin-left: 30px;

          max-width: 568px;

          /* overflow: hidden; */

          /* text-overflow: ellipsis; */

          /* white-space: nowrap; */

@@ -334,6 +345,17 @@
          word-wrap: break-word;

          text-align: left;

        }

        .activation{

          width: 90px;

          height: 28px;

          background: rgba(78,148,255,0.1);

          border: 1px solid #4E94FF;

          border-radius:20px ;

          text-align: center;

          line-height: 28px;

          color: #333;

          font-size: 14px;

        }

        .el-input {

          width: 100%;

          .el-input {