tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(goods/index.vue): 商品描述文本过长省略

Browse Source
This commit is contained in:
郝先瑞
2022-03-18 22:39:04 +08:00
parent 59e55edbd7
commit 49767e6930
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/pms/goods/index.vue
View File

@@ -94,12 +94,17 @@
</el-table-column> </el-table-column>
<el-table-column label="销量" prop="sales" min-width="100" /> <el-table-column label="销量" prop="sales" min-width="100" />
<el-table-column label="单位" prop="unit" min-width="100" /> <el-table-column label="单位" prop="unit" min-width="100" />
<el-table-column label="描述" prop="description" min-width="100" /> <el-table-column label="描述" prop="description" width="300" :show-overflow-tooltip="true" />
<el-table-column label="详情" prop="detail"> <el-table-column label="详情" prop="detail">
<template #default="scope"> <template #default="scope">
<el-button type="primary" @click="handleGoodsView(scope.row.detail)"
>查看</el-button <el-button
> type="primary"
:icon="View"
circle
plain
@click.stop="handleGoodsView(scope.row.detail)"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="120"> <el-table-column label="操作" width="120">
@@ -141,7 +146,7 @@ import { reactive, ref, onMounted, toRefs } from "vue";
import { ElTable, ElMessage, ElMessageBox } from "element-plus"; import { ElTable, ElMessage, ElMessageBox } from "element-plus";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { Search, Plus, Edit, Refresh, Delete } from "@element-plus/icons-vue"; import { Search, Plus, Edit, Refresh, Delete,View } from "@element-plus/icons-vue";
import { listGoodsPages, deleteGoods } from "@/api/pms/goods"; import { listGoodsPages, deleteGoods } from "@/api/pms/goods";
import { listCascadeCategories } from "@/api/pms/category"; import { listCascadeCategories } from "@/api/pms/category";
import { GoodsItem, GoodsQueryParam } from "@/types"; import { GoodsItem, GoodsQueryParam } from "@/types";