index.vue

<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames" style="margin-bottom: 5px;">
      <el-collapse-item title="税务备案表核验" name="ovwp">
        <m-addchk :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
  import CodeTable from "~/config/CodeTable";
  import commonDepend from "~/mixin/commonDepend.js";
  import Txfmod from "../model";
  import event from "../event";
  import Addchk from "./Addchk";


  export default {
    components: {
      "m-addchk": Addchk,

    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, commonDepend],
    data() {
      return {
        activeNames: ["ovwp"]
      };
    },
    methods: {},
    mounted() {},
    computed: {},
    watch: {},
    created: function () {}
  };
</script>

<style lang="less" scoped>
  .el-textarea .el-textarea__inner {
    height: 100px;
  }

  .page-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid #707070;

    .form-content {
      width: 100%;
      flex: 1;
      position: relative;
      border: 1px solid #b1b1b1;
      overflow-y: auto;
      background-color: #fff;
      padding: 5px 0;
    }
  }

  .field {
    text-align: left;
    line-height: 32px;
    width: 40px;
  }

  .fieldName {
    /deep/ .el-form-item--small .el-form-item__label {
      width: 200px !important;
      justify-content: flex-start;
    }

    /deep/ .el-date-editor.el-input {
      width: 90%;
    }

    /deep/ .el-select {
      width: 90%;
    }
  }

  .over {
    /deep/ .el-form-item--small .el-form-item__label {
      text-align: left;
    }
  }
</style>