chuchu-new/packageA/targetBoard/index.wxml

<view class="header">
	<image src="/packageA/targetBoard/u11.png" mode="widthFix" />
</view>

<view class='main'>
	<view class="title">
		营销区域
		<picker mode='selector' wx:if="{{currentUser.key}}" range='{{areaList}}' value="{{currentUser.rowindex-1}}" range-key='key' class="right-box" bindchange='changeSalearea'>
			{{currentUser.key}}
		</picker>
	</view>
	<view class="label" wx:if="{{target}}">
		月度指标
		<picker mode='date' fields='month' value="{{currentYear + '-' + currentMonth}}" class="right-box" bindchange='changeDate'>
			{{currentYear + '-' + currentMonth}}
		</picker>
	</view>
	<view class="grid-box" wx:if="{{target}}">
		<view class="grid-container">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>月度任务（万）</view>
				<view class='grid-container-item-value'>{{ target.rw_month}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>回款完成额</view>
				<view class='grid-container-item-value'>{{ target.completedamount  }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>上月超额完成</view>
				<view class='grid-container-item-value'>{{ target.previousexceed  }}</view>
			</view>
		</view>
		<view class="grid-container" style="border: 1px solid #306BFD;">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>Gc工程</view>
				<view>（月任务10%）</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>当月完成额</view>
				<view class='grid-container-item-value'>{{ target.gccompletedamount }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>超出部分</view>
				<view class='grid-container-item-value'>{{ target.gccompletedamountexceed  }}</view>
			</view>
		</view>
		<view class="grid-container" style="border: 1px solid #306BFD;">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>整装工程</view>
				<view>（月任务5%）</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>当月完成额</view>
				<view class='grid-container-item-value'>{{ target.zzcompletedamount }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>超出部分</view>
				<view class='grid-container-item-value'>{{ target.zzcompletedamountexceed  }}</view>
			</view>
		</view>
		<view class="grid-container">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>超额完成部分</view>
				<view class='grid-container-item-value'>{{ target.completedamountexceed100 }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>实际完成额</view>
				<view class='grid-container-item-value'>{{ target.actualcompletedamount }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>当月实际完成%</view>
				<view class='grid-container-item-value' style="color: #D9001B;">{{
					target.actualcompletedpercentage }}%</view>
			</view>
		</view>
	</view>
	<view class="label" wx:if="{{target}}">
		季度指标（{{currentYear + quarterMap[currentQuarter]}}季度）
	</view>
	<view class="grid-box" wx:if="{{target}}">
		<view class="grid-container">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>季度任务（万）</view>
				<view class='grid-container-item-value'>{{ target.rw_quarter }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>回款完成额</view>
				<view class='grid-container-item-value'>{{ target.completedamount_quarter }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>上季度超额完成</view>
				<view class='grid-container-item-value'>{{ target.previousexceed_quarter}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>GC工程</view>
				<view class='grid-container-item-value'>{{ target.gccompletedamount_quarter }}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>整装工程</view>
				<view class='grid-container-item-value'>{{ target.zzcompletedamount_quarter}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>季度完成总额</view>
				<view class='grid-container-item-value'>{{ target.actualcompletedamount_quarter}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>季度百分比</view>
				<view class='grid-container-item-value' style="color: #D9001B;">{{
					target.actualcompletedpercentage_quarter }}%</view>
			</view>
		</view>
	</view>

	<view class="label" wx:if="{{target}}">
		总指标

		<view class="right-box" bind:tap="openDialog">
			{{currentYear +'年'+ months}}月
		</view>
	</view>
	<view class="grid-box" wx:if="{{target}}">
		<view class="grid-container">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>任务（万）</view>
				<view class='grid-container-item-value'>{{ target.rw_total}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>回款完成额</view>
				<view class='grid-container-item-value'>{{ target.completedamount_total}}</view>
			</view>
		</view>
		<view class="grid-container">
			<view class="grid-container-item">
				<view class='grid-container-item-label'>GC工程</view>
				<view class='grid-container-item-value'>{{ target.gccompletedamount_total}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>整装工程</view>
				<view class='grid-container-item-value'>{{ target.zzcompletedamount_total}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>总完成额</view>
				<view class='grid-container-item-value'>{{ target.actualcompletedamount_total}}</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>百分比</view>
				<view class='grid-container-item-value' style="color: #D9001B;">{{
					target.actualcompletedpercentage_total }}%</view>
			</view>
			<view class="grid-container-item">
				<view class='grid-container-item-label'>距70%差额</view>
				<view class='grid-container-item-value' style="color: #D9001B;">{{
					target.differenceamount_total }}</view>
			</view>
		</view>
	</view>

	<van-dialog use-slot title="选择统计月" show="{{ monthsCopy.length != 0 }}" show-cancel-button confirm-button-color='#3874F6' bind:close="onClose" bind:confirm='onConfirm'>
		<view class="dialog">
			<view class="option {{per.query(monthsCopy,index+1)?'active':''}}" wx:for="{{12}}" data-index="{{index+1}}" wx:key="index" bindtap="selectedOption">{{index+1}}</view>
		</view>
	</van-dialog>

	<view class="label">
		回款明细
	</view>
	<Yl_Empty wx:if="{{!paymentDetails.length}}" />
	<scroll-view scroll-x>
		<view class="table" style="width: {{totalWidth}}rpx;">
			<view class="row">
				<view class="col" wx:for="{{headerRow}}" wx:for-item='col' wx:key='label' style='{{ col.style }}'>
					{{col.label}}
				</view>
			</view>
			<view class="row">
				<view class="{{col.class +' col'}}" wx:for="{{paymentDetails[0].cols}}" wx:for-item='col' wx:key='label' style='{{ col.style }}'>
					{{col.label}}
				</view>
			</view>
			<view class="row" wx:for="{{paymentDetails}}" wx:key="index">
				<view class="{{col.class +' col'}}" wx:for="{{item.cols}}" wx:for-item='col' wx:key='label' style='{{ col.style }}'>
					{{col.value}}
				</view>
			</view>
		</view>
	</scroll-view>
</view>


<wxs src='../../utils/wxmlQueryPer.wxs' module="per" />