lijingjia
/
ds-wms-client-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提单信息

Browse Source
szh-new
lijingjia 5 months ago
parent 6c0d2eafa5
commit 137c25d75c
6 changed files with 365 additions and 359 deletions
Show Stats Download Patch File Download Diff File

1
src/components/ActionBar/index.vue
Unescape Escape View File

@ -165,6 +165,7 @@
.ds-action-bar { .ds-action-bar {
position: fixed; position: fixed;
right: 30px; right: 30px;
top: 65vh;
height: auto; height: auto;
z-index: 999; z-index: 999;
cursor: pointer; cursor: pointer;

26
src/components/CostEntry/actionBar.vue
Unescape Escape View File

@ -5,18 +5,7 @@
--> -->
<template> <template>
<div class="cost-action-bar"> <div class="cost-action-bar">
<a-button type="link" size="mini" @click="addRow"> <div>
<span class="iconfont icon-tianjia" :style="{ fontSize: '12px' }"></span>
添加
</a-button>
<a-button type="link" @click="copyRow">
<span class="iconfont icon-fuzhi" :style="{ fontSize: '12px' }"></span>
复制
</a-button>
<a-button type="link" @click="save">
<span class="iconfont icon-icon_baocun" :style="{ fontSize: '12px' }"></span>
保存
</a-button>
<a-popconfirm <a-popconfirm
:visible="deleteFlag" :visible="deleteFlag"
title="确定要删除勾选的数据?" title="确定要删除勾选的数据?"
@ -112,6 +101,19 @@
<span class="iconfont icon-xia" :style="{ fontSize: '12px' }"></span> <span class="iconfont icon-xia" :style="{ fontSize: '12px' }"></span>
</a-button> </a-button>
</a-dropdown> </a-dropdown>
<a-button type="link" size="mini" @click="addRow">
<span class="iconfont icon-tianjia" :style="{ fontSize: '12px' }"></span>
添加
</a-button>
<a-button type="link" @click="copyRow">
<span class="iconfont icon-fuzhi" :style="{ fontSize: '12px' }"></span>
复制
</a-button>
<a-button type="link" @click="save">
<span class="iconfont icon-icon_baocun" :style="{ fontSize: '12px' }"></span>
保存
</a-button>
</div>
<!-- 引入历史数据弹窗 --> <!-- 引入历史数据弹窗 -->
<HistoryDrawer ref="historyDrawer" @submit="submitHistory"></HistoryDrawer> <HistoryDrawer ref="historyDrawer" @submit="submitHistory"></HistoryDrawer>
<!-- 费用模版弹窗 --> <!-- 费用模版弹窗 -->

6
src/components/CostEntry/feeTable.vue
Unescape Escape View File

@ -7,7 +7,7 @@
<a-spin :spinning="loading"> <a-spin :spinning="loading">
<div class="cost-entry-receive"> <div class="cost-entry-receive">
<div class="flex"> <div class="flex">
<h4>{{ tbType == 'receive' ? '应收' : '应付' }}</h4> <h4>{{ tbType == 'receive' ? '应收费用' : '应付费用' }}</h4>
<ActionBar <ActionBar
:data="list" :data="list"
:row="row" :row="row"
@ -898,9 +898,7 @@
.cost-entry-receive { .cost-entry-receive {
.flex { .flex {
h4 { h4 {
margin: 0 10px; margin: 10px 0;
line-height: 30px;
font-size: 14px;
} }
} }
.line { .line {

257
src/design/public.less
Unescape Escape View File

@ -266,3 +266,260 @@ input, button, textarea {
.vben-basic-table-header__toolbar > * { .vben-basic-table-header__toolbar > * {
margin-right: 0!important; margin-right: 0!important;
} }
h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
color: #262626;
padding: 0;
margin: 0;
}
// 各级标题 适配UI
h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
font-weight: 600!important;
}
h3 {
font-size: 14px;
font-weight: bold !important;
height: 40px;
line-height: 40px;
padding-left: 15px;
border-bottom: 0.7px solid #d9d9d9;
}
h4 {
font-size: 12px;
font-weight: 600!important;
}
h5 {
font-size: 12px;
color: #33383D;
font-weight: 400;
}
.ml10 {
margin-left: 10px;
}
// 表单详情样式
.ds-form-detail {
.ant-form-item {
margin-bottom: 10px;
}
.ant-form-item-control-input-content {
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
}
.ant-form-item-control-input {
min-height: 28px;
}
.ant-form-item-label {
padding: 0 !important;
label {
font-family: PingFang SC-Semibold, PingFang SC;
font-size: 12px;
color: #7A8798;
}
}
}
// handsontable 全选checkbox
.handsontable {
input[type="checkbox"] {
border-color: #E8EBED;
}
.htCore {
thead {
tr {
height: 24px;
background: #fafafa;
th {
line-height: 22px;
background: #F5F9FC;
font-size: 12px;
border-color: #E8EBED;
}
}
}
tbody {
tr {
td {
height: 24px !important;
line-height: 22px;
font-size: 12px;
color: #262626;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-color: #E8EBED;
}
}
}
}
// 清除禁用状态下的下拉图标
.htDimmed {
cursor: no-drop;
.htAutocompleteArrow {
display: none;
}
}
.handsontableInput {
height: 24px !important;
line-height: 24px !important;
}
.hot-green {
color: #9acd32 !important;
font-weight: 600;
}
.hot-yellow {
background: #ffe37e !important;
}
.hot-red {
background-color: #ff4500;
}
}
.ds-tb-check {
position: absolute;
z-index: 199;
left: 15px;
margin-top: 9px;
width: 12px;
}
.ds-detail-box {
margin: 0 0 0 20px;
}
.flex {
display: flex;
.auto {
flex: 1;
}
}
.mt2 {
margin-top: 2px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ds-card {
padding: 10px 20px;
background-color: #ffffff;
border: 0.7px solid #E8EBED;
}
.mr15 {
margin-right: 15px !important;
}
.mt15 {
margin-top: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.ml15 {
margin-left: 15px;
}
// 表格状态使用
.ds-green-tag,
.ds-blue-tag,
.ds-orange-tag,
.ds-red-tag,
.ds-purple-tag {
padding: 4px 13px;
border-radius: 30px;
font-size: 10px;
font-weight: 700 !important;
color: #ffffff;
display: inline-block;
vertical-align: bottom;
}
.ds-green-tag {
background-color: rgba(223, 247, 247, 1);
color: rgba(43, 176, 194, 1);
}
.ds-blue-tag {
background-color: rgba(222, 242, 255, 1);
color: rgba(70, 145, 255, 1);
}
.ds-orange-tag {
background-color: rgba(255, 232, 204, 1);
color: rgba(219, 146, 72, 1);
}
.ds-red-tag {
background-color: rgba(255, 232, 232, 1);
color: rgba(255, 128, 145, 1);
}
.ds-purple-tag {
background-color: rgba(232, 232, 255, 1);
color: rgba(137, 124, 222, 1);
}
// 表格状态使用（定义2）
.ds-green-status,
.ds-blue-status,
.ds-orange-status,
.ds-red-status,
.ds-purple-status,
.ds-grey-status {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.ds-green-status {
color: #419638;
}
.ds-blue-status {
color: #096dd9;
}
.ds-orange-status {
color: #e1a200;
}
.ds-red-status {
color: #f5222d;
}
.ds-purple-status {
color: #531dab;
}
.ds-grey-status {
color: #8c8c8c;
}

251
src/styles/common.scss
Unescape Escape View File

@ -1,251 +0,0 @@
h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
color: #262626;
padding: 0;
margin: 0;
}
// 各级标题 适配UI
h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
font-weight: 600!important;
}
h3 {
font-size: 14px;
font-weight: bold !important;
height: 40px;
line-height: 40px;
padding-left: 15px;
border-bottom: 0.7px solid #d9d9d9;
}
h4 {
font-size: 12px;
font-weight: 600!important;
}
h5 {
font-size: 12px;
color: #33383D;
font-weight: 400;
}
.ml10 {
margin-left: 10px;
}
// 表单详情样式
.ds-form-detail {
.ant-form-item {
margin-bottom: 10px;
}
.ant-form-item-control-input-content {
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
}
.ant-form-item-control-input {
min-height: 28px;
}
.ant-form-item-label {
padding: 0 !important;
label {
font-family: PingFang SC-Semibold, PingFang SC;
font-size: 12px;
color: #7A8798;
}
}
}
// handsontable 全选checkbox
.handsontable {
.htCore {
thead {
tr {
height: 24px;
background: #fafafa;
th {
line-height: 22px;
background: #fafafa;
font-size: 12px;
}
}
}
tbody {
tr {
td {
height: 24px !important;
line-height: 22px;
font-size: 12px;
color: #262626;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}
// 清除禁用状态下的下拉图标
.htDimmed {
cursor: no-drop;
.htAutocompleteArrow {
display: none;
}
}
.handsontableInput {
height: 24px !important;
line-height: 24px !important;
}
.hot-green {
color: #9acd32 !important;
font-weight: 600;
}
.hot-yellow {
background: #ffe37e !important;
}
.hot-red {
background-color: #ff4500;
}
}
.ds-tb-check {
position: absolute;
z-index: 199;
left: 15px;
margin-top: 9px;
width: 12px;
}
.ds-detail-box {
margin: 0 0 0 20px;
}
.flex {
display: flex;
.auto {
flex: 1;
}
}
.mt2 {
margin-top: 2px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ds-card {
padding: 10px 20px;
background-color: #ffffff;
border: 0.7px solid #E8EBED;
}
.mr15 {
margin-right: 15px !important;
}
.mt15 {
margin-top: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.ml15 {
margin-left: 15px;
}
// 表格状态使用
.ds-green-tag,
.ds-blue-tag,
.ds-orange-tag,
.ds-red-tag,
.ds-purple-tag {
padding: 4px 13px;
border-radius: 30px;
font-size: 10px;
font-weight: 700 !important;
color: #ffffff;
display: inline-block;
vertical-align: bottom;
}
.ds-green-tag {
background-color: rgba(223, 247, 247, 1);
color: rgba(43, 176, 194, 1);
}
.ds-blue-tag {
background-color: rgba(222, 242, 255, 1);
color: rgba(70, 145, 255, 1);
}
.ds-orange-tag {
background-color: rgba(255, 232, 204, 1);
color: rgba(219, 146, 72, 1);
}
.ds-red-tag {
background-color: rgba(255, 232, 232, 1);
color: rgba(255, 128, 145, 1);
}
.ds-purple-tag {
background-color: rgba(232, 232, 255, 1);
color: rgba(137, 124, 222, 1);
}
// 表格状态使用（定义2）
.ds-green-status,
.ds-blue-status,
.ds-orange-status,
.ds-red-status,
.ds-purple-status,
.ds-grey-status {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.ds-green-status {
color: #419638;
}
.ds-blue-status {
color: #096dd9;
}
.ds-orange-status {
color: #e1a200;
}
.ds-red-status {
color: #f5222d;
}
.ds-purple-status {
color: #531dab;
}
.ds-grey-status {
color: #8c8c8c;
}

1
src/styles/index.scss
Unescape Escape View File

@ -1,6 +1,5 @@
// import dark theme // import dark theme
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *; @use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
@import './common.scss';
:root { :root {
.el-segmented { .el-segmented {
--el-segmented-radius: var(--el-border-radius-base); --el-segmented-radius: var(--el-border-radius-base);

Write Preview
Loading…
Cancel
Save