20261008
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user