<script setup>
|
import TestTable from '@/components/basic/BasicTable.vue'
|
import request from "@/utils/request"
|
import deepClone from "@/utils/deepClone";
|
import {ElMessage} from "element-plus";
|
import router from "@/router";
|
|
/*title里的参数设置
|
* {
|
* field: 数据指向位置
|
* title: 标题
|
* sortable: 是否可排序
|
* editRender: 是否可编辑
|
* showOverflow: 是否显示省略号
|
* width: 宽度
|
* fixed: left,right是否固定列
|
* }
|
*
|
* */
|
let tableProp = $ref({
|
title:[
|
{ type: 'checkbox', title: '序号', width: 60 },
|
{type:'expand',fixed:"left",slots: { content:'content' },width: 50},
|
{title: '操作', width: 70, slots: { default: 'button_slot' },fixed:"left"},
|
{field: 'prodID', title: '编号', sortable: true,editRender: { name: 'input', attrs: { placeholder: '请输入名称' } } },
|
{field: 'product', title: '名称', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
|
{field: 'typeName', title: '所属类别', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
|
{field: 'query', title: '快速查询', sortable: true},
|
{field: 'remarks', title: '备注', sortable: true,showOverflow:"ellipsis"},
|
{field: 'creator', title: '创建人', sortable: true},
|
{field: 'createTime', title: '创建时间', sortable: true}
|
],
|
detail:request.get("/product").then((res) => {
|
if(res.code==200){
|
return res.data
|
}
|
}),
|
|
footList:['remarks'],//脚部求和
|
|
})
|
|
|
const getChildren = (row) =>{
|
alert('我接收到子组件传送的信息')
|
}
|
const getFilterChildren = (param) =>{
|
//if(!param){
|
request.get("/product").then((res) => {
|
if(res.code==200){
|
tableProp.detail= res.data
|
}else{
|
ElMessage.warning(res.msg)
|
}
|
})
|
// }
|
}
|
|
|
</script>
|
|
<template>
|
<div style="width: 100%;height: 100%;">
|
<test-table :tableProp="tableProp" @getChildren="getChildren" @getFilterChildren="getFilterChildren"/>
|
</div>
|
</template>
|
|
<style scoped>
|
|
</style>
|
