|
@@ -3,23 +3,12 @@
|
|
|
<div class="workbench">
|
|
|
<div class="container">
|
|
|
<div class="solver">
|
|
|
- <el-image
|
|
|
- :src="getImage('b7b4532a3085457a9d7260439ae00002')"
|
|
|
- :fit="fit"
|
|
|
- ></el-image>
|
|
|
- <div
|
|
|
- :class="[
|
|
|
- 'solver-list',
|
|
|
- dataList[0].preprocessDisplayStyle == 2 ||
|
|
|
- dataList[0].cfdDisplayStyle == 2
|
|
|
- ? 'full'
|
|
|
- : '',
|
|
|
- ]"
|
|
|
- v-for="(list, index) in dataList[0] ? dataList[0].kindRows : []"
|
|
|
+ <div class="solver-list"
|
|
|
+ v-for="(list, index) in dataList"
|
|
|
:key="index"
|
|
|
>
|
|
|
<el-image
|
|
|
- :src="getImage('b7b4532a3085457a9d7260439ae00004')"
|
|
|
+ :src="getImage(list.imgid)"
|
|
|
:fit="fit"
|
|
|
></el-image>
|
|
|
<!-- <img v-if="list.kindId" :src="getImage(list.kindId)" /> -->
|
|
@@ -88,7 +77,43 @@ export default {
|
|
|
// platformIds: 'ed4f8bb6257344878d9d68783787fc3d',
|
|
|
pretreatment: '',
|
|
|
solver: '',
|
|
|
- dataList: [],
|
|
|
+ dataList: [
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00004",
|
|
|
+ kindName:"声学分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10001"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00005",
|
|
|
+ kindName:"光学分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10004"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00006",
|
|
|
+ kindName:"多物理场分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10005"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00007",
|
|
|
+ kindName:"辐射分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10006"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00008",
|
|
|
+ kindName:"结构分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10007"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00003",
|
|
|
+ kindName:"电磁分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10002"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ imgid:"b7b4532a3085457a9d7260439ae00004",
|
|
|
+ kindName:"流体分析",
|
|
|
+ kindPicIconId:"b7b4532a3085457a9d7260439ae10003"
|
|
|
+ },
|
|
|
+ ],
|
|
|
fit: 'fill',
|
|
|
tab:false,
|
|
|
displaystyle:false,
|
|
@@ -118,8 +143,8 @@ export default {
|
|
|
// this.getData()
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
getImage(id) {
|
|
|
- console.log(id);
|
|
|
return getImage(id)
|
|
|
},
|
|
|
getData() {
|
|
@@ -203,8 +228,12 @@ export default {
|
|
|
@include w_h(100%);
|
|
|
font-size: 12px;
|
|
|
color: $color_b;
|
|
|
- padding: 0 $pad;
|
|
|
+ padding: 0 20px;
|
|
|
overflow: hidden;
|
|
|
+ height: calc(100vh - 75px);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
.tab {
|
|
|
@include flex(space-between, flex-start);
|
|
|
overflow: hidden;
|
|
@@ -272,6 +301,7 @@ export default {
|
|
|
min-height: 378px;
|
|
|
max-height: 720px;
|
|
|
padding: 21px 0 12px;
|
|
|
+ height: 800px;
|
|
|
h3 {
|
|
|
font-size: 18px;
|
|
|
line-height: 40px;
|
|
@@ -336,6 +366,7 @@ export default {
|
|
|
opacity: 0;
|
|
|
transition: all 0.8s;
|
|
|
overflow: auto;
|
|
|
+ display: none;
|
|
|
.title {
|
|
|
@include w_h(100%, 40px);
|
|
|
@include flex();
|
|
@@ -474,4 +505,8 @@ color: rgba($color: #ffffff, $alpha: 0.4);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.solver-list .el-image{
|
|
|
+ height: 800px;
|
|
|
+
|
|
|
+}
|
|
|
</style>
|