@@ -5,16 +5,17 @@
<slot></slot>
</div>
<BaseDialog :visible="visible" :title="title" :show-close="showClose" @closed="closeDialog"
:appendToBody="appendToBody">
:appendToBody="appendToBody" >
<el-skeleton style=" padding:0 20px;" :rows="10" :loading="loading" animated/>
<div class="markdown" v-html="content"></div>
<div slot="footer" class="dialog-footer">
<el-button class="close-btn" size="default" type="success" @click="closeDialog">{{
$t('cloudbrainObj.dialogTips.tips8') }}</el-button>
<el-button class="close-btn" size="default" type="success" @click="closeDialog">
{{ closeText }}
</el-button>
</div>
</BaseDialog>
</div>
</template>
<script>
import BaseDialog from '~/components/BaseDialog.vue';
import { getPromoteData, getMarkdownHtml, getSDKCode } from '~/apis/modules/common';
@@ -29,7 +30,8 @@ export default {
promotePath: { type: String, default: '' },
appendToBody: { type: Boolean, default: false },
type: { type: String, default: '' },
data: { type: Object, default: () => ({}) }
data: { type: Object, default: () => ({}) },
closeText: { type: String, default: '' },
},
data() {
return {
@@ -55,23 +57,27 @@ export default {
codeEl.innerHTML = hljs.highlight('python', code).value;
const copyBtn = document.createElement('div');
copyBtn.classList = ['copy-btn'];
copyBtn.innerHTML = `<a href="javascript:;" class="ui poping inline up clipboard" id="clipboard-${this.sparkMD5Hash(txt)}"
data-position="top center" data-variation="inverted tiny" data-success="${this.$t('copySuccess')}"
data-content="${this.$t('copy')}" data-original="${this.$t('copy')}"
data-clipboard-text=""><i style="font-size:14px;" class="copy outline icon"></i></a>`;
copyBtn.querySelector('a').setAttribute('data-clipboard-text', txt);
if (this.type !== 'modelFile') {
copyBtn.innerHTML = `<a href="javascript:;" class="ui poping inline up clipboard" id="clipboard-${this.sparkMD5Hash(txt)}"
data-position="top center" data-variation="inverted tiny" data-success="${this.$t('copySuccess')}"
data-content="${this.$t('copy')}" data-original="${this.$t('copy')}"
data-clipboard-text=""><i style="font-size:14px;" class="copy outline icon"></i></a>`;
copyBtn.querySelector('a').setAttribute('data-clipboard-text', txt);
}
codeBlockI.outerHTML = `<div class="code-content">${codeBlockI.outerHTML}${copyBtn.outerHTML}</div>`;
}
return html.innerHTML;
},
getMarkdown(str) {
getMarkdownHtml(str).then(res => {
this.loading = false;
const html = res.data;
this.content = this.hljsAndInsertCopyButton(html);
this.$nextTick(() => {
initClipboard('.base-dlg .clipboard');
});
}).catch(err => {
this.loading = false;
console.log(err);
});
},
@@ -79,7 +85,6 @@ export default {
if (!this.promotePath) return;
this.loading = true;
getPromoteData(this.promotePath).then(res => {
this.loading = false;
let contentStr = res.data;
if (contentStr) {
if (this.type == 'model' && this.data.name) {