| | |
| | | <!-- line-height: 21px;--> |
| | | <!-- ">张氏一览表</div>--> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <!-- <el-row :gutter="10" class="mb8">--> |
| | | <!-- <el-col :span="1.5">--> |
| | | <!-- <el-button--> |
| | | <!-- type="primary"--> |
| | |
| | | /> |
| | | |
| | | |
| | | <!-- <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> |
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> |
| | | |
| | | <el-form-item label="成员姓名" prop="myName"> |
| | | <el-input v-model="formDat.myName" placeholder="请输入成员姓名" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="身份" prop="identity"> |
| | | <el-input v-model="formDat.identity" placeholder="请输入成员姓名" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="称呼" prop="nickName"> |
| | | <el-form-item label="姓名" prop="nickName"> |
| | | <el-input v-model="formDat.nickName" placeholder="请输入称呼" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input v-model="formDat.name" placeholder="请输入姓名" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-input v-model="formDat.sex" placeholder="请输入姓名" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="工作单位" prop="work"> |
| | | <el-input v-model="formDat.work" placeholder="请输入工作单位" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="出生时间" prop="birth"> |
| | | <el-input v-model="formDat.birth" placeholder="请输入工作单位" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="手机" prop="phone"> |
| | | <el-input v-model="formDat.phone" placeholder="请输入手机" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="全生命周期" prop="deadDay"> |
| | | <el-input v-model="formDat.deadDay" placeholder="请输入手机" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="微信" prop="wx"> |
| | | <el-input v-model="formDat.wx" placeholder="请输入微信" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="手机号码" prop="phoneNumber"> |
| | | <el-input v-model="formDat.phoneNumber" placeholder="请输入微信" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="QQ" prop="qq"> |
| | | <el-input v-model="formDat.qq" placeholder="请输入QQ" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="所在单位" prop="unit"> |
| | | <el-input v-model="formDat.unit" placeholder="请输入QQ" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="twitter" prop="twitter"> |
| | | <el-input v-model="formDat.twitter" placeholder="请输入twitter" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="配偶" prop="spouseName"> |
| | | <el-input v-model="formDat.spouseName" placeholder="请输入twitter" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="是否常联系" prop="isAlways"> |
| | | <el-input v-model="formDat.isAlways" placeholder="是否常联系" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="备注(是否存在金钱关系)" prop="remark"> |
| | | <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | |
| | | <h4 class="form-header">电子名片 </h4> |
| | | <el-upload |
| | | action="#" |
| | | list-type="picture-card" |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" |
| | | alt="" |
| | | style="width: 126px; height: 126px" |
| | | fit="cover" |
| | | :preview-src-list="[file.url]" |
| | | > |
| | | <span class="el-upload-list__item-actions"> |
| | | <span |
| | | class="el-upload-list__item-preview" |
| | | @click="handlePictureCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | |
| | | <span |
| | | v-if="!disabled" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemove(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | | :file-list="fileListOther" |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | :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> |
| | | <h4 class="form-header"> </h4> |
| | |
| | | <el-button type="primary" @click="submitDataScope">保 存</el-button> |
| | | <el-button @click="cancelData">取 消</el-button> |
| | | </div> |
| | | </el-dialog> --> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body> |
| | | |
| | |
| | | return "statistics-warning-row"; |
| | | } |
| | | }, |
| | | |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.open = true; |
| | | this.title = "添加证件/荣誉/资质信息"; |
| | | }, |
| | | /** 查询通讯录列表 */ |
| | | getList() { |
| | | this.loading = true; |