把后台接口反的数据 处理成想要的数据实现 点击加号数据会追加，不能重复选择

需求视频

 d

 

 

 看不懂的话，有视频 

 需求是项目申请发货  之后跳转到 发货详情页面 一个项目中 组件可以有多个型号 540W,545w,型号里面又有多个品牌，比如说尚德和晶澳 ，但是，第一个选择框 是两个品牌都可以选，但是第二个选择框 只能选第一个没有选过的品牌 （总结就是不能选已经选过的牌子）。545W的也一样

 实现代码 

把方框里的东西做成单独的组件 <model> 想要的数据结构是moduleList  model 子组件里面传品牌列表 brandlist 和点击加号 push 的sublist

moduleList 里面的数据 结构是 

处理的方法 getGoodsInfo（）里

<template>
	<view class="content-box" style="min-height: 100vh;  background: #F5F5F5;">
		<common-header>申请发货清单</common-header>
		<view class="address-box">
			<view v-if="customerInfo.consignee_name">
				<view class="line1"> <span>{
  {customerInfo.consignee_name}}</span><span
						style="margin-left: 10rpx;">{
  {customerInfo.consignee_phone}}</span> </view>
				<view class="line2"> {
  {customerInfo.consignee_area}}<br>{
  {customerInfo.consignee_address}}</view>
				<image @click="confirmWrite('edit')" src="../../../../static/yl_img/edit.png"></image>
			</view>
			<view v-if="!customerInfo.consignee_name">
				配置收货地址
				<u-icon @click="confirmWrite()" name="arrow-rightward" size='36' color="#ED9756"></u-icon>
			</view>
		</view>

		<view class="deliveryTab-box">
			<view class="deliveryTab">
				<view :class="activeTab==1?'tab-item active':'tab-item'" @click="handleTab(1)">
					<image :src="activeTab==1? '../../../../static/radio.png':'../../../../static/noradio.png'"
						mode="aspectFit"></image>
					<view>消耗库存</view>
				</view>
				<view v-if="canAllCar" :class="activeTab==2?'tab-item active':'tab-item'" @click="handleTab(2)">
					<image :src="activeTab==2? '../../../../static/radio.png':'../../../../static/noradio.png'"
						mode="aspectFit"></image>
					<view>整车装发</view>
				</view>
			</view>
			<view class="tab-detail">
				<view v-show="activeTab==1">
					当前组件可用库存满足实际需求。
					该清单中，逆变器和并网箱，需单独物流配送。
				</view>
				<view v-show="activeTab==2">
					<view class="tab-line">
						<view class="line-key">车型匹配：</view>
						<view class="line-value">
							<view>{
  {carModelDetailVO.carModelName}}</view>
							<image src="../../../../static/help.png" mode="aspectFit" @click="handleHelp()"></image>
						</view>

					</view>
					<view class="tab-line">
						<view class="line-key">组件实际需求(块)：</view>
						<view class="line-value">{
  {carModelDetailVO.actualCount}}</view>
					</view>
					<view class="tab-line">
						<view class="line-key">组件整车请购(块)：</view>
						<view class="line-value">{
  {carModelDetailVO.numberOfMaxPallets}}</view>
					</view>
				</view>
			</view>
		</view>

		<!-- projectNumberList.split(',').length -->
		<view class="num-total">
			项目数量：<text>{
  {projectCount}}</text>
		</view>

		<view class="cell_box">
			<view class="cell-tab">
				<view v-for="(item,index) in cellList" :class="cell