| | |
| | | <div class="app-container"> |
| | | <div class="form-header mt"> |
| | | <h4 class="dt h4">通讯录详细信息 </h4> |
| | | <el-button type="primary" class="pt" icon="el-icon-edit" @click="handleEdit()" :disabled="btn">编辑</el-button> |
| | | <!-- <br>--> |
| | | <!-- <el-button type="primary" class="pt" @click="handleExport"--> |
| | | <!-- v-hasPermi="['self:user:export']" >导出</el-button>--> |
| | | <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> |
| | | |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" 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-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-form-item label="成员姓名" prop="myName"> |
| | | <el-input v-model="formData.myName" placeholder="请输入成员姓名" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="是否常联系" prop="isAlways"> |
| | | <el-input v-model="formData.isAlways" placeholder="是否常联系" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <span v-if="scope.row.isAlways===1">是</span>--> |
| | | <!-- <span v-if="scope.row.isAlways===0">否</span>--> |
| | | <!-- <span v-if="scope.row.isAlways== null">——</span>--> |
| | | <!-- </template>--> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注(是否存在金钱关系)" prop="remark"> |
| | |
| | | </div> |
| | | </el-upload> |
| | | |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | | :file-list="fileListOther" |
| | | class="upload-demo" |
| | | multiple |
| | | :on-preview="handlePreview" |
| | | |
| | | :on-remove="handleRemove" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | </el-upload> |
| | | |
| | | |
| | | <el-form-item size="large"> |
| | | <el-button type="primary" @click="submitForm" :disabled="dsb">修改</el-button> |
| | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | | |
| | | isShow:true, |
| | | // 通讯录表格数据 |
| | | contactList: [], |
| | | |
| | |
| | | handleEdit() |
| | | { |
| | | this.dsb = false |
| | | this.btn = true |
| | | // this.btn = true |
| | | this.isShow=false |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .app-container{ |
| | | background-color: #FEF7FC; |
| | | } |
| | | .mt |
| | | { |
| | | position: relative; |
| | |
| | | position: absolute; |
| | | } |
| | | </style> |
| | | |