Inftrnps.vue

<template>
  <div class="eibs-tab">
    <el-row>
          <c-col :span="8">
            <el-form-item label="柜员" prop="extkey" style="width: 100%">
              <c-select v-model="model.extkey" style="width: 100%" placeholder="请选择柜员">
                <el-option v-for="item in usrs" :key="item.extkey" :value="item.extkey" :label="item.nam + '-' + item.extkey">
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <!-- <c-col :span="8">
            <el-form-item label="时间" style="width: 100%" prop="inidatfro">
              <c-col :span="11">
                <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.inidatfro" style="width: 100%" placeholder="请选择开始时间">
                </c-date-picker>
              </c-col>
              <c-col :span="2" style="text-align: center">
                <label style="display: inline-block; width: 100%">-</label>
              </c-col>
              <c-col :span="11">
                <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.inidattil" style="width: 100%" placeholder="请选择结束时间">
                </c-date-picker>
              </c-col>
            </el-form-item>
          </c-col> -->
          <c-col :span="8">
            <el-form-item label="组别" prop="bizGroup" style="width: 100%">
              <c-select v-model="model.bizGroup" style="width: 100%" placeholder="请选择组别" dbCode="bizgrp">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="岗位" prop="bizPosition" style="width: 100%">
              <c-select v-model="model.bizPosition" style="width: 100%" placeholder="请选择岗位" dbCode="bizpst">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="分配状态" prop="participateFlag" style="width: 100%">
              <el-select v-model="model.participateFlag" style="width: 100%" placeholder="请选择分配状态" >
                <el-option label="参与分配" value="Y" />
                <el-option label="不参与分配" value="N" />
              </el-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="柜员状态" prop="status" style="width: 100%">
              <c-select v-model="model.status" style="width: 100%" placeholder="请选择分配状态" dbCode="usrsta">
              </c-select>
            </el-form-item>
          </c-col>
    </el-row>
    <c-row>
      <span style="float: right">
        <el-button size="small" @click="handleReset">重置</el-button>
        <el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch()">查询
        </el-button>
      </span>
    </c-row>
    <el-row>
      <c-col :span="24">
        <el-table :data="tskUsrData" style="width:100%" size="small">
          <el-table-column label="柜员" prop="extkey" sortable width="150px">
            <template slot-scope="scope">{{scope.row.extkey}}</template>
          </el-table-column>
          <el-table-column label="姓名" prop="name" sortable width="150px">
            <template slot-scope="scope">{{scope.row.name}}</template>
          </el-table-column>
          <el-table-column label="岗位" prop="bizPosition" sortable width="150px">
            <template slot-scope="scope">{{getCodelabel(scope.row.bizPosition,'bizPst')}}</template>
          </el-table-column>
          <el-table-column label="组别" prop="bizGroup" sortable width="150px">
            <template slot-scope="scope">{{getCodelabel(scope.row.bizGroup,'bizGrp')}}</template>
          </el-table-column>
          <el-table-column label="状态" prop="status" sortable width="150px" show-overflow-tooltip>
            <template slot-scope="scope">{{getCodelabel(scope.row.status,'usrSta')}}</template>
          </el-table-column>
          <el-table-column label="分配状态" prop="participateFlag" sortable width="150px">
            <template slot-scope="scope">{{flgFormat(scope.row.participateFlag,'participateFlag')}}</template>
          </el-table-column>
          <!-- <el-table-column label="当前待处理业务" prop="cla" sortable width="150px">
            <template slot-scope="scope">{{scope.row.cla}}</template>
          </el-table-column>
          <el-table-column label="总任务流" prop="createTime" sortable width="150px">
            <template slot-scope="scope">{{scope.row.createTime}}</template>
          </el-table-column> -->
          <el-table-column label="任务数" prop="assignedTaskCount" sortable width="150px" show-overflow-tooltip>
            <template slot-scope="scope">{{scope.row.assignedTaskCount}}</template>
          </el-table-column>
          <el-table-column label="上笔提交时间" prop="lastCommitTime" sortable width="150px">
            <template slot-scope="scope">{{scope.row.lastCommitTime}}</template>
          </el-table-column>
          <el-table-column label="经办夹笔数" prop="handleCount" sortable width="150px" show-overflow-tooltip>
            <template slot-scope="scope">{{scope.row.handleCount}}</template>
          </el-table-column>
          <el-table-column label="复核夹笔数" prop="reviewCount" sortable width="150px" show-overflow-tooltip>
            <template slot-scope="scope">{{scope.row.reviewCount}}</template>
          </el-table-column>
          <el-table-column fixed="right" prop="op" label="操作" width="280px">
            <template slot-scope="scope">
              <el-popover
                    placement="right"
                    width="1000"
                    trigger="click"
                    >
                    <span>柜员【{{scope.row.extkey}}】当日工作流,分配任务数：【{{taskData.data.length}}】</span>
                    <el-table :data="taskData.data">
                      <el-table-column
                          v-for="(item, key) in taskData.columns"
                          :key="key"
                          :label="item.label"
                          :width="item.width"
                          :prop="item.prop"
                          show-overflow-tooltip
                          sortable="custom"
                        ></el-table-column>
                    </el-table>
                    <span>柜员【{{scope.row.extkey}}】经办复核:</span>
                    <el-table :data="taskHandleData.data">
                      <el-table-column
                          v-for="(item, key) in taskHandleData.columns"
                          :key="key"
                          :label="item.label"
                          :width="item.width"
                          :prop="item.prop"
                          show-overflow-tooltip
                          sortable="custom"
                        ></el-table-column>
                    </el-table>
                    <el-button type='text' slot="reference" @click="usrDetail(scope.row)">柜员明细</el-button>
                  </el-popover>
              <!-- <c-button size="small" type="text" @click="usrDetail(scope.row)">柜员明细</c-button> -->
              <c-button size="small" type="text" @click="inOutDist(scope.row)">{{(scope.row.participateFlag == 'Y' ? '退出' : '参与') + '分配'}}</c-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination :current-page.sync="pagination.pageIndex" :page-sizes="[10, 20, 50, 100, 500]" :page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
      </c-col>
    </el-row>

  </div>
</template>
  <script>
import event from "../event";
import moment from "moment";
export default {
  inject: ["root"],
  props: ["codes", "model"],
  mixins: [event],
  components: {},
  data() {
    return {
      usrs: [],
      loadingFlag: true,
      total: 0,
      currentPage: 1,
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5,
      tableList: [],
      inputValue: "",
      tableColumn: [
        { label: "序号", prop: "index" },
        { label: "交易代码", prop: "cod" },
        { label: "交易名称", prop: "txt" }
      ], //交易代码模态框--end
      initdialog: false,
      transactionStatus: {
        busiNo: "",
        modTimes: 0,
        postCount: 0,
        accCount: 0,
        earnCount: 0,
        earnAmt: 0
      },
      tskUsrData: [],
      taskData: {
        columns: [
          { label: "交易品种", prop: "frm", width: "100px" },
          { label: "业务参号", prop: "objref", width: "200px" },
          { label: "币种", prop: "relcur", width: "80px" },
          { label: "金额", prop: "relamt", width: "100px" },
          { label: "类型", prop: "cla", width: "100px" },
          { label: "分配日期", prop: "updateTime", width: "120px" },
          { label: "归属机构", prop: "branchinr", width: "200px" },
          { label: "备注", prop: "remarks", width: "200px" },
        ],
        data: []
      },
      taskHandleData: {
        columns: [
          { label: "交易代码", prop: "frm", width: "100px" },
          { label: "业务参号", prop: "objref", width: "200px" },
          { label: "币种", prop: "relcur", width: "80px" },
          { label: "金额", prop: "relamt", width: "100px" },
          { label: "类型", prop: "cla", width: "100px" },
          { label: "业务处理时间", prop: "updateTime", width: "150px" },
          { label: "备注", prop: "remarks", width: "200px" },
        ],
        data: []
      },
      maxHeight: 0,
      pagination: {
        pageIndex: 1,
        pageSize: 10,
        total: 0
      },
      relrowDisabled: true,
      bchtypList: [],
      userList: [],
      Trnp0Visible: false,
      // 手工分配相关
      multipleSelection: [],
      isShowManualAssign: false,
      dbCodes:{
        bizGrp:[],
        bizPst:[],
        usrSta:[]
      },
    };
  },
  methods: {},
  mounted() {
    this.getdbCode("bizgrp","","bizGrp");
    this.getdbCode("bizpst","","bizPst");
    this.getdbCode("usrsta","","usrSta");
    this.queryUsrByBch();
    this.handleSearch();
  },
  computed: {
    reload() {
      return this.$store.state.Status.loading.freshReview;
    }
  },
  watch: {
    reload(val) {
      if (val) {
        this.handleSearch();
      }
    }
  }
};
</script>
<style scoped lang="less">
::v-deep .el-dialog__body {
  height: calc(100% - 32px);
}
::v-deep .el-button--small.el-button--text {
  margin-left: 0;
  padding: 0px 10px !important;
}
</style>