Sha256: e638111665a00493a9cb4f43b534a18cdfa712cad19593e485a5567dc66b53fe

Contents?: true

Size: 1.84 KB

Versions: 1

Compression:

Stored size: 1.84 KB

Contents

<template>
  <div style="width: 100%;">
    <el-main>
      <el-row :gutter='24'>
        <el-col :span='13'>
          <el-tabs v-model='this.activeTabName' type='border-card'>
            <el-tab-pane name='<%= @options[:model][:name] %>_tab'>

              <template #label>
                <span><i class='el-icon-check'></i> <%= @options[:model][:name].capitalize %></span>
              </template>

              <el-form :model='<%= @options[:model][:name] %>'>

                <%= @form_attributes %>

                <el-button-group>
                  <el-button v-if='this.<%= @options[:model][:name] %>.id' @click='this.update()' plain type='primary'>Update</el-button>
                  <el-button v-else @click='this.create()' plain type='success'>Save</el-button>
                  <el-popconfirm
                    v-if='this.<%= @options[:model][:name] %>.id'
                    confirm-button-text='Yes'
                    cancel-button-text='No'
                    icon='el-icon-info'
                    icon-color='orange'
                    title='Are you sure delete this item?'
                    @confirm='this.destroy()'
                  >
                    <template #reference>
                      <el-button type='danger'>Delete</el-button>
                    </template>
                  </el-popconfirm>
                  <el-button @click='this.resetForm()' plain type='info'>New</el-button>
                </el-button-group>
              </el-form>
              <br>
              <el-divider></el-divider>
              <br>
              <%= @table %>
            </el-tab-pane>
          </el-tabs>
        </el-col>
      </el-row>
    </el-main>
  </div>
</template>

<style>
  .showRecord {
    cursor: pointer;
    color: rgb(64, 158, 255);
    display: block;
    padding: 5px;
  }
</style>

<script>
    <%= @script %>
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
vue_component_builder-0.1.2 lib/builder/template/element-plus/main.vue.erb