fix:添加订单回收站

src/http/moudules/task.js

@@ -1919,6 +1919,24 @@ export const queryPageTelemarketingLinkAgent = (data) => {
   })
 }
 
+// 订单回收
+export const queryPageDeleteOrder = (data) => {
+  return axios({
+    url: '/insurance/order/queryPageDeleteOrder',
+    method: 'post',
+    data
+  })
+}
+
+// 恢复订单
+export const modifyDeleteOrderFlag = (data) => {
+  return axios({
+    url: '/insurance/order/modifyDeleteOrderFlag ',
+    method: 'post',
+    data
+  })
+}
+
 //外部订单审核列表
 export const orderCheckPage = (data) => {
   return axios({

src/views/Task/OrderRecycle.vue

@@ -0,0 +1,173 @@
+<template>
+    <div>
+        <retrievalForm :fields="retrievalFields" @submit="handleFormSubmit" @toggleCollapse="toggleCollapse" :dateType="dateType"
+                       @exportSubmit="exportSubmit" :isExport="true"
+                       @areaSelectChange="areaSelectChange"></retrievalForm>
+        <kt-common-table :data="pageResult" :columns="columns" element-loading-text="加载中..." v-loading="loading"
+                         :showBatchDelete="false" @findPage="findPage" button3Name="还原订单" button3Type="text" @handleButton3="transmit" :operationWidth="300"></kt-common-table>
+    </div>
+</template>
+<script>
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import Cookies from "js-cookie";
+import CommonUtil from "@/utils/comutil.js";
+import retrievalForm from "@/components/Form/retrievalForm.vue";
+import { mixin } from "./mixin";
+import {modifyDeleteOrderFlag, queryPageDeleteOrder} from "../../http/moudules/task";
+
+export default {
+    components: {
+        KtCommonTable,
+        retrievalForm
+    },
+    data() {
+        return {
+            dateType: '1',
+            pageRequest: {
+                pageNum: 1,
+                pageSize: 20,
+                orderStatus: 0,
+                userId: "",
+            },
+            optionsStatus: [],
+            columns: [
+                { prop: "subOrderId", label: "订单号", minWidth: 180 },
+                { prop: "product", label: "投保险种", minWidth: 100 },
+                { prop: "areaInfo", label: "归属信息", minWidth: 150 },
+                { prop: "username", label: "业务员姓名", minWidth: 180 },
+                { prop: "managementSource", label: "业务来源", minWidth: 160, formatter: this.managementSourceFormatter },
+                { prop: "entryStatus", label: "录入来源", minWidth: 160, formatter: this.entryStatusFormatter },
+                { prop: "insCompany", label: "保险公司", minWidth: 120 },
+                { prop: "partnerCompaniesName", label: "合作公司", minWidth: 120 },
+                // { prop: "agreementName", label: "协议", minWidth: 160 },
+                { prop: "licenseno", label: "车牌号", minWidth: 160 },
+                { prop: "insuredname", label: "投保人姓名", minWidth: 120 },
+                { prop: "jqpremium", label: "交强险保费", minWidth: 120 },
+                { prop: "sypremium", label: "商业险保费", minWidth: 120 },
+                { prop: "taxamount", label: "车船税", minWidth: 120 },
+
+                { prop: "jypremium", label: "驾意险保费", minWidth: 120 },
+                { prop: "userid", label: "业务员工号", minWidth: 180 },
+                { prop: "createtime", label: "报价时间", minWidth: 160 },
+            ],
+        }
+    },
+    mixins: [mixin],
+    created() {
+        this.pageRequest.userId = Cookies.get("user");
+        this.$api.insCompany.dicType("insOrderStatusAll").then((res) => {
+            this.optionsStatus = res.data.ddList;
+        });
+    },
+
+    methods: {
+        //导出
+        exportSubmit(data) {
+            let obj = Object.assign(this.pageRequest, data)
+            this.pageRequest = obj;
+            this.exportRecords();
+        },
+        //导出
+        exportRecords() {
+            this.$api.task.exportHospitalityByTelemarketing(this.pageRequest).then((res) => {
+                if (res.code == '200') {
+                    let url = process.env.BASE_URL + res.data; // 3.创建一个临时的url指向blob对象
+                    let a = document.createElement("a");
+                    a.href = url;
+                    a.download = "导出文件.xlsx";
+                    a.click();
+                    window.URL.revokeObjectURL(url);
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: res.msg,
+                    });
+                }
+            });
+        },
+
+        handleFormSubmit(data) {
+            let obj = Object.assign(this.pageRequest, data)
+            this.pageRequest = obj;
+            this.findPage();
+        },
+        toggleCollapse(data) {
+            this.retrievalFields.map(val => {
+                if (val.Retained != null) val.Retained = data;
+                return val;
+            })
+        },
+        // 右侧列表的方法Start
+        findPage(data) {
+            let userInfo = JSON.parse(localStorage.getItem('user_data'));
+            if (data && data.pageRequest) {
+                this.pageRequest.pageNum = data.pageRequest.pageNum;
+                this.pageRequest.pageSize = data.pageRequest.pageSize;
+            }
+            this.loading = true;
+            this.$api.task
+                .queryPageDeleteOrder({
+                    ...this.pageRequest,
+                    deptId: userInfo.deptId
+                })
+                .then(res => {
+                    if (res.code == 200) {
+                        this.loading = false;
+                        this.pageResult = res.data;
+                    } else {
+                        this.loading = false;
+                        this.$message.error(res.msg);
+                    }
+                });
+        },
+        transmit(row) {
+            this.orderNo = row.row.orderno
+            this.$api.task.modifyDeleteOrderFlag({
+                orderNo: this.orderNo
+            }).then(res => {
+                if (res.code == 200) {
+                    this.$message.success('订单已恢复')
+                    this.findPage()
+                } else {
+                    this.$message.error(res.msg);
+                }
+            })
+        },
+    }
+};
+</script>
+
+<style scoped lang="scss">
+/deep/ {
+    .el-step__description.is-finish,
+    .el-step__head.is-finish {
+        color: #333;
+        border: none;
+    }
+    .el-step__title,
+    .el-step__icon-inner {
+        color: var(--themeColor)
+    }
+
+    .el-step__line-inner {
+        height: 0;
+        display: none
+    }
+
+    .is-flex {
+
+        .el-step__icon {
+            background: var(--themeColor)
+        }
+
+        .el-step__icon-inner {
+            color: #fff;
+        }
+    }
+
+    .el-step__icon.is-text {
+        border: none;
+        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
+    }
+}
+</style>