|
|
@@ -58,6 +58,8 @@
|
|
|
v-if="item.orderstatus==1 && ['中煤财险','永诚财险','国任财险','大家财险','渤海财险','恒邦财险','安盛天平','中国人寿','众安财险','太平财险','华农财险','泰康财险'].includes(item.inscompany)"
|
|
|
size="mini" type="error" :plain="true" :custom-style="{fontSize:'14px'}"
|
|
|
@click="underwriting(item.id,item.inscompany)">更新订单</u-button>
|
|
|
+ <u-button type="error" size="mini" :custom-style="{fontSize:'14px'}"
|
|
|
+ @click="openSteps(item.id)">订单轨迹</u-button>
|
|
|
<u-button size="mini" type="primary" :custom-style="{fontSize:'14px',background:'#FF5600'}"
|
|
|
@click="bjdpreview(item.id)">报价单</u-button>
|
|
|
<u-button size="mini" type="primary" :custom-style="{fontSize:'14px'}"
|
|
|
@@ -83,6 +85,30 @@
|
|
|
<!-- <u-popup v-model="trajectoryShow" mode="center" border-radius="8" width="80%">
|
|
|
<u-steps mode="number" :list="numList" :current="2" direction="column" style="padding: 20px;"></u-steps>
|
|
|
</u-popup> -->
|
|
|
+ <u-modal v-model="OrderTrackShow" title="订单轨迹"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :show-cancel-button="false"
|
|
|
+ :confirm-style="{background:'#E6EEFF',color:'#0052FF',height:'40px',lineHeight:'40px'}"
|
|
|
+ @confirm="OrderTrackShow=false" confirm-text="关闭">
|
|
|
+ <view class="slot-content dis a-c p-2">
|
|
|
+ <view class="dis a-c j-c f-c">
|
|
|
+ <view class="TrackRecord dis f-c a-start" v-for="(item,index) in TrackRecordList" :key="index">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <view class="circle dis j-c a-c">{{index+1}}</view>
|
|
|
+ <text class="title">{{item.orderStatus}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c content mt-2">
|
|
|
+ <view class="">
|
|
|
+ <text>保险公司：{{item.insCompany}}</text>
|
|
|
+ <text style="margin-left: 10px;">提交人：{{item.operator}}</text>
|
|
|
+ </view>
|
|
|
+ <text>创建时间：{{item.createTime}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -94,6 +120,8 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ TrackRecordList: [],
|
|
|
+ OrderTrackShow: false,
|
|
|
show: true,
|
|
|
modeClass: 'fade',
|
|
|
// trajectoryShow: false,
|
|
|
@@ -166,6 +194,23 @@
|
|
|
this.querylist();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //打开步骤条弹框
|
|
|
+ async openSteps(orderno) {
|
|
|
+ let res = await this.$http.get("/insurance/track/queryBySuborder?suborder=" + orderno)
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.statusList.map(valA => {
|
|
|
+ res.data.map(valB => {
|
|
|
+ if (valA.value == valB.orderStatus) {
|
|
|
+ valB.orderStatus = valA.label;
|
|
|
+ }
|
|
|
+ return valB
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.TrackRecordList = res.data;
|
|
|
+ this.OrderTrackShow = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
handle(type) {
|
|
|
this.show = !this.show
|
|
|
this.modeClass = type
|
|
|
@@ -203,7 +248,7 @@
|
|
|
//付款码
|
|
|
Payment(id, type) {
|
|
|
let pro = this.quotationType.themeCode;
|
|
|
- if (pro !== "QD") {
|
|
|
+ if (pro == "QD") {
|
|
|
uni.navigateTo({
|
|
|
url: "/pages/orders/paymentCode?companyId=" + id + '&apiType=' + type,
|
|
|
})
|
|
|
@@ -704,4 +749,47 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .TrackRecord {
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px 20px;
|
|
|
+
|
|
|
+ .circle {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background: #F0F0F0;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 22rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ border-left: 1px solid #E2E5EB;
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-left: 7px;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: rgba(51, 51, 51, 0.85);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ .circle {
|
|
|
+ background-color: #E6EEFF;
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
