| | |
| | | |
| | | const route = useRoute(); |
| | | const {proxy} = getCurrentInstance(); |
| | | |
| | | const imgBaseUrl = import.meta.env.VITE_APP_IMG_BASEURL //图片前缀 |
| | | |
| | | /** |
| | | * 搜索相关 |
| | | */ |
| | | /** 搜索按钮操作 */ |
| | | function handleQuery() { |
| | | getList({keywords: searchParams.value.name}) |
| | | getList(searchParams.value) |
| | | } |
| | | |
| | | /** 重置按钮操作 */ |
| | |
| | | |
| | | //上传文件,添加图片地址信息 |
| | | const uploadData = (data) => { |
| | | form.value.headImg = data.newFileView |
| | | form.value.headImg = imgBaseUrl + data.newFileView |
| | | } |
| | | |
| | | /** 提交按钮 */ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="searchParams" ref="queryRef" :inline="true"> |
| | | <el-form-item label="" prop=""> |
| | | <el-form-item label="" prop="keywords"> |
| | | <el-input |
| | | v-model="searchParams.name" |
| | | v-model="searchParams.keywords" |
| | | placeholder="请输入搜索信息" |
| | | clearable |
| | | style="width: 200px" |
| | |
| | | > |
| | | <template #default="scope"> |
| | | <div v-if="key.toString() == 'headImg'"> |
| | | <img :src="scope.row.headImg" class="table-headImg"/> |
| | | <img :src="imgBaseUrl + scope.row.headImg" class="table-headImg" alt="" /> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="180" align="center" class-name="small-padding fixed-width"> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" icon="Edit" v-has="['update',route]" |
| | | @click="handleUpdate(scope.row)">修改 |