| | |
| | | </div> |
| | | |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px"> |
| | | <el-form-item label="体检时间" prop="checkTime"> |
| | | <el-input v-model="formData.checkTime" placeholder="请选择体检时间" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="就医时间" prop="checkTime"> |
| | | <el-date-picker v-model="formData.checkTime" type="date" placeholder="请选择日期" |
| | | :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd" |
| | | ></el-date-picker> </el-form-item> |
| | | |
| | | <el-form-item label="就病医院" prop="hospital"> |
| | | <el-input v-model="formData.hospital" placeholder="请选择就病医院" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="类别" prop="type"> |
| | | <el-input v-model="formData.type" placeholder="请输入类别" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="类别" prop="type">--> |
| | | <!-- <el-select v-model="formData.type" placeholder="请选择" clearable :style="{width: '100%'}" :disabled="dsb">--> |
| | | <!-- <el-option label="体检" value="体检"></el-option>--> |
| | | <!-- <el-option label="看病" value="看病"></el-option>--> |
| | | |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="题名" prop="title"> |
| | | <el-input v-model="formData.title" placeholder="请输入题名" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
| | | <i v-if="!uploading" slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <img |
| | | <!-- 添加video元素用于显示视频 --> |
| | | <video |
| | | v-if="file.url.includes('.mp4')" |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/401_images/401.gif" |
| | | alt="" |
| | | :src="file.url" |
| | | style="width: 147px; height: 147px" |
| | | fit="cover" |
| | | > |
| | | ></video> |
| | | <img v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/401_images/401.gif" |
| | | alt="" |
| | | style="width: 100%; height: 100%" |
| | | fit="cover"> |
| | | |
| | | <span class="el-upload-list__item-actions"> |
| | | <span |
| | | <span class="el-upload-list__item-name">{{ file.name }}</span> |
| | | <span |
| | | class="el-upload-list__item-preview" |
| | | @click="handleFileCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | <span |
| | | |
| | | class="el-upload-list__item-preview" |
| | | @click="handleFileCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | <span |
| | | |
| | | class="el-upload-list__item-delete" |
| | | @click="handleDownload(file.url)" |
| | | > |
| | | class="el-upload-list__item-delete" |
| | | @click="handleDownload(file.url)" |
| | | > |
| | | <i class="el-icon-download"></i> |
| | | </span> |
| | | <span |
| | | v-if="isShow" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | <span |
| | | v-if="isShow" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | </div> |
| | | |
| | |
| | | |
| | | |
| | | <el-dialog :visible.sync="dialogVisible"> |
| | | <img w-full :src="dialogImageUrl" alt="Preview Image" /> |
| | | <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | dialogVisible: false, |
| | | disabled: false, |
| | | rules: { |
| | | password: [{ |
| | | checkTime: [{ |
| | | required: true, |
| | | message: '请输入密码', |
| | | message: '请选择就医时间', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | accNo: [{ |
| | | hospital: [{ |
| | | required: true, |
| | | message: '请输入账号', |
| | | message: '请输入医院', |
| | | trigger: 'blur' |
| | | }], |
| | | type: [{ |
| | | |
| | | title: [{ |
| | | required: true, |
| | | message: '请选择基金/台账', |
| | | trigger: 'change' |
| | | message: '请输入标题', |
| | | trigger: 'blur' |
| | | }], |
| | | isFinger: [{ |
| | | notice: [{ |
| | | required: true, |
| | | message: '请选择是否', |
| | | trigger: 'change' |
| | | }], |
| | | isFace: [{ |
| | | required: true, |
| | | message: '请选择是否', |
| | | trigger: 'change' |
| | | }], |
| | | isPrivate: [{ |
| | | required: true, |
| | | message: '请选择是否', |
| | | trigger: 'change' |
| | | message: '请输入注意事项', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | validityDate: [{ |
| | | // required: true, |
| | | message: '请选择有效期', |
| | | trigger: 'change' |
| | | }], |
| | | happenTime: [{ |
| | | required: true, |
| | | message: '请选择有效期', |
| | | trigger: 'change' |
| | | }], |
| | | |
| | | }, |
| | | typeOptions: [{ |