Infsea.vue

<template>
  <div class="eibs-tab">
        <!-- ----------左 ---------->
        <c-col :span="12" class="col-left">
          <c-col :span="24">
            <el-form-item label=" Name" prop="ptysea.nam">
              <c-input
                v-model="model.ptysea.nam"
                placeholder="请输入External Visible Name"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Street" prop="adrsea.str1">
              <c-input
                v-model="model.adrsea.str1"
                maxlength="35"
                placeholder="请输入Street/SWIFT Line 3"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="City" prop="adrsea.loctxt">
              <c-input
                v-model="model.adrsea.loctxt"
                maxlength="25"
                placeholder="请输入Textpart of City/Second Part of SWIFT Line 4"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <!-- PTY.IDTYPE -->
            <el-form-item label="客户类别" prop="persontype">
              <c-select
                v-model="model.persontype"
                style="width: 100%"
                placeholder="请选择客户类别"
                :code="codes.persontype"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <!-- PTA.BRANCHINR -->
            <el-form-item label="支行行号" prop="zhbchinr">
              <c-select
                v-model="model.zhbchinr"
                style="width: 100%"
                placeholder="请选择支行行号"
                :code="getValues('zhbchinr')"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
        <!------------- 右 ---------->
        <c-col :span="12" class="col-right">
          <c-col :span="24">
            <el-form-item label="Party No." prop="ptysea.extkey">
              <c-input
                v-model="model.ptysea.extkey"
                maxlength="24"
                placeholder="请输入Party No."
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="BIC " prop="adrsea.bic">
              <c-input
                v-model="model.adrsea.bic"
                maxlength="11"
                placeholder="请输入BIC "
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="ZIP Code" prop="adrsea.loczip">
              <c-input
                v-model="model.adrsea.loczip"
                maxlength="10"
                placeholder="请输入ZIP Code"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <!-- PTY.TRNMAN -->
            <el-form-item label="交易主体" prop="jyzt">
              <c-select
                v-model="model.jyzt"
                style="width: 100%"
                placeholder="请选择交易主体"
                :code="codes.jyzt"
              >
              </c-select>
            </el-form-item>

            <c-col :span="24">
              <!-- PTY.IDCODE -->
              <el-form-item label="统一社会信用代码" prop="shxydm">
                <c-input
                  v-model="model.shxydm"
                  maxlength="18"
                  placeholder="请输入统一社会信用代码"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>
      
      <c-col :span="24">
        <!-- PTY.PTYTYP -->
        <el-form-item label="Type">
                <c-col :span="2">
          <c-checkbox v-model="seatyph">海关</c-checkbox>
        </c-col> 
      <c-col :span="4">
            <c-checkbox v-model="seatypo">Other</c-checkbox>
          </c-col> 
      <c-col :span="4">
            <c-checkbox v-model="seatypa">Own Address</c-checkbox>
          </c-col> 
     <c-col :span="4">
            <c-checkbox v-model="seatypb">Bank</c-checkbox>
          </c-col> 
      <c-col :span="4">
            <c-checkbox v-model="seatypc">Client</c-checkbox>
          </c-col> 
        </el-form-item>
      </c-col>
      <c-col :span="24" style="text-align: right; height: 36.8px">
        <el-button size="small" @click="handleReset">重置</el-button>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="small"
          @click="onInfbutSearow"
          >查询
        </el-button>
      </c-col>

      <c-col :span="24">
        <div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
      </c-col>
      <c-col :span="24" >
        <c-istream-table 
        :list="stmData.data" 
        :columns="stmData.columns"
        :showButtonFlg="true">
          <c-table-column fixed="right" prop="op" label="操作" width="165px">
            
            <template slot-scope="{ scope }">
              <c-button
                style="margin-left: 0"
                size="small"
                @click="onInfbutDsp(scope.$index, scope.row)"
              >
                详情
              </c-button>
              <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="continueEdit(scope.row)"
              >
                处理
              </c-button>
              <el-popover placement="top-start" width="50" trigger="click">
                <ul class="table-button-item-list">
                  <li>
                    <c-button size="small" style="margin-left: 0"
                      >指派</c-button
                    >
                  </li>
                  <li>
                    <c-button size="small" style="margin-left: 0"
                      >删除</c-button
                    >
                  </li>
                </ul>
                <a
                  slot="reference"
                  href="javascript:void(0)"
                  style="margin-left: 5px"
                  ><i class="el-icon-more"></i
                ></a>
              </el-popover>
            </template>
          </c-table-column>
        </c-istream-table>
      </c-col>    
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      initdialog: false,
      radio: 3,
      stmData: {
        columns: [
          '1 1 "客户号" 120 ',
          '8 2 "中文名称" 150 ',
          '2 3 "Name" 198 ',
          '9 4 "客户类别" 98 1 0 1 KEHULB',
          '3 5 "Street" 200 ',
          '10 6 "支行名称" 98 ',
          '4 7 "ZIP" 98  ',
          '11 8 "支行行号" 200 ',
          '5 9 "City" 120',
          '12 10 "组织机构代码" 200',
          '6 11 "BIC" 70',
          '13 12 "统一社会信用代码" 200',
          '7 13 "交易主体" 98  1 0 1 TRNMAN',
        ],
        data: [],
      },
    };
  },
  computed: {
    tableData() {
      return this.model.infbut.dspstm.rows;
    },
		seatypb: {
			get: function() {
				return this.model.seatypb === 'X'
			},
			set: function(val) {
        this.clearSeatyp()
				this.model.seatypb = val ? 'X' : ''
			}
		},
		seatypc: {
			get: function() {
				return this.model.seatypc === 'X'
			},
			set: function(val) {
        this.clearSeatyp()
				this.model.seatypc = val ? 'X' : ''
			}
		},
		seatypa: {
			get: function() {
				return this.model.seatypa === 'X'
			},
			set: function(val) {
        this.clearSeatyp()
				this.model.seatypa = val ? 'X' : ''
			}
		},
		seatypo: {
			get: function() {
				return this.model.seatypo === 'X'
			},
			set: function(val) {
        this.clearSeatyp()
				this.model.seatypo = val ? 'X' : ''
			}
		},
		seatyph: {
			get: function() {
				return this.model.seatyph === 'X'
			},
			set: function(val) {
        this.clearSeatyp()
				this.model.seatyph = val ? 'X' : ''
			}
		}
	},
  methods: {
     clearSeatyp() {
      this.model.seatypb = '';
      this.model.seatypc = '';
      this.model.seatypa = '';
      this.model.seatypo = '';
      this.model.seatyph = '';
    },
    chooseRowEvent(row) {
      this.model.infbut.selrow = row.IDX + 1;
    },
    ...Event},
  created: function () {},
};
</script>
<style scoped>
.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>