taoshihan 1 month ago
parent f18dcdd165
commit cf8fc1cde0

@ -1,14 +1,13 @@
{{template "header"}} {{template "header"}}
<style> <style>
.deployment-guide { .deployment-guide {
margin: 20px auto;
padding: 24px; padding: 24px;
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
.deployment-section { .deployment-section {
margin: 30px 0;
padding: 20px; padding: 20px;
background: #f8fafc; background: #f8fafc;
border-radius: 8px; border-radius: 8px;
@ -39,8 +38,6 @@
} }
#app { #app {
background: #f5f7fa; background: #f5f7fa;
padding: 20px;
min-height: calc(100vh - 40px);
} }
.el-card { .el-card {
border-radius: 8px; border-radius: 8px;
@ -51,25 +48,27 @@
</style> </style>
<div id="app" style="width:100%;background: #f5f7fa"> <div id="app" style="width:100%;background: #f5f7fa">
<template> <template>
<el-card class="deployment-guide"> <div style="padding: 20px">
<div slot="header" class="clearfix"> <el-card class="deployment-guide">
<h2>Quick Start via Chat Link</h2> <div slot="header" class="clearfix">
</div> <h2>Quick Start via Chat Link</h2>
</div>
<div class="deployment-section"> <div class="deployment-section">
<p>To immediately access your customer support chat interface:</p> <p>To immediately access your customer support chat interface</p>
<p>Your live chat endpoint is available at:</p> <p>Your live chat endpoint is available at:</p>
<el-input v-model="chatEndpoint" readonly style="width: 100%; margin-top: 10px;"> <el-input v-model="chatEndpoint" readonly style="width: 100%; margin-top: 10px;">
<el-button slot="append" icon="el-icon-link" <el-button slot="append" icon="el-icon-link"
v-on:click="openChatWindow(chatEndpoint)" v-on:click="openChatWindow(chatEndpoint)"
title="Open chat in new window"></el-button> title="Open chat in new window"></el-button>
<el-button slot="append" icon="el-icon-document-copy" <el-button slot="append" icon="el-icon-document-copy"
v-on:click="copyText(chatEndpoint)" v-on:click="copyText(chatEndpoint)"
title="Copy link"></el-button> title="Copy link"></el-button>
</el-input> </el-input>
</div> </div>
</el-card> </el-card>
</div>
</template> </template>

Loading…
Cancel
Save