|
@@ -18,7 +18,7 @@
|
|
<view class="term">
|
|
<view class="term">
|
|
<text>订单状态</text>
|
|
<text>订单状态</text>
|
|
<view class="dis a-c f-wrap j-s" style="margin-top: 10px;">
|
|
<view class="dis a-c f-wrap j-s" style="margin-top: 10px;">
|
|
- <view class="status-data" :class="item.value==pageRequest.orderStatus? 'active':''"
|
|
|
|
|
|
+ <view class="status-data" :class="item.value===pageRequest.orderStatus? 'active':''"
|
|
v-for="(item,index) in statusList" @tap.stop.prevent="statusclick(index)"
|
|
v-for="(item,index) in statusList" @tap.stop.prevent="statusclick(index)"
|
|
:key="index">
|
|
:key="index">
|
|
{{item.label}}
|
|
{{item.label}}
|
|
@@ -108,6 +108,8 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="orderItemPane-below dis a-c j-end ">
|
|
<view class="orderItemPane-below dis a-c j-end ">
|
|
|
|
+ <u-button v-if="item.orderstatus!='3'" type="error" size="mini" :hair-line="false"
|
|
|
|
+ :custom-style="{fontSize:'15px'}" :plain="true" @click="openSteps(item)">订单轨迹</u-button>
|
|
<u-button v-if="item.orderstatus!='3'" type="primary" size="mini" :hair-line="false"
|
|
<u-button v-if="item.orderstatus!='3'" type="primary" size="mini" :hair-line="false"
|
|
:custom-style="{fontSize:'15px'}" :plain="true" @click="quotehistory(item)">报价历史</u-button>
|
|
:custom-style="{fontSize:'15px'}" :plain="true" @click="quotehistory(item)">报价历史</u-button>
|
|
<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'15px'}" type="warning" size="mini"
|
|
<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'15px'}" type="warning" size="mini"
|
|
@@ -120,6 +122,19 @@
|
|
<!-- 回到顶部 -->
|
|
<!-- 回到顶部 -->
|
|
<u-picker v-model="startShow" mode="time" :params="params" @confirm="startconfirm"></u-picker>
|
|
<u-picker v-model="startShow" mode="time" :params="params" @confirm="startconfirm"></u-picker>
|
|
<u-picker v-model="endShow" mode="time" :params="params" @confirm="endconfirm"></u-picker>
|
|
<u-picker v-model="endShow" mode="time" :params="params" @confirm="endconfirm"></u-picker>
|
|
|
|
+ <u-mask :show="stepShow" @click="stepShow = false">
|
|
|
|
+ <view class="warp">
|
|
|
|
+ <view class="rect" @tap.stop>
|
|
|
|
+ <u-steps :list="numList" :current="4" direction="column" mode="number" :viewType="'order'">
|
|
|
|
+ <template v-slot:header>
|
|
|
|
+ <view>这是父组件传递给子组件的头部插槽内容</view>
|
|
|
|
+ </template>
|
|
|
|
+
|
|
|
|
+ </u-steps>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ </u-mask>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -254,6 +269,26 @@
|
|
esmInsCompanyList: [],
|
|
esmInsCompanyList: [],
|
|
status: 'loadmore',
|
|
status: 'loadmore',
|
|
totalPages: 0, //订单总页数
|
|
totalPages: 0, //订单总页数
|
|
|
|
+ stepShow: false, //步骤条弹框
|
|
|
|
+ numList: [{
|
|
|
|
+ "processingStatus": "1",
|
|
|
|
+ "processingStatusFlag": true,
|
|
|
|
+ "name": "提现申请",
|
|
|
|
+ "date": "2024-07-31 19:25:12"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "processingStatus": "2",
|
|
|
|
+ "processingStatusFlag": true,
|
|
|
|
+ "name": "处理中",
|
|
|
|
+ "date": "2024-07-31 19:25:12"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ "processingStatus": "4",
|
|
|
|
+ "processingStatusFlag": true,
|
|
|
|
+ "name": "提现成功",
|
|
|
|
+ "date": "2024-08-01 08:49:12"
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onReachBottom() {
|
|
onReachBottom() {
|
|
@@ -344,15 +379,33 @@
|
|
},
|
|
},
|
|
//状态筛选
|
|
//状态筛选
|
|
statusclick(e) {
|
|
statusclick(e) {
|
|
- this.pageRequest.orderStatus = e;
|
|
|
|
|
|
+
|
|
|
|
+ if (e === this.pageRequest.orderStatus) {
|
|
|
|
+ this.pageRequest.orderStatus = ''
|
|
|
|
+ } else {
|
|
|
|
+ this.pageRequest.orderStatus = e;
|
|
|
|
+ }
|
|
|
|
+ // console.log(this.pageRequest.orderStatus)
|
|
|
|
+
|
|
},
|
|
},
|
|
//保险公司筛选
|
|
//保险公司筛选
|
|
companystatusclick(e) {
|
|
companystatusclick(e) {
|
|
- this.pageRequest.companyId = e;
|
|
|
|
|
|
+ // this.pageRequest.companyId = e;
|
|
|
|
+ if (e == this.pageRequest.companyId) {
|
|
|
|
+ this.pageRequest.companyId = ''
|
|
|
|
+ } else {
|
|
|
|
+ this.pageRequest.companyId = e;
|
|
|
|
+ }
|
|
|
|
+
|
|
},
|
|
},
|
|
//投保险种筛选
|
|
//投保险种筛选
|
|
productstatusclick(e) {
|
|
productstatusclick(e) {
|
|
- this.pageRequest.productid = e;
|
|
|
|
|
|
+
|
|
|
|
+ if (e == this.pageRequest.productid) {
|
|
|
|
+ this.pageRequest.productid = ''
|
|
|
|
+ } else {
|
|
|
|
+ this.pageRequest.productid = e;
|
|
|
|
+ }
|
|
},
|
|
},
|
|
startShowmethod() {
|
|
startShowmethod() {
|
|
this.startShow = true;
|
|
this.startShow = true;
|
|
@@ -416,7 +469,7 @@
|
|
modelcname: val.carinfo.modelcname,
|
|
modelcname: val.carinfo.modelcname,
|
|
}
|
|
}
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url: `/pages/orders/subOrders?orderno=${JSON.stringify(params)}`
|
|
|
|
|
|
+ url: `/pages/orders1/subOrders?orderno=${JSON.stringify(params)}`
|
|
})
|
|
})
|
|
},
|
|
},
|
|
//报价历史
|
|
//报价历史
|
|
@@ -431,10 +484,17 @@
|
|
url: `/pages/orders1/quoteHistory?orderno=${JSON.stringify(params)}`
|
|
url: `/pages/orders1/quoteHistory?orderno=${JSON.stringify(params)}`
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ //打开步骤条弹框
|
|
|
|
+ async openSteps(val) {
|
|
|
|
+ console.log(val)
|
|
|
|
+ // this.stepShow=true
|
|
|
|
+ // let stepList = this.$http.get("/insurance/track/queryBySuborder?suborder="+val.orderno)
|
|
|
|
+ // console.log(stepList)
|
|
|
|
+ },
|
|
//编辑
|
|
//编辑
|
|
CloseEdit(val) {
|
|
CloseEdit(val) {
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url: "/pages/carInsure/quote?orderno=" + val
|
|
|
|
|
|
+ url: "/pages/carInsure2/quote?orderno=" + val
|
|
})
|
|
})
|
|
// this.navigate({
|
|
// this.navigate({
|
|
// url: '/pages/carInsure1/quote1',
|
|
// url: '/pages/carInsure1/quote1',
|
|
@@ -513,6 +573,19 @@
|
|
page {
|
|
page {
|
|
background-color: #F8FAFE;
|
|
background-color: #F8FAFE;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .warp {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .rect {
|
|
|
|
+ width: 90%;
|
|
|
|
+ height: 80%;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@import '@/style/mixin.scss';
|
|
@import '@/style/mixin.scss';
|