Commit c78ca4c8 authored by 徐一鸣's avatar 徐一鸣

卡片优化

parent 1c8d31c6
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<a class="remove_btn" @click.prevent="deleteAction"> <a class="remove_btn" @click.prevent="deleteAction">
<i class="el-icon-close"></i> <i class="el-icon-close"></i>
</a> </a>
<div class="app_card-icon"> <div class="app_card-icon" @click="intoDetail">
<el-avatar shape="square" :size="56" fit="cover" :src="data.logo" /> <el-avatar shape="square" :size="56" fit="cover" :src="data.logo" />
</div> </div>
<div class="app_card-info"> <div class="app_card-info">
...@@ -27,15 +27,14 @@ ...@@ -27,15 +27,14 @@
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
<span>上线时间:</span> <span>上线时间:</span>
</span> </span>
<span <span class="text_clip" v-text="getTimeText(data.created || '')"></span>
class="text_clip"
v-text="data.created && data.created.substring(0, 10)"
></span>
</p> </p>
</div> </div>
</template> </template>
<script> <script>
import helper from "@/services/helper.js";
export default { export default {
props: { props: {
data: { data: {
...@@ -52,6 +51,9 @@ export default { ...@@ -52,6 +51,9 @@ export default {
}, },
}, },
methods: { methods: {
getTimeText(time) {
return helper.dateStringTransform(time);
},
deploymentAction() { deploymentAction() {
this.$emit("deployment-action", this.data); this.$emit("deployment-action", this.data);
}, },
...@@ -62,7 +64,7 @@ export default { ...@@ -62,7 +64,7 @@ export default {
this.$router.push( this.$router.push(
`${this.detailsUrl}${ `${this.detailsUrl}${
this.cardType == 0 this.cardType == 0
? this.data.app_id+`?source=${this.data.source}` ? this.data.app_id + `?source=${this.data.source}`
: this.data.deploy_id + `?app_id=${this.data.app_id}` : this.data.deploy_id + `?app_id=${this.data.app_id}`
}` }`
); );
...@@ -97,6 +99,7 @@ export default { ...@@ -97,6 +99,7 @@ export default {
} }
.app_card > .app_card-icon { .app_card > .app_card-icon {
margin-right: 18px; margin-right: 18px;
cursor: pointer;
} }
.app_card > .app_card-info { .app_card > .app_card-info {
width: calc(100% - 56px - 20px); width: calc(100% - 56px - 20px);
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<a class="remove_btn" @click.prevent="deleteAction" v-if="!hideDelete"> <a class="remove_btn" @click.prevent="deleteAction" v-if="!hideDelete">
<i class="el-icon-close"></i> <i class="el-icon-close"></i>
</a> </a>
<div class="organization_card-icon"> <div class="organization_card-icon" @click="intoDetail">
<el-avatar <el-avatar
shape="square" shape="square"
:size="56" :size="56"
...@@ -100,6 +100,7 @@ export default { ...@@ -100,6 +100,7 @@ export default {
} }
.organization_card > .organization_card-icon { .organization_card > .organization_card-icon {
margin-right: 18px; margin-right: 18px;
cursor: pointer;
} }
.organization_card > .organization_card-info { .organization_card > .organization_card-info {
width: calc(100% - 56px - 20px); width: calc(100% - 56px - 20px);
......
...@@ -915,7 +915,7 @@ export default { ...@@ -915,7 +915,7 @@ export default {
]; ];
this.otherFilter1 = [ this.otherFilter1 = [
{ {
name: "在线状态", name: "在线区域",
prop: "online_state", prop: "online_state",
data: [ data: [
{ {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment