| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div class="form-header mt"> |
| | | <h4 class="dt h4">家庭设备详情 </h4> |
| | | <h4 class="dt h4">家庭设备详细信息 </h4> |
| | | |
| | | </div> |
| | | <!-- 名称、时间、购买人、内容、地点、备注 --> |
| | |
| | | <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="请输入时间" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <el-input v-model="formData.happenTime" placeholder="请输入时间" type="date" 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="handleRemove" |
| | | :on-remove="handleRemoveFile" |
| | | :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> |
| | | <i class="el-icon-download"></i> |
| | | </span> |
| | | <span |
| | | v-if="isShow" |
| | | class="el-upload-list__item-delete" |
| | |
| | | </el-form> |
| | | |
| | | <el-dialog :visible.sync="dialogVisible"> |
| | | <img w-full :src="dialogImageUrl" alt="Preview Image" /> |
| | | <img w-full :src="dialogImageUrl" style="width: 700px; height: 700px" alt="Preview Image" /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | trigger: 'change' |
| | | }], |
| | | status: [{ |
| | | required: true, |
| | | // required: true, |
| | | message: '请选择是否注销', |
| | | trigger: 'change' |
| | | }], |
| | |
| | | this.$route.meta.title = "修改家庭设备详细信息";//列表的名称 |
| | | } |
| | | else{ |
| | | document.title = "查看家庭设备详细信息"; |
| | | this.$route.meta.title = "查看家庭设备详细信息";//列表的名称 |
| | | this.isShow=false |
| | | document.title = "家庭设备详细信息"; |
| | | this.$route.meta.title = "家庭设备详细信息";//列表的名称 |
| | | this.isShow=true |
| | | } |
| | | |
| | | let _this = this |