table组件 传值说明

```javascript

{
checkbox: false // 开启复选框 event: checked
tr:[{
text: "公告状态", // th 头部名字
sort: 3, // 排序 小的在左边，大的在右边
val: "status", // td对应属性值
color: true, // td 字体颜色 默认 false
table_status: [ // td字体颜色数组
{ val: 0, key: "rgba(255, 86, 64, 1)" }, // val:对应值(td styls),key:颜色值
{ val: 1, key: "rgba(73, 194, 128, 1)" },
{ val: 2, key: "rgba(150, 153, 161, 1)" }
],
click:true, // 是否可被点击 td 返回 clicked事件
down: true, // 是否开启排序
menu: true, // 是否开启下拉排序 注：必须down开启才可用
menu_data: [ // 下拉列表
{ val: "已删除", key: 0 }, // val:值,key:对应值(td styls)
{ val: "在线", key: 1 },
{ val: "过期", key: "2" }
],
width:'' // 固定宽度
}],
td:[
{
status:'在线',
styls:{status:1}
},
{
status:'已删除',
styls:{status:0}
},
{
status:'过期',
styls:{status:2}
}
]
}

查看图片组件

this.$store.dispatch("setImage", {
time: Date.now(), // >0 开启 <0关闭
title: "[大图]", // 名字
foot: 1, // >0 开启底部
tool: 1, // >0 开启操作按钮 [图片放大，缩小,列表]
pic: "", // 当前显示图片地址
list: [
"https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1612138888,1794405442&fm=26&gp=0.jpg"
].map((k, v) => {
return {
img: k,
desc: "详细描述",
title: "标题",
};
}), // 其他图片 数组内可传对象或直接传字符串
});