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.
150 lines
2.6 KiB
150 lines
2.6 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"> 123</view>
|
|
</view>
|
|
<view class="data-rows" style="padding-top: 0" >
|
|
<view class="data-lable">县区名称</view>
|
|
<view class="data-value"> 123123</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">城市类别</view>
|
|
<view class="data-value">234</view>
|
|
</view>
|
|
<view class="data-rows">
|
|
<view class="data-lable">申报年份</view>
|
|
<view class="data-value">234234</view>
|
|
</view>
|
|
<!-- <view class="data-rows">
|
|
<view class="data-lable">申报阶段</view>
|
|
<view class="data-value">{{declare1}}</view>
|
|
</view> -->
|
|
</view>
|
|
<modelScore >
|
|
</modelScore>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import config from "@/config.js";
|
|
export default {
|
|
data() {
|
|
return {
|
|
typeName: "",
|
|
baseUrl: config.baseUrl,
|
|
form: {},
|
|
//示范五个的type类型
|
|
type: 0,
|
|
//示范的id
|
|
ids: null,
|
|
cityList: [],
|
|
countyList: [],
|
|
cityTpye: [],
|
|
//申报阶段
|
|
declare1: "",
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
filterCity(name, title) {
|
|
|
|
},
|
|
//详情
|
|
getInfo(id, name) {
|
|
|
|
},
|
|
},
|
|
};
|
|
</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;
|
|
}
|
|
</style> |