Smhinfp.vue

<template>
  <div class="eibs-tab">
    <c-row>
    <!-- <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div> -->
    <c-col :span="11">
      <el-form-item label="Type of Document" prop="infcon.smhcortyp">
          <c-col :span="18">
        <c-select
          v-model="model.infcon.smhcortyp"
          style="width: 100%"
          placeholder="请选择Type of Document"
          :code="codes.cortyp"
        >
        </c-select>
        </c-col>
        <c-col :span="6" style="text-align:right">
        <c-checkbox v-model="model.infcon.chktrn">Active only</c-checkbox>
    </c-col>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="Created between " prop="infcon.smhdatfrom">
        <c-col :span="11">
          <c-date-picker
            type="date"
            v-model="model.infcon.smhdatfrom"
            style="width: 100%"
            placeholder="请选择Created between "
          ></c-date-picker>
        </c-col>
        <c-col :span="2" style="text-align: center">
          <label style="display: inline-block; width: 100%">-</label>
        </c-col>
        <c-col :span="11">
          <c-date-picker
            type="date"
            v-model="model.infcon.smhdatto"
            style="width: 100%"
            placeholder="请选择created till"
          ></c-date-picker>
        </c-col>
      </el-form-item>
    </c-col>

    <c-col :span="11" style="height:24px">
      <el-form-item label="Direction" prop="infcon.smhdir">
        <c-select
          v-model="model.infcon.smhdir"
          style="width: 100%"
          placeholder="请选择Direction"
        >
        </c-select>
      </el-form-item>
    </c-col>

      <c-col :span="23">
        <c-istream-table :list="stmData.data" :columns="stmData.columns">
          <el-table-column prop="op" label="OP" width="100">
            <template slot-scope="scope">
              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
                >操作</a
              >
            </template>
          </el-table-column>
        </c-istream-table>
      </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/Infcpd/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Type" 0 ',
          '1 2 "Document" 0 ',
          '1 3 "Created" 0 ',
          '1 4 "Direction" 0 ',
          '1 5 "SMHINR" 0 ',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>