<template>
    <form class="row g-3">
        <div class="col-md-4">
        <label for="inputEmail4" class="form-label">SK_ID</label>
        <input type="text" v-model="SK_ID" class="form-control" >
        </div>
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">SK_CONN_TYPE</label>
        <input type="text" v-model="this.SK_CONN_TYPE" class="form-control" >
        </div>
        <div class="col-md-4">
        <label for="inputEmail4" class="form-label">PKG_ID</label>
        <input type="text" v-model="this.PKG_ID" class="form-control" >
        </div>
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">SK_IP</label>
        <input type="text" v-model="this.SK_IP" class="form-control" >
        </div>     
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">SK_PORT</label>
        <input type="text" v-model="this.SK_PORT" class="form-control" >
        </div>                                                               
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">SK_TYPE</label>
        <input type="text" v-model="this.SK_TYPE" class="form-control" >
        </div>    
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">PARENT_SK_ID</label>
        <input type="text" v-model="this.PARENT_SK_ID" class="form-control" >
        </div>       
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">SK_DELIMIT_TYPE</label>
        <input type="text" v-model="this.SK_DELIMIT_TYPE" class="form-control" >
        </div>                     
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">MAX_LENGTH</label>
        <input type="text" v-model="this.MAX_LENGTH" class="form-control" >
        </div>       
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">HD_ID</label>
        <input type="text" v-model="this.HD_ID" class="form-control" >
        </div>                     
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">HD_TYPE</label>
        <input type="text" v-model="this.HD_TYPE" class="form-control" >
        </div>       
        <div class="col-md-4">
        <label for="inputPassword4" class="form-label">HD_LENGTH</label>
        <input type="text" v-model="this.HD_LENGTH" class="form-control" >
        </div>                      
        <div class="col-12">
        <label for="inputAddress" class="form-label">Address</label>
        <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
        </div>
        <div class="col-md-6">
        <label for="inputCity" class="form-label">City</label>
        <input type="text" class="form-control" id="inputCity">
        </div>
        <div class="col-md-4">
        <label for="inputState" class="form-label">State</label>

        </div>
        <div class="col-md-2">
        <label for="inputZip" class="form-label">Zip</label>
        <input type="text" class="form-control" id="inputZip">
        </div>
        <div class="col-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="gridCheck">
            <label class="form-check-label" for="gridCheck">
            Check me out
            </label>
        </div>
        </div>
        <div class="col-12 text-center" >
        <button type="submit" class="btn btn-primary">Save</button>
        <button  class="btn btn-primary">RESTART</button>
        </div>
    </form>  
</template>
<script>
  import { Dropdown, DropdownItem, DropdownMenu, Table, TableColumn } from 'element-ui';
  
  
  export default {
    name: 'light-table',
    components: {
      [Table.name]: Table,
      [TableColumn.name]: TableColumn
    },
    data() {
      return {        
        currentPage: 1,
        localSelectMap: this.selectMap,
        SK_ID : localSelectMap.SK_ID,
      };
    }
  }
</script>
