| | |
| | | <el-table v-loading="loading" :data="collectionList" :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="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> |
| | | <el-table-column label="获得时间" prop="happenTime" sortable width="100" align="center"> |
| | | <el-table-column label="获得时间" prop="happenTime" sortable width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="类别" prop="type" sortable width="120" align="center"> |
| | | <el-table-column label="类别" prop="type" sortable :show-overflow-tooltip="true" width="120" align="center"> |
| | | <!-- <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>--> |
| | | <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="名称" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <template slot-scope="scope">{{scope.row.name? scope.row.name: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="来源" prop="source" sortable width="120" align="center" > |
| | | <el-table-column label="来源" prop="source" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <template slot-scope="scope">{{scope.row.source? scope.row.source: '————'}}</template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="持有者" prop="owner" sortable width="110" align="center"> |
| | | <el-table-column label="持有者" prop="owner" sortable :show-overflow-tooltip="true" width="110" align="center"> |
| | | |
| | | <template slot-scope="scope">{{scope.row.owner? scope.row.owner: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="价值" prop="price" sortable width="120" align="center"> |
| | | <el-table-column label="价值" prop="price" sortable :show-overflow-tooltip="true" width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.price? scope.row.price: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="存放位置" prop="location" sortable width="160" align="center"> |
| | | <el-table-column label="存放位置" prop="location" :show-overflow-tooltip="true" sortable width="160" align="center"> |
| | | <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="90" align="center"> |
| | | <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" > |
| | | <el-table-column label="是否是本家庭记录" prop="ownData" :show-overflow-tooltip="true" sortable width="150px" align="center"> |
| | | <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="180" align="center"> |
| | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:role:edit']" |
| | | >修改</el-button> |
| | | > |
| | | <span style="font-size: 14px;">修改</span> |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:role:remove']" |
| | | >删除</el-button> |
| | | <el-dropdown |
| | | size="mini" |
| | | @command="(command) => handleCommand(command, scope.row)" |
| | | v-hasPermi="['system:role:edit']"> |
| | | ><span style="font-size: 14px;">删除</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)" |
| | | |
| | | >查看详情</el-button> |
| | | |
| | | </el-dropdown> |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | created() { |
| | | this.getList(); |
| | | this.getTypeOptions(); |
| | | // this.getCateInfor() |
| | | // for (let i = 0; i < this.contactList.length; i++) { |
| | | // this.formDat[i] = this.contactList[i]; |
| | | // } |
| | | }, |
| | | methods: { |
| | | // 取消按钮 |
| | |
| | | |
| | | } |
| | | |
| | | |
| | | .el-table__cell { |
| | | font-size: 14px; /* 设置字体大小 */ |
| | | } |
| | | .button-container { |
| | | display: inline-flex; /* 设置按钮容器为行内元素 */ |
| | | } |
| | | </style> |