<template>
	<div class="eibs-tab">
		<c-col :span="12" style="padding-right:20px;">
			<c-col :span="24">
				<el-form-item label="交易对手名称" prop="umdmod.bennam">
					<c-input
						maxlength="200"
						placeholder="请输入交易对手名称"
						style="width: 100%"
						v-model="model.umdmod.bennam"
						customModifykey="umdmod.bennam" 
          	@change="customAddModify(model.umdmod, 'bennam')"
					></c-input>
				</el-form-item>
			</c-col>
		</c-col>
		<c-col :span="12" style="padding-left:20px;">
			<c-col :span="24" style="text-align: right">
				<c-button @click="queryUsrmd" size="small" type="primary" :disabled="model.umdmod.excuteflg==='N'">
					名单筛查
				</c-button>
			</c-col>
		</c-col>
		<!-- 列表 -->
		<c-col :span="24" style="margin: 20px 0;">
			<el-table :border="true" :data="model.umdmod.umdList" style="width:100%" :row-class-name="tableRowClassName" size="small">
				<el-table-column label="INR" prop="inr" min-width="100px">
				</el-table-column>
				<el-table-column label="案例状态" prop="casecode" min-width="100px">
          <template slot-scope="scope">
              {{casecodeMap[scope.row.casecode]}}
          </template>
				</el-table-column>
				<el-table-column label="筛查状态" prop="code" min-width="100px">
          <template slot-scope="scope">
              {{codeMap[scope.row.code]}}
          </template>
				</el-table-column>
				<el-table-column label="案例编号" prop="caseno" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="业务编号" prop="ownref" min-width="100px">
				</el-table-column>
				<el-table-column label="筛查时间" prop="credat" min-width="100px">
				</el-table-column>
				<el-table-column label="最后操作时间" prop="lstdat" min-width="120px">
				</el-table-column>
				<el-table-column label="接口调用状态" prop="sta" min-width="120px">
				</el-table-column>
				<!-- <el-table-column label="交易流水号" prop="transid" min-width="120px">
				</el-table-column>
				<el-table-column label="历史交易流水号" prop="transid" min-width="120px">
				</el-table-column> -->
			</el-table>
		</c-col>
		<c-col :span="12" style="padding-right:20px;">
			<c-col :span="24">
				<el-form-item label="当前筛查案例编号">
					<c-input placeholder="请输入案例编号" style="width: 400px" v-model="model.umdmod.caseno" disabled></c-input>
				</el-form-item>
			</c-col>
		</c-col>
	</div>
</template>

<script>
import commonDepend from "~/mixin/commonDepend.js";
import event from "../event";
import Api from "~/service/Api";

export default {
  inject: ["root"],
  mixins: [commonDepend, event],
  props: ["model", "codes"],
  data() {
    return {
      tableData: {},
      //筛查状态
      codeMap:{
        "000":"未命中(正常查询)",
        "001":"命中(正常查询)",
        "020":"关闭查询服务",
        "202":"筛查业务类型不存在",
        "203":"请求参数错误（码值不正确、必填项为空、格式不正确）",
        "204":"名单查询失败",
        "000":"未命中(正常查询)",
        "209":"筛查超时",
      },
      //案例状态
      casecodeMap:{
        "100":"放行",
        "101":"禁止",
        "102":"认定中",
        "103":"该案例不存在。",
        "104":"案例信息和筛查要素不符，请核对信息！（案例存在但是查询要素不对）",
        "200":"案例信息查询失败",
      }
    };
  },
  methods: {
    tableRowClassName({row, rowIndex}){
      if(row.caseno === this.model.umdmod.caseno) {
         return 'blue-row';
      }
      return '';
    },
	},
	mounted () {
		this.root.rules['umdmod.bennam'] = [{required: false, message: "必输项"}]
	}
};
</script>
<style scoped lang="less">
.eibs-tab {
  /deep/ .el-table .blue-row{
    background: #99CCFF;
  }
}
</style>