MacaoBankWeb/src/components/tobeconfirm/tobeconfirm-returns.vue

<template>
  <basic-container>
    <avue-crud :option="option"
               :table-loading="loading"
               :data="data"
               :page.sync="page"
               :permission="permissionList"
               :before-open="beforeOpen"
               v-model="form"
               ref="crud"
               @row-update="rowUpdate"
               @row-save="rowSave"
               @row-del="rowDel"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot="menuLeft">
      </template>
      <template slot="menu" slot-scope="{row, index}">
        <el-button size="small" class="el-button--text" v-if="permission.returns_view" @click="$refs.crud.rowView(row, index)"><i class="el-icon-view"></i> 查 看</el-button>
        <el-button size="small" class="el-button--text" v-if="permission.returns_approve && row.process == 3" @click="approve(row, index)"><i class="el-icon-check"></i> 審 批</el-button>
      </template>

      <template slot="process" slot-scope="{row, index}">
        <el-tag size="small " type="primary" plain v-if="row.process == 2">待發佈</el-tag>
        <el-tag size="small " type="warning" plain v-if="row.process == 3">待確認</el-tag>
        <el-tag size="small " type="success" plain v-if="row.process == 4">已確認</el-tag>
      </template>
    </avue-crud>

    <el-dialog title="信息審核"
               append-to-body
               :visible.sync="approveVisible"
               width="70%">
      <returns-approve :form="approveForm" @close="approveVisible = false, onLoad(page)"></returns-approve>
    </el-dialog>

  </basic-container>
</template>

<script>
  import {getList, getDetail, add, update, remove, returnsSubmit, settingSave, getSetting} from "@/api/bank/returns";
  import {mapGetters} from "vuex";
  import {dateFormat} from "../../util/date";
  import ReturnsComfire from "../../components/common/returns-comfire";
  import ReturnsApprove from "../../components/common/returns-approve";
  import FlowSettings from "../../components/common/flow-settings";
  import ReturnsIssue from "../../components/common/returns-issue";

  export default {
    name: "tobeconfirm-returns",
    components: {ReturnsIssue, FlowSettings, ReturnsApprove, ReturnsComfire},
    data() {
      return {
        approveForm: {},
        approveVisible: false,

        form: {},
        query: {},
        loading: true,
        page: {
          pageSize: 10,
          currentPage: 1,
          total: 0
        },
        selectionList: [],
        option: {
          height:'auto',
          calcHeight: 30,
          tip: false,
          searchShow: true,
          searchMenuSpan: 6,
          border: true,
          index: true,
          viewBtn: false,
          editBtn: false,
          addBtn: false,
          delBtn: false,
          selection: true,
          dialogClickModal: false,
          column: [
            {
              label: "業務類型",
              prop: "isPublic",
              type: "select",
              dataType: "string",
              dicUrl: `/api/blade-system/dict/dictionary?code=business_type`,
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              rules: [{
                required: true,
                message: "请输入業務類型",
                trigger: "blur"
              }]
            },
            {
              label: "銀行號",
              prop: "bankNo",
              rules: [{
                required: true,
                message: "请输入銀行號",
                trigger: "blur"
              }]
            },
            {
              label: "機構號",
              prop: "orgNo",
              rules: [{
                required: true,
                message: "请输入機構號",
                trigger: "blur"
              }]
            },
            {
              label: "序號",
              prop: "serialNo",
              rules: [{
                required: true,
                message: "请输入序號",
                trigger: "blur"
              }]
            },
            {
              label: "支行",
              prop: "subBank",
              rules: [{
                required: true,
                message: "请输入支行",
                trigger: "blur"
              }]
            },
            {
              label: "客戶名稱",
              prop: "customerName",
              rules: [{
                required: true,
                message: "请输入客戶名稱",
                trigger: "blur"
              }]
            },
            {
              label: "狀態",
              prop: "status",
              type: "select",
              dataType: "string",
              dicUrl: `/api/blade-system/dict/dictionary?code=returns_status`,
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              rules: [{
                required: true,
                message: "请输入狀態",
                trigger: "blur"
              }]
            },
            {
              label: "退件原因",
              prop: "reason",
              rules: [{
                required: true,
                message: "请输入退件原因",
                trigger: "blur"
              }]
            },
            {
              label: "備註",
              prop: "remark",
              rules: [{
                required: true,
                message: "请输入備註",
                trigger: "blur"
              }]
            },
            {
              label: "條碼",
              prop: "barCode",
              rules: [{
                required: true,
                message: "请输入條碼",
                trigger: "blur"
              }]
            },
            {
              label: "接辦行經辦",
              prop: "handlingBank",
              rules: [{
                required: true,
                message: "请输入接辦行經辦",
                trigger: "blur"
              }]
            },
            {
              label: "接辦行覆核",
              prop: "handlingBankReview",
              rules: [{
                required: true,
                message: "请输入接辦行覆核",
                trigger: "blur"
              }]
            },
            {
              label: "處理日期",
              prop: "handlingDate",
              type: "datetime",
              format: "yyyy/MM/dd",
              valueFormat: "yyyy/MM/dd",
              rules: [{
                required: true,
                message: "请输入處理日期",
                trigger: "blur"
              }]
            },
            {
              label: "經辦",
              prop: "handler",
              rules: [{
                required: true,
                message: "请输入經辦",
                trigger: "blur"
              }]
            },
            {
              label: "處理狀態",
              prop: "handlingStatus",
              type: "select",
              dataType: "string",
              dicUrl: `/api/blade-system/dict/dictionary?code=processing_status`,
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              rules: [{
                required: true,
                message: "请输入處理狀態",
                trigger: "blur"
              }]
            },
            {
              label: "支行備註",
              prop: "bankRemark",
              viewDisplay: false,
              editDisplay: false,
              hide: true,
              rules: [{
                required: false,
                message: "请输入支行備註",
                trigger: "blur"
              }]
            },
            {
              label: "支行確認人員工號",
              prop: "bankConfirmNo",
              viewDisplay: false,
              editDisplay: false,
              hide: true,
              rules: [{
                required: true,
                message: "请输入支行確認人員工號",
                trigger: "blur"
              }]
            },
            {
              label: "支行確認人姓名",
              prop: "bankConfirmName",
              viewDisplay: false,
              editDisplay: false,
              hide: true,
              rules: [{
                required: true,
                message: "请输入支行確認人姓名",
                trigger: "blur"
              }]
            },
            {
              label: "確認日期",
              prop: "bankConfirmTime",
              type: "datetime",
              format: "yyyy-MM-dd HH:mm:ss",
              valueFormat: "yyyy-MM-dd HH:mm:ss",
              viewDisplay: false,
              editDisplay: false,
              hide: true,
              rules: [{
                required: true,
                message: "请输入確認日期",
                trigger: "blur"
              }]
            },
            {
              label: "進度",
              prop: "process",
              viewDisplay: false,
              editDisplay: false,
              rules: [{
                required: true,
                message: "请输入節點",
                trigger: "blur"
              }]
            },
          ]
        },
        data: [],
        data2: [],

        temForm: {},
        attachForm: {},
        attachBox: false,
        attachOption: {
          submitBtn: false,
          emptyBtn: false,
          column: [
            {
              label: '文件上传',
              prop: 'attachFile',
              type: 'upload',
              drag: true,
              loadText: '文件上传中，请稍等',
              span: 24,
              propsHttp: {
                res: 'data'
              },
              action: "/api/bank/returns/readExcel"
            }
          ]
        }
      };
    },
    computed: {
      ...mapGetters(["permission"]),
      permissionList() {
        return {
          addBtn: this.vaildData(this.permission.returns_add, false),
          viewBtn: this.vaildData(this.permission.returns_view, false),
          delBtn: this.vaildData(this.permission.returns_delete, false),
          editBtn: this.vaildData(this.permission.returns_edit, false)
        };
      },
      ids() {
        let ids = [];
        this.selectionList.forEach(ele => {
          ids.push(ele.id);
        });
        return ids.join(",");
      }
    },
    methods: {
      approve(row, index){
        this.approveVisible = true;
        this.approveForm = row;
      },
      infoFormat(row){
        row.isPublic = row.isPublic == '對公' ? 1 : 0;
        let arr = row.subBank.split(' ');
        row.subOrgNo = arr[0];
        row.subBank = arr[1];
        if (row.status == '退件'){
          row.status = '1';
        }else if (row.status == 'HOLD'){
          row.status = '2';
        }else if (row.status == '完成'){
          row.status = '3';
        }
        return row;
      },

      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetail(this.form.id).then(res => {
            this.form = res.data.data;
          });
          if (type == "view"){
            this.findObject(this.option.column, "bankRemark").viewDisplay = this.form.process == 3;
            this.findObject(this.option.column, "bankConfirmNo").viewDisplay = this.form.process == 3;
            this.findObject(this.option.column, "bankConfirmName").viewDisplay = this.form.process == 3;
            this.findObject(this.option.column, "bankConfirmTime").viewDisplay = this.form.process == 3;
          }
        }
        done();
      },
      searchReset() {
        this.query = {};
        this.onLoad(this.page);
      },
      searchChange(params, done) {
        this.query = params;
        this.page.currentPage = 1;
        this.onLoad(this.page, params);
        done();
      },
      selectionChange(list) {
        this.selectionList = list;
      },
      selectionClear() {
        this.selectionList = [];
        this.$refs.crud.toggleSelection();
      },
      currentChange(currentPage){
        this.page.currentPage = currentPage;
      },
      sizeChange(pageSize){
        this.page.pageSize = pageSize;
      },
      refreshChange() {
        this.onLoad(this.page, this.query);
      },
      onLoad(page, params = {}) {
        this.loading = true;
        params.process = 3; //待確認
        getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
          const data = res.data.data;
          this.page.total = data.total;
          this.data = data.records;
          this.loading = false;
          this.selectionClear();
        });
      }
    }
  };
</script>

<style>
</style>