|
@@ -4,7 +4,6 @@
|
|
:data="tableData"
|
|
:data="tableData"
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
:height="maxHeight"
|
|
:height="maxHeight"
|
|
- max-height="800px"
|
|
|
|
:header-cell-style="{background:'#ccc',color:'#000'}"
|
|
:header-cell-style="{background:'#ccc',color:'#000'}"
|
|
>
|
|
>
|
|
<el-table-column prop="FloorName" label="模型文件" width="180">
|
|
<el-table-column prop="FloorName" label="模型文件" width="180">
|
|
@@ -17,45 +16,27 @@
|
|
<el-table-column prop="Version" label="版本号"></el-table-column>
|
|
<el-table-column prop="Version" label="版本号"></el-table-column>
|
|
<el-table-column prop="AcceptTime" label="上传时间"></el-table-column>
|
|
<el-table-column prop="AcceptTime" label="上传时间"></el-table-column>
|
|
<el-table-column prop="UserName" label="上传人"></el-table-column>
|
|
<el-table-column prop="UserName" label="上传人"></el-table-column>
|
|
- <el-table-column prop="address" label="操作">
|
|
|
|
|
|
+ <el-table-column prop="address" align="center" label="操作">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="operate" v-show="!scope.row.isDown">
|
|
<div class="operate" v-show="!scope.row.isDown">
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- size="mini"
|
|
|
|
- class="iconfont icon-download"
|
|
|
|
- @click="downloadModel(scope.row)"
|
|
|
|
- ></el-button>
|
|
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- size="mini"
|
|
|
|
- class="iconfont icon-replace"
|
|
|
|
- @click="repliaceModel(scope.row)"
|
|
|
|
- ></el-button>
|
|
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- size="mini"
|
|
|
|
- class="iconfont icon-Log"
|
|
|
|
- @click="queryModelLog(scope.row)"
|
|
|
|
- ></el-button>
|
|
|
|
|
|
+ <el-button type="primary" size="mini" class="iconfont icon-download" @click="downloadModel(scope.row)" ></el-button>
|
|
|
|
+ <el-button type="primary" size="mini" class="iconfont icon-replace" @click="repliaceModel(scope.row)" ></el-button>
|
|
|
|
+ <el-button type="primary" size="mini" class="iconfont icon-Log" @click="queryModelLog(scope.row)" ></el-button>
|
|
</div>
|
|
</div>
|
|
- <div
|
|
|
|
- :class="[scope.row.Status == 1 ||scope.row.Status == 2 ? 'upLoad-loading':'','upLoad']"
|
|
|
|
- v-show="scope.row.isDown"
|
|
|
|
- >
|
|
|
|
|
|
+ <div :class="[scope.row.Status == 1 ||scope.row.Status == 2 ? 'upLoad-loading':'','upLoad']" v-show="scope.row.isDown" >
|
|
<div class="progress">
|
|
<div class="progress">
|
|
<el-progress
|
|
<el-progress
|
|
:text-inside="scope.row.Status == 1 || scope.row.Status == 2 ?false:true"
|
|
:text-inside="scope.row.Status == 1 || scope.row.Status == 2 ?false:true"
|
|
:stroke-width="20"
|
|
:stroke-width="20"
|
|
:percentage="scope.row.precent"
|
|
:percentage="scope.row.precent"
|
|
- :status="scope.row.Status == 1 || scope.row.Status == 2 ?'warning':'success'"
|
|
|
|
|
|
+ :color="scope.row.Status == 1 || scope.row.Status == 2 ?'#909399':'#67C23A'"
|
|
></el-progress>
|
|
></el-progress>
|
|
</div>
|
|
</div>
|
|
<div class="progress-right">
|
|
<div class="progress-right">
|
|
<el-button
|
|
<el-button
|
|
v-show="!scope.row.Status"
|
|
v-show="!scope.row.Status"
|
|
type="danger"
|
|
type="danger"
|
|
- icon="el-icon-delete"
|
|
|
|
|
|
+ class="iconfont icon-termination"
|
|
@click="closeUpdate(scope.row)"
|
|
@click="closeUpdate(scope.row)"
|
|
circle
|
|
circle
|
|
></el-button>
|
|
></el-button>
|
|
@@ -159,12 +140,27 @@ export default {
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
.box-card {
|
|
.box-card {
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ .operate {
|
|
|
|
+ .iconfont {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ padding: 7px 12px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .icon-termination {
|
|
|
|
+ color: #F56C6C;
|
|
|
|
+ background: #fff;
|
|
|
|
+ padding: 0;
|
|
|
|
+ border: 0;
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ margin-left: 5px;
|
|
|
|
+ }
|
|
.upLoad {
|
|
.upLoad {
|
|
display: flex;
|
|
display: flex;
|
|
- justify-content: flex-start;
|
|
|
|
|
|
+ justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+ padding: 4px 0;
|
|
.progress {
|
|
.progress {
|
|
- width: 160px;
|
|
|
|
|
|
+ width: 150px;
|
|
height: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -172,15 +168,27 @@ export default {
|
|
position: relative;
|
|
position: relative;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
.progress {
|
|
.progress {
|
|
- width: 200px;
|
|
|
|
|
|
+ width: 220px;
|
|
|
|
+ height: 20px;
|
|
}
|
|
}
|
|
.progress-right {
|
|
.progress-right {
|
|
position: absolute;
|
|
position: absolute;
|
|
- left: 40%;
|
|
|
|
|
|
+ left: 50%;
|
|
top: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
- color: #909399;
|
|
|
|
|
|
+ color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+/deep/ .el-icon-warning {
|
|
|
|
+ display: none;
|
|
|
|
+ // color: transparent;
|
|
|
|
+}
|
|
|
|
+/deep/ .el-progress__text {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+/deep/ .upLoad-loading .el-progress-bar {
|
|
|
|
+ padding-right: 44px;
|
|
|
|
+ margin-right: -44px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|