| | |
| | | <div class="app-container"> |
| | | <div class="form-header mt"> |
| | | <h4 class="dt h4">通讯录详细信息 </h4> |
| | | <!-- <el-button v-if="isShow" type="primary" class="pt" icon="el-icon-edit" @click="handleEdit()" >编辑</el-button>--> |
| | | <!-- <br>--> |
| | | <!-- <el-button type="primary" class="pt" @click="handleExport"--> |
| | | <!-- v-hasPermi="['self:user:export']" >导出</el-button>--> |
| | | </div> |
| | | <div style="padding-left:15px"> |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-position="left" label-width="100px"> |
| | | <!-- <el-form-item label="id" prop="id">--> |
| | | <!-- <el-input v-model="formData.id" placeholder="请输入id" :maxlength="11" show-word-limit :disabled="true"--> |
| | | <!-- clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <el-container> |
| | | <el-row :span="12"> |
| | | <el-cow> |
| | |
| | | <el-input v-model="formData.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | <el-cow > |
| | | <el-form-item label="是否是本家庭记录" prop="ownData"> |
| | | <el-input v-model="formData.ownData=== 1 ? '是':'否'" placeholder=" " clearable :style="{width: '100%'}" :disabled=true></el-input> |
| | | </el-form-item> |
| | | </el-cow> |
| | | </el-row> |
| | | </el-container> |
| | | <h4 class="form-header">电子名片 </h4> |
| | |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <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 |
| | | class="el-upload-list__item-thumbnail" |
| | |
| | | > |
| | | <span class="el-upload-list__item-actions"> |
| | | <span |
| | | v-if="isShow" |
| | | |
| | | class="el-upload-list__item-preview" |
| | | @click="handlePictureCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | <span |
| | | v-if="isShow" |
| | | |
| | | class="el-upload-list__item-delete" |
| | | @click="handleDownload(file.url)" |
| | | > |
| | |
| | | </div> |
| | | </el-upload> |
| | | |
| | | <!--<h4 class="form-header">其他附件 </h4> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | | :file-list="fileListOther" |
| | |
| | | multiple |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | | |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <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 |
| | | class="el-upload-list__item-thumbnail" |
| | |
| | | > |
| | | <span class="el-upload-list__item-actions"> |
| | | <span |
| | | v-if="isShow" |
| | | |
| | | class="el-upload-list__item-preview" |
| | | @click="handleFileCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | <span |
| | | v-if="isShow" |
| | | @click="handleRemove(file)" |
| | | class="el-upload-list__item-delete" |
| | | |
| | | 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" |
| | |
| | | </div> |
| | | |
| | | |
| | | </el-upload>--> |
| | | </el-upload> |
| | | |
| | | <el-form-item size="large"> |
| | | <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">修改</el-button> |
| | |
| | | dsb:true, |
| | | btn:false, |
| | | isShow:true, |
| | | uploading: false, |
| | | // 通讯录表格数据 |
| | | contactList: [], |
| | | |
| | |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | |
| | | this.uploading = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | |
| | | this.uploading = false; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |