| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-cntainer> |
| | | <el-form-item label="持有者" prop="owner" > |
| | | <el-form-item label="拥有者" prop="owner" > |
| | | <el-input |
| | | v-model="queryParams.owner" |
| | | placeholder="请输入持有者" |
| | | placeholder="请输入拥有者" |
| | | clearable |
| | | style="width: 240px" |
| | | @keyup.enter.native="handleQuery"> |
| | |
| | | v-hasPermi="['family:note:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="el-icon-download" |
| | | size="mini" |
| | | @click="handleExport" |
| | | v-hasPermi="['family:note:export']" |
| | | >导入模板下载</el-button> |
| | | </el-col> |
| | | <el-col :span="1.2"> |
| | | |
| | | <el-upload |
| | | action="" |
| | | |
| | | class="upload-demo" |
| | | :show-file-list="false" |
| | | :http-request="handleEnport" |
| | | > |
| | | <el-button size="mini" type="primary" |
| | | plain |
| | | icon="el-icon-plus" >导入</el-button> |
| | | |
| | | </el-upload> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | | <el-table v-loading="loading" :data="collectionList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table v-loading="loading" :data="collectionList" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="25" align="center" /> |
| | | <!-- <el-table-column label="序号" prop="id" sortable width="80" />--> |
| | | <el-table-column label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> |
| | | <el-table-column label="获得时间" prop="happenTime" sortable width="100" align="center"> |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | |
| | | <el-table-column label="存放位置" prop="location" sortable width="130" align="center"> |
| | | <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" align="center" sortable width="110" > |
| | | <template slot-scope="scope"> |
| | | <!-- <el-image style="width: 100px; height: 100px" :src="'http://47.93.189.255:8080/'+ scope.row.url" fit="cover"></el-image>--> |
| | | <span v-if= "scope.row.url ==null" ><img src="../../assets/images/文件夹-0.png" /></span> |
| | | |
| | | <span v-else><img src="../../assets/images/文件夹-1.png" /></span> |
| | | |
| | | <el-table-column label="电子文件" prop="url" width="80" > |
| | | <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 === ','" |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | |
| | | <el-table-column label="备注" prop="remark" sortable width="140" align="center"> |
| | | <el-table-column label="备注" prop="remark" sortable width="90" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)" |
| | | |
| | | >查看详情</el-button> |
| | | |
| | | </el-dropdown> |
| | |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | style="background: #FEF7FC;" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | |
| | | <el-input v-model="formDat.type" 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-input> |
| | |
| | | |
| | | //导入接口函数 |
| | | import {listCollection, getCollection, addCollection,updateCollection, delCollection,uploadPic} from "@/api/collection/index"; |
| | | import {enload} from "@/api/doctor"; |
| | | import {Message} from "element-ui"; |
| | | |
| | | |
| | | export default { |
| | |
| | | handleCheck(row){ |
| | | const id = row.id; |
| | | this.$router.push("/familymodel/collection/collectionInfo/" + id); |
| | | |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | this.download('zfCollection/export', { |
| | | ...this.queryParams |
| | | }, `zfCollection_${new Date().getTime()}.xlsx`) |
| | | }, |
| | | /** 导入操作*/ |
| | | handleEnport(params){ |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('excelImport', file); |
| | | let _this = this |
| | | |
| | | enload(formData).then(response => { |
| | | _this.getList(); |
| | | Message({ message: "导入成功", type: 'warning' }) |
| | | |
| | | }).catch(() => { Message({ message: "导入失败", type: 'error' })}); |
| | | |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | <style> |
| | | .app-container{ |
| | | background-color: #FEF7FC; |
| | | } |
| | | |
| | | .el-table__row.statistics-warning-row { |
| | | background: #E0EEFE; |