Commit cb3beb5c1801f5226664c1625549d21f251043cd
1 parent
d1837e7a
志哥在撸猫
Showing
1 changed file
with
62 additions
and
31 deletions
src/views/user/picuserimport.vue
| ... | ... | @@ -36,15 +36,6 @@ |
| 36 | 36 | </div> |
| 37 | 37 | </div> |
| 38 | 38 | <div class="main-box"> |
| 39 | - <div class="doc-view" v-if="currentFilePath"> | |
| 40 | - <iframe style="width: 100%; height: 100%" | |
| 41 | - v-if="currentFilePath && currentFilePath.indexOf('.pdf') !=-1" :src=" | |
| 42 | - BASE_ROOT_DOMAIN + '/pdf/web/viewer.html?file=' + BASE_ROOT_DOMAIN +currentFilePath | |
| 43 | - " frameborder="0"></iframe> | |
| 44 | - <el-image v-else :src=" BASE_ROOT_DOMAIN +currentFilePath"> | |
| 45 | - | |
| 46 | - </el-image> | |
| 47 | - </div> | |
| 48 | 39 | <el-table ref="mytable" :data="table_data" style="width: 100%;height:calc(100vh - 260px)" border |
| 49 | 40 | @selection-change="handleSelectionChange"> |
| 50 | 41 | <el-table-column v-if="radio" type="index" width="50"></el-table-column> |
| ... | ... | @@ -90,6 +81,62 @@ |
| 90 | 81 | </el-table> |
| 91 | 82 | |
| 92 | 83 | </div> |
| 84 | + <el-dialog | |
| 85 | + title="编辑信息" | |
| 86 | + :visible.sync="dialogVisible" | |
| 87 | + width="60%" | |
| 88 | + :before-close="handleClose" | |
| 89 | + :close-on-click-modal="false"> | |
| 90 | + <div style="height: 800px;"> | |
| 91 | + <div class="el-col-14" v-if="currentFilePath"> | |
| 92 | + <iframe style="width: 100%; height:800px" | |
| 93 | + v-if="currentFilePath && currentFilePath.indexOf('.pdf') !=-1" :src=" | |
| 94 | + BASE_ROOT_DOMAIN + '/pdf/web/viewer.html?file=' + BASE_ROOT_DOMAIN +currentFilePath | |
| 95 | + " frameborder="0"></iframe> | |
| 96 | + <el-image v-else :src=" BASE_ROOT_DOMAIN +currentFilePath"> | |
| 97 | + | |
| 98 | + </el-image> | |
| 99 | + </div> | |
| 100 | + <div class="el-col-10" > | |
| 101 | + <el-form ref="form" :model="form" label-width="80px"> | |
| 102 | + <el-form-item label="姓名"> | |
| 103 | + <el-input v-model="form.FullName"></el-input> | |
| 104 | + </el-form-item> | |
| 105 | + <el-form-item label="手机号码"> | |
| 106 | + <el-input v-model="form.PhoneNumber"></el-input> | |
| 107 | + </el-form-item> | |
| 108 | + <el-form-item label="出生日期"> | |
| 109 | + <el-col :span="11"> | |
| 110 | + <el-date-picker type="date" placeholder="选择日期" v-model="form.DateBirth" style="width: 100%;"></el-date-picker> | |
| 111 | + </el-col> | |
| 112 | + </el-form-item> | |
| 113 | + <el-form-item label="性别"> | |
| 114 | + <el-radio-group v-model="form.Gender"> | |
| 115 | + <el-radio label="男" name="type">男</el-radio> | |
| 116 | + <el-radio label="女" name="type">女</el-radio> | |
| 117 | + </el-radio-group> | |
| 118 | + </el-form-item> | |
| 119 | + <el-form-item label="毕业学校"> | |
| 120 | + <el-input v-model="form.GraduationSchool"></el-input> | |
| 121 | + </el-form-item> | |
| 122 | + <el-form-item label="专业"> | |
| 123 | + <el-input v-model="form.GraduationMajor"></el-input> | |
| 124 | + </el-form-item> | |
| 125 | + <el-form-item label="最高学历"> | |
| 126 | + <el-input v-model="form.Education"></el-input> | |
| 127 | + </el-form-item> | |
| 128 | + <el-form-item label="城市"> | |
| 129 | + <el-input v-model="form.IntendedCity"></el-input> | |
| 130 | + </el-form-item> | |
| 131 | + </el-form> | |
| 132 | + </div> | |
| 133 | + </div> | |
| 134 | + | |
| 135 | + <span slot="footer" class="dialog-footer"> | |
| 136 | + <el-button @click="dialogVisible = false">取 消</el-button> | |
| 137 | + <el-button type="primary" @click="handleSave(1, form)">确 定</el-button> | |
| 138 | + </span> | |
| 139 | + </el-dialog> | |
| 93 | 140 | <div class="page-box"> |
| 94 | 141 | <el-pagination background layout="prev, pager, next" :total="queryResult.totalCount"> |
| 95 | 142 | </el-pagination> |
| ... | ... | @@ -166,6 +213,8 @@ import { formatTime } from '@/utils/util' |
| 166 | 213 | ], |
| 167 | 214 | //表格数据 |
| 168 | 215 | table_data: [], |
| 216 | + dialogVisible:false, | |
| 217 | + form:{}, | |
| 169 | 218 | }; |
| 170 | 219 | }, |
| 171 | 220 | methods: { |
| ... | ... | @@ -219,26 +268,13 @@ import { formatTime } from '@/utils/util' |
| 219 | 268 | |
| 220 | 269 | //编辑 |
| 221 | 270 | handleEdit(index, row) { |
| 271 | + this.dialogVisible = true; | |
| 222 | 272 | if (row.ViewPath) { |
| 223 | 273 | this.currentFilePath = row.ViewPath; |
| 224 | 274 | } else { |
| 225 | 275 | this.currentFilePath = ''; |
| 226 | 276 | } |
| 227 | - // debugger; | |
| 228 | - // if(this.table_data) | |
| 229 | - // this.table_data = this.table_data.map(t=>{ | |
| 230 | - // t.edit = false; | |
| 231 | - // return t; | |
| 232 | - // }) | |
| 233 | - this.table_data.forEach((o, i) => { | |
| 234 | - this.$set(this.table_data[i], 'edit', i == index) | |
| 235 | - }); | |
| 236 | - // this.table_data = Object.assign({},this.table_data); | |
| 237 | - // this.table_data[index].edit = true; | |
| 238 | - // this.table_data.push(this.table_data.pop()); | |
| 239 | - // this.$forceUpdate(); | |
| 240 | - | |
| 241 | - // this.$set(this.table_data[index],'edit',true) | |
| 277 | + this.form=row; | |
| 242 | 278 | }, |
| 243 | 279 | //删除 |
| 244 | 280 | handleDelete(index, row) { |
| ... | ... | @@ -266,18 +302,13 @@ import { formatTime } from '@/utils/util' |
| 266 | 302 | |
| 267 | 303 | //保存 |
| 268 | 304 | handleSave(index, row) { |
| 269 | - delete this.table_data[index].edit; | |
| 270 | - let formData = { | |
| 271 | - ...row | |
| 272 | - }; | |
| 273 | - delete formData.DataJsonObj; | |
| 274 | - UserInfo_Update(row); | |
| 275 | - this.table_data.push(this.table_data.pop()); | |
| 305 | + UserInfo_Update(this.form); | |
| 276 | 306 | this.$forceUpdate(); |
| 277 | 307 | this.$message({ |
| 278 | 308 | message: "保存成功!", |
| 279 | 309 | type: "success", |
| 280 | 310 | }); |
| 311 | + this.dialogVisible = false; | |
| 281 | 312 | }, |
| 282 | 313 | handleCancelSave(index, row) { |
| 283 | 314 | delete this.table_data[index].edit; | ... | ... |