@@ -3,26 +3,26 @@
<div class="header-wrapper">
<div class="ui container">
<el-row class="image_text">
<h1>{{ $ i18n['cloudeBrainMirror']['cloud_brain_mirror'] }}</h1>
<h1>{{ i18n['cloudeBrainMirror']['cloud_brain_mirror'] }}</h1>
</el-row>
</div>
</div>
<div class="ui container" id="header">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="$ i18n['cloudeBrainMirror']['recommendImages']" name="first" v-loading="loadingRecommend">
<el-tab-pane :label="i18n['cloudeBrainMirror']['recommendImages']" name="first" v-loading="loadingRecommend">
<template v-if="tableDataRecommend.length !== 0">
<el-row style="align-items: center; display: flex">
<el-col :span="12">
<div>
<!-- <el-checkbox v-model="checked">{{$ i18n['cloudeBrainMirror']['platform_recommendations']}}</el-checkbox> -->
<!-- <el-checkbox v-model="checked">{{i18n['cloudeBrainMirror']['platform_recommendations']}}</el-checkbox> -->
</div>
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -34,20 +34,20 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'defaultsort', sort: '' }">{{
$ i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
</el-row>
<el-row style="margin-top: 15px">
<el-table :data="tableDataRecommend" style="width: 100%" :header-cell-style="tableHeaderStyle">
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
prop="tag">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
@@ -58,7 +58,7 @@
</div>
</template>
</el-table-column>
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_description']" min-width="26%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_description']" min-width="26%" align="left"
prop="description">
<template slot-scope="scope">
<div class="image_desc" :title="scope.row.description">
@@ -70,13 +70,13 @@
</div>
</template>
</el-table-column>
<el-table-column prop="cloudbrainType" :label="$ i18n['cloudeBrainMirror']['available_clusters']"
<el-table-column prop="cloudbrainType" :label="i18n['cloudeBrainMirror']['available_clusters']"
min-width="15%" align="center">
<template slot-scope="scope">
{{ scope.row.cloudbrainType | transformType(vm) }}
</template>
</el-table-column>
<el-table-column prop="creator" :label="$ i18n['cloudeBrainMirror']['creator']" min-width="8%"
<el-table-column prop="creator" :label="i18n['cloudeBrainMirror']['creator']" min-width="8%"
align="center">
<template slot-scope="scope">
<a v-if="scope.row.userName || scope.row.relAvatarLink" :href="'/' + scope.row.userName"
@@ -86,20 +86,20 @@
<a v-else><img class="ui avatar image" title="Ghost" src="/user/avatar/ghost/-1" /></a>
</template>
</el-table-column>
<el-table-column prop="createdUnix" :label="$ i18n['cloudeBrainMirror']['creation_time']" align="center"
<el-table-column prop="createdUnix" :label="i18n['cloudeBrainMirror']['creation_time']" align="center"
min-width="14%">
<template slot-scope="scope">
{{ scope.row.createdUnix | transformTimestamp }}
</template>
</el-table-column>
<el-table-column align="center" min-width="18%" :label="$ i18n['cloudeBrainMirror']['operation']">
<el-table-column align="center" min-width="18%" :label="i18n['cloudeBrainMirror']['operation']">
<template slot-scope="scope">
<div style="
display: flex;
justify-content: flex-end;
align-items: center;
">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="$ i18n['citations']">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="i18n['citations']">
<i class="ri-links-line" style="font-size: 16px;"></i>
<span style="line-height: 2;margin-left: 0.3rem;">{{ scope.row.useCount }}</span>
</div>
@@ -126,7 +126,7 @@
}}</span>
</div>
<span :class="scope.row.place ? 'copy-adress' : 'copy-adress-no'"
@click="copyUrl(scope.row.place)">{{ $ i18n['cloudeBrainMirror']['copy_address'] }}</span>
@click="copyUrl(scope.row.place)">{{ i18n['cloudeBrainMirror']['copy_address'] }}</span>
</div>
</template>
</el-table-column>
@@ -144,16 +144,16 @@
<el-row style="align-items: center; display: flex">
<el-col :span="12">
<div>
<!-- <el-checkbox v-model="checked">{{ $ i18n['cloudeBrainMirror']['platform_recommendations']
<!-- <el-checkbox v-model="checked">{{ i18n['cloudeBrainMirror']['platform_recommendations']
}}</el-checkbox> -->
</div>
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -165,13 +165,13 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'defaultsort', sort: '' }">{{
$ i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
@@ -179,7 +179,7 @@
<el-empty :image-size="200"></el-empty>
</template>
</el-tab-pane>
<el-tab-pane :label="$ i18n['cloudeBrainMirror']['my_mirror']" name="second" v-loading="loadingCustom">
<el-tab-pane :label="i18n['cloudeBrainMirror']['my_mirror']" name="second" v-loading="loadingCustom">
<template v-if="tableDataCustom.length !== 0">
<el-row style="align-items: center; display: flex">
<el-col :span="12">
@@ -187,10 +187,10 @@
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -202,18 +202,18 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
</el-row>
<el-row style="margin-top: 15px">
<el-table :data="tableDataCustom" style="width: 100%" :header-cell-style="tableHeaderStyle">
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
prop="tag">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
@@ -225,7 +225,7 @@
</div>
</template>
</el-table-column>
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_description']" min-width="25%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_description']" min-width="25%" align="left"
prop="description">
<template slot-scope="scope">
<div class="image_desc" :title="scope.row.description">
@@ -237,13 +237,13 @@
</div>
</template>
</el-table-column>
<el-table-column prop="cloudbrainType" :label="$ i18n['cloudeBrainMirror']['available_clusters']"
<el-table-column prop="cloudbrainType" :label="i18n['cloudeBrainMirror']['available_clusters']"
min-width="12%" align="center">
<template slot-scope="scope">
{{ scope.row.cloudbrainType | transformType(vm) }}
</template>
</el-table-column>
<el-table-column prop="sumbimtState" :label="$ i18n['cloudeBrainMirror']['commit_status']" min-width="9%"
<el-table-column prop="sumbimtState" :label="i18n['cloudeBrainMirror']['commit_status']" min-width="9%"
align="center">
<template slot-scope="scope">
<div style="
@@ -251,48 +251,48 @@
align-items: center;
justify-content: center;
">
<span v-if="scope.row.status === 0">{{ $ i18n['cloudeBrainMirror']['commiting'] }}</span>
<span v-if="scope.row.status === 1">{{ $ i18n['cloudeBrainMirror']['commit_success'] }}</span>
<span v-if="scope.row.status === 2">{{ $ i18n['cloudeBrainMirror']['commit_failed'] }}</span>
<span v-if="scope.row.status === 0">{{ i18n['cloudeBrainMirror']['commiting'] }}</span>
<span v-if="scope.row.status === 1">{{ i18n['cloudeBrainMirror']['commit_success'] }}</span>
<span v-if="scope.row.status === 2">{{ i18n['cloudeBrainMirror']['commit_failed'] }}</span>
<el-tooltip v-if="scope.row.status === 0" class="item" effect="dark"
:content="$ i18n['cloudeBrainMirror']['mirror_committed']" placement="top">
:content="i18n['cloudeBrainMirror']['mirror_committed']" placement="top">
<i class="CREATING" style="margin-left: 0.3rem"></i>
</el-tooltip>
<el-tooltip v-if="scope.row.status === 1" class="item" effect="dark"
:content="$ i18n['cloudeBrainMirror']['mirror_submitted']" placement="top">
:content="i18n['cloudeBrainMirror']['mirror_submitted']" placement="top">
<i class="SUCCEEDED" style="margin-left: 0.3rem"></i>
</el-tooltip>
<el-tooltip v-if="scope.row.status === 2" class="item" effect="dark"
:content="$ i18n['cloudeBrainMirror']['check_exceeds_20g']" placement="top">
:content="i18n['cloudeBrainMirror']['check_exceeds_20g']" placement="top">
<i class="FAILED" style="margin-left: 0.3rem"></i>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="sumbimtState" :label="$ i18n['cloudeBrainMirror']['recommend_by_plateform']"
<el-table-column prop="sumbimtState" :label="i18n['cloudeBrainMirror']['recommend_by_plateform']"
width="140" align="center">
<template slot-scope="scope">
<div v-if="scope.row.status === 1" style="">
<div v-if="scope.row.apply_status === 2"
style="display: flex;align-items:center;justify-content:center;">
<span style="color: rgb(250, 140, 22);">{{ $ i18n['cloudeBrainMirror']['pending_approval']
<span style="color: rgb(250, 140, 22);">{{ i18n['cloudeBrainMirror']['pending_approval']
}}</span>
<el-tooltip class="item" effect="dark" :content="$ i18n['cloudeBrainMirror']['pending_approval']"
<el-tooltip class="item" effect="dark" :content="i18n['cloudeBrainMirror']['pending_approval']"
placement="top">
<i class="CLOCK" style="margin-left: 0.3rem"></i>
</el-tooltip>
</div>
<div v-if="scope.row.apply_status === 3"
style="display: flex;align-items:center;justify-content:center;">
<span style="color: rgb(19, 194, 141);">{{ $ i18n['cloudeBrainMirror']['approved'] }}</span>
<el-tooltip class="item" effect="dark" :content="$ i18n['cloudeBrainMirror']['approved']"
<span style="color: rgb(19, 194, 141);">{{ i18n['cloudeBrainMirror']['approved'] }}</span>
<el-tooltip class="item" effect="dark" :content="i18n['cloudeBrainMirror']['approved']"
placement="top">
<i class="SUCCEEDED" style="margin-left: 0.3rem"></i>
</el-tooltip>
</div>
<div v-if="scope.row.apply_status === 4"
style="display: flex;align-items:center;justify-content:center;">
<span style="color: red">{{ $ i18n['cloudeBrainMirror']['not_approved'] }}</span>
<span style="color: red">{{ i18n['cloudeBrainMirror']['not_approved'] }}</span>
<el-tooltip class="item" effect="dark" :content="scope.row.message" placement="top">
<i class="FAILED" style="margin-left: 0.3rem"></i>
</el-tooltip>
@@ -300,7 +300,7 @@
<div
v-if="scope.row.apply_status == 0 || scope.row.apply_status == 1 || scope.row.apply_status === 4">
<span class="apply-btn" v-if="scope.row.type != 5" @click="applyImage(scope.row.id)">
{{ $ i18n['cloudeBrainMirror']['apply'] }}
{{ i18n['cloudeBrainMirror']['apply'] }}
</span>
<div v-else>--</div>
</div>
@@ -308,20 +308,20 @@
<div v-else>--</div>
</template>
</el-table-column>
<el-table-column prop="createdUnix" :label="$ i18n['cloudeBrainMirror']['creation_time']" align="center"
<el-table-column prop="createdUnix" :label="i18n['cloudeBrainMirror']['creation_time']" align="center"
min-width="13%">
<template slot-scope="scope">
{{ scope.row.createdUnix | transformTimestamp }}
</template>
</el-table-column>
<el-table-column align="center" min-width="22%" :label="$ i18n['cloudeBrainMirror']['operation']">
<el-table-column align="center" min-width="22%" :label="i18n['cloudeBrainMirror']['operation']">
<template slot-scope="scope">
<div style="
display: flex;
justify-content: flex-end;
align-items: center;
">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="$ i18n['citations']">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="i18n['citations']">
<i class="ri-links-line" style="font-size: 16px;"></i>
<span style="line-height: 2;margin-left: 0.3rem;">{{ scope.row.useCount }}</span>
</div>
@@ -341,17 +341,17 @@
}}</span>
</div>
<span :class="scope.row.place ? 'copy-adress' : 'copy-adress-no'"
@click="copyUrl(scope.row.place)">{{ $ i18n['cloudeBrainMirror']['copy_address'] }}</span>
@click="copyUrl(scope.row.place)">{{ i18n['cloudeBrainMirror']['copy_address'] }}</span>
<div style="padding-left: 1rem; cursor: pointer">
<el-dropdown size="medium">
<span class="el-dropdown-link">
{{ $ i18n['cloudeBrainMirror']['more'] }}<i class="el-icon-arrow-down el-icon--right"></i>
{{ i18n['cloudeBrainMirror']['more'] }}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="eidtImage(scope.row.id)">{{
$ i18n['cloudeBrainMirror']['edit'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['edit'] }}</el-dropdown-item>
<el-dropdown-item style="color: red" @click.native="deleteImage(scope.row.id)">{{
$ i18n['cloudeBrainMirror']['delete'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['delete'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -374,10 +374,10 @@
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -389,11 +389,11 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
@@ -401,7 +401,7 @@
<el-empty :image-size="200"></el-empty>
</template>
</el-tab-pane>
<el-tab-pane :label="$ i18n['cloudeBrainMirror']['my_favorite_mirror']" name="third">
<el-tab-pane :label="i18n['cloudeBrainMirror']['my_favorite_mirror']" name="third">
<template v-if="tableDataStar.length !== 0">
<el-row style="align-items: center; display: flex">
<el-col :span="12">
@@ -409,10 +409,10 @@
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -424,20 +424,20 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'defaultsort', sort: '' }">{{
$ i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
</el-row>
<el-row style="margin-top: 15px">
<el-table :data="tableDataStar" style="width: 100%" :header-cell-style="tableHeaderStyle">
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left"
prop="tag">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
@@ -448,7 +448,7 @@
</div>
</template>
</el-table-column>
<el-table-column :label="$ i18n['cloudeBrainMirror']['mirror_description']" min-width="26%" align="left"
<el-table-column :label="i18n['cloudeBrainMirror']['mirror_description']" min-width="26%" align="left"
prop="description">
<template slot-scope="scope">
<div class="image_desc" :title="scope.row.description">
@@ -460,13 +460,13 @@
</div>
</template>
</el-table-column>
<el-table-column prop="cloudbrainType" :label="$ i18n['cloudeBrainMirror']['available_clusters']"
<el-table-column prop="cloudbrainType" :label="i18n['cloudeBrainMirror']['available_clusters']"
min-width="14%" align="center">
<template slot-scope="scope">
{{ scope.row.cloudbrainType | transformType(vm) }}
</template>
</el-table-column>
<el-table-column prop="creator" :label="$ i18n['cloudeBrainMirror']['creator']" min-width="8%"
<el-table-column prop="creator" :label="i18n['cloudeBrainMirror']['creator']" min-width="8%"
align="center">
<template slot-scope="scope">
<a v-if="scope.row.userName || scope.row.relAvatarLink" :href="'/' + scope.row.userName"
@@ -476,20 +476,20 @@
<a v-else><img class="ui avatar image" title="Ghost" src="/user/avatar/ghost/-1" /></a>
</template>
</el-table-column>
<el-table-column prop="createdUnix" :label="$ i18n['cloudeBrainMirror']['creation_time']" align="center"
<el-table-column prop="createdUnix" :label="i18n['cloudeBrainMirror']['creation_time']" align="center"
min-width="14%">
<template slot-scope="scope">
{{ scope.row.createdUnix | transformTimestamp }}
</template>
</el-table-column>
<el-table-column align="center" min-width="18%" :label="$ i18n['cloudeBrainMirror']['operation']">
<el-table-column align="center" min-width="18%" :label="i18n['cloudeBrainMirror']['operation']">
<template slot-scope="scope">
<div style="
display: flex;
justify-content: flex-end;
align-items: center;
">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="$ i18n['citations']">
<div style="display: flex;align-items: center;padding: 0 1rem;" :title="i18n['citations']">
<i class="ri-links-line" style="font-size: 16px;"></i>
<span style="line-height: 2;margin-left: 0.3rem;">{{ scope.row.useCount }}</span>
</div>
@@ -509,7 +509,7 @@
}}</span>
</div>
<span :class="scope.row.place ? 'copy-adress' : 'copy-adress-no'"
@click="copyUrl(scope.row.place)">{{ $ i18n['cloudeBrainMirror']['copy_address'] }}</span>
@click="copyUrl(scope.row.place)">{{ i18n['cloudeBrainMirror']['copy_address'] }}</span>
</div>
</template>
</el-table-column>
@@ -529,10 +529,10 @@
</el-col>
<el-col :span="10">
<div>
<el-input :placeholder="$ i18n['cloudeBrainMirror']['placeholder']" v-model="search"
<el-input :placeholder="i18n['cloudeBrainMirror']['placeholder']" v-model="search"
class="input-with-select" @keyup.enter.native="searchName()">
<el-button id="success" slot="append" icon="el-icon-search" @click="searchName()">{{
$ i18n['cloudeBrainMirror']['search'] }}</el-button>
i18n['cloudeBrainMirror']['search'] }}</el-button>
</el-input>
</div>
</el-col>
@@ -544,13 +544,13 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{ label: 'defaultsort', sort: '' }">{{
$ i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['defaultsort'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'moststars', sort: 'moststars' }">{{
$ i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['moststars'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'mostused', sort: 'mostused' }">{{
$ i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['mostused'] }}</el-dropdown-item>
<el-dropdown-item :command="{ label: 'newest', sort: 'newest' }">{{
$ i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
i18n['cloudeBrainMirror']['newest'] }}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
@@ -749,7 +749,7 @@ export default {
onHidden: function () {
if (flag == false) {
$(".alert")
.html(_this.$ i18n['canceled_operation'])
.html(_this.i18n['canceled_operation'])
.removeClass("alert-success")
.addClass("alert-danger")
.show()
@@ -757,7 +757,7 @@ export default {
.fadeOut();
} else {
$(".alert")
.html(_this.$ i18n['successfully_deleted'])
.html(_this.i18n['successfully_deleted'])
.removeClass("alert-danger")
.addClass("alert-success")
.show()
@@ -819,7 +819,7 @@ export default {
document.execCommand("Copy");
cInput.remove();
$("body").toast({
message: this.$ i18n['cloudeBrainMirror']['copy_succeeded'],
message: this.i18n['cloudeBrainMirror']['copy_succeeded'],
showProgress: "bottom",
showIcon: "check circle",
class: "info",
@@ -847,20 +847,20 @@ export default {
filters: {
transformType(val, vm) {
if (val == 0) {
return `${vm.$ i18n['cloudeBrainMirror']['openi']} GPU`;
return `${vm.i18n['cloudeBrainMirror']['openi']} GPU`;
} else {
return `${vm.$ i18n['cloudeBrainMirror']['c2net']} GPU`;
return `${vm.i18n['cloudeBrainMirror']['c2net']} GPU`;
}
},
transformSort(val, vm) {
if (val === 'moststars') {
return vm.$ i18n['cloudeBrainMirror']['moststars'];
return vm.i18n['cloudeBrainMirror']['moststars'];
} else if (val === 'mostused') {
return vm.$ i18n['cloudeBrainMirror']['mostused'];
return vm.i18n['cloudeBrainMirror']['mostused'];
} else if (val === 'defaultsort') {
return vm.$ i18n['cloudeBrainMirror']['defaultsort'];
return vm.i18n['cloudeBrainMirror']['defaultsort'];
} else {
return vm.$ i18n['cloudeBrainMirror']['newest'];
return vm.i18n['cloudeBrainMirror']['newest'];
}
},
transformTimestamp(timestamp) {
@@ -898,7 +898,7 @@ export default {
}
},
created() {
this.$ i18n = window.i18n;
this.i18n = window.i18n;
const params = new URLSearchParams(location.search);
if (params.has("type") && params.get("type") == "myimage") {
this.activeName = "second";