Invpnl.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <!-- S0000002 : 发票代码 -->
      <c-col :span="24">
        <el-form-item label="发票代码" prop="cominv.invcod">
          <c-input v-model="model.cominv.invcod" maxlength="20" placeholder="请输入发票代码" @change="invcodChange"></c-input>
        </el-form-item>
      </c-col>
      <!-- S0000003 : 发票号码 -->
      <c-col :span="24">
        <el-form-item label="发票号码" prop="cominv.invnum">
          <c-input type="textarea" v-model="model.cominv.invnum" maxlength="100" show-word-limit placeholder="请输入发票号码"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item>
          <c-button size="small" type="primary" @click="sendELc321">
            发送请求
          </c-button>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24" style="height: 10px; margin-bottom: 40px">
			<el-divider></el-divider>
		</c-col>

    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="报文路径" prop="cominv.dowpth">
          <c-input disabled v-model="model.cominv.dowpth" maxlength="80" ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item>
          <c-button size="small" type="primary" @click="showELc322">
            报文内容
          </c-button>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24" style="height: 10px; margin-bottom: 40px">
			<el-divider></el-divider>
		</c-col>

    <!-- S0000010 : 发票查询结果 -->
    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="发票查询结果" prop="cominv.fbcxjg">
          <c-select  disabled v-model="model.cominv.fbcxjg" style="width:100%"  dbCode="ELC027">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

    <el-dialog title="预览" :visible.sync="visiable" left width="70%" v-if="visiable" @close="handleClose">
      <div style="height:100%;">
          <elc-view :formatData="model.formatData" :textContent="model.textContext"></elc-view>
      </div>
    </el-dialog>

  </div>
</template>
<script>
import event from "../event";
import ElcView from "~/components/business/ELCView";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {ElcView},
  data() {
    return {
       visiable: false,
    };
  },
  methods: {
    handleClose() {
      this.visiable = false;
    }
  },
  created: function() {}
};
</script>
<style>
</style>