|
@@ -26,7 +26,7 @@
|
|
|
<view class="two_2">
|
|
|
<button type="warn" size="mini" @tap="toSave">创建</button>
|
|
|
</view>
|
|
|
- <view class="two_3">
|
|
|
+ <view class="two_3" @tap="toInfo({route: '/pagesHome/activity/index'})">
|
|
|
<uni-icons type="list" size="18"></uni-icons>
|
|
|
<text>查看全部活动</text>
|
|
|
</view>
|
|
@@ -61,6 +61,50 @@
|
|
|
<uni-icons type="forward" size="25" color="#858585"></uni-icons>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="four">
|
|
|
+ <view class="four_1">
|
|
|
+ <view class="left">
|
|
|
+ 球队历程
|
|
|
+ </view>
|
|
|
+ <view class="right" @tap="toInfo({route: '/pagesHome/team/album'})">
|
|
|
+ <uni-icons custom-prefix="iconfont" type="icon-xiangce" size="20" color="#333333"></uni-icons>
|
|
|
+ <view class="name">去相册</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="four_2">
|
|
|
+ <view class="list" v-for="(item, index) in list" :key="index" @tap="toActivity(item)">
|
|
|
+ <view class="list_1">
|
|
|
+ <view class="date">{{item.date||'暂无日期'}}</view>
|
|
|
+ <view class="status"
|
|
|
+ :class="[item.status=='0'?'status0':item.status=='1'?'status1':'status2']">
|
|
|
+ {{item.status_name||'暂无状态'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list_2">
|
|
|
+ <view class="name">{{item.name||'暂无活动名称'}}</view>
|
|
|
+ <view class="score">
|
|
|
+ <view class="red">
|
|
|
+ <view class="red_name">{{item.red_name||'暂无红方名称'}}</view>
|
|
|
+ <view class="red_image">
|
|
|
+ <image class="image" mode="aspectFill" :src="item.red_logo||config.logoUrl">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ <view class="red_score">{{item.red_score||0}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="center">:</view>
|
|
|
+ <view class="blue">
|
|
|
+ <view class="blue_score">{{item.blue_score||0}}</view>
|
|
|
+ <view class="blue_image">
|
|
|
+ <image class="image" mode="aspectFill" :src="item.blue_logo||config.logoUrl">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ <view class="blue_name">{{item.blue_name||'暂无蓝方名称'}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -72,24 +116,51 @@
|
|
|
import { onLoad } from "@dcloudio/uni-app";
|
|
|
// 请求接口
|
|
|
const $api = getCurrentInstance()?.appContext.config.globalProperties.$api;
|
|
|
+ interface PropsItem {
|
|
|
+ id ?: number,
|
|
|
+ name ?: string,
|
|
|
+ date ?: string,
|
|
|
+ red_name ?: string,
|
|
|
+ red_score ?: number,
|
|
|
+ red_logo ?: string,
|
|
|
+ blue_name ?: string,
|
|
|
+ blue_score ?: number,
|
|
|
+ blue_logo ?: string,
|
|
|
+ status ?: string,
|
|
|
+ status_name ?: string,
|
|
|
+ };
|
|
|
+ // 列表
|
|
|
+ const list = ref<PropsItem[]>([{ id: 1, name: '测试球队' }, { id: 1, name: '肝帝集团队' }]);
|
|
|
+ // 分页
|
|
|
+ const skip = ref(0);
|
|
|
+ const limit = ref(6);
|
|
|
+ const page = ref(0);
|
|
|
+ const total = ref(0);
|
|
|
// 详情
|
|
|
const info = ref({ id: 1, name: '测试球队', score: '39' });
|
|
|
// 详情信息id
|
|
|
const id = ref('');
|
|
|
+ // 基本信息
|
|
|
+ const config = ref({ logoUrl: '' });
|
|
|
onLoad(async (options) => {
|
|
|
id.value = options && options.id
|
|
|
+ await searchConfig();
|
|
|
await search();
|
|
|
})
|
|
|
+ // config信息
|
|
|
+ const searchConfig = async () => {
|
|
|
+ config.value = uni.getStorageSync('config');
|
|
|
+ };
|
|
|
// 查询
|
|
|
const search = async () => {
|
|
|
if (id.value) { }
|
|
|
};
|
|
|
// 标签列表
|
|
|
const menuList = ref([
|
|
|
- { name: '队员', icon: 'icon-a-14-chengyuanguanli', color: '#333333' },
|
|
|
- { name: '相册', icon: 'icon-xiangce', color: '#333333' },
|
|
|
- { name: '账本', icon: 'icon-zhangben', color: '#333333' },
|
|
|
- { name: '战术板', icon: 'icon-cricket-pitch', color: '#333333' },
|
|
|
+ { name: '队员', icon: 'icon-a-14-chengyuanguanli', color: '#333333', route: '/pagesHome/team/person', },
|
|
|
+ { name: '相册', icon: 'icon-xiangce', color: '#333333', route: '/pagesHome/team/album', },
|
|
|
+ { name: '账本', icon: 'icon-zhangben', color: '#333333', route: '/pagesHome/team/book', },
|
|
|
+ { name: '战术板', icon: 'icon-cricket-pitch', color: '#333333', route: '/pagesHome/team/board', },
|
|
|
]);
|
|
|
// 修改
|
|
|
const toEdit = (item : any) => {
|
|
@@ -97,6 +168,18 @@
|
|
|
url: `/pagesHome/team/index?id=${item._id || item.id}`,
|
|
|
})
|
|
|
};
|
|
|
+ // 菜单详情
|
|
|
+ const toInfo = (item : any) => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `${item.route}?id=${id.value}`,
|
|
|
+ })
|
|
|
+ };
|
|
|
+ // 活动详情
|
|
|
+ const toActivity = (item : any) => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pagesHome/activity/info?id=${item._id || item.id}&name=${item.name}`,
|
|
|
+ })
|
|
|
+ };
|
|
|
// 创建
|
|
|
const toSave = () => { };
|
|
|
</script>
|
|
@@ -156,7 +239,7 @@
|
|
|
.position {
|
|
|
position: absolute;
|
|
|
top: 35vw;
|
|
|
-
|
|
|
+
|
|
|
.two {
|
|
|
width: 94vw;
|
|
|
margin: 0 3vw;
|
|
@@ -164,22 +247,22 @@
|
|
|
border-radius: 1vw;
|
|
|
text-align: center;
|
|
|
background-color: var(--mainColor);
|
|
|
-
|
|
|
+
|
|
|
.two_1 {
|
|
|
font-size: var(--font16Size);
|
|
|
color: var(--f99Color);
|
|
|
padding: 2vw 0;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.two_2 {
|
|
|
padding: 4vw 0;
|
|
|
-
|
|
|
+
|
|
|
button {
|
|
|
padding: 0 10vw;
|
|
|
font-size: var(--font16Size);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.two_3 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -187,31 +270,31 @@
|
|
|
padding: 5vw 0;
|
|
|
font-size: var(--font14Size);
|
|
|
border-top: 1px solid var(--footColor);
|
|
|
-
|
|
|
+
|
|
|
text {
|
|
|
padding: 0 2vw;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.thr {
|
|
|
width: 94vw;
|
|
|
margin: 3vw;
|
|
|
padding: 2vw 0;
|
|
|
border-radius: 1vw;
|
|
|
background-color: var(--mainColor);
|
|
|
-
|
|
|
+
|
|
|
.thr_1 {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
padding: 1vw 0 4vw 0;
|
|
|
border-bottom: 1px solid var(--footColor);
|
|
|
-
|
|
|
+
|
|
|
.list {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
-
|
|
|
+
|
|
|
.name {
|
|
|
margin: 1vw 0 0 0;
|
|
|
color: var(--f33Color);
|
|
@@ -219,41 +302,174 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.thr_2 {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 4vw 2vw;
|
|
|
-
|
|
|
+
|
|
|
.fraction {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
-
|
|
|
+
|
|
|
.top {
|
|
|
font-size: var(--font20Size);
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.bottom {
|
|
|
color: var(--f99Color);
|
|
|
font-size: var(--font14Size);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.circle {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
color: var(--f99Color);
|
|
|
font-size: var(--font14Size);
|
|
|
-
|
|
|
+
|
|
|
text {
|
|
|
padding: 0 1vw;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .four {
|
|
|
+ width: 94vw;
|
|
|
+ margin: 3vw;
|
|
|
+ padding: 2vw 0;
|
|
|
+ border-radius: 1vw;
|
|
|
+ background-color: var(--mainColor);
|
|
|
+
|
|
|
+ .four_1 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 2vw;
|
|
|
+ border-bottom: 1px solid var(--footColor);
|
|
|
+
|
|
|
+ .left {
|
|
|
+ font-size: var(--font18Size);
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ padding: 0 1vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .four_2 {
|
|
|
+ .list {
|
|
|
+ .list_1 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 4vw 2vw 2vw 2vw;
|
|
|
+
|
|
|
+ .date {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .status {
|
|
|
+ font-size: var(--font12Size);
|
|
|
+ margin: 0 1vw;
|
|
|
+ padding: 1px 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .status0 {
|
|
|
+ color: var(--mainColor);
|
|
|
+ background-color: var(--fF0Color);
|
|
|
+ }
|
|
|
+
|
|
|
+ .status1 {
|
|
|
+ color: var(--mainColor);
|
|
|
+ background-color: var(--fFFColor);
|
|
|
+ }
|
|
|
+
|
|
|
+ .status2 {
|
|
|
+ color: var(--f99Color);
|
|
|
+ background-color: var(--f9Color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list_2 {
|
|
|
+ border: 1px solid var(--f5Color);
|
|
|
+ padding: 2vw;
|
|
|
+ border-radius: 2px;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 2vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: var(--font14Size);
|
|
|
+ background-color: var(--f9Color);
|
|
|
+ border-radius: 5vw;
|
|
|
+ padding: 1vw 0;
|
|
|
+
|
|
|
+ .red {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 1vw 0 0;
|
|
|
+
|
|
|
+ .red_image {
|
|
|
+ margin: 0 1vw;
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
+ border-radius: 8vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .red_score {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ color: var(--fF0Color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ color: var(--fF0Color);
|
|
|
+ }
|
|
|
+
|
|
|
+ .blue {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 0 0 1vw;
|
|
|
+
|
|
|
+ .blue_image {
|
|
|
+ margin: 0 1vw;
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
+ border-radius: 8vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .blue_score {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ color: var(--fF0Color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|