| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div class="form-header mt"> |
| | | <h4 class="dt h4">家庭设备详细信息 </h4> |
| | | |
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;"> |
| | | <span>家庭设备详情</span> |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-button size="mini" type="text" @click="checkNote()" v-hasPermi="['person:information:memo']"> |
| | | <div class="form" ><el-icon style="padding-right:110px;"></el-icon> |
| | | <span class="text" style="width: 69px;height: 26px;font-size: 16px; |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">备忘本</span></div> |
| | | </el-button> |
| | | </div> |
| | | </h1> |
| | | </div> |
| | | <!-- 名称、时间、购买人、内容、地点、备注 --> |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" > |
| | |
| | | <el-input v-model="formData.name" placeholder="请输入设备名称" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="时间" prop="happenTime"> |
| | | <el-input v-model="formData.happenTime" placeholder="请输入时间" type="date" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <el-input v-model="formData.happenTime" placeholder="请输入时间" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="购买人" prop="buyer"> |
| | |
| | | multiple |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemoveFile" |
| | | :on-remove="handleRemove" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | |
| | | </span> |
| | | <span |
| | | v-if="isShow" |
| | | @click="handleRemove(file)" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleDownload(file.url)" |
| | | |
| | | > |
| | | <i class="el-icon-download"></i> |
| | | </span> |
| | |
| | | trigger: 'change' |
| | | }], |
| | | status: [{ |
| | | // required: true, |
| | | required: true, |
| | | message: '请选择是否注销', |
| | | trigger: 'change' |
| | | }], |
| | |
| | | this.dsb = false |
| | | this.btn = true |
| | | }, |
| | | //查看备忘本 |
| | | checkNote(row){ |
| | | |
| | | const id = this.$route.params && this.$route.params.id; |
| | | |
| | | this.$router.push("/familymodel/Device/memo/" + id ); |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | | var file = params.file; |
| | |
| | | display: block; |
| | | |
| | | } |
| | | .form{ |
| | | background:center/11% no-repeat url('../../assets/icons/form.png') ; |
| | | } |
| | | .pt{ |
| | | right: 10px; |
| | | top:-3px; |