111 lines
4.3 KiB
Vue
111 lines
4.3 KiB
Vue
<template>
|
|
<view>
|
|
<u-sticky offset-top="0" customNavHeight="0">
|
|
<uititle title="加工厂信息"></uititle>
|
|
</u-sticky>
|
|
<view class="m-a w-1200 bg-white p-20 rounded">
|
|
<el-divider>
|
|
<span class="text-50 text-main font-bold">工厂信息</span>
|
|
</el-divider>
|
|
<el-descriptions border :column="1">
|
|
<el-descriptions-item label="成立年限">
|
|
<p>{{ info.year }}年</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="年产值">
|
|
<p>{{ info.yearsIncome }}万元</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="员工人数">
|
|
<p>{{ info.employeeNum }}人</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="流水线数量">
|
|
<p>{{ info.flowNum }}条</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="厂房归属">
|
|
<p>{{ info.blongTo }}</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="厂房面积">
|
|
<p>{{ info.size }}平方米</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="所在地">
|
|
<p>{{ info.addressRegion.province.name }}{{ info.addressRegion.city.name }}</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="主营工艺和业务范围">
|
|
<p>{{ info.mainProcess }}</p>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="服务信息">
|
|
<p>{{ info.serviceInfo }}</p>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<template v-if="info.video">
|
|
<el-divider>
|
|
<span class="text-50 text-main font-bold">视频</span>
|
|
</el-divider>
|
|
<video :src="info.video" style="width: 100%" controls></video>
|
|
</template>
|
|
<el-divider>
|
|
<span class="text-50 text-main font-bold">设备信息</span>
|
|
</el-divider>
|
|
|
|
<view v-for="(item, index) in info.deviceList" :key="index"
|
|
class="fle flex-col justify-start items-start border-bottom">
|
|
<view class="flex justify-center">
|
|
<p class="mb-10 flex-1">设备名称:{{ item.name }}</p>
|
|
<p class="mb-10 flex-1">设备数量:{{ item.num }}台</p>
|
|
</view>
|
|
<view class="flex justify-center">
|
|
<p class="mb-10 flex-1">设备来源:{{ item.source }}</p>
|
|
<p class="mb-10 flex-1">设备类型:{{ item.type }}</p>
|
|
</view>
|
|
<p class="mb-10">品牌:{{ item.brand }}</p>
|
|
<p class="mb-10">型号:{{ item.model }}</p>
|
|
<p class="mb-10">投产年限:{{ item.year }}年</p>
|
|
<p class="mb-10">特点描述:{{ item.desc }}</p>
|
|
</view>
|
|
|
|
<el-divider>
|
|
<span class="text-50 text-main font-bold">工厂实景</span>
|
|
</el-divider>
|
|
<div class="flex justify-start items-start">
|
|
<el-image v-for="(item, index) in info.album" :key="index" :src="item" class="mr-25 mb-25"
|
|
style="width: 200px; height: 200px;" fit="cover" :preview-src-list="info.album"/>
|
|
</div>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uititle from "@/components/common/title.vue";
|
|
|
|
export default {
|
|
name: "factory",
|
|
components: {uititle},
|
|
data() {
|
|
return {
|
|
info: null
|
|
}
|
|
},
|
|
methods: {
|
|
async getInfo(userId) {
|
|
const {data} = await vk.callFunction({
|
|
url: 'client/factory/pub/getInfo',
|
|
data: {
|
|
userId
|
|
}
|
|
})
|
|
if (!data) {
|
|
this.$message.error('获取工厂信息失败')
|
|
setTimeout(() => {
|
|
vk.navigationBack()
|
|
}, 1000)
|
|
} else {
|
|
this.info = data
|
|
}
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
if (options && options.userId) {
|
|
this.getInfo(options.userId)
|
|
}
|
|
}
|
|
}
|
|
</script> |