<view>
  <view style="margin-bottom:3rem" class="{{popupCx}}">
    <!--<view  class="upDownList flex-box flex-d-center"><view class="uDownBut font-flex-word" a:for="{{headuDown}}"  data-item="{{item}}" onTap="uDownCli"><text a:if="{{!item.id}}" style="color: #a2a2a2;">已无待办</text><text a:else><text a:if="{{item.keys == 1}}">{{ item.keys2 }}</text>
          {{ item.keys1 }}：{{ item.name }}<text a:if="{{item.keys == 2}}">{{ item.keys2 }}</text></text></view></view> -->
    <view class="header">
      <view class="flex-box-ce" a:if="{{Information.name}}">
        <img-box name="{{Information.name}}" id="{{Information.id}}" height="70rpx" width="70rpx" fSize="24rpx"></img-box>
        <view class="flex-1" style="margin-left:0.2rem">
          <view>{{Information.name}}</view>
          <view class="fontColorX" style="padding-top:10rpx;font-size:0.26rem;">
            <text a:for="{{Information.deptList}}">{{item.name}}
              <text a:if="{{Information.deptList.length - index > 1}}">,</text></text>
          </view>
        </view>
        <image mode="scaleToFill" a:if="{{has_finish}}" class="guidang" src="../../../image/guidang.png" />
      </view>
      <view class="result" a:if="{{titList.length > 0}}">
        <view class="flex-box" style="padding-bottom:10rpx" a:for="{{titList}}" a:if="{{item.prop}}">
          <text>{{ item.lab }}:</text>
          <text class="orange flex-1">{{ item.prop }}</text>
        </view>
      </view>
    </view>
    <view class="modTit flex-box-ce flex-d-center">
      <text>绩效流程</text>
      <label class="flex-box-ce">
        <checkbox checked="{{checked}}" onChange="onChangeC"/>
        <text class="checkbox-text">查看更多</text>
      </label>
    </view>
    <view style="padding:0.24rem;background:#fff">
      <view class="flex-box-ce flex_one" catchTap="rotateAndScale" a:if="{{perfstepFlow[flexIndex - 1]}}">
        <view class="font-flex-word flex-1">
          <text>{{ flexIndex }}. {{ perfstepFlow[flexIndex - 1].remark }}</text>
          <text a:for="{{perfstepFlow[flexIndex - 1].target}}">
            {{ item.employee_name }}
            <text a:if="{{perfstepFlow[flexIndex - 1].target.length - index > 1}}">,</text>
          </text>
        </view>
        <text class="iconfont icon-jiantouxia white"></text>
      </view>
    </view>
    <!-- 维度数据 -->
    <view a:for="{{inExecution}}" a:for-index="index">
      <view class="modTit">{{ item.theDimension }}</view>
      <view style="padding: 0.24rem;background-color: #fff;">
        <view class="title">{{item.name}}</view>
        <view>
          <text class="textBox" style="margin-right:0.12rem" a:for="{{item.tabList}}" a:for-item="list" a:if="{{list.prop}}">{{ list.prop }}</text>
        </view>
        <view a:if="{{item.per_remark}}">
          <view class="orange stanTit">考核标准</view>
          <view style="border: 0.02rem solid #efefef; border-radius: 0.1rem;white-space: pre-wrap;padding: 0.2rem;font-size:0.26rem;line-height:0.5rem"> {{item.per_remark}}</view>
        </view>
        <!-- 详情信息 -->
        <block >
          <view class="flex-box" style="padding:0.1rem 0;font-size:0.28rem" a:for="{{item.details}}" a:for-item="list" a:if="{{list.prop && list.prop != '0'}}">
            <text class="fontColorX" style="width:1rem">{{ list.lab }}:</text>
            <text class="flex-1 {{list.lab=='备注'? 'backCol':''}}" style="padding-left:0.2rem;" >{{list.prop}}</text>
          </view>
        </block>
        <!-- 评分结果 -->
        <block >
          <view a:for="{{item.scoreList}}" a:for-item="list" a:if="{{list.prop&&list.isShow}}">
            <view class="flex-box" style="padding:0.1rem 0;font-size:0.28rem" a:if="{{list.pointShow}}">
              <text style="color:#757575;">{{ list.lab }}</text>
              <text class="orange" style="padding-left:0.1rem">评分:</text>
              <text>{{ list.prop }}</text>
              <text a:if="{{list.level}}" style="margin-left: .1rem;color: #26a2ff;">{{ list.level }}</text>
            </view>
            <view class="flex-box" style="font-size:.29rem;padding:.1rem 0;" a:if="{{list.remark && list.textShow}}">
              <text style="padding-right: 0.2rem;color:#757575;">说明:</text>
              <text class="pre2 flex-1">{{ list.remark }}</text>
            </view>
          </view>
        </block>
        
        <!-- 管理执行计划 -->
        <view class="flex-box-ce" style="margin-top: 0.2rem;">
          <text a:if="{{item.schedule && item.schedule.length > 0}}" style="font-size: 0.28rem; padding-right: 0.2rem; color: rgb(29, 150, 255);" 
            data-index='1'  data-item='{{item}}' catchTap="openVas">执行计划（{{ item.schedule.length }}）</text>
          <text a:if="{{item.mamage_record && item.mamage_record.length > 0}}" style="font-size: 0.28rem; padding-right: 0.2rem; color: rgb(29, 150, 255);" 
            data-index='2'  data-item='{{item}}' catchTap="openVas">管理记录（{{ item.mamage_record.length }}）</text>
        </view>
        
        <view style="border-top: 1px solid rgb(241, 241, 241); margin-top: 0.2rem;" a:if="{{item.update_time}}">
          <block a:if="{{item.returnStr}}">
            <view a:if="{{item.returnStr.indexOf('今天')>=0}}" class="orange" style="font-size: 0.28rem;padding-top: 0.24rem;">{{item.returnStr}}</view>
            <view a:elif="{{item.returnStr.indexOf('昨天')>=0}}" class="green" style="font-size: 0.28rem;padding-top: 0.24rem;">{{item.returnStr}}</view>
            <view a:elif="{{item.returnStr.indexOf('前天')>=0}}" style="font-size: 0.28rem;padding-top: 0.24rem;">{{item.returnStr}}</view>
            <view a:else style="font-size: 0.28rem;padding-top: 0.24rem;">{{item.returnStr}}</view>
          </block>
        </view>
        
        <!-- 评分 -->
        <view a:if="{{graded}}">
          <view class="flex-box inputBox" style="margin:20rpx 0" a:if="{{(ruleScore == 1 && !item.totalScore) || (ruleScore == 2 && item.totalScore)}}">
            <text>评分</text>
            <input class="flex-1"
            data-index="{{index}}"
            data-item="{{item}}" 
            onBlur="watresultval"
            onInput="sgradeInp" 
            value="{{item.resultval}}" type="number" placeholder="请输入评分"/>
          </view>
          <view class="flex-box inputBox" a:if="{{(ruleScore == 1 && !item.totalScore) || (ruleScore == 2 && item.totalScore)}}">
            <text class="flex-box">评分说明</text>
            <textarea onInput="bindText" data-index="{{index}}" value="{{item.remarks}}" class="flex-1" auto-height placeholder="请输入" maxlength="50" />
          </view>
        </view>
      </view>
    </view>
    <!-- 记录 -->
    <view a:if="{{recordList.length > 0}}">
      <view class="modTit">记录</view>
      <view style="padding: 0.24rem;background-color: #fff;">
        <view class="jl-item" a:for="{{recordList}}" a:if="{{index<recordIndex}}">
          <view class="flex-box-ce">
            <img-box id="{{item.employee_id}}" name="{{item.name}}" height="60rpx" width="60rpx" fSize="24rpx"></img-box>
            <text class="flex-1" style="padding-left:10rpx">{{ item.name }}</text>
            <text class="date fontColorX" style="font-size:0.24rem">{{ item.time }}</text>
          </view>
          <view style="padding-left:76rpx">
            <view class="green"># {{ item.remark }} #</view>
            <view class="center fontColorX" style="padding-top:14rpx">{{ item.content }}</view>
          </view>
          <view a:if="{{index != recordList.length - 1}}" class="bian"></view>
        </view>
        <view a:if="{{recordList.length>4}}" class="blue" style="text-align: center;" catchTap="showRecord">{{recordStr}}</view>
      </view>
    </view>
    
    <block a:if="{{!has_finish}}">
      <!-- 执行计划 -->
      <view class="sidebar flex-box-ce" data-str="action" a:if="{{actionButShow && !graded}}" catchTap="openTrackPath">
        <text class="iconfont icon-jia"></text>
        <text class="iconfont icon-jihua" style="margin:0 6rpx"></text>
        执行计划
      </view>
      <!-- 管理记录 -->
      <view class="managementRecord flex-box-ce" data-str="admnin" a:if="{{recordsManagement && !graded}}" catchTap="openTrackPath">
        <text class="iconfont icon-jia"></text>
        <text class="iconfont icon-wj-jlb" style="margin:0 6rpx"></text>
        管理记录
      </view>
      <!-- 底部 -->
      <view class="footer">
        <block a:if="{{!graded}}">
          <view class="footweight">指标总权重：{{ weight }}</view>
          <view class="footfoot flex-box flex-dv-center" a:if="{{transferBut || feedbackBut || gradeButShow || examineButShow || resultButShow || targetConfirmed}}">
            <view class="footcol" catchTap="openSelectUser" a:if="{{transferBut}}" data-index='1'>
              <text class="iconfont icon-fenxiang"></text>
              <view>转交</view>
            </view>
            <view class="footcol" catchTap="showGt" a:if="{{feedbackBut}}">
              <text class="iconfont icon-goutong"></text>
              <view>沟通</view>
            </view>
            <view class="footcol" catchTap="showCx" a:if="{{revocationShow}}">
              <text class="iconfont icon-chexiao"></text>
              <view>撤销</view>
            </view>
            <block a:if="{{gradeButShow || examineButShow || resultButShow || targetConfirmed}}">
              <!-- 评分 -->
              <button type="primary" a:if="{{gradeButShow}}" class="btn" catchTap="gradeClick">评分</button>
              <!-- 审批 -->
              <view class="flex-box" a:if="{{examineButShow}}">
                <button a:if="{{isAction}}" class="footcolButno" catchTap="gradeTurn">驳回</button>
                <button class="gradefootcolButok" catchTap="gradeOk">同意</button>
              </view>
              <!-- 目标确认 -->
              <view a:if="{{targetConfirmed}}" class="flex-box">
                <button class="footcolButno" catchTap="gradeTurn">驳回</button>
                <button class="gradefootcolButok" catchTap="gradeOk">同意</button>
              </view>
              <!-- 结果值录入 -->
              <button a:if="{{resultButShow}}" class="gradefootcolButok" catchTap="enteringResult">录入结果值</button>
            </block>
          </view>
        </block>
        <block a:else>
          <block a:if="{{isShowPoint}}">
            <view class="footweight">我评的总分：{{ gradeval }}</view>
            <view class="footfoot flex-box-ce">
              <view class="footcol flex-1" data-index='0' catchTap="scorerveok">
                <text class="iconfont icon-wj-jlb"></text>
                <view>暂存</view>
              </view>
              <view class="footBut flex-box-ce">
                <view class="footcolButno" catchTap="scorerveno">取消</view>
                <view class="footcolButok" data-index='1' catchTap="scorerveok">提交</view>
              </view>
            </view>
          </block>
        </block>
      </view>
    </block>
  </view>

  <!-- 撤销 -->
  <view class="windows" a:if="{{isShowCx}}">
    <view class="windows-box">
      <view class="windows-title">撤销</view>
      <view class="windows-content">
        <textarea value="{{textArea}}" onInput="bindTextAreaBlur" maxlength="200" placeholder="请输入撤销理由" />
      </view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="closeWindows">取消</view>
        <button type="default"  class="flex-1" catchTap="revocation">确定</button>
      </view>
    </view>
  </view>
  <!-- 目标确认||驳回 -->
  <view class="windows" a:if="{{rejectdlg}}">
    <view class="vassheet {{rejectdlg?'showdown':''}}" style="min-height: 8rem;max-height: 10rem;">
      <view class="vasHead" catchTap="closeWindows">
        <icon type="clear" size="20" class="icon"/>
        <text>{{popupknowFrom==1? '驳回':popupknowFrom==2? '审批':'目标确认'}}</text>
      </view>
      <view>
        <view class="flex-box-ce" a:if="{{popupknowFrom==1}}" style="padding:0.24rem;border-bottom:1px solid #f1f1f1">
            <view>驳回到</view>
            <view class="flex-1">
              <picker onChange="clickreject" value="{{rejectListIndex}}" range="{{rejectList}}" range-key="name">
                <view style="text-align:right;padding-right:10rpx;" class="fontColorX">
                    <text a:if="{{!rejectList[rejectListIndex]}}">请选择</text>
                    <text a:if="{{rejectList[rejectListIndex]}}">{{rejectList[rejectListIndex].name}}</text>
                </view>
              </picker>
            </view>
            <text class="iconfont icon-jiantouxia"></text>
        </view>
        <view class="flex-box-ce" a:if="{{rejectProp}}" style="padding:0.24rem;border-bottom:10px solid #f1f1f1">
            <view>驳回到指定成员</view>
            <view class="flex-1">
              <picker onChange="clickreject1" value="{{rejectList1Index}}" range="{{rejectList1}}" range-key="employee_name">
                <view style="text-align:right;padding-right:10rpx;" class="fontColorX">{{rejectList1[rejectList1Index].employee_name}}</view>
              </picker>
            </view>
            <text class="iconfont icon-jiantouxia"></text>
        </view>
        <textarea value="{{commFeedback}}" style="padding:0.24rem;height:3.4rem" maxlength="200" onInput="bindFeedback"  placeholder="{{popupknowFrom == 0
              ? '请输入沟通反馈（必填）'
              : popupknowFrom == 1
              ? '请输入驳回内容（必填）'
              : popupknowFrom == 2
              ? '请输入审批说明（选填）'
              : popupknowFrom == 3
              ? '请输入目标确认说明（选填）'
              :''}}" />
      </view>
      <view class="windows-btn flex-box flex-v-ce" style="position: absolute;left: 0;right: 0;bottom: 0;">
        <view class="flex-1" catchTap="closeWindows">取消</view>
        <button a:if="{{popupknowFrom==1}}" type="default"  class="flex-1" data-num="0" catchTap="agree0Prop">确定</button>
        <button a:if="{{popupknowFrom==2||popupknowFrom==3}}" type="default"  class="flex-1" data-num="1" catchTap="agree0Prop">确定</button>
      </view>
    </view>
  </view>
  <!-- 流程 -->
  <view class="windows" catchTap="rotateAndScale" a:if="{{isShow}}">
    <view class="img">
      <view class="flexDiaWb">
        <view a:for="{{perfstepFlow}}" class="flexDiaLL flex-box">
          <view class="fdz">
            <view class="fdYuan fdYuan1" a:if="{{item.status == 2}}">
              <text class="iconfont icon-chenggong"></text></view>
            <view class="fdYuan fdYuan2" a:elif="{{item.status == 1}}">
              <text class="iconfont icon-kaishi1"></text></view>
            <view class="fdYuan fdYuan3" a:else></view>
            <view class="fdShu {{ item.status == 2? 'fdShu1':'' }}" a:if="{{!(perfstepFlow.length - 1 == index)}}"></view>
          </view>
          <view class="fdy {{item.status == 1? 'blue':'' }}">
            <text style="height: 100%;padding-right:.15rem;">{{ index + 1 }}.</text>
            <view>{{ item.remark }}<text a:if="{{item.remark=='执行中'}}">：</text>
              <text a:if="{{item.target.length > 0}}">
                <text a:for="{{item.target}}" a:for-item="item2" a:for-index="index2">{{ item2.employee_name }}
                  <text a:if="{{item.target.length - index2 > 1}}">,</text></text>
              </text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 展示执行计划||管理记录 -->
  <view class="windows" a:if="{{isShowText}}">
    <view class="vassheet {{isShowText?'showdown':''}}">
      <view class="vasHead" catchTap="closeWindows">
        <icon type="clear" size="20" class="icon"/>
        <text>{{ logText }}</text>
      </view>
      <view style="padding:0.15rem 0.15rem 0 0.15rem;font-size:.30rem;background-color: rgb(245, 245, 245);">{{apDetails.name}}</view>
      <view a:for="{{logList}}" class="apdList flex-box {{ index == 0?'apdListMarTop':'' }}">
        <view style="margin: .14rem 0 0 .2rem;position: relative;">
          <view class="apdDian"></view>
          <view class="apdHeadBoeder {{(index == logList.length - 1 || logList.length <= 1)? 'apdborderNO':'' }}"></view>
        </view>
        <view class="apdData {{(logList.length == index + 1)? 'apdborderNO':''}}">
          <view class="flex-box-v">
            <text class="line-feed" style="font-size:.3rem;color:block;font-width:600">{{ item.title }}</text>
            <text style="font-size:.24rem;padding:0.2rem 0" class="fontColorX">
              {{ item.date }}更新
              <text a:if="{{logText == '管理记录'}}" style="padding-left:10rpx">记录人:{{ item.userName }}</text>
            </text>
            <text class="line-feed" style="font-size:.25rem;color:#505050;">
              {{item.remark}}
            </text>
          </view>
          <!-- <block a:if="{{item.images}}">
            <view class="flex-box-ce" style="margin: 10px 0;" a:if="{{item.images.length > 0}}">
              <image class="image" a:for="{{item.images}}" a:for-item="e" style="border-radius: 3px;margin-right: 10px;width:200rpx;height:200rpx" 
                src="{{e.url}}" />
            </view>
          </block> -->
          <block a:if="{{item.append.length}}">
            <view class="images flex-box-ce" a:for="{{item.append}}" a:for-item="e" style="margin-top:16rpx">
              <view class="flex-1 blue font-flex-word" catchTap="showImg" data-item="{{e}}">{{e.fileName}}</view>
            </view>
          </block>
        </view>
      </view>
    </view>
  </view>
  <!-- 沟通 -->
  <view class="windows" a:if="{{isShowGt}}">
    <view class="windows-box">
      <view class="windows-title">沟通</view>
      <view class="windows-content">
        <textarea value="{{textArea}}" onInput="bindTextAreaBlur" maxlength="200" style="height:3.6rem" placeholder="请输入沟通反馈（必填）" />
        <view class="modTit flex-box-ce flex-d-center">
          <label class="flex-box-ce">
            <checkbox checked="{{ding_msg}}" onChange="onChangeC2"/>
            <text class="checkbox-text">发送钉钉通知</text>
          </label>
        </view>
        <view class="aite" catchTap="openSelect" data-index='2'>
          <text class="blue" style="padding-right:6rpx">请选择需要@的人:</text>
          <text a:for="{{users}}">{{item.name}},</text>
        </view>
        <!-- <view style="font-size:0.24rem;color:#888"></view> -->
      </view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="closeWindows">取消</view>
        <button type="default" loading="{{disabled}}" class="flex-1" disabled="{{disabled}}" catchTap="confirmBh">确定</button>
      </view>
    </view>
  </view>

  <!-- 评分展示 -->
  <view class="windows" a:if="{{isPoint}}">
    <view class="windows-box">
      <view class="windows-title">请确认您的评分</view>
      <view class="windows-content">
        <view class="flex-box-ce" style="background:#ECF5FF;border-bottom: 1px solid #e4e4e4;">
          <view class="flex-4" style="border-right: 1px solid #e4e4e4;padding: 10px 5px;">
            指标（<text style="color:#ff9600;">每项指标评分</text>）
          </view>
          <view class="flex-1" style="padding: 10px 5px;">评分</view>
        </view>
        <view a:for="{{pointList}}" class="flex-box-ce" style="border-bottom: 1px solid #e4e4e4;">
          <view class="flex-4" style="border-right: 1px solid #e4e4e4;padding: 10px 5px;">{{ item.name }}</view>
          <view class="flex-1" style="padding: 10px 5px;">{{ item.score }}</view>
        </view>
      </view>
      <view class="windows-btn flex-box flex-v-ce">
        <view class="flex-1" catchTap="closeWindows">取消</view>
        <button type="default" class="flex-1"catchTap="score">确定</button>
      </view>
    </view>
  </view>

  <view class="box" animation="{{animationInfo}}">
    <select-section-staff isAllSelect="{{false}}" selectUser="{{employeeObj}}" onClose="onClose" onConfirm="confirm" 
      a:if="{{isShowstaff=='1'}}" />
    <select-section-staff  selectUser="{{users}}" onClose="onClose" onConfirm="onSelectUser" a:if="{{isShowstaff=='2'}}" />
  </view>
</view>