<template>
  <div class="pop-box">
    <div>
      <div class="header-box">
        <i class="back el-icon-close" @click="dialogClose"></i>
        {{ $t2('流程催办', 'components.wf.wfUrging') }}<span>—</span><b
        class="f-red">{{ $t2('节点', 'components.wf.node') }}：{{
          wfInfo.taskName
        }}</b>
      </div>
      <div class="flex">
        <div class="checkbox-all_list" @scroll="handleScroll">
          <div v-for="(row,rowIndex) in page.records" :key="rowIndex" class="order-item"
               :class="{on:checkList.includes(row.id)}" @click="changeCheck(row,rowIndex)">
            <div class="is-checked" v-if="checkList.includes(row.id)"><i class="el-icon-check"></i>已选择</div>
            <div class="t1">
              <i class="icon"></i>
              <span>{{ row.name }}</span>
            </div>
            <div class="t2">
              <p>催办人ID：{{ row.id }}</p>
            </div>
          </div>
        </div>
        <div class="checkbox-all">
          <div class='ca-t'>已选择用户：</div>
          <div class="ca-c">
          <span v-for="(checkRow, rowIndex) in checkRows" :key="rowIndex">{{ checkRow.name }}<i
            class="el-icon-delete" @click="changeCheck(checkRow)"></i></span>
          </div>
        </div>
      </div>
      <div class="fixed-bottom-btns">
        <el-button type="primary" plain class="btn" @click="dialogClose" icon="el-icon-close">取 消
        </el-button>
        <el-button type="primary" class="btn" @click="subUrgingForm" icon="el-icon-check">
          {{ $t2('确认催办', 'components.wf.confirmUrging') }}
        </el-button>
      </div>
    </div>
  </div>
</template>

<script>
import selectDialogMixins from '../../../mixins/mobile/selectDialog/index.js';
import mixin from './mixins/urgingDialogMixin';

export default {
  name: 'urgingDialog',
  mixins: [selectDialogMixins, mixin]
};
</script>
