Gitdetp.vue

<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="需求声明" prop="gcdgrp.rec.demstat">
          <c-select v-model="model.gcdgrp.rec.demstat" style="width: 100%" placeholder="请选择需求声明" :code="demstat">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="需求声明文本 " prop="clmtxts20">
          <c-input type="textarea" v-model="model.clmtxts20" rows="10" show-word-limit placeholder="请输入需求声明文本 ">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="附加金额附言" prop="gcdgrp.blk.addamtinf">
          <c-input type="textarea" v-model="model.gcdgrp.blk.addamtinf" rows="10" 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="Present. Compl. Det." prop="gcdgrp.blk.presentdet">
          <c-input type="textarea" v-model="model.gcdgrp.blk.presentdet" rows="9" show-word-limit
            placeholder="请输入Present. Compl. Det." :disabled="model.gcdgrp.rec.demstat != 'INCP'"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="中间行" prop="gcdgrp.int.pts.extkey">
          <c-fullbox>
            <c-input v-model="model.gcdgrp.int.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native="
              showGridPromptDialog(`gcdgrp.int.pts.extkey`)
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onIntpDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="gcdgrp.int.pts.nam">
          <c-input type="textarea" v-model="model.gcdgrp.int.pts.nam" rows="4" maxlength="100" show-word-limit
            placeholder="请输入" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="帐户行" prop="gcdgrp.awi.pts.extkey">
          <c-fullbox>
            <c-input v-model="model.gcdgrp.awi.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native="
              showGridPromptDialog('gcdgrp.awi.pts.extkey')
            "></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info"></i>
              </c-button>
              <c-button size="small" type="primary" @click="onAwipDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="gcdgrp.awi.pts.nam">
          <c-input type="textarea" v-model="model.gcdgrp.awi.pts.nam" rows="4" maxlength="100" show-word-limit
            placeholder="请输入" disabled></c-input>
        </el-form-item>
      </c-col>

    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitcrq/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      demstat: [
        {
          label:
            "COMP	完整需求，没有其他单据伴随或跟踪此消息",
          value: "COMP",
        },
        {
          label:
            "INCP	不完整需求，支持单据单独提交",
          value: "INCP",
        },
      ],
    };
  },
  methods: { ...Event },
  created: function () { },
  computed: {
    flag() {
      return this.model.didgrp.apl.pts.extkey == "";
    },
  },
};
</script>
<style>

</style>