Commit 12883cf8 authored by dsbenton's avatar dsbenton
Browse files

pulled main locally

parents c9da73c7 f6f7872f
<template> <template>
<div class="app-container"> <div id="app">
<el-form ref="form" :model="form" label-width="120px"> <el-card class="box-card" style="width:700px;margin:auto;">
<el-form-item label="To:"> <el-form ref="form" :model="form" label-width="120px">
<el-form-item label="To:">
<el-input v-model="form.receiver" type="textbox" placeholder="Patient's email"/> <el-input v-model="form.receiver" type="textbox" placeholder="Patient's email"/>
</el-form-item> </el-form-item>
<el-form-item label="Message:">
<el-input v-model="form.desc" type="textarea" />
</el-form-item>
<el-form-item label="Upload Media">
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
accept="image/jpeg,image/png,text/plain, application/pdf"
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-success="handleUploadSuccess"
:auto-upload="false"
:before-upload="handleUploadbefore"
:file-list="fileList"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">Drop file here or <em>click to upload (PDF, JPEG, PNG) </em></div>
</el-upload>
</el-form-item>
<el-form-item> <el-form-item label="Message:">
<el-button type="primary" @click="onSubmit">Submit</el-button> <el-input v-model="form.desc" type="textarea" />
<el-button @click="onCancel">Cancel</el-button> </el-form-item>
</el-form-item>
</el-form> <el-form-item label="Upload Media">
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
accept="image/jpeg,image/png,text/plain, application/pdf"
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-success="handleUploadSuccess"
:auto-upload="false"
:before-upload="handleUploadbefore"
:file-list="fileList"
list-type="picture">
<i class="el-icon-upload"></i>
<div class="el-upload__text">Drop file here or <em>click to upload (PDF, JPEG, PNG) </em></div>
</el-upload>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">Submit</el-button>
<el-button @click="onCancel">Cancel</el-button>
</el-form-item>
</el-form>
</el-card>
</div> </div>
</template> </template>
...@@ -101,5 +105,18 @@ export default { ...@@ -101,5 +105,18 @@ export default {
line-height: 18x; line-height: 18x;
} }
} }
body {
margin: 0px;
}
#app {
position: relative;
width: 100%;
height: 75vh;
display:flex;
justify-content: center;
align-items: center;
}
</style> </style>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment