Detp.vue

<template>
  <div class="eibs">
    <c-row>
      <c-col :span="24">
        <!-- ---------------------页面左侧 ------------------------------->
        <c-col :span="12" style="padding-right: 20px;">
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="合同号"
              prop="gidgrp.rec.orcref"
            >
              <c-input
                v-model="model.gidgrp.rec.orcref"
                maxlength="35"
                placeholder="请输入合同号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="合同号"
              prop="gidgrp.rec.orcref"
            >
              <c-input
                v-model="model.gidgrp.rec.orcref"
                maxlength="35"
                placeholder="请输入合同号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="合同签定日期"
              prop="gidgrp.rec.orcdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.orcdat"
                style="width: 100%"
                placeholder="请选择合同签定日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="合同签定日期"
              prop="gidgrp.rec.orcdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.orcdat"
                style="width: 100%"
                placeholder="请选择合同签定日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="合同失效日期"
              prop="gidgrp.rec.tenclsdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.orcdat"
                style="width: 100%"
                placeholder="请选择合同失效日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="合同失效日期"
              prop="gidgrp.rec.tenclsdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.orcdat"
                style="width: 100%"
                placeholder="请选择合同失效日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="17" v-if="model.gitp.covgodsrvmodflg == ''">
              <el-form-item
                label="合同标的"
                prop="gidgrp.blk.covgodsrv"
              >
                <c-input
                  disabled
                  rows="7"
                  type="textarea"
                  v-model="model.gidgrp.blk.covgodsrv"
                  maxlength="350"
                  show-word-limit
                  placeholder="请输入合同标的"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="17"  v-if="model.gitp.covgodsrvmodflg != ''">
              <el-form-item
                label="合同标的"
                prop="gidgrp.blk.atxcovgodsrv"
              >
                <c-input
                  rows="6"
                  type="textarea"
                  v-model="model.gidgrp.blk.axtcovgodsrv"
                  maxlength="350"
                  show-word-limit
                  placeholder="请输入合同标的"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="7">
              <c-checkbox
                v-if="model.gitp.swiftflg == 'Y'"
                v-model="model.gitp.covgodsrvmodflg"
                style="margin: 0 0 0 10px"
                class="checkbox-left"
                >是否手工修改保函文本</c-checkbox
              >
              <c-checkbox
                v-if="model.gitp.swiftflg == 'Y'"
                v-model="model.gitp.covgod.chkast"
                style="margin: 0 0 0 10px;"
                class="checkbox-left"
                >允许</c-checkbox
              >
              <c-button
                disabled
                v-if="model.gitp.swiftflg == 'Y'"
                size="small"
                type="primary"
                style="margin: 5px 0 0 10px;width:100px;float:left;"
                @click="onGitpButdifcovgodsrv"
              >
                查看系统文本
              </c-button>
              <c-button
                disabled
                v-if="model.gitp.swiftflg == 'Y'"
                size="small"
                type="primary"
                style="margin: 5px 0 0 10px;width:100px;float:left;"
                @click="onGitpButdifhiscovgodsrv"
              >
                查看历史文本
              </c-button>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="原始利率"
              prop="gidgrp.rec.orcrat"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.orcrat"
                placeholder="请输入原始利率"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="原始利率"
              prop="gidgrp.rec.orcrat"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.orcrat"
                placeholder="请输入原始利率"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="合同币种和金额" prop="gidgrp.rec.orccur">
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.orccur"
                  style="width: 100%"
                  placeholder="请选择合同币种 "
                >
                  <el-option
                    v-for="item in codes.curtxt"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="5px" prop="gidgrp.rec.orcamt">
                <c-input
                  disabled
                  v-model="model.gidgrp.rec.orcamt"
                  placeholder="请输入合同金额 "
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="合同签定地"
              prop="gidgrp.blk.orcplc"
            >
              <c-input
                disabled
                type="textarea"
                rows="4"
                v-model="model.gidgrp.blk.orcplc"
                maxlength="140"
                show-word-limit
                placeholder="请输入合同签定地"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="预付款账号"
              prop="gidgrp.rec.acc"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.acc"
                maxlength="35"
                placeholder="请输入预付款账号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label="适用法律"
                prop="gidgrp.rec.jurlaws20"
              >
                <c-select
                  :disabled="model.gitp.swiftflg != 'Y'"
                  v-model="model.gidgrp.rec.jurlaws20"
                  style="width: 100%"
                  placeholder="请选择适用法律"
                >
                  <el-option
                    v-for="item in codes.ctytxt1"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label-width="5px"
                prop="gidgrp.rec.jurlaw"
              >
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.jurlaw"
                  maxlength="35"
                  style="width: 100%"
                  :code="codes.ctytxt2"
                  placeholder="请输入"
                ></c-select>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="仲裁法律"
              prop="gidgrp.rec.jurlaw"
            >
              <c-select
                disabled
                v-model="model.gidgrp.rec.jurlaw"
                maxlength="35"
                :code="codes.ctytxt2"
                style="width: 100%"
                placeholder="请输入仲裁法律"
              ></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="仲裁地"
              prop="gidgrp.rec.jurplc"
            >
              <c-input
                :disabled="model.gidgrp.rec.jurlaws20 == ''"
                v-model="model.gidgrp.rec.jurplc"
                maxlength="35"
                placeholder="请输入仲裁地"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="投标参考号"
              prop="gidgrp.rec.tenref"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.tenref"
                maxlength="35"
                placeholder="请输入投标参考号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="投标日期"
              prop="gidgrp.rec.tendat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.tendat"
                style="width: 100%"
                placeholder="请选择投标日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="最新传输日期"
              prop="gidgrp.rec.trmdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.trmdat"
                style="width: 100%"
                placeholder="请选择最新传输日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- -------------------页面右侧---------------------- -->
        <c-col :span="12" style="padding-left: 20px;">
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="手册号码"
              prop="gidgrp.rec.mannum"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.mannum"
                maxlength="12"
                placeholder="请输入手册号码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="业务类型"
              prop="gidgrp.ghd.bustyp"
            >
              <c-select
                disabled
                v-model="model.gidgrp.ghd.bustyp"
                style="width: 100%"
                placeholder="请选择业务类型"
              >
                <el-option
                  v-for="item in codes.bustyp"
                  :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
              v-if="model.gitp.swiftflg != 'Y'"
              label="仓库号"
              prop="gidgrp.ghd.wahnum"
            >
              <c-input
                disabled
                v-model="model.gidgrp.ghd.wahnum"
                maxlength="20"
                placeholder="请输入仓库号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="受益人名称"
              prop="gidgrp.gidcxm.benefi"
            >
              <c-input
                v-model="model.gidgrp.gidcxm.benefi"
                maxlength="80"
                placeholder="请输入受益人名称"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="企业海关编码"
              prop="gidgrp.rec.bngcod"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.bngcod"
                maxlength="10"
                placeholder="请输入企业海关编码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="组织机构代码"
              prop="gidgrp.rec.juscod"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.juscod"
                maxlength="10"
                placeholder="请输入组织机构代码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="流动资金贷款利率档次"
              prop="gidgrp.rec.cunqii"
            >
              <c-select
                disabled
                v-model="model.gidgrp.rec.cunqii"
                style="width: 100%"
                placeholder="请选择流动资金贷款利率档次"
              >
                <el-option
                  v-for="item in codes.cunqii"
                  :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
              v-if="model.gitp.swiftflg != 'Y'"
              label="上浮比率"
              prop="gidgrp.rec.bilvvv"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.bilvvv"
                placeholder="请输入上浮比率"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="直接Swift添加"
              prop="gitp.indirectswiadd"
            >
            <c-input-xml
                type="textarea"
                :maxRows="10"
                :model="model.gitp.indirectswiadd"
                @change="commonExecuteRule('gitp.indirectswiadd')"
                maxlength="9750"
                show-word-limit
                placeholder="请输入直接Swift添加"
              ></c-input-xml>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="合同签定地"
              prop="gidgrp.blk.orcplc"
            >
              <c-input
                disabled
                type="textarea"
                rows="4"
                v-model="model.gidgrp.blk.orcplc"
                maxlength="140"
                show-word-limit
                placeholder="请输入合同签定地"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="附加说明" prop="gidgrp.blk.addinf">
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.gidgrp.blk.addinf"
                maxlength="700"
                show-word-limit
                placeholder="请输入附加说明"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="备注"
              prop="gidgrp.ghd.remark"
            >
              <c-input
                disabled
                type="textarea"
                rows="4"
                v-model="model.gidgrp.ghd.remark"
                maxlength="245"
                show-word-limit
                placeholder="请输入备注"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="预付款账号"
              prop="gidgrp.rec.acc"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.acc"
                maxlength="35"
                placeholder="请输入预付款账号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="仲裁地"
              prop="gidgrp.rec.jurplc"
            >
              <c-input
                :disabled="model.gidgrp.rec.jurlaws20 == ''"
                v-model="model.gidgrp.rec.jurplc"
                maxlength="35"
                placeholder="请输入仲裁地"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="投标参考号"
              prop="gidgrp.rec.tenref"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.tenref"
                maxlength="35"
                placeholder="请输入投标参考号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="投标日期"
              prop="gidgrp.rec.tendat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.tendat"
                style="width: 100%"
                placeholder="请选择投标日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="最新传输日期"
              prop="gidgrp.rec.trmdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.trmdat"
                style="width: 100%"
                placeholder="请选择最新传输日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
import InputXml from "~/components/InputXml";

export default {
  components: { InputXml },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
   watch:{
    "model.gidgrp.rec.jurlaws20": function(){
      if(this.model.gidgrp.rec.jurlaws20=="GB"){
        this.model.gidgrp.rec.jurlaw="GB"
      }else if(this.model.gidgrp.rec.jurlaws20=="CN"){
        this.model.gidgrp.rec.jurlaw="CN"
      }else if(this.model.gidgrp.rec.jurlaws20=="HK"){
        this.model.gidgrp.rec.jurlaw="HK"
      }else if(this.model.gidgrp.rec.jurlaws20==""){
        this.model.gidgrp.rec.jurlaw=""
      }
    }
  },
  created: function () {},
};
</script>
<style>
</style>