Sel.vue 9.45 KB
<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="包号" prop="cldgrp.rec.ownref" style="width:100%">
          <c-fullbox>
            <c-input v-model="model.cldgrp.rec.ownref" maxlength="16" placeholder="请输入包号"
                     style="width:100%" disabled>
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" @click="onCltpButgetref"
                        style="margin-left: 10px; padding: 0 12px"
                        :disabled="model.cldgrp.rec.ownref !== ''">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="票据类型" prop="cldgrp.rec.colflg" style="width:100%">
          <c-select v-model="model.cldgrp.rec.colflg" style="width: 100%" maxlength="1"
                    placeholder="请输入票据类型">
            <el-option v-for="item in codes.colflg" :key="item.value" :label="item.label"
                       :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="总行数" prop="rowcntr" style="width:100%">
          <c-input v-model="model.rowcntr" placeholder="请输入总行数" disabled>
          </c-input>
        </el-form-item>

      </c-col>
      <c-col :span="24">
        <el-form-item label="选中光票金额和" prop="amount" style="width: 100%">
          <c-input v-model="model.amount" placeholder="请输入" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="选中票据份数" prop="cldgrp.rec.count" style="width: 100%">
          <c-input v-model="model.cldgrp.rec.count" placeholder="请输入选中票据份数" disabled>
          </c-input>
        </el-form-item>

      </c-col>
      <c-col :span="24">
        <el-form-item label="托收行" prop="colbnk" style="width:100%">
          <c-fullbox>
            <c-select v-model="model.colbnk" style="width: 100%" placeholder="请选择托收行" :disabled="model.cldgrp.rec.colflg == 'G'">
              <el-option v-for="item in codes.colbnk" :key="item.value" :label="item.label"
                         :value="item.value" >
              </el-option>
            </c-select>
            <template slot="footer">
              <c-button size="small" type="primary" @click="onGet" :disabled="model.cldgrp.rec.colflg == 'G'">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
          <el-form-item label="托收行名称" prop="cldgrp.col.pts.extkey" style="width:100%">
            <c-fullbox>
              <c-input v-model="model.cldgrp.col.pts.extkey" maxlength="16"
                       placeholder="请输入托收行名称"
                       @keyup.enter.native="showGridPromptDialog('cldgrp.col.pts.extkey')">
              </c-input>
              <template slot="footer">
                <c-button size="small" type="primary"
                          style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                          @click="onSeainf('cldgrp.col.pts.extkey')">
                  <i class="el-icon-info"></i>
                </c-button>
                <c-button size="small" type="primary" style="margin: 0 0; height: 32px">
                  详情
                </c-button>
              </template>
            </c-fullbox>

          </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="地址信息" prop="cldgrp.col.pts.nam" style="width:100%">
          <c-input type="textarea" :rows="4" v-model="model.cldgrp.col.pts.nam" maxlength="35" disabled
                   show-word-limit placeholder="请输入地址信息"></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="cldgrp.rec.nam" style="width:100%">
          <c-input v-model="model.cldgrp.rec.nam" maxlength="40" placeholder="请输入简略信息">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="起息日" prop="cldgrp.rec.valdat" style="width:100%">
            <c-date-picker type="date" v-model="model.cldgrp.rec.valdat" style="width:100%"
                           placeholddaer="请选择起息日"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="创建日期" style="width:100%">
            <c-date-picker type="date" v-model="model.cldgrp.rec.credat" style="width:100%"
                           placeholder="请选择创建日期"></c-date-picker>
          </el-form-item>
        </c-col>

      </c-col>

      <c-col :span="24">
        <el-form-item label="币种" prop="cur" style="width:100%">
          <c-select v-model="model.cur" style="width: 100%" placeholder="请选择币种">
            <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label"
                       :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="注册编号" prop="cldgrp.rec.regref" style="width: 100%">
          <c-input v-model="model.cldgrp.rec.regref" tyle="width: 100%" maxlength="16"
                   placeholder="请输入注册编号" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="查询出的票据份数" prop="items" style="width:100%">
          <c-input v-model="model.items" placeholder="请输入选中票据份数"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="托收方式" prop="colmet" style="width:100%">
          <c-select v-model="model.colmet" style="width: 100%" placeholder="请选择托收方式">
            <el-option v-for="item in codes.colmet" :key="item.value" :label="item.label"
                       :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="托收行参考号" prop="cldgrp.rec.colref" style="width:100%">
          <c-input v-model="model.cldgrp.rec.colref" maxlength="16" placeholder="请输入托收行参考号">
          </c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24" v-if="model.cur !== '' && model.cldgrp.rec.colflg !== ''">
      <c-col :span="4" :offset="20" style="text-align:center">
        <el-button type="primary" @click="handleSearch">查询</el-button>
      </c-col>
    </c-col>
    <c-col :span="24" v-else>
      <c-col :span="4" :offset="20" style="text-align:center">
        <el-button type="primary" @click="handleSearchAll">查询所有</el-button>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-edit-table :model="model" v-bind="docgrd" ref="table">
      </c-edit-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/Cltdav/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docgrd: {
                columns: [
                    {
                        title: "核对号",
                        width: "120px",
                        dataIndex: "chcknum",
                        show: "text",
                    },
                    {
                        title: "托收编号",
                        width: "120px",
                        dataIndex: "ownref",
                        show: "text",
                    },
                    {
                        title: "描述",
                        width: "220px",
                        dataIndex: "nam",
                        show: "text",
                    },
                    {
                        title: "委托人",
                        width: "200px",
                        dataIndex: "prenam",
                        show: "text",
                    },
                    {
                        title: "币种",
                        width: "100px",
                        dataIndex: "cur",
                        show: "text",
                    },
                    {
                        title: "金额",
                        width: "150px",
                        dataIndex: "amt",
                        show: "text",
                    },
                    {
                        title: "勾选",
                        width: "50px",
                        dataIndex: "selflg",
                        show: "checkbox",
                    },

                ],
                urls: "bptbck.bptbckg",
            },

        }
    },
    methods: {
        ...Event,
        multipleSelect() {
            console.log(123);
        },
        checkedChange() {
            console.log(456);
        }
    },
    created: function () {

    },
    watch: {
    }
}
</script>
<style>

</style>