This commit is contained in:
hrx 2025-11-17 17:48:39 +08:00
parent 03e3dec9cc
commit e1ca0ebb64
3 changed files with 1001 additions and 1025 deletions

File diff suppressed because it is too large Load Diff

View File

@ -6,102 +6,106 @@
<ul class="search-box"> <ul class="search-box">
<li> <li>
<el-input-group class="search-input"> <el-input-group class="search-input">
<el-input size="mini" placeholder="请输入关键词" clearable></el-input> <el-input size="mini" placeholder="请输入关键词" clearable></el-input>
<el-button slot="append" icon="el-icon-search" size="mini"></el-button> <el-button slot="append" icon="el-icon-search" size="mini"></el-button>
</el-input-group> </el-input-group>
</li> </li>
<li> <li>
<span class="search-label">创建日期:</span> <span class="search-label">创建日期:</span>
<el-date-picker size="mini" style="width: 220px;" type="datetimerange" align="right" <el-date-picker size="mini" style="width: 220px;" type="datetimerange" align="right" start-placeholder="开始日期"
start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" format="yyyy-MM-dd" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" ></el-date-picker> value-format="yyyy-MM-dd"></el-date-picker>
</li> </li>
<li> <li>
<el-button size="mini" >重置</el-button> <el-button size="mini">重置</el-button>
<el-button type="primary" size="mini">查询</el-button> <el-button type="primary" size="mini">查询</el-button>
</li> </li>
</ul> </ul>
</div> </div>
<el-table :data="tableData" style="width: 100%;font-size: 12px" height="calc(100vh - 130px)" border> <el-card class="tableCard">
<el-table-column min-width="90px" align="center" prop="productname" label="产品名称"></el-table-column> <el-table :data="tableData" style="width: 100%;font-size: 12px" height="calc(100vh - 130px)" border>
<el-table-column min-width="150px" align="center" prop="productdesc" label="产品描述" :show-overflow-tooltip="true"> <el-table-column min-width="90px" align="center" prop="productname" label="产品名称"></el-table-column>
<template slot-scope="{row}"> <el-table-column min-width="150px" align="center" prop="productdesc" label="产品描述" :show-overflow-tooltip="true">
{{ row.productdesc ? row.productdesc : '-' }} <template slot-scope="{row}">
</template> {{ row.productdesc ? row.productdesc : '-' }}
</el-table-column> </template>
<el-table-column min-width="150px" align="center" prop="orderid" label="订单号" </el-table-column>
:show-overflow-tooltip="true"></el-table-column> <el-table-column min-width="150px" align="center" prop="orderid" label="订单号"
<el-table-column min-width="60px" align="center" prop="start_date" label="购买日期"></el-table-column> :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="expire_date" label="到期日期"> <el-table-column min-width="60px" align="center" prop="start_date" label="购买日期"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="expire_date" label="到期日期">
{{ scope.row.expire_date == null ? '-' : scope.row.expire_date }} <template slot-scope="scope">
</template> {{ scope.row.expire_date == null ? '-' : scope.row.expire_date }}
</el-table-column> </template>
<!-- </el-table-column>
<!--
<el-table-column prop="total_quantity" label="总量"> <el-table-column prop="total_quantity" label="总量">
<el-table-column prop="used_quantity" label="已用量"> <el-table-column prop="used_quantity" label="已用量">
</el-table-column> </el-table-column>
<el-table-column prop="rest_quantity" label="剩余量"> <el-table-column prop="rest_quantity" label="剩余量">
</el-table-column> --> </el-table-column> -->
<el-table-column prop="" label="操作" align="center" width="120px"> <el-table-column prop="" label="操作" align="center" width="120px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="goJiNanChaoSuan()" v-if="scope.row.providername === '济南超算'"> <el-button type="primary" size="mini" @click="goJiNanChaoSuan()" v-if="scope.row.providername === '济南超算'">
<div style="display: flex;justify-content: center;align-items: center"> <div style="display: flex;justify-content: center;align-items: center">
<img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">超算产品 <img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">超算产品
</div> </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-button> </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> </el-button>
</div> <el-button type="primary" size="mini" @click="goJd" v-else-if="(scope.row.providername === '京东云')">
<!-- <el-dropdown @command="handleCommand(scope.row, $event)" v-else-if="(scope.row.classify === 'E')"--> <!-- <i class="el-icon-edit-outline"></i> -->
<!-- trigger="click">--> <div style="display: flex;justify-content: center;align-items: center">
<!-- <span style="cursor: pointer" class="el-dropdown-link">--> <img style="width: 12px;margin-right: 5px;height: 12px;" src="./svg/跳转.svg" alt="">京东产品
<!-- 集群三<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>--> </div>
<!-- </span>--> </el-button>
<!-- <el-dropdown-menu slot="dropdown">--> <el-button type="primary" size="mini" @click="goUcloud(scope.row.region)"
<!-- <el-dropdown-item command="detail" icon="el-icon-warning-outline">详情</el-dropdown-item>--> v-else-if="(scope.row.providername === '优刻得科技股份有限公司')">
<!-- <el-dropdown-item command="shutDown" icon="el-icon-switch-button">关机</el-dropdown-item>--> <!-- <i class="el-icon-edit-outline"></i> -->
<!-- </el-dropdown-menu>--> <div style="display: flex;justify-content: center;align-items: center">
<!-- </el-dropdown>--> <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&#45;&#45;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-dialog title="详情" :visible.sync="dialogTableVisible">
<el-table :data="datailList"> <el-table :data="datailList">
<el-table-column min-width="200px" property="date" label="实例编号/名称"> <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 label="系统盘">{{ cpccDetail.disk_sys_limit }}</el-descriptions-item>
<el-descriptions-item v-if="cpccDetail.source_gpu !== '0'" label="卡数">{{ <el-descriptions-item v-if="cpccDetail.source_gpu !== '0'" label="卡数">{{
cpccDetail.source_gpu cpccDetail.source_gpu
}} }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
@ -399,8 +403,7 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="less" scoped >
.customerGood {}
.tip { .tip {
color: #ff9120; color: #ff9120;
@ -473,23 +476,29 @@ export default {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.search-input{
.search-input {
display: flex; display: flex;
} }
.search-box { .search-box {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
background-color: white; background-color: white;
padding: 10px; padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 8px; border-radius: 8px;
} }
.search-box li { .search-box li {
margin-right: 15px; margin-right: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
}
.tableCard{
margin-top: 20px;
height: calc(100vh - 180px);
} }
</style> </style>

View File

@ -27,7 +27,7 @@
</div> </div>
<!-- 收起状态简化按钮 --> <!-- 收起状态简化按钮 -->
<div v-show="!isShowWindow" class="notification-minimized" @click="zhanBtn"> <div v-show="!isShowWindow" class="notification-minimized" @click="zhanBtn">''
<div class="minimized-content"> <div class="minimized-content">
<i class="minimized-icon el-icon-warning"></i> <i class="minimized-icon el-icon-warning"></i>
<span>实名认证</span> <span>实名认证</span>