Files
cssd-back/resources/js/vue/views/AddMedicalCenter.vue
T

55 lines
1.5 KiB
Vue

<template>
<v-form v-model="model">
<v-container grid-list-xs>
<material-card class=""
color="black"
title="Add Medical Center"
text=""
>
<v-layout row wrap class="px-5 mb-3">
<v-flex xs12 md3 xs3>
<v-text-field
name="Name"
label="Name"
color="black"
class="pa-2"
id="id1"
></v-text-field>
</v-flex>
<v-flex xs12 md3 xs3>
<v-text-field
name="Operator"
label="Operator"
color="black"
class="pa-2"
id="id2"
></v-text-field>
</v-flex>
</v-layout>
<v-layout row wrap align-center justify-center class="mt-3">
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span>
</v-btn>
<router-link to="/manage-medical-center">
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
<span class="black--text">Back</span>
</v-btn>
</router-link>
</v-layout>
</material-card>
</v-container>
</v-form>
</template>
<script>
export default {
name: "",
data: () => ({
})
}
</script>
<style lang="scss" scoped>
</style>