mt-fe-group/pms-aomei
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update table样式 - 推广至全局

Browse Source
This commit is contained in:
lb 2023-03-16 17:11:24 +08:00
parent 0771397f19
commit ae780b7675
5 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -39,8 +39,8 @@
<script>
// window.SITE_CONFIG['apiURL'] = 'http://192.168.1.103:8080/pms-am';
// window.SITE_CONFIG['apiURL'] = 'http://192.168.1.49:8080/pms-am'; // tengyun
window.SITE_CONFIG['apiURL'] = 'http://192.168.1.62:8080/pms-am'; // tao
// window.SITE_CONFIG['apiURL'] = 'http://192.168.1.21:8080/pms-am'; // xv
// window.SITE_CONFIG['apiURL'] = 'http://192.168.1.62:8080/pms-am'; // tao
window.SITE_CONFIG['apiURL'] = 'http://192.168.1.21:8080/pms-am'; // xv
</script>
<% } %>
<!-- 集成测试环境 -->

10
src/components/BaseListTable.vue
View File

@ -9,7 +9,9 @@
padding: '8px 0',
}"
row-key="id"
>
:cell-style="{ padding: 0 }"
border
>
<!-- :cell-style="{ padding: 0 }" -->
<!-- @cell-mouse-enter="(row, col, cell, event) => $emit('cell-mouse-enter', row, col, cell, event)"> -->
<!-- @cell-mouse-leave="(row, col, cell, event) => $emit('cell-mouse-leave', row, col, cell, event)"> -->
@ -125,4 +127,8 @@ export default {
};
</script>
<style scoped></style>
<style scoped>
.cell button {
background: blue;
}
</style>

16
src/components/noTemplateComponents/operationComponent.css Normal file
View File

@ -0,0 +1,16 @@
.operate--btn {
position: relative;
}
.operate--btn:not(:last-child)::after {
position: absolute;
content: "";
width: 1px;
background: #ccc;
right: -6px;
top: 15%;
height: 70%;
}

18
src/components/noTemplateComponents/operationComponent.js
View File

@ -1,5 +1,7 @@
// import i18n from '@/i18n'
import './operationComponent.css'
export default {
name: "TableOperations",
props: {
@ -100,14 +102,18 @@ export default {
props: {
type: opt.type ?? "text",
icon: opt.icon ? `el-icon-${opt.icon}` : "",
title: opt.label ?? opt.name,
disabled: shouldDisabled,
},
style: { color: !shouldDisabled && (opt.color || this.colors[opt.name] || "#0b58ff") },
domProps: {
title: opt.label ?? opt.name,
},
style: { color: !shouldDisabled && (opt.color || this.colors[opt.name] || "#0b58ff"), padding: '5px 0' },
class: ['operate--btn'],
on: { click: this.emit.bind(null, opt) },
},
opt.icon ? (opt.showText ? this.text[opt.name] ?? opt.label : "") : opt.label ?? this.text[opt.name]
)
);
}
} else {
@ -117,7 +123,11 @@ export default {
"el-button",
{
props: { type: "text" },
style: { color: this.colors[opt] || "#0b58ff" },
domProps: {
title: opt.label ?? opt.name,
},
style: { color: this.colors[opt] || "#0b58ff", padding: 0 },
class: ['operate--btn'],
on: { click: this.emit.bind(null, opt) },
},
this.text[opt] ?? opt
@ -125,6 +135,6 @@ export default {
);
}
}
return h("span", null, btns);
return h("div", null, btns);
},
};

6
src/views/modules/pms/blenderOrder/config.js
View File

@ -35,9 +35,9 @@ export default function () {
width: 180,
subcomponent: TableOperaionComponent,
options: [
{ name: "edit", label: "编辑", emitFull: true },
{ name: "view-batch", label: "查看批次", color: "#ff8000", toRouter: 'pms-blenderBatch' }, // 路由跳转至 pms-blenderBatch
{ name: "detach", label: "下发", color: "#099" },
{ name: "edit", label: "编辑", emitFull: true, icon: 'edit-outline' },
{ name: "view-batch", label: "查看批次", color: "#ff8000", toRouter: 'pms-blenderBatch', icon: 'document-copy' }, // 路由跳转至 pms-blenderBatch
{ name: "detach", label: "下发", color: "#099", icon: 'bottom-right' },
], // , url: '/pms/trans/pressDeli' }]
// options: ["copy", "edit", { name: "delete", emitFull: true, permission: "pms:blenderStep:delete" }],
},