| | |
| | | <el-table v-loading="loading" :data="honorList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" :reserve-selection="true" width="25" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> |
| | | <el-table-column label="时间" prop="createTime" sortable width="120" align="center"> |
| | | <!-- <el-table-column label="时间" prop="createTime" sortable width="120" align="center">--> |
| | | |
| | | <template slot-scope="scope">{{scope.row.createTime? scope.row.createTime: '————'}}</template> |
| | | </el-table-column> |
| | | <!-- <template slot-scope="scope">{{scope.row.createTime? scope.row.createTime: '————'}}</template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column label="类别" prop="type" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <!-- <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>--> |
| | | <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="160" align="center"> |
| | | <template slot-scope="scope" > |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="scope.row.url !== ','" |
| | | > |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="scope.row.url ===',' " |
| | | > |
| | | <div @click="handleCheck(scope.row)"> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="120" align="center"> |
| | |
| | | <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="createTime"> |
| | | <el-input v-model="formDat.createTime" placeholder="请输入创建时间" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="时间" prop="createTime">--> |
| | | <!-- <el-input v-model="formDat.createTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" >--> |
| | | <!-- </el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="获得时间" prop="happenTime">--> |
| | | <!-- <el-date-picker v-model='formDat.happenTime' type='date' placeholder='选择日期'></el-date-picker>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="类别" prop="type"> |
| | | <!-- <el-input v-model="formDat.type" placeholder="请输入类别" clearable :style="{width: '100%'}" >--> |
| | | <!-- </el-input>--> |
| | |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="有效时间" prop="validityDate"> |
| | | <el-input v-model="formDat.validityDate" placeholder="请输入有效时间" clearable :style="{width: '100%'}" > |
| | | <el-input v-model="formDat.validityDate" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="获得时间" prop="getDate"> |
| | | <el-input v-model="formDat.getDate" placeholder="请输入获得时间" clearable :style="{width: '100%'}" > |
| | | <el-input v-model="formDat.getDate" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="存放位置" prop="location"> |
| | |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | |
| | | /** 查询记录列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | // console.log(this.queryParams) |
| | | console.log(this.queryParams) |
| | | this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0] |
| | | this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1] |
| | | // listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => { |
| | | listHonor(this.queryParams).then(response => { |
| | | // alert(123) |
| | |
| | | }, |
| | | //类别选择 |
| | | getSrc(type) { |
| | | if (type === '出生证'){ |
| | | if (type === 1){ |
| | | return '出生证' |
| | | }else if(type === '牙科'){ |
| | | return '牙科' |
| | | }else if(type === '内科'){ |
| | | return '内科' |
| | | }else if(type === 2){ |
| | | return '学生证' |
| | | }else if(type === 3){ |
| | | return '毕业证' |
| | | }else if(type === 4){ |
| | | return '结婚证' |
| | | }else if(type === 5){ |
| | | return '户口簿' |
| | | }else if(type === 6){ |
| | | return '独生子女证' |
| | | }else if(type === 7){ |
| | | return '高级职称' |
| | | }else if(type === 8){ |
| | | return '护照' |
| | | }else if(type === 9){ |
| | | return '通行证' |
| | | }else { |
| | | return '其它' |
| | | } |
| | | }, |
| | | |
| | | handleRemove(file) { |
| | | alert(323) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | |
| | | /** 查看详细信息 */ |
| | | handleCheck(row){ |
| | | const id = row.id; |
| | | this.$router.push("/self/honor/honorInfo/" + id); |
| | | this.$router.push("/self/Honor/honorInfo/" + id); |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | let jd = true |
| | | |
| | | this.$router.push({ |
| | | path:"/self/honor/honorInfo/" + id, |
| | | path:"/self/Honor/honorInfo/" + id, |
| | | query:{ |
| | | detail:jd |
| | | } |
| | |
| | | }); |
| | | } |
| | | }); |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | this.handleRemove(this.fileList[0]); |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | }, |
| | | requestUpload(params) |
| | | { |