def getTableData(): data = list(JobInfo.objects.all()) def map_fn(item): item.salary = json.loads(item.salary) item.companyPeople = json.loads(item.companyPeople) item.workTag = json.loads(item.workTag) if item.companyTags != '无': item.companyTags = json.loads(item.companyTags) if not item.pratice: item.salary = list(map(lambda x: str(int(x / 1000)), item.salary)) else: item.salary = list(map(lambda x: str(x), item.salary)) item.salary = '-'.join(item.salary) item.companyPeople = list(map(lambda x: str(x), item.companyPeople)) item.companyPeople = '-'.join(item.companyPeople) return item data = list(map(map_fn, data)) return data

这是一个 Python 函数，它从数据库中获取 JobInfo 对象，并对其中的一些属性进行处理，然后返回处理后的数据。具体来说，它将 salary、companyPeople 和 workTag 属性从 JSON 字符串转换为 Python 对象，如果 companyTags 不为 '无'，也将其从 JSON 字符串转换为 Python 对象。如果 pratice 属性为 False，它将 salary 中的元素除以 1000 并转换为字符串，否则将其转换为字符串。最后，它将 salary 和 companyPeople 中的元素用 '-' 连接起来，并返回处理后的数据。

相关问题

<template> <el-table :data="tableData" style="width: 100%" stripe ref="multipleTable" @selection-change="handleSelectionChange" :header-cell-style="{background:'#eef1f6',color:'#606266'}"> <el-table-column prop="id" label="编号" sortable /> <el-table-column prop="img" label="图片url" sortable /> <el-table-column prop="img" label="缩略图"> <template v-slot="products"> <img :src="products.row.img" min-width="70" height="70"/> </template> </el-table-column> <el-table-column prop="image" label="图片" min-width="20%" > <!-- 图片的显示 --> <template #default="scope"> <!--<img :src="scope.row.img" min-width="70" height="70" />--> </template> </el-table-column> <el-table-column align="center" label="图片url"> <template v-slot="products"> <!--<img :src="require('../file/img/' + item)" v-for="item in list" :key="item" alt="">--> <el-image style="width: 100px; height: 100px" :src="products.row.img" ></el-image> <!--<img :src="require(''+products.row.img)" style=" width:100px; height:100px" />--> </template> </el-table-column> </el-table> </template> <script setup> import {ref,toRefs,reactive,onMounted,getCurrentInstance} from 'vue' let { proxy } = getCurrentInstance(); import router from '@/router' onMounted(()=>{ getTableData(); }); //获取表单信息 let tableData = ref([]); function getTableData() { proxy.$http.get('/ImgController/imgFind') .then(res => { tableData.value=res.data; console.log(res.data) }) .catch(err => { console.log(err) }); } </script> <style scoped> </style>修改以上代码，是他能够显示图片

在模板中，你已经将图片的 url 显示在表格中了，但是在显示图片时，需要注意以下几点：

1. 确定图片的 url 是否正确，可以通过控制台检查图片 url 是否可以访问。
2. 确认图片的路径是否正确，这里使用了相对路径，需要确认相对路径是否正确。
3. 确认图片是否过大，可以在 img 标签中设置 width 和 height 属性，或者使用 el-image 组件，控制图片大小。

在代码中，有三个地方需要修改：

1. 第一个 el-table-column 中，图片已经正确显示，不需要修改。
2. 第二个 el-table-column 中，需要将注释的 img 标签打开，同时添加 width 和 height 属性，用于控制图片大小。

<el-table-column prop="image" label="图片" min-width="20%">
  <!-- 图片的显示 -->
  <template #default="scope">
    <img :src="scope.row.img" width="70" height="70" />
  </template>
</el-table-column>

3. 第三个 el-table-column 中，需要使用 el-image 组件，同时设置宽度和高度。

<el-table-column align="center" label="图片url">
  <template v-slot="products">
    <el-image style="width: 100px; height: 100px" :src="products.row.img"></el-image>
  </template>
</el-table-column>

这样就可以正确显示图片了。

async getTableData(){ const res=await this.$request.get(`/links-class/page?pageNum=${this.queryInfo.pagenum}&pageSize=${this.queryInfo.pagesize}`) if(res.code==200){ this.tableData=res.data.records this.total=res.data.total } },

这段代码是一个异步函数（async function），名为 `getTableData`。在该函数内部，使用了 `await` 关键字来等待一个异步请求的结果返回。具体来说，它调用了 `this.$request.get` 方法发送了一个 GET 请求，请求的 URL 是 `/links-class/page`，并且通过 URL 的查询参数传递了 `pageNum` 和 `pageSize` 参数。

当异步请求返回结果后，使用 `res` 变量接收结果。在这段代码中，如果返回结果的 `code` 等于 200，那么将返回结果中的 `data.records` 赋值给 `this.tableData`，并将返回结果中的 `data.total` 赋值给 `this.total`。

总体来说，这段代码的作用是获取表格数据，并将获取到的数据存储到 `tableData` 和 `total` 变量中。