| | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <el-dialog title="再次确认" :visible.sync="dialogVisible">
|
|---|
| | | <el-dialog
|
|---|
| | | title="再次确认"
|
|---|
| | | :visible.sync="dialogVisible"
|
|---|
| | | custom-class="my-confirm"
|
|---|
| | | >
|
|---|
| | | <div class="ver">
|
|---|
| | | <span class="icon iconfont" style="color: orangered"></span>
|
|---|
| | | 产品密钥导出后，系统大部分功能将无法使用，请确认是否继续？
|
|---|
| | | <span
|
|---|
| | | class="iconfont"
|
|---|
| | | style="color: orangered; font-size: 40px; margin-bottom: 10px"
|
|---|
| | | ></span
|
|---|
| | | >
|
|---|
| | | <span class="ver-text">
|
|---|
| | | 产品密钥导出后，系统大部分功能将无法使用，请确认是否继续？
|
|---|
| | | </span>
|
|---|
| | | </div>
|
|---|
| | | <div class="info">
|
|---|
| | | 如需继续，请输入管理员密码，并导入你想要激活的设备请求码，然后点击“确认”。
|
|---|
| | | <span style="color: #8f949a; font-size: 14px"
|
|---|
| | | >设备请求码获取方式：如系统已激活，在激活页面导出即可；如设备未激活，在SmartAI激活页面扫码获取。</span
|
|---|
| | | >
|
|---|
| | | <span class="info-cont">
|
|---|
| | | 如需继续，请输入管理员密码，并导入您要激活的设备请求码，然后点击“确定”。
|
|---|
| | | </span>
|
|---|
| | | <div style="margin-top: 10px">设备请求码获取方式：</div>
|
|---|
| | | <ul>
|
|---|
| | | <li style="list-style: inside">如系统已激活，在激活页面导出即可；</li>
|
|---|
| | | <li style="list-style: inside">
|
|---|
| | | 如设备未激活，在SmartAI激活页面扫码获取
|
|---|
| | | </li>
|
|---|
| | | </ul>
|
|---|
| | | <!-- <span style="color: #8f949a; font-size: 14px"
|
|---|
| | | >。</span
|
|---|
| | | > -->
|
|---|
| | | </div>
|
|---|
| | | <!-- -->
|
|---|
| | | <div class="pw">
|
|---|
| | |
|---|
| | | size="small"
|
|---|
| | | placeholder="请输入管理员密码"
|
|---|
| | | v-model="password"
|
|---|
| | | style="padding-left: 50px; width: 460px"
|
|---|
| | | ></el-input>
|
|---|
| | | </div>
|
|---|
| | | <div class="validate">
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <span slot="footer" class="dialog-footer">
|
|---|
| | | <el-button @click="dialogVisible = false">取消</el-button>
|
|---|
| | | <el-button type="primary" @click="confirmCancel">确定</el-button>
|
|---|
| | | <div class="btns">
|
|---|
| | | <el-button class="cancel" @click="dialogVisible = false">取消</el-button>
|
|---|
| | | <el-button class="ok" type="primary" @click="confirmCancel">确定</el-button>
|
|---|
| | | </div>
|
|---|
| | | </span>
|
|---|
| | | </el-dialog>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | serializedNumber: "",
|
|---|
| | | secrectKey: "",
|
|---|
| | | q: "",
|
|---|
| | | // verText: "SmartAIOS正式版",
|
|---|
| | | activeState: "已激活",
|
|---|
| | | password: "",
|
|---|
| | | dialogVisible: false,
|
|---|
| | |
|---|
| | | border-left: 4px solid #f2f2f7;
|
|---|
| | |
|
|---|
| | | .el-dialog {
|
|---|
| | | width: 625px;
|
|---|
| | | width: 640px; border-radius: 24px;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-dialog__header {
|
|---|
| | | padding: 15px 20px 10px;
|
|---|
| | | text-align: left;
|
|---|
| | | font-weight: 600;
|
|---|
| | | padding: 14px 20px 13px;
|
|---|
| | | text-align: center;
|
|---|
| | | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
|
|---|
| | | .el-dialog__title {
|
|---|
| | | font-weight: 600;
|
|---|
| | | font-size: 18px;
|
|---|
| | | color: #5f5f5f;
|
|---|
| | | line-height: 25px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-dialog__body {
|
|---|
| | | text-align: left;
|
|---|
| | | padding: 0;
|
|---|
| | | padding-bottom: 10px;
|
|---|
| | | padding: 30px;
|
|---|
| | | .pw {
|
|---|
| | | .el-input--small .el-input__inner {
|
|---|
| | | height: 32px;
|
|---|
| | | line-height: 32px;
|
|---|
| | | border-radius: 16px;
|
|---|
| | | border-color: #d4d6d9 !important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-dialog__footer {
|
|---|
| | | padding: 10px 20px 20px;
|
|---|
| | | .btns {
|
|---|
| | | display: flex;
|
|---|
| | | justify-content: right;
|
|---|
| | | .cancel {
|
|---|
| | | width: 140px;
|
|---|
| | | height: 40px;
|
|---|
| | | cursor: pointer;
|
|---|
| | | border-radius: 20px;
|
|---|
| | | line-height: 40px;
|
|---|
| | | font-size: 14px;
|
|---|
| | | color: var(--colorCard);
|
|---|
| | | border-color: var(--colorCard) !important;
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | | .ok {
|
|---|
| | | width: 140px;
|
|---|
| | | height: 40px;
|
|---|
| | | cursor: pointer;
|
|---|
| | | border-radius: 20px;
|
|---|
| | | background-color: var(--colorCard) !important;
|
|---|
| | | border-color: var(--colorCard) !important;
|
|---|
| | | color: #fff;
|
|---|
| | | line-height: 40px;
|
|---|
| | | font-size: 14px;
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-divider--horizontal {
|
|---|
| | | margin: 20px 0;
|
|---|
| | | }
|
|---|
| | | .validate {
|
|---|
| | | padding: 0 50px;
|
|---|
| | | display: flex;
|
|---|
| | | align-items: baseline;
|
|---|
| | | margin-top: 15px;
|
|---|
| | | .el-button--small {
|
|---|
| | | font-size: 14px;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | border-radius: 16px;
|
|---|
| | | background-color: var(--colorCard) !important;
|
|---|
| | | border-color: var(--colorCard) !important;
|
|---|
| | | min-width: 120px; padding: 8px 15px;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | #myForm {
|
|---|
| | | display: flex;
|
|---|
| | |
|---|
| | | margin: 0 8px;
|
|---|
| | | width: 60px;
|
|---|
| | | }
|
|---|
| | | .el-textarea__inner {
|
|---|
| | | min-height: 32px;
|
|---|
| | | height: 32px;
|
|---|
| | | border: 1px solid #d4d6d9;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | border-radius: 16px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .ver {
|
|---|
| | | margin-bottom: 10px;
|
|---|
| | | background-color: rgba(242, 242, 242, 1);
|
|---|
| | | font-size: 16px;
|
|---|
| | | height: 60px;
|
|---|
| | | padding-left: 50px;
|
|---|
| | | line-height: 60px;
|
|---|
| | | margin-bottom: 30px;
|
|---|
| | |
|
|---|
| | | display: flex;
|
|---|
| | | flex-direction: column;
|
|---|
| | | align-items: center;
|
|---|
| | | .ver-text {
|
|---|
| | | font-weight: 600;
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 16px;
|
|---|
| | | line-height: 22px;
|
|---|
| | | color: #5f5f5f;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .info {
|
|---|
| | | padding: 0 50px;
|
|---|
| | | font-size: 15px;
|
|---|
| | | line-height: 25px;
|
|---|
| | | margin: 15px 0;
|
|---|
| | | font-size: 12px;
|
|---|
| | | line-height: 21px;
|
|---|
| | | color: #666666;
|
|---|
| | | .info-cont {
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 14px;
|
|---|
| | | color: #5f5f5f;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .qr-code-img {
|
|---|
| | | width: 100px;
|
|---|
| | |
|---|
| | | font-weight: 700;
|
|---|
| | | margin-left: 30px;
|
|---|
| | | max-width: 568px;
|
|---|
| | | /* overflow: hidden; */
|
|---|
| | | /* text-overflow: ellipsis; */
|
|---|
| | | /* white-space: nowrap; */
|
|---|
| | | line-height: normal;
|
|---|
| | | word-wrap: break-word;
|
|---|
| | | text-align: left;
|
|---|
