+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
- 直缝焊管 Q235B 20米 不限
+
+
+
+ 发布中
+
+
+ 直缝钢管
+ 签单宝
+
+
+
+
+
+
+
+
+ 采购量
+ 500吨
+
+
+
+
+
+
+
+ 交易地址
+ 广西壮族自治区-南宁市-五象航洋城
+
+
+
- 订单编号：JJX008456456
- 创建时间：2023-05-13 10:30:55
- 卖家：广西某某有限责任公司
-
-
- 联系买家
-
- 取消订单
-
-
-
-
- ￥22311
- 总金额
+ 交易编号：JJX008456456
+ 发布时间：2023-05-13 10:30:55
- 
+ 
-
-
-
-
- 直缝焊管 Q235B 20米 不限
-
- 订单编号：JJX008456456
- 创建时间：2023-05-13 10:30:55
- 卖家：广西某某有限责任公司
-
-
- 联系买家
-
- 取消订单
-
-
-
- ￥22311
- 总金额
+
+ 编辑询价详情
-
-
-
-
-
-
-
-
-
-
- 直缝焊管 Q235B 20米 不限
-
- 订单编号：JJX008456456
- 创建时间：2023-05-13 10:30:55
- 卖家：广西某某有限责任公司
-
-
- 联系买家
-
- 取消订单
-
-
-
-
- ￥22311
- 总金额
-
-
-
-
-
+
+ 查看收到的报价列表
+
+
+ 共收到4个报价
+
-
+
-
- 我购买的订单列表
-
-
- 线下交易列表
+
+
+
+
+
+
+
+ 发布中
+
+
+ 直缝钢管
+ 签单宝
+
+
+
+
+
+
+
+
+ 采购量
+ 500吨
+
+
+
+
+
+
+
+ 交易地址
+ 广西壮族自治区-南宁市-五象航洋城
+
+
+
+
+ 交易编号：JJX008456456
+ 发布时间：2023-05-13 10:30:55
+
+
+
+
+
+
+
+
+
+ 编辑询价详情
+
+
+ 查看收到的报价列表
+
+
+ 共收到4个报价
+
+
+
+
+
+
+
+
+
@@ -184,15 +208,17 @@
return {
activeName: 'all',
value: '',
+ value1: '',
options: [{
- value: '自主交易',
- label: '自主交易'
+ value: '金久信自营',
+ label: '金久信自营'
}],
value2: '',
options2: [{
value: '未开发票',
label: '自主交易'
}],
+ input3: '',
pageIndex: 1,
menuIndex: '0',
isSign: false,
@@ -516,6 +542,9 @@
this.query(1)
}
});
+ },
+ onSearch() {
+ console.log('sdfsd: ');
}
}
}
@@ -532,59 +561,166 @@
padding: 10px 20px 20px;
}
- .order-list{
+
+ .transaction-list {
display: flex;
flex-direction: column;
- .item{
+
+ .item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #f3f3f3;
- .info{
- .title{
+
+ .info {
+ position: relative;
+ border-right: 1px solid #f3f3f3;
+ flex: 1;
+
+ .name {
+ display: flex;
font-size: 16px;
font-weight: bold;
- line-height: 2em;
+ line-height: 1.6em;
+ align-items: center;
+
+ .fabu-status {
+ margin-right: 20px;
+ font-weight: normal;
+ display: flex;
+ .text {
+ padding: 0 10px 0 20px;
+ font-size: 13px;
+ color: #fff;
+ background-color: #A92924;
+ }
+
+ .sjx {
+ border: 12px solid;
+ border-color: #A92924 #ffffff #A92924 #A92924;
+ position: relative;
+ }
+
+ // .text{
+ // color: #fff;
+ // background-color: #A92924
+ // }
+ }
+
+ .buyer,
+ .seller {
+ font-size: 14px;
+ font-weight: normal;
+ display: flex;
+ margin: 0 30px;
+ }
+
+ .el-tag {
+ margin-left: 10px;
+ }
}
- .sub-title{
+
+ .caigou {
+ display: flex;
+ align-items: center;
+
+ .item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 0;
+ border: none;
+
+ .icon {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 10px;
+ background-color: #f3f3f3;
+ padding: 10px;
+ border-radius: 100px;
+
+ .el-icon-shopping-bag-1,
+ .el-icon-location-outline {
+ font-size: 30px;
+ }
+ }
+
+ .infos {
+ display: flex;
+ flex-direction: column;
+
+ .unit {
+ color: #A92924
+ }
+ }
+ }
+ }
+
+ .sub-title {
color: #999999;
+
+ text {
+ margin-right: 60px;
+ }
}
- .action{
+
+ .action {
padding: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
- .btn-buy,.btn-close{
+
+ .btn-buy,
+ .btn-close {
color: #A92924;
}
}
+
+ .status {
+ position: absolute;
+ top: 0;
+ right: 0;
+
+ .icon {
+ margin: 0 20px;
+
+ img {
+ width: 80px;
+ }
+ }
+ }
}
- .tool{
+
+ .tool {
display: flex;
- .price{
- margin:0 20px;
+ width: 200px;
+ align-items: center;
+ justify-content: space-around;
+ flex-direction: column;
+
+ .btn {
+ margin: 5px 0;
+ }
+
+ .price {
+ margin: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
- .red{
+
+ .red {
font-size: 16px;
color: #A92924;
font-weight: bold;
}
}
- .status{
- .icon{
- margin:0 20px;
- img{
- width: 100px;
- }
- }
- }
}
}
}
+
.paginatio {
margin: 20px auto;
display: flex;
@@ -666,4 +802,20 @@
line-height: 18px;
}
}
+
+ .search {
+ display: flex;
+
+ .p {
+ margin-right: 10px;
+ }
+ }
+
+ .el-select .el-input {
+ width: 130px;
+ }
+
+ .input-with-select .el-input-group__prepend {
+ background-color: #fff;
+ }
\ No newline at end of file