<!--
@ 作者: 秦东
@ 时间: 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 =>{
			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>
