main #34
File diff suppressed because it is too large
Load Diff
@ -6,102 +6,106 @@
|
||||
<ul class="search-box">
|
||||
<li>
|
||||
<el-input-group class="search-input">
|
||||
<el-input size="mini" placeholder="请输入关键词" clearable></el-input>
|
||||
<el-button slot="append" icon="el-icon-search" size="mini"></el-button>
|
||||
<el-input size="mini" placeholder="请输入关键词" clearable></el-input>
|
||||
<el-button slot="append" icon="el-icon-search" size="mini"></el-button>
|
||||
</el-input-group>
|
||||
</li>
|
||||
<li>
|
||||
<span class="search-label">创建日期:</span>
|
||||
<el-date-picker size="mini" style="width: 220px;" type="datetimerange" align="right"
|
||||
start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd" ></el-date-picker>
|
||||
<el-date-picker size="mini" style="width: 220px;" type="datetimerange" align="right" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</li>
|
||||
<li>
|
||||
<el-button size="mini" >重置</el-button>
|
||||
<el-button type="primary" size="mini">查询</el-button>
|
||||
<el-button size="mini">重置</el-button>
|
||||
<el-button type="primary" size="mini">查询</el-button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<el-table :data="tableData" style="width: 100%;font-size: 12px" height="calc(100vh - 130px)" border>
|
||||
<el-table-column min-width="90px" align="center" prop="productname" label="产品名称"></el-table-column>
|
||||
<el-table-column min-width="150px" align="center" prop="productdesc" label="产品描述" :show-overflow-tooltip="true">
|
||||
<template slot-scope="{row}">
|
||||
{{ row.productdesc ? row.productdesc : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="150px" align="center" prop="orderid" label="订单号"
|
||||
:show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column min-width="60px" align="center" prop="start_date" label="购买日期"></el-table-column>
|
||||
<el-table-column prop="expire_date" label="到期日期">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.expire_date == null ? '-' : scope.row.expire_date }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--
|
||||
<el-card class="tableCard">
|
||||
<el-table :data="tableData" style="width: 100%;font-size: 12px" height="calc(100vh - 130px)" border>
|
||||
<el-table-column min-width="90px" align="center" prop="productname" label="产品名称"></el-table-column>
|
||||
<el-table-column min-width="150px" align="center" prop="productdesc" label="产品描述" :show-overflow-tooltip="true">
|
||||
<template slot-scope="{row}">
|
||||
{{ row.productdesc ? row.productdesc : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="150px" align="center" prop="orderid" label="订单号"
|
||||
:show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column min-width="60px" align="center" prop="start_date" label="购买日期"></el-table-column>
|
||||
<el-table-column prop="expire_date" label="到期日期">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.expire_date == null ? '-' : scope.row.expire_date }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--
|
||||
<el-table-column prop="total_quantity" label="总量">
|
||||
<el-table-column prop="used_quantity" label="已用量">
|
||||
</el-table-column>
|
||||
<el-table-column prop="rest_quantity" label="剩余量">
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="" label="操作" align="center" width="120px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="goJiNanChaoSuan()" v-if="scope.row.providername === '济南超算'">
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">超算产品
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button type="primary" size="mini" @click="goBaiDu(scope.row.product_url)"
|
||||
v-else-if="(scope.row.providername === '百度智能云')">
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">实例使用
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button type="primary" size="mini" @click="goJd" v-else-if="(scope.row.providername === '京东云')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">京东产品
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button type="primary" size="mini" @click="goUcloud(scope.row.region)"
|
||||
v-else-if="(scope.row.providername === '优刻得科技股份有限公司')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">集群二
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button size="mini" @click="nodeThree(scope.row)" v-else-if="(scope.row.classify === 'E')">
|
||||
详情
|
||||
</el-button>
|
||||
<div v-else-if="scope.row.classify === 'CPCC'">
|
||||
<el-button size="mini" type="primary" @click="openCpccDetail(scope.row)">
|
||||
容器化详情
|
||||
<el-table-column prop="" label="操作" align="center" width="120px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="goJiNanChaoSuan()" v-if="scope.row.providername === '济南超算'">
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">超算产品
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="$router.push('/customer/SshTerminal')">
|
||||
登录
|
||||
<el-button type="primary" size="mini" @click="goBaiDu(scope.row.product_url)"
|
||||
v-else-if="(scope.row.providername === '百度智能云')">
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">实例使用
|
||||
</div>
|
||||
</el-button>
|
||||
</div>
|
||||
<!-- <el-dropdown @command="handleCommand(scope.row, $event)" v-else-if="(scope.row.classify === 'E')"-->
|
||||
<!-- trigger="click">-->
|
||||
<!-- <span style="cursor: pointer" class="el-dropdown-link">-->
|
||||
<!-- 集群三<i class="el-icon-arrow-down el-icon--right"></i>-->
|
||||
<!-- </span>-->
|
||||
<!-- <el-dropdown-menu slot="dropdown">-->
|
||||
<!-- <el-dropdown-item command="detail" icon="el-icon-warning-outline">详情</el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item command="shutDown" icon="el-icon-switch-button">关机</el-dropdown-item>-->
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </el-dropdown>-->
|
||||
<el-button type="primary" size="mini" @click="goJd" v-else-if="(scope.row.providername === '京东云')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">京东产品
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button type="primary" size="mini" @click="goUcloud(scope.row.region)"
|
||||
v-else-if="(scope.row.providername === '优刻得科技股份有限公司')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">集群二
|
||||
</div>
|
||||
</el-button>
|
||||
<el-button size="mini" @click="nodeThree(scope.row)" v-else-if="(scope.row.classify === 'E')">
|
||||
详情
|
||||
</el-button>
|
||||
<div v-else-if="scope.row.classify === 'CPCC'">
|
||||
<el-button size="mini" type="primary" @click="openCpccDetail(scope.row)">
|
||||
容器化详情
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="$router.push('/customer/SshTerminal')">
|
||||
登录
|
||||
</el-button>
|
||||
</div>
|
||||
<!-- <el-dropdown @command="handleCommand(scope.row, $event)" v-else-if="(scope.row.classify === 'E')"-->
|
||||
<!-- trigger="click">-->
|
||||
<!-- <span style="cursor: pointer" class="el-dropdown-link">-->
|
||||
<!-- 集群三<i class="el-icon-arrow-down el-icon--right"></i>-->
|
||||
<!-- </span>-->
|
||||
<!-- <el-dropdown-menu slot="dropdown">-->
|
||||
<!-- <el-dropdown-item command="detail" icon="el-icon-warning-outline">详情</el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item command="shutDown" icon="el-icon-switch-button">关机</el-dropdown-item>-->
|
||||
<!-- </el-dropdown-menu>-->
|
||||
<!-- </el-dropdown>-->
|
||||
|
||||
<el-button type="primary" size="mini" @click="goCaption()"
|
||||
v-else-if="(scope.row.providername === '北京首都在线科技股份有限公司')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">集群一
|
||||
</div>
|
||||
</el-button>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
|
||||
<el-button type="primary" size="mini" @click="goCaption()"
|
||||
v-else-if="(scope.row.providername === '北京首都在线科技股份有限公司')">
|
||||
<!-- <i class="el-icon-edit-outline"></i> -->
|
||||
<div style="display: flex;justify-content: center;align-items: center">
|
||||
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">集群一
|
||||
</div>
|
||||
</el-button>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog title="详情" :visible.sync="dialogTableVisible">
|
||||
<el-table :data="datailList">
|
||||
<el-table-column min-width="200px" property="date" label="实例编号/名称">
|
||||
@ -213,7 +217,7 @@
|
||||
<el-descriptions-item label="系统盘">{{ cpccDetail.disk_sys_limit }}</el-descriptions-item>
|
||||
<el-descriptions-item v-if="cpccDetail.source_gpu !== '0'" label="卡数">{{
|
||||
cpccDetail.source_gpu
|
||||
}}
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
|
||||
</el-descriptions>
|
||||
@ -399,8 +403,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.customerGood {}
|
||||
<style lang="less" scoped >
|
||||
|
||||
.tip {
|
||||
color: #ff9120;
|
||||
@ -473,23 +476,29 @@ export default {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.search-input{
|
||||
|
||||
.search-input {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.search-box li {
|
||||
margin-right: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
margin-right: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tableCard{
|
||||
margin-top: 20px;
|
||||
height: calc(100vh - 180px);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 收起状态：简化按钮 -->
|
||||
<div v-show="!isShowWindow" class="notification-minimized" @click="zhanBtn">
|
||||
<div v-show="!isShowWindow" class="notification-minimized" @click="zhanBtn">''
|
||||
<div class="minimized-content">
|
||||
<i class="minimized-icon el-icon-warning"></i>
|
||||
<span>实名认证</span>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user