Browse Source

fix():bug修改

tags/PMS_V1.0.0_Alpha5
xingjx 1 year ago
parent
commit
53263ca7d5
  1. 11
      src/components/TableModule/index.scss
  2. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/NightParkStat/index.scss
  3. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/NightParkStat/loadable.jsx
  4. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkTurnoverAly/index.scss
  5. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkTurnoverAly/loadable.jsx
  6. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkUsageAly/index.scss
  7. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkUsageAly/loadable.jsx
  8. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyDuration/index.scss
  9. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyDuration/loadable.jsx
  10. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyOverview/index.scss
  11. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyOverview/loadable.jsx
  12. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/index.scss
  13. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx
  14. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyReport/index.scss
  15. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyReport/loadable.jsx
  16. 4
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingFalseAlarms/index.scss
  17. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingFalseAlarms/loadable.jsx
  18. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingLiveData/index.scss
  19. 2
      src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingLiveData/loadable.jsx
  20. 6
      src/pages/FinancialMgm/OrderInquiry/OrderChangeInquiry/index.jsx
  21. 51
      src/pages/FinancialMgm/OrderInquiry/OrderChangeInquiry/index.scss
  22. 178
      src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx
  23. 21
      src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.scss
  24. 319
      src/pages/OutRoadMgm/OutExceptionMgm/PlateChangeMgm/index.scss
  25. 315
      src/pages/OutRoadMgm/OutExceptionMgm/SpecialReleaseMgm/index.scss

11
src/components/TableModule/index.scss

@ -6,7 +6,16 @@ $color-primary: var(--color-primary);
.TableModule {
display: flex;
height: 100%;
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
height: 12px !important;
}
/*定义滑块
内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 4px !important;
}
.left-search {
//min-height: 500px;
overflow: auto;

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/NightParkStat/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.night-park-inquiry {
display: flex;
padding-top: 10px;
width: 100%;

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/NightParkStat/loadable.jsx

@ -372,7 +372,7 @@ function NightParkStat() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="night-park-inquiry">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkTurnoverAly/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkturn-box {
display: flex;
padding-top: 10px;
width: 100%;
@ -259,7 +259,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkturn-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkTurnoverAly/loadable.jsx

@ -405,7 +405,7 @@ function ParkTurnoverAly() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkturn-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkUsageAly/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkusage-box {
display: flex;
padding-top: 10px;
width: 100%;
@ -259,7 +259,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkusage-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkUsageAly/loadable.jsx

@ -351,7 +351,7 @@ function ParkUsageAly() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkusage-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyDuration/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkaly-inquiry {
display: flex;
padding-top: 10px;
width: 100%;
@ -286,7 +286,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkaly-inquiry {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyDuration/loadable.jsx

@ -699,7 +699,7 @@ function ParkingAlyDuration() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkaly-inquiry">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyOverview/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkaly-inquiry {
display: flex;
padding-top: 10px;
width: 100%;
@ -412,7 +412,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkaly-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyOverview/loadable.jsx

@ -490,7 +490,7 @@ function ParkingAlyOverview() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkaly-inquiry">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkaly-box {
display: flex;
padding-top: 10px;
width: 100%;
@ -394,7 +394,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkaly-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyPeriod/loadable.jsx

@ -486,7 +486,7 @@ function ParkingAlyPeriod() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkaly-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyReport/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkreport-box {
display: flex;
padding-top: 10px;
width: 100%;
@ -362,7 +362,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkreport-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingAlyReport/loadable.jsx

@ -330,7 +330,7 @@ function ParkingAlyReport() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkreport-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

4
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingFalseAlarms/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parkaly-box {
display: flex;
padding-top: 10px;
width: 100%;
@ -293,7 +293,7 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.parkfalse-box {
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingFalseAlarms/loadable.jsx

@ -367,7 +367,7 @@ function ParkingFalseAlarms() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parkfalse-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingLiveData/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.parklive-box {
display: flex;
padding-top: 10px;
width: 100%;

2
src/pages/DataAnalysisPrediction/ParkingBusinessAly/ParkingLiveData/loadable.jsx

@ -398,7 +398,7 @@ function ParkingLiveData() {
}, []);
return (
<>
<div className="edit-order-inquiry">
<div className="parklive-box">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">

6
src/pages/FinancialMgm/OrderInquiry/OrderChangeInquiry/index.jsx

@ -670,7 +670,7 @@ function EditOrderInquiry(props) {
return (
<>
<div className="edit-order-inquiry">
<div className="order-change-inquiry">
<div className="paid-search">
<div className="title">查询条件</div>
<div className="form-Wrap">
@ -921,7 +921,6 @@ function EditOrderInquiry(props) {
ajaxLoad={tabLoading}
resultData={resultData || []}
>
<div className="result-data">
<Table
// className="yisa-table"
rowKey={(row) => row.id}
@ -929,9 +928,8 @@ function EditOrderInquiry(props) {
columns={tableColumns}
pagination={false}
loading={tabLoading}
scroll={{ y: "calc(100vh - 310px)", x: 1400 }}
scroll={{ y: "calc(100vh - 180px)", x: 1400 }}
/>
</div>
<Pagination {...paginationProps} className="pagination-common" />
</ResultFlowResult>
<Modal

51
src/pages/FinancialMgm/OrderInquiry/OrderChangeInquiry/index.scss

@ -5,7 +5,7 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
.order-change-inquiry {
display: flex;
padding-top: 10px;
width: 100%;
@ -264,13 +264,14 @@ $color-primary : var(--color-primary);
color: #000;
}
}
.order-table-row{
&:not(:first-child){
td{
.order-table-row {
&:not(:first-child) {
td {
background-color: gray;
}
}
}
@ -350,29 +351,31 @@ $color-primary : var(--color-primary);
}
}
.edit-order-inquiry {
.order-change-inquiry {
.result {
/*定义滚动条高宽及背景
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 6px;
height: 16px;
background-color: #5c5c5c;
}
::-webkit-scrollbar {
width: 6px;
height: 12px;
background-color: #505a6f;
}
/*定义滚动条轨道
/*定义滚动条轨道
内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #9da2ab;
}
::-webkit-scrollbar-track {
//-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 4px;
background-color: #505a6f;
}
/*定义滑块
/*定义滑块
内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #3b97ff;
::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #9da2ab;
}
}
}

178
src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.jsx

@ -527,8 +527,8 @@ function ParkingOrderInquiry(props) {
name: "order_mount_down",
type: "InputNumber",
label: "欠费区间",
min:'0',
point:'0',
min: '0',
point: '0',
},
{//28
name: "timePeriod",
@ -570,8 +570,8 @@ function ParkingOrderInquiry(props) {
name: "order_mount_up",
type: "InputNumber",
label: "至",
min:'0',
point:'0',
min: '0',
point: '0',
},
];
const [resultData, setResultData] = useState([])
@ -972,19 +972,20 @@ function ParkingOrderInquiry(props) {
return (
<>
<Tabs activeKey={tabKey} onChange={changeKey}>
<Tabs.TabPane tab="支付订单查询" key="1">
{tabKey == 1 ? renderTable(
createCol(['支付订单ID', '停车订单ID', '支付商户', '平台商户', '停车场', '泊位号', '车牌号', '入场时间', '计费时间', '停车时长', '应收金额', '优惠金额', '实付金额', '支付渠道', '支付设备', '操作人', '付款车场', '支付时间', '渠道流水号'],
['order_id', 'park_record_id', 'pay_store', 'operator', 'road_id', 'berth_id', 'plate', 'admission_time', 'charging_time', 'parking_duration', 'receivable_amount', 'discount_amount', 'paid_in_money', 'payment_channels', 'payment_equipment', 'dealer', 'pay_road', 'pay_time', 'third_party_flow_id'], 1),
[ash[19], ash[2], ash[18], ash[20], ash[21], ash[9], ash[10], ash[14], ash[15]],
resultData, '/api/fin/order_search/park_order_export', { out_trade_no: getUrlSearch("third_party_flow_id") || '', start_time: getUrlSearch("pay_time") ? moment(getUrlSearch("pay_time")) : moment(moment().format("YYYY-MM-DD HH:mm:ss")) }
) : null}
</Tabs.TabPane>
<Tabs.TabPane tab="欠费订单查询" key="2">
{tabKey == 2 ? orderInfo : null}
</Tabs.TabPane>
{/* <Tabs.TabPane tab="" key="3">
<div className="park-order-inquiry">
<Tabs activeKey={tabKey} onChange={changeKey}>
<Tabs.TabPane tab="支付订单查询" key="1">
{tabKey == 1 ? renderTable(
createCol(['支付订单ID', '停车订单ID', '支付商户', '平台商户', '停车场', '泊位号', '车牌号', '入场时间', '计费时间', '停车时长', '应收金额', '优惠金额', '实付金额', '支付渠道', '支付设备', '操作人', '付款车场', '支付时间', '渠道流水号'],
['order_id', 'park_record_id', 'pay_store', 'operator', 'road_id', 'berth_id', 'plate', 'admission_time', 'charging_time', 'parking_duration', 'receivable_amount', 'discount_amount', 'paid_in_money', 'payment_channels', 'payment_equipment', 'dealer', 'pay_road', 'pay_time', 'third_party_flow_id'], 1),
[ash[19], ash[2], ash[18], ash[20], ash[21], ash[9], ash[10], ash[14], ash[15]],
resultData, '/api/fin/order_search/park_order_export', { out_trade_no: getUrlSearch("third_party_flow_id") || '', start_time: getUrlSearch("pay_time") ? moment(getUrlSearch("pay_time")) : moment(moment().format("YYYY-MM-DD HH:mm:ss")) }
) : null}
</Tabs.TabPane>
<Tabs.TabPane tab="欠费订单查询" key="2">
{tabKey == 2 ? orderInfo : null}
</Tabs.TabPane>
{/* <Tabs.TabPane tab="" key="3">
{tabKey == 3 ? renderTable(
createCol(['订单ID', '支付商户', '所属商户', '支付渠道', '支付设备', '操作人', '支付时间', '预付金额', '已抵扣金额', '退款金额', '抵扣时间', '停车记录ID'],
['index', 'latest_try_time', 'payment_channels_name', 'refund_actual_amount', 'refund_discount_amount', 'reason', 'refund_time', 'payment_order_id', 'parking_type_name', 'park_record_id', 'payment_type_name', 'payment_order_id', 'flow_id', 'state_name'], 0),
@ -992,82 +993,83 @@ function ParkingOrderInquiry(props) {
resultData
) : null}
</Tabs.TabPane> */}
</Tabs>
<Modal
open={detailVisible}
width={1500}
onCancel={() => {
setDetailVisible(false);
}}
footer={null}
>
<Tabs >
<Tabs.TabPane tab="停车记录信息" key="1">
{/* {renderParkRecord(detailData)} */}
{renderParkRecord(ycddData)}
</Tabs.TabPane>
<Tabs.TabPane tab="历史处理" key="2">
{/* {renderModalTable(payRecordColumns, payRecord)} */}
</Tabs.TabPane>
</Tabs>
</Modal>
<Modal
open={bigpicVisible}
width={1600}
title={'图片展示'}
className="eae-modal"
onCancel={() => {
setBigpicVisible(false);
}}
footer={false}
>
<div>
<div className="eae-modal-item">
<img src={bigPic} width={1550} />
<Modal
open={detailVisible}
width={1500}
onCancel={() => {
setDetailVisible(false);
}}
footer={null}
>
<Tabs >
<Tabs.TabPane tab="停车记录信息" key="1">
{/* {renderParkRecord(detailData)} */}
{renderParkRecord(ycddData)}
</Tabs.TabPane>
<Tabs.TabPane tab="历史处理" key="2">
{/* {renderModalTable(payRecordColumns, payRecord)} */}
</Tabs.TabPane>
</Tabs>
</Modal>
<Modal
open={bigpicVisible}
width={1600}
title={'图片展示'}
className="eae-modal"
onCancel={() => {
setBigpicVisible(false);
}}
footer={false}
>
<div>
<div className="eae-modal-item">
<img src={bigPic} width={1550} />
</div>
</div>
</div>
</Modal>
<Modal
open={tkddVisible}
width={1500}
title={'订单详情'}
onCancel={() => {
setTkddVisible(false);
}}
footer={[
<Button key="back" onClick={() => {
</Modal>
<Modal
open={tkddVisible}
width={1500}
title={'订单详情'}
onCancel={() => {
setTkddVisible(false);
}}>
关闭窗口
</Button>]}
>
{/* {tkddModal} */}
{/* {tabKey == '5' ? tkddModal : tabKey == '6' ? tckModal : tabKey == '7' ? cfkModal : null} */}
}}
footer={[
<Button key="back" onClick={() => {
setTkddVisible(false);
}}>
关闭窗口
</Button>]}
>
{/* {tkddModal} */}
{/* {tabKey == '5' ? tkddModal : tabKey == '6' ? tckModal : tabKey == '7' ? cfkModal : null} */}
</Modal>
<Modal
open={eaeVisible}
width={1600}
title={'证据图像'}
className="eae-modal"
onCancel={() => {
setEaeVisible(false);
}}
footer={false}
>
<div>
<div className="eae-modal-title"><div className="ltc-icon"></div>入场图片</div>
<div className="eae-modal-item">
<div>车辆照片</div>
<img src={ycddData.in_veh_pic} width={750} />
</Modal>
<Modal
open={eaeVisible}
width={1600}
title={'证据图像'}
className="eae-modal"
onCancel={() => {
setEaeVisible(false);
}}
footer={false}
>
<div>
<div className="eae-modal-title"><div className="ltc-icon"></div>入场图片</div>
<div className="eae-modal-item">
<div>车辆照片</div>
<img src={ycddData.in_veh_pic} width={750} />
</div>
<div className="eae-modal-item">
<div>车牌照片</div>
<img src={ycddData.in_plate_pic} width={750} />
</div>
</div>
<div className="eae-modal-item">
<div>车牌照片</div>
<img src={ycddData.in_plate_pic} width={750} />
</div>
</div>
</Modal>
</Modal>
</div>
</>
);
}

21
src/pages/FinancialMgm/OrderInquiry/ParkingOrderInquiry/index.scss

@ -319,4 +319,25 @@ $color-primary: var(--color-primary);
color: #000;
cursor: pointer;
z-index: 9999;
}
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 6px;
height: 16px;
background-color: transparent;
}
/*定义滚动条轨道
内阴影+圆角*/
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: transparent;
}
/*定义滑块
内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #3b97ff;
}

319
src/pages/OutRoadMgm/OutExceptionMgm/PlateChangeMgm/index.scss

@ -5,325 +5,6 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
display: flex;
padding-top: 10px;
width: 100%;
height: 100%;
overflow-y: auto;
@include scrollBar(var(--color-user-list-bg), #3B97FF);
.paid-search {
display: block;
width: 375px;
padding: 10px 10px 20px 20px;
.title {
width: 100%;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: var(--color-text);
margin-bottom: 20px;
}
.form-Wrap {
height: calc(100% - 45px);
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
.ant-select-selector,
.ant-picker,
.ant-input {
background-color: var(--color-search-list-item-bg) !important;
box-shadow: none !important;
color: var(--color-search-list-item-value);
border-color: var(--color-search-list-item-bd) !important;
}
.yisa-search {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 24px;
label {
color: var(--color-search-list-item-text);
flex: 0 0 27%;
max-width: 27%;
text-align: right;
padding-right: 8px;
.daf {
display: inline-block;
}
}
.form-con {
flex: 1;
width: 220px;
}
}
.form-btn {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 40px 0px 0px;
padding: 0 3px;
.ant-btn+.ant-btn {
margin-left: 10px;
}
.ant-btn span {
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
}
.reset {
width: 90px;
height: 36px;
background: var(--button-default-bg);
}
.submit {
width: calc(100% - 100px);
height: 36px;
}
}
}
.ant-btn+.ant-btn {
margin-left: 10px;
}
.green {
background-color: #67c23a;
border-color: #67c23a;
}
.soll-result {
overflow: auto;
.result {
display: block !important;
}
}
.paid-result {
width: calc(100% - 375px);
padding-bottom: 15px;
padding: 20px;
background: var(--color-user-list-bg);
border-top-left-radius: 20px;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
.result-hd-overview {
color: #ffffff;
//background: #3e4557;
border-radius: 4px;
margin-bottom: 20px;
display: flex;
.result-header {
height: 108px;
width: 33%;
margin: 0 10px;
display: flex;
align-items: center;
.result-content {
margin: auto;
.title {
height: 19px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #DBE5FF;
display: inline-block;
}
i {
border: 1px solid;
border-radius: 22px;
display: inline-block;
text-align: center;
font-size: 10px;
width: 15px;
cursor: pointer;
}
.num {
height: 27px;
font-size: 20px;
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
font-weight: 700;
text-align: left;
color: #ffffff;
text-align: center;
}
}
}
.rea {
background: url("../../../../assets/images/red.png");
background-size: 100% 100%;
}
.reb {
background: url("../../../../assets/images/blue.png");
background-size: 100% 100%;
}
.rec {
background: url("../../../../assets/images/green.png");
background-size: 100% 100%;
}
.red {
background: url("../../../../assets/images/yellow.png");
background-size: 100% 100%;
}
}
.result {
@include flex-columns;
.result-box {
color: #ffffff;
background: #3e4557;
border-radius: 4px;
margin-bottom: 20px;
.result-box-title {
height: 21px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
margin: 18px 0 18px 18px;
display: inline-block;
}
i {
border: 1px solid;
border-radius: 22px;
display: inline-block;
text-align: center;
font-size: 12px;
width: 22px;
cursor: pointer;
}
.ant-table .ant-table-thead tr th {
background: #3e4557;
}
}
.result-title {
display: inline-block;
p {
display: inline;
margin: 0 5px;
color: #3aa9ff;
font-size: 18px;
}
}
.export-btn {
display: inline-block;
text-align: center;
float: right;
width: 68px;
height: 34px;
line-height: 34px;
background: linear-gradient(180deg, #3aa9ff, #59b7ff);
border-radius: 4px;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
}
.root_gfkk {
float: right;
}
.row-head {
height: 32px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 13px;
.number-wrapper {
display: inline-flex;
align-items: center;
font-size: 14px;
.letter {
color: var(--color-text);
font-size: 14px;
}
.total-number {
color: var(--color-primary);
font-weight: bold;
margin: 0 4px;
font-size: 14px;
}
}
}
.cc-result-flow {
width: 100%;
height: calc(100% - 34px - 13px);
.yisa-table {
width: 100%;
height: calc(100% - 32px - 15px);
overflow-y: auto !important;
@include scrollBar(var(--color-user-list-bg), #3B97FF);
.ant-table-thead {
th {
background: #616b83 !important;
}
}
.ant-table-tbody {
td {
background: #3E4557 !important;
border-bottom-color: var(--color-table-border-bottom-color);
}
tr:nth-child(even) {
td {
background: #3E4557 !important;
}
}
}
}
}
}
}
}
.ltc-box {
width: 100%;

315
src/pages/OutRoadMgm/OutExceptionMgm/SpecialReleaseMgm/index.scss

@ -5,321 +5,6 @@ $color-user-list-bg : var(--color-user-list-bg);
$color-text : var(--color-text);
$color-primary : var(--color-primary);
.edit-order-inquiry {
display: flex;
padding-top: 10px;
width: 100%;
height: 100%;
overflow-y: auto;
@include scrollBar(var(--color-user-list-bg), #3B97FF);
.paid-search {
display: block;
width: 375px;
padding: 10px 10px 20px 20px;
.title {
width: 100%;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: var(--color-text);
margin-bottom: 20px;
}
.form-Wrap {
height: calc(100% - 45px);
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
.ant-select-selector,
.ant-picker,
.ant-input {
background-color: var(--color-search-list-item-bg) !important;
box-shadow: none !important;
color: var(--color-search-list-item-value);
border-color: var(--color-search-list-item-bd) !important;
}
.yisa-search {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 24px;
label {
color: var(--color-search-list-item-text);
flex: 0 0 27%;
max-width: 27%;
text-align: right;
padding-right: 8px;
.daf {
display: inline-block;
}
}
.form-con {
flex: 1;
width: 220px;
}
}
.form-btn {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 40px 0px 0px;
padding: 0 3px;
.ant-btn+.ant-btn {
margin-left: 10px;
}
.ant-btn span {
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
}
.reset {
width: 90px;
height: 36px;
background: var(--button-default-bg);
}
.submit {
width: calc(100% - 100px);
height: 36px;
}
}
}
.ant-btn+.ant-btn {
margin-left: 10px;
}
.green {
background-color: #67c23a;
border-color: #67c23a;
}
.soll-result {
overflow: auto;
.result {
display: block !important;
}
}
.paid-result {
width: calc(100% - 375px);
padding-bottom: 15px;
padding: 20px;
background: var(--color-user-list-bg);
border-top-left-radius: 20px;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
.result-hd-overview {
color: #ffffff;
//background: #3e4557;
border-radius: 4px;
margin-bottom: 20px;
display: flex;
.result-header {
height: 108px;
width: 33%;
margin: 0 10px;
display: flex;
align-items: center;
.result-content {
margin: auto;
.title {
height: 19px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #DBE5FF;
display: inline-block;
}
i {
border: 1px solid;
border-radius: 22px;
display: inline-block;
text-align: center;
font-size: 10px;
width: 15px;
cursor: pointer;
}
.num {
height: 27px;
font-size: 20px;
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
font-weight: 700;
text-align: left;
color: #ffffff;
text-align: center;
}
}
}
.rea {
background: url("../../../../assets/images/red.png");
background-size: 100% 100%;
}
.reb {
background: url("../../../../assets/images/blue.png");
background-size: 100% 100%;
}
.rec {
background: url("../../../../assets/images/green.png");
background-size: 100% 100%;
}
.red {
background: url("../../../../assets/images/yellow.png");
background-size: 100% 100%;
}
}
.result {
@include flex-columns;
.result-box {
color: #ffffff;
background: #3e4557;
border-radius: 4px;
margin-bottom: 20px;
.result-box-title {
height: 21px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
margin: 18px 0 18px 18px;
display: inline-block;
}
i {
border: 1px solid;
border-radius: 22px;
display: inline-block;
text-align: center;
font-size: 12px;
width: 22px;
cursor: pointer;
}
.ant-table .ant-table-thead tr th {
background: #3e4557;
}
}
.result-title {
display: inline-block;
p {
display: inline;
margin: 0 5px;
color: #3aa9ff;
font-size: 18px;
}
}
.export-btn {
display: inline-block;
text-align: center;
float: right;
width: 68px;
height: 34px;
line-height: 34px;
background: linear-gradient(180deg, #3aa9ff, #59b7ff);
border-radius: 4px;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
}
.root_gfkk {
float: right;
}
.row-head {
height: 32px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 13px;
.number-wrapper {
display: inline-flex;
align-items: center;
font-size: 14px;
.letter {
color: var(--color-text);
font-size: 14px;
}
.total-number {
color: var(--color-primary);
font-weight: bold;
margin: 0 4px;
font-size: 14px;
}
}
}
.cc-result-flow {
width: 100%;
height: calc(100% - 34px - 13px);
.yisa-table {
width: 100%;
height: calc(100% - 32px - 15px);
overflow-y: auto !important;
@include scrollBar(var(--color-user-list-bg), #3B97FF);
.ant-table-thead {
th {
background: #616b83 !important;
}
}
.ant-table-tbody {
td {
background: #3E4557 !important;
border-bottom-color: var(--color-table-border-bottom-color);
}
tr:nth-child(even) {
td {
background: #3E4557 !important;
}
}
}
}
}
}
}
}
.modal-pay-configuration {
.submitBtn {

Loading…
Cancel
Save