| | |
| | | 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">
|
| | | {{ authorization || "--" }}
|
| | | <div class="desc" >
|
| | | {{ authorization || "-" }}
|
| | | </div>
|
| | | </div>
|
| | | <div class="bar">
|
| | |
| | | <style lang="scss">
|
| | | .v-sys-info {
|
| | | width: 100%;
|
| | | background-color: #F2F2F7;
|
| | | .el-dialog__header {
|
| | | padding: 15px 20px 10px;
|
| | | text-align: left;
|
| | |
| | | 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)
|
| | |
| | | }
|
| | | .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;
|
| | |
| | | align-items: center;
|
| | | }
|
| | | .name {
|
| | | font-size: 15px;
|
| | | font-size: 16px;
|
| | | font-weight: 700;
|
| | | text-align: left;
|
| | | min-width: 180px;
|
| | | }
|
| | | .desc {
|
| | | font-size: 15px;
|
| | | font-size: 16px;
|
| | | font-weight: 700;
|
| | | margin-left: 20px;
|
| | | max-width: 600px;
|
| | | /* overflow: hidden; */
|
| | |
| | | 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 {
|