|
@@ -0,0 +1,76 @@
|
|
|
|
+<template>
|
|
|
|
+ <view>
|
|
|
|
+ <view
|
|
|
|
+ class="selList"
|
|
|
|
+ v-for="(item, index) in list" :key="index"
|
|
|
|
+ >
|
|
|
|
+ <view class="radios" @click="chooseItem(item)">
|
|
|
|
+ <radio :checked="item.id == value" :value="item.name" />
|
|
|
|
+ <text>{{item.name}}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="details" @click="viewDetail(item)">
|
|
|
|
+ 详情 <u-icon name='arrow-right'></u-icon>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ list: [
|
|
|
|
+ {
|
|
|
|
+ id: '1232',
|
|
|
|
+ name: 'apple',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: '2223',
|
|
|
|
+ name: 'banner',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: '3333',
|
|
|
|
+ name: 'orange',
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ value: '',
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ // 选中方案
|
|
|
|
+ chooseItem(item) {
|
|
|
|
+ this.value = item.id
|
|
|
|
+ },
|
|
|
|
+ // 查看详情
|
|
|
|
+ viewDetail(item){
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:"/pages/evaluatePlan/planDetail?id="+item.id
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss">
|
|
|
|
+ .selList{
|
|
|
|
+ width: 100%;
|
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .radios{
|
|
|
|
+ flex-grow: 1;
|
|
|
|
+ padding: 20upx;
|
|
|
|
+ &:active{
|
|
|
|
+ background-color: #F8F8F8;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .details{
|
|
|
|
+ color: #007AFF;
|
|
|
|
+ padding-right: 20upx;
|
|
|
|
+ &:active{
|
|
|
|
+ color: #D9363E;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</style>
|