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.
213 lines
4.1 KiB
213 lines
4.1 KiB
<template>
|
|
<view class="container-main">
|
|
<view class="data-main">
|
|
<view class="data-rows" style="padding-top: 0">
|
|
<view class="data-lable">年 度</view>
|
|
<view class="data-value"> 12</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">所在地区</view>
|
|
<view class="data-value"> 2</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">企业类型</view>
|
|
<view class="data-value">3</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">申请等级</view>
|
|
<view class="data-value">3</view>
|
|
</view>
|
|
<view class="data-rows" style="align-items: flex-start">
|
|
<view class="data-lable">地址</view>
|
|
<view class="data-value">
|
|
{{ form.address }}
|
|
</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">发布时间</view>
|
|
<view class="data-value">23</view>
|
|
</view>
|
|
<view class="data-rows" style="display: block" v-if="form.files">
|
|
<view class="data-lable">附件</view>
|
|
<view class="data-value" v-if="fileList[0].name =='' & fileList[0].url == ''">
|
|
|
|
</view>
|
|
<view class="data-value" v-else>
|
|
<view class="file-item" v-for="(item, index) in fileList" :key="index">
|
|
<view class="file-type">
|
|
<image :src="fileType(item.url)" mode=""></image>
|
|
</view>
|
|
<u-link :href="
|
|
baseUrl + '/common/download/downloadmino?filename=' + item.url
|
|
" :font-size="25">
|
|
{{ item.name }}
|
|
</u-link>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<modelScore />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getinfo
|
|
} from "@/api/shianliaoning/enterprise.js";
|
|
|
|
import config from "@/config.js";
|
|
export default {
|
|
data() {
|
|
return {
|
|
baseUrl: config.baseUrl,
|
|
currentIndex: 0,
|
|
form: {},
|
|
typeState: [{
|
|
lable: "食物中毒",
|
|
value: 0,
|
|
}, ],
|
|
fileList: [],
|
|
formScore: {
|
|
createId: null,
|
|
createBy: null,
|
|
demonstration_id: null, //示范id
|
|
grade: 0,
|
|
content: "",
|
|
writer: "", //填写人
|
|
type: 7,
|
|
},
|
|
//示范的id
|
|
ids: null,
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
this.ids = option.id
|
|
},
|
|
onShow() {
|
|
if (this.$refs.score != undefined) {
|
|
this.$refs.score.resetList()
|
|
}
|
|
},
|
|
methods: {
|
|
//预览图片
|
|
viewIamge(url, index) {
|
|
uni.previewImage({
|
|
current: index,
|
|
urls: url.split(","),
|
|
});
|
|
},
|
|
// 翻译
|
|
filerDict(value) {
|
|
if (value == undefined) return;
|
|
let name = this.typeState.filter((item) => item.value == value);
|
|
return name[0].lable;
|
|
},
|
|
//详情
|
|
getInfo(id) {
|
|
|
|
},
|
|
clickTab(index) {
|
|
this.currentIndex = index;
|
|
},
|
|
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container-main {
|
|
box-sizing: border-box;
|
|
padding: 20rpx 20rpx 140rpx 20rpx;
|
|
|
|
.tabList {
|
|
height: 88rpx;
|
|
border-radius: 16rpx;
|
|
background: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&>view {
|
|
flex: 1;
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
color: #34373b;
|
|
}
|
|
|
|
&>view:nth-child(1) {
|
|
border-right: 1px solid #dce3ec;
|
|
}
|
|
|
|
.activeTab {
|
|
font-weight: 600;
|
|
color: #3976f1;
|
|
}
|
|
}
|
|
|
|
.data-main {
|
|
min-height: 300rpx;
|
|
border-radius: 16rpx;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.data-rows {
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1rpx solid #ecf1f7;
|
|
box-sizing: border-box;
|
|
padding: 30rpx 0;
|
|
|
|
.data-lable {
|
|
width: 190rpx;
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
color: #34373b;
|
|
}
|
|
|
|
.data-value {
|
|
flex: 1;
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
color: #616367;
|
|
}
|
|
|
|
.data-img {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
image {
|
|
width: 30%;
|
|
height: 188rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.file-item {
|
|
border-radius: 10rpx;
|
|
border: 1px solid #ecf1f7;
|
|
box-sizing: border-box;
|
|
padding: 20rpx;
|
|
margin-top: 15rpx;
|
|
width: 100%;
|
|
font-size: 25rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.file-type {
|
|
height: 70rpx;
|
|
width: 60rpx;
|
|
margin-right: 20rpx;
|
|
|
|
image {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style> |