数通智联化工云平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

102 lines
2.3 KiB

<!--
@ 作者: 秦东
@ 时间: 2023-06-12 15:58:12
@ 备注: 仓储物流
-->
<script lang='ts' setup>
import { createOneClickLogin } from "@/api/system/roleapi/rolecont";
import AppContent from '@/views/appstore/appmarket/content.vue'
const boxIsShow = ref(false)
const appId = ref<number>()
/**
* 查看详情
*/
function lookappcont(id:number){
appId.value = id
boxIsShow.value = true
}
//跳转地址
const jumpUrl = (val:any) =>{
createOneClickLogin({url:val})
.then((data:any) =>{
console.log("跳转地址--->",data.data)
if(data.code == 0){
window.open(data.data,'_blank')
}
})
}
</script>
<template>
<AppContent v-model:isshow="boxIsShow" :appcontid="appId" />
<el-row :gutter="20">
<el-col :span="6" class="app_box">
<el-card :body-style="{ padding: '0px' }">
<img
src="/src/assets/index/5.png"
class="image"
/>
<div style="padding: 14px">
<span>无人值守计量系统</span>
<div class="bottom">
<time class="time"></time>
<el-button text class="button" @click="lookappcont(25)">查看详情</el-button>
</div>
</div>
</el-card>
</el-col>
<el-col :span="6" class="app_box">
<el-card :body-style="{ padding: '0px' }">
<img
src="/src/assets/index/14.jpg"
class="image"
/>
<div style="padding: 14px">
<span>千云物流系统</span>
<div class="bottom">
<time class="time"></time>
<el-link href="http://36.133.126.177:8081/#/login" target="_blank">查看详情</el-link>
</div>
</div>
</el-card>
</el-col>
<el-col :span="6" class="app_box">
<el-card :body-style="{ padding: '0px' }">
<img
src="/src/assets/index/15.jpg"
class="image"
/>
<div style="padding: 14px">
<span>WMS仓储管理系统</span>
<div class="bottom">
<time class="time"></time>
<el-link @click="jumpUrl('https://jy.hxgk.group')">查看详情</el-link>
</div>
</div>
</el-card>
</el-col>
</el-row>
</template>
<style lang='scss' scoped>
.app_box{
margin: 15px 0 0 0px;
}
.bottom {
margin-top: 13px;
line-height: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.button {
padding: 0;
min-height: auto;
}
.image {
width: 100%;
display: block;
height: 300px;
}
</style>