Jelajahi Sumber

接口调试

lilei 4 tahun lalu
induk
melakukan
7fbc4d1582
1 mengubah file dengan 22 tambahan dan 83 penghapusan
  1. 22 83
      pages/spotCheckConfigure/evaluateItem.vue

+ 22 - 83
pages/spotCheckConfigure/evaluateItem.vue

@@ -3,38 +3,19 @@
 		<!-- 考评项 -->
 		<view class="kp-tabsBox">
 			<view class="kp-tabs">
-				<view class="active">
-					<view>正常营业</view>
-					<view>(4项)</view>
-				</view>
-				<view>
-					<view>正常营业</view>
-					<view>(4项)</view>
-				</view>
-				<view>
-					<view>正常营业</view>
-					<view>(4项)</view>
+				<view @click="onTab(index)" :class="activeIndex == index ? 'active':''" v-for="(item,index) in items" :key="item.id">
+					<view>{{item.name}}</view>
+					<view>({{item.assessTargetNum}}项)</view>
 				</view>
 			</view>
 			<view class="kp-items">
-				<!-- <view>
-					<u-checkbox-group @change="checkboxGroupChange" >
-						<u-checkbox 
-							@change="checkboxChange" 
-							shape="square"
-							v-model="item.checked" 
-							v-for="(item, index) in list" :key="index" 
-							:name="item.name"
-						/>
-					</u-checkbox-group>
-				</view> -->
 				<view>
 					<checkbox-group @change="checkboxChange" class="checkbox-group">
-						<label v-for="item in items" :key="item.value" >
+						<label v-for="item in childItems" :key="item.id" >
 							<view  class="checkbox-item">
 								<view class="item-name">{{item.name}}</view>
 								<view>
-									<checkbox :value="item.value" :checked="item.checked" />
+									<checkbox :value="item.id" :checked="item.checked" />
 								</view>
 							</view>
 						</label>
@@ -44,69 +25,34 @@
 		</view>
 		<!-- 选择按钮 -->
 		<view class="kp-ok">
-			提交
+			确定选择
 		</view>
 	</view>
 </template>
 
 <script>
+	import {findAllItem} from '@/api/assess'
 	export default{
 		data(){
 			return{
-				type:'info',
-				size:'mini',
-				val:'选择',
-				checked:true,
-				// list: [
-				// 	{
-				// 		name: 'apple',
-				// 		checked: false,
-				// 		disabled: false
-				// 	},
-				// 	{
-				// 		name: 'banner',
-				// 		checked: false,
-				// 		disabled: false
-				// 	},
-				// 	{
-				// 		name: 'orange',
-				// 		checked: false,
-				// 		disabled: false
-				// 	}
-				// ]
-				items: [{
-						value: 'USA',
-						name: '美国'
-					},
-					{
-						value: 'CHN',
-						name: '中国',
-						checked: 'true'
-					},
-					{
-						value: 'BRA',
-						name: '巴西'
-					},
-					{
-						value: 'JPN',
-						name: '日本'
-					},
-					{
-						value: 'ENG',
-						name: '英国'
-					},
-					{
-						value: 'FRA',
-						name: '法国'
-					}
-				]
+				items: [],
+				activeIndex:0,
+				childItems:[]
 			}
 		},
+		onLoad() {
+			findAllItem().then(res=>{
+				if(res.status == 200){
+					this.items = res.data
+					this.onTab(0)
+				}
+			})
+		},
 		methods:{
-			// radioChange(e){
-			// 	console.log(e)
-			// 	this.radioVal=false
-			// }
+			onTab(index){
+				this.activeIndex = index
+				this.childItems = this.items[index].assessTargetList
+			},
 			checkboxChange: function (e) {
 				var items = this.items,
 					values = e.detail.value;
@@ -119,13 +65,6 @@
 					}
 				}
 			}
-			// checkboxChange(e) {
-			// 	//console.log(e);
-			// },
-			// // 选中任一checkbox时,由checkbox-group触发
-			// checkboxGroupChange(e) {
-			// 	// console.log(e);
-			// },
 		}
 	}
 </script>