Infsea.vue

<template>
	<div class="eibs-tab">
		<c-col :span="12" class="col-left">
			<c-col :span="24">
				<el-form-item label="Created between" prop="trncorco.inidatfro" style="width: 100%">
					<c-col :span="11">
						<c-date-picker placeholder="请选择创建时间" style="width: 100%" type="date" v-model="model.trncorco.inidatfro">
						</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 placeholder="请选择创建时间" style="width: 100%" type="date" v-model="model.trncorco.inidattil">
						</c-date-picker>
					</c-col>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Reference" prop="trncorco.ownref">
					<c-input v-model="model.trncorco.ownref" style="width: 100%" placeholder="请输入Reference"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Service" prop="trncorco.srv">
					<c-input v-model="model.trncorco.srv" style="width: 100%" placeholder="请输入Service"></c-input>
				</el-form-item>
			</c-col>
		</c-col>
		<c-col :span="12" class="col-right">
			<c-col :span="24">
				<el-form-item label="Status" prop="trncorco.relflg">
					<c-select clearable filterable placeholder="请选择交易状态" style="width: 100%" v-model="model.trncorco.relflg">
						<el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in relflgList">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Transaction" prop="trncorco.cod">
					<c-input v-model="model.trncorco.cod" style="width: 100%" placeholder="请输入Transaction"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Branch" prop="trncorco.bchkeyinr">
					<c-select clearable placeholder="请选择业务机构" style="width: 100%" v-model="model.trncorco.bchkeyinr">
						<el-option :key="item.inr" :label="item.bchname" :value="item.inr" v-for="item in bchtypList">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>
		<c-col :span="24">
			<el-form-item label="Workflow entries" prop="trncorco.entries" style="width: 100%">
				<el-checkbox-group v-model="model.trncorco.entries">
					<el-checkbox :key="sta.value" :label="sta.value" class="el-checkbox-width" v-for="sta in entriesList">{{sta.label}}
					</el-checkbox>
				</el-checkbox-group>
			</el-form-item>
		</c-col>
		<c-col :span="24" style="text-align: right;margin-bottom: 20px;">
			<el-button size="small" :disabled="isDeal" @click="handleDone">Done</el-button>
			<el-button size="small" :disabled="isDeal" @click="handleReDo">ReDo</el-button>
			<el-button size="small" :disabled="isDeal" @click="handleError">Error</el-button>
			<el-button size="small" :disabled="isDeal" @click="handleSkip">Skip</el-button>
			<el-button size="small" @click="handleReset">重置</el-button>
			<el-button type="primary" icon="el-icon-search" size="small" :loading="searchLoading" @click="onSearch()">查询
			</el-button>
		</c-col>
		<c-col :span="24">
			<el-table :data="dbwData.data" @selection-change="handleSelectionChange" @sort-change="sortChange" border height="calc(100vh - 400px)" size="small" style="width:100%">
				<el-table-column :selectable="selectableFn" type="selection" width="55">
				</el-table-column>
				<el-table-column :key="key" :label="item.label" :min-width="item.width" :prop="item.prop" show-overflow-tooltip sortable="custom" v-for="(item, key) in dbwData.columns">
					<template slot-scope="scope">
						<span v-if="item.prop==='reloriamt'">
							{{ moneyFormat(scope.row.reloriamt, scope.row.reloricur) }}
						</span>
						<span v-else>
							{{ scope.row[item.prop] }}
						</span>
					</template>
				</el-table-column>
			</el-table>
			<el-pagination :current-page.sync="pagination.pageIndex" :page-size="pagination.pageSize" :page-sizes="[10, 20, 50, 100, 500]" :total="pagination.total" @current-change="handleCurrentChange" @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
		</c-col>

	</div>
</template>

<script>
import Dbw from "./Dbw.js";
import Api from "~/service/Api";
import moment from "moment";

import commonFunctions from "~/mixin/commonFunctions.js";

export default {
  mixins: [commonFunctions],
  name: "",
  props: ["model"],
  inject: ["root"],
  data() {
    return {
      selectRow: {},
      selectAllRow: [],
      dbwData: {
        columns: [
          {
            label: "交易码",
            prop: "inifrm",
            width: "150px"
          },
          {
            label: "业务编号",
            prop: "ownref",
            width: "150px"
          },
          {
            label: "币种",
            prop: "relcur",
            width: "150px"
          },
          {
            label: "金额",
            prop: "relamt",
            width: "150px"
          },
          {
            label: "工作流名称",
            prop: "srv",
            width: "150px"
          },
          {
            label: "工作流状态",
            prop: "sta",
            width: "150px"
          },
          {
            label: "创建时间",
            prop: "inidattim",
            width: "150px"
          },
          {
            label: "经办柜员",
            prop: "iniusr",
            width: "150px"
          },
          {
            label: "交易状态",
            prop: "relflg",
            width: "150px"
          },

          {
            label: "服务名称",
            prop: "wfssub",
            width: "150px"
          },
          {
            label: "签名要求",
            prop: "relreq",
            width: "150px"
          },
          {
            label: "签名状态",
            prop: "relres",
            width: "150px"
          }
        ],
        data: []
      },
      searchLoading: false,
      entriesList: [
        { label: "Open", value: "O" },
        { label: "Waiting", value: "W" },
        { label: "Retry", value: "R" },
        { label: "Error", value: "E" },
        { label: "Done", value: "D" },
        { label: "Skip", value: "S" }
      ],
      relflgList: [
        { label: "ALL", value: "" },
        { label: "Waiting", value: "W" },
        { label: "Release", value: "R" },
        { label: "收单行已复核", value: "A" },
        { label: "总行已经办", value: "B" },
        { label: "Correct", value: "C" },
        { label: "Reject", value: "N" },
        { label: "Final", value: "F" }
      ],
      bchtypList: [],
      pagination: {
        pageIndex: 1,
        pageSize: 20,
        total: 0
      }
    };
  },
  mounted() {
    this.onInfDbwSearch();
    this.getBranchList();
    this.getInidatfro();
  },
  computed: {
    isDeal() {
      if (
        this.selectAllRow &&
        this.selectAllRow.length === 1 &&
        this.selectAllRow[0].id
      ) {
        return false;
      }
      return true;
    }
  },
  methods: {
    getInidatfro() {
      if (this.model.trncorco.inidatfro) {
        this.model.trncorco.inidatfro =
          moment(new Date() - 7).format("YYYY-MM-DD") + " 00:00:00";
      }
      this.model.trncorco.inidattil =
        moment(new Date()).format("YYYY-MM-DD") + " 23:59:59";
    },
    handleReset() {
      this.model.trncorco.inidatfro = "";
      this.model.trncorco.inidattil = "";
      this.model.trncorco.ownref = "";
      this.model.trncorco.srv = "";
      this.model.trncorco.relflg = "";
      this.model.trncorco.cod = "";
      this.model.trncorco.bchkeyinr = "";
      this.model.trncorco.entries = [];
    },
    onSearch() {
      this.model.pageNum = 1;
      this.model.pageSize = PageSize;
      this.onInfDbwSearch();
    },
    async onInfDbwSearch() {
      // this.searchLoading = true;
      let inidatfro = this.model.trncorco.inidatfro;
      let inidattil = this.model.trncorco.inidattil;
      if (!inidattil) {
        this.$notify.error({
          title: "错误",
          message: "查询结束日期必输！"
        });
        return;
      }
      let params = {
        inidatfro: this.model.trncorco.inidatfro,
        inidattil: this.model.trncorco.inidattil,
        ownref: this.model.trncorco.ownref,
        srv: this.model.trncorco.srv,
        relflg: this.model.trncorco.relflg,
        inifrm: this.model.trncorco.cod,
        bchkeyinr: this.model.trncorco.bchkeyinr,
        staList: this.model.trncorco.entries,
        pageNum: this.pagination.pageIndex,
        pageSize: this.pagination.pageSize
      };
      //查询接口
      const res = await Api.post("/manager/wfe/queryWfeByPage", params);
      if (res.respCode === SUCCESS) {
        this.dbwData.data = res.data.list;
        this.pagination.total = res.data.total;
      }
      this.searchLoading = false;
    },
    // 表格多选
    async handleSelectionChange(val) {
      this.selectRow = {};
      this.selectRow = val[0];
      this.selectAllRow = val;
    },

    sortChange(obj) {},
    selectableFn(row) {
      return true;
    },
    // 页码改变
    handleCurrentChange(val) {
      this.pagination.pageIndex = val;
      this.onInfDbwSearch();
    },
    // pageSize改变
    handleSizeChange(val) {
      this.pagination.pageIndex = 1;
      this.pagination.pageSize = val;
      this.onInfDbwSearch();
    },
    handleDone() {
      this.$confirm("是否确定更新成done？", "提示", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning"
      }).then(async () => {
        const res = await Api.post("/manager/wfe/updateDone", {
          id: this.selectRow.id
        });
        if (res.respCode === SUCCESS) {
          this.$notify({
            title: "成功",
            message: "更新成功",
            type: "success"
          });
          this.onSearch();
        } else {
          this.$notify.error("未完成");
        }
      });
    },
    handleReDo() {
      this.$confirm("是否确定更新成waiting？", "提示", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning"
      }).then(async () => {
        const res = await Api.post("/manager/wfe/updateWaiting", {
          id: this.selectRow.id
        });
        if (res.respCode === SUCCESS) {
          this.$notify({
            title: "成功",
            message: "更新成功",
            type: "success"
          });
          this.onSearch();
        } else {
          this.$notify.error("未完成");
        }
      });
    },
    handleError() {
      this.$confirm("是否确定更新成error？", "提示", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning"
      }).then(async () => {
        const res = await Api.post("/manager/wfe/updateError", {
          id: this.selectRow.id
        });
        if (res.respCode === SUCCESS) {
          this.$notify({
            title: "成功",
            message: "更新成功",
            type: "success"
          });
          this.onSearch();
        } else {
          this.$notify.error("未完成");
        }
      });
    },
    handleSkip() {
      this.$confirm("是否确定更新成skip？", "提示", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning"
      }).then(async () => {
        const res = await Api.post("/manager/wfe/updateSkip", {
          id: this.selectRow.id
        });
        if (res.respCode === SUCCESS) {
          this.$notify({
            title: "成功",
            message: "更新成功",
            type: "success"
          });
          this.onSearch();
        } else {
          this.$notify.error("未完成");
        }
      });
    },
    async getBranchList() {
      const loading = this.loading();
      let res = await Api.post("/public/quesel/getActBranchList");
      if (res.respCode == SUCCESS) {
        this.bchtypList = res.data.list;
      }
      loading.close();
    }
  }
};
</script>

<style lang="less" scoped>
.el-checkbox-width {
  margin-right: 0px;
  float: left;
  text-align: left !important;
  width: 150px;
}

/* .table-button-item-list {
  padding: 0;
  margin: 0;
}

.table-button-item-list li {
  list-style: none;
  padding: 5px 0;
  text-align: center;
  color: #606266;
  cursor: pointer;
} */
</style>