订单列表已提交查询 客服 退回

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceJingdong/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceJingdong/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceJingdong/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,31 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
-
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import gobacklast from './gobacklast'
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +125,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,57 +148,57 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], // 选中id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 选中id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_Express: "京东快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_Express: '京东快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -207,121 +208,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -332,17 +353,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceRhyme/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceRhyme/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceRhyme/index.vue

@@ -23,18 +23,18 @@
       <el-input v-model="searchData.customerPhone" placeholder="请输入客户手机号" class="filter-item" />
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
-      <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +44,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +89,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +125,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +148,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], // 选中id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 选中id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "韵达快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '韵达快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +209,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +354,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSF/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSF/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSF/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], // 选中id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 选中id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: this.pageParams.pageindex, // int 第几页
           pagesize: this.pageParams.pagesize, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "顺丰快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '顺丰快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +355,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSTO/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSTO/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceSTO/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], //批量物流id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 批量物流id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "申通快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '申通快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +355,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceShanXiSF/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceShanXiSF/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceShanXiSF/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], // 选中id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 选中id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: this.pageParams.pageindex, // int 第几页
           pagesize: this.pageParams.pagesize, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "山西顺丰",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '山西顺丰'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +355,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceXinXiangSF/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceXinXiangSF/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceXinXiangSF/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -72,7 +73,7 @@
             v-permission="'HY_goback'"
             type="text"
             @click="btn_goback(scope.row.F_Id)"
-          >客服退回</el-button>
+          >退回</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], // 选中id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 选中id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: this.pageParams.pageindex, // int 第几页
           pagesize: this.pageParams.pagesize, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "新乡顺丰",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '新乡顺丰'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,142 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
-    // 批量退回
-    btn_bulk_goback () {
+    // 批量退回销售
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +356,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceYuantong/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceYuantong/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceYuantong/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], //批量物流id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 批量物流id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "圆通快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '圆通快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +355,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceZhongtong/goback.vue

@@ -8,13 +8,14 @@
           filterable
           clearable
           placeholder="请选择退回"
+          @change="selectback"
         >
           <el-option label="退回上一级" value="0" />
           <el-option label="退回销售" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+      <el-form-item v-show="ishow" label="退回原因">
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -23,24 +24,25 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
+      ishow: true, // 原因显隐
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-        state: ""
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: ''
       },
       rules: {
         state: [
@@ -49,13 +51,13 @@ export default {
             trigger: 'change',
             message: '请选择退回'
           }
-        ],
+        ]
       }
-    };
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
@@ -64,23 +66,30 @@ export default {
         if (valid) {
           gobackOrderCustomerService(this.ruleForm)
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.$parent.$layer.close(this.layerid);
-                this.$parent.getList(); // 重新加载父级数据
-                this.$message.success("恭喜你，订单信息退回成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，订单信息退回成功!')
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
       })
     },
-  },
-};
+    selectback(e) {
+      if (e === '0') {
+        this.ishow = false
+      } else {
+        this.ishow = true
+      }
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceZhongtong/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerServiceZhongtong/index.vue

@@ -24,17 +24,18 @@
       <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_bulk_submit'" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_import_submit'" type="primary" class="filter-item" @click="btn_import_submit">导入附件提交</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
-      <el-tab-pane label="全部" name="3"></el-tab-pane>
+      <el-tab-pane label="全部" name="3"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
     </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+    <el-table v-loading="loading" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180" >
         <template slot-scope="scope">
@@ -44,9 +45,9 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-      <template slot-scope="scope">
-        {{ scope.row.OrderDetailList | judgmentOrderGoods}}
-      </template>
+        <template slot-scope="scope">
+          {{ scope.row.OrderDetailList | judgmentOrderGoods }}
+        </template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center" >
@@ -89,31 +90,32 @@
 
 <script>
 import { getDictionaryValueList } from '@/api/commonAPI'
-import { getOrderListCustomerService, submitOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
-import { pickerOptions, formatterContent } from "@/utils"
-import goback from "./goback"
-import importSubmit from "./importSubmit"
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+import { getOrderListCustomerService, submitOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import importSubmit from './importSubmit'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
     judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
@@ -124,21 +126,21 @@ export default {
       }
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
-    },
+    }
   },
   data() {
     return {
       loading: false,
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        searchTime: '', //订单时间
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        searchTime: '' // 订单时间
       },
-      activeName: "3", //标签切换首页
+      activeName: '3', // 标签切换首页
       pickerOptions, // 日期数据
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -147,58 +149,58 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      orderType: [],//订单类型
-      selectOrderId: [], //批量物流id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 批量物流id
+    }
   },
   created() {
     this.getOrderType()
     this.getList()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态 -2全部
+          F_State: this.activeName, // 订单状态 -2全部
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchData.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_IsExpress: 1, //-2全部 0客服未分配快递 1已分配
-          F_PayState: -2, //支付状态-2 全部0待回款 1已完成 2待退款 3已完成
-          F_Express: "中通快递",
-        };
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime[1], // 添加结束时间
+          F_IsExpress: 1, // -2全部 0客服未分配快递 1已分配
+          F_PayState: -2, // 支付状态-2 全部0待回款 1已完成 2待退款 3已完成
+          F_Express: '中通快递'
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 获取订单类型
     getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+      return new Promise(resolve => {
+        const params = {
+          isleaf: true,
+          code: 'ORDERTYPE'
         }
-        getDictionaryValueList(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+        getDictionaryValueList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
             this.orderType = response.data.Rows
           }
         })
@@ -208,121 +210,141 @@ export default {
       this.getList()
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     // 提交
     btn_submit(orderId) {
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: orderId,
-            };
+              orderids: orderId
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 批量退回
-    btn_bulk_goback () {
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
     // 批量提交
     btn_bulk_submit() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      this.isDisable = true;
+      this.isDisable = true
       setTimeout(() => {
-        this.$confirm("您确定提交吗?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.$confirm('您确定提交吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
           .then(() => {
-            this.isDisable = false;
+            this.isDisable = false
             const data = {
-              orderids: this.selectOrderId.join(',').replace(/\s+/g, ''),
-            };
+              orderids: this.selectOrderId.join(',').replace(/\s+/g, '')
+            }
             submitOrderCustomerService(data).then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("提交成功!");
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('提交成功!')
               }
-            });
+            })
           })
           .catch(() => {
             this.$message({
-              type: "info",
-              message: "已取消提交",
-            });
-          });
-        this.isDisable = false;
-      }, 300);
+              type: 'info',
+              message: '已取消提交'
+            })
+          })
+        this.isDisable = false
+      }, 300)
     },
     // 退回订单
-    btn_goback (orderid) {
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导入附件提交
-    btn_import_submit () {
+    // 导入附件提交
+    btn_import_submit() {
       this.$layer.iframe({
         content: {
           content: importSubmit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件提交"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件提交'
+      })
     },
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -333,17 +355,17 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
+    // 选择多个
     handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
+      for (let i = 0; i < this.multipleSelection.length; i++) {
         ids.push(this.multipleSelection[i].F_Id)
       }
       this.selectOrderId = ids
-    }, 
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListLogistics/goback.vue

@@ -2,7 +2,7 @@
   <div>
     <el-form ref="ruleForm" :model="ruleForm" label-width="80px">
       <el-form-item label="退回原因">
-        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"></el-input>
+        <el-input v-model="ruleForm.remark" type="textarea" placeholder="退回原因"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm()">提交</el-button>
@@ -11,50 +11,51 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
   props: {
     rowid: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
       ruleForm: {
-        orderids: "", //订单编号
-        remark: "", //备注
-      },
-    };
+        orderids: '', // 订单编号
+        remark: '', // 备注
+        state: 1
+      }
+    }
   },
   created() {
     if (this.rowid) {
-      this.ruleForm.orderids = this.rowid;
+      this.ruleForm.orderids = this.rowid
     }
   },
   methods: {
     submitForm() {
       gobackOrderCustomerService(this.ruleForm)
         .then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
-            this.$parent.getList(); // 重新加载父级数据
-            this.$message.success("恭喜你，订单信息退回成功!");
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
           }
         })
         .catch(() => {
-          this.loading = false;
-        });
-    },
-  },
-};
+          this.loading = false
+        })
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .form_select {
   width: 100%
 }
-</style>
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListLogistics/gobacklast.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" style="margin:15% 45%" >
+
+      <el-form-item >
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: '', // 订单编号
+        // remark: '', // 备注
+        state: 0
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid
+    }
+  },
+  methods: {
+    submitForm() {
+      gobackOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
+            this.$message.success('恭喜你，订单信息退回成功!')
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%
+}
+</style>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListLogistics/index.vue

@@ -13,8 +13,8 @@
         start-placeholder="开始日期"
         end-placeholder="结束日期"
       />
-        <!-- :clearable="false" -->
-        <!-- align="left" -->
+      <!-- :clearable="false" -->
+      <!-- align="left" -->
       <el-cascader
         ref="myCascader"
         v-model="searchData.provinceCity"
@@ -95,12 +95,13 @@
       >运单号导入</el-button> -->
       <!-- <el-button v-permission="'HY_merge'" type="primary" class="filter-item" @click="btn_merge">合并</el-button> -->
       <el-button v-permission="'HY_bulk_logistics'" type="primary" class="filter-item" @click="btn_bulk_logistics">批量分物流</el-button>
-      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_goback">批量退回销售</el-button>
+      <el-button v-permission="'HY_bulk_goback'" type="primary" class="filter-item" @click="btn_bulk_gobacklast">批量退回上一级</el-button>
       <el-button v-permission="'HY_export'" type="primary" class="filter-item" @click="btn_export">导出</el-button>
       <el-button v-permission="'HY_import_goback'" type="primary" class="filter-item" @click="btn_import_goback">导入附件退回</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
-      <el-tab-pane label="待分物流" name="8"></el-tab-pane>
+      <el-tab-pane label="待分物流" name="8"/>
     </el-tabs>
     <div>
       <span>订单数量：{{ pageParams.total }}</span>
@@ -110,10 +111,10 @@
       :data="dataLists"
       border
       stripe
-      @selection-change="handleSelectionChange"
       row-key="F_Id"
+      @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" :reserve-selection="true"></el-table-column>
+      <el-table-column :reserve-selection="true" type="selection"/>
       <el-table-column type="index" label="编号" align="center" fixed width="80" />
       <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180">
         <template slot-scope="scope">
@@ -127,7 +128,7 @@
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
       <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
       <el-table-column label="订购商品" align="center" min-width>
-        <template slot-scope="scope">{{ scope.row.OrderDetailList | judgmentOrderGoods}}</template>
+        <template slot-scope="scope">{{ scope.row.OrderDetailList | judgmentOrderGoods }}</template>
       </el-table-column>
       <el-table-column prop="F_AddTime" label="下单日期" align="center" />
       <el-table-column label="订单状态" align="center">
@@ -153,7 +154,12 @@
             v-permission="'HY_goback'"
             type="text"
             @click="btn_goback(scope.row.F_Id)"
-          >客服退回</el-button>
+          >退回销售</el-button>
+          <el-button
+            v-permission="'HY_gobacklast'"
+            type="text"
+            @click="btn_gobacklast(scope.row.F_Id)"
+          >退回上一级</el-button>
           <!-- <el-button v-permission="'HY_label'" type="text" @click="btn_label(scope.row.F_Id)">标签</el-button> -->
         </template>
       </el-table-column>
@@ -171,36 +177,37 @@
 
 <script>
 import { getDictionaryValueList, getProviceCityById } from '@/api/commonAPI'
-import { getOrderListCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
-import { pickerOptions, formatterContent } from "@/utils";
-import importGoback from './importGoback';
-import goback from "./goback";
-import logistics from './logistics';
-import detail from "@/views/orderManagement/orderList/detail"
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
-
+import { getOrderListCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
+import { pickerOptions, formatterContent } from '@/utils'
+import importGoback from './importGoback'
+import goback from './goback'
+import gobacklast from './gobacklast'
+import logistics from './logistics'
+import detail from '@/views/orderManagement/orderList/detail'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
 export default {
-  name: "OrderListCustomerService",
+  name: 'OrderListCustomerService',
   components: {
     Pagination
   },
   filters: {
-    judgmentStateName (status) {
+    judgmentStateName(status) {
       const statusMap = {
-        '0': "未提交",
-        '1': "待分仓",
-        '2': "已退回",
-        '3': "已分仓",
-        '4': "无货",
-        '5': "仓库待审核",
-        '6': "已发货",
-        '7': "付款待审核",
-        '8': "待分物流",
-        '9': "物流未通过",
+        '0': '未提交',
+        '1': '待分仓',
+        '2': '已退回',
+        '3': '已分仓',
+        '4': '无货',
+        '5': '仓库待审核',
+        '6': '已发货',
+        '7': '付款待审核',
+        '8': '待分物流',
+        '9': '物流未通过'
       }
       return statusMap[status]
     },
-    judgmentOrderGoods (status) {
+    judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {
         orderGoodsNameQuantity = `${orderGoodsNameQuantity}${status[i].F_ProductName}*${status[i].F_Count},`
@@ -208,37 +215,37 @@ export default {
       orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
       return orderGoodsNameQuantity
     },
-    judgmentAddress (data) {
-      let addProvince = data.F_AddProvince === null ? '' : data.F_AddProvince //省
-      let addCity = data.F_AddCity === null ? '' : data.F_AddCity //市
-      let addArea = data.F_AddArea === null ? '' : data.F_AddArea //县/区
-      let addTown = data.F_AddTown === null ? '' : data.F_AddTown //乡/镇
-      let address = data.F_Address === null ? '' : data.F_Address //详细地址
-      let addressStr = addProvince + addCity + addArea + addTown + address // 地址
+    judgmentAddress(data) {
+      const addProvince = data.F_AddProvince === null ? '' : data.F_AddProvince // 省
+      const addCity = data.F_AddCity === null ? '' : data.F_AddCity // 市
+      const addArea = data.F_AddArea === null ? '' : data.F_AddArea // 县/区
+      const addTown = data.F_AddTown === null ? '' : data.F_AddTown // 乡/镇
+      const address = data.F_Address === null ? '' : data.F_Address // 详细地址
+      const addressStr = addProvince + addCity + addArea + addTown + address // 地址
       return addressStr
     }
   },
-  data () {
+  data() {
     return {
       loading: false,
       warehouseNameList: [], // 仓库名称
       logisticsStock: '', // 物流仓库
       searchData: {
-        adFrom: '', //消息/广告媒体来源
-        type: '', //订单类型
-        id: '', //订单号
-        customer: '', //客户姓名
-        customerPhone: '', //客户手机号
-        trackingNo: '', //运单号
-        payState: '', //交易状态
+        adFrom: '', // 消息/广告媒体来源
+        type: '', // 订单类型
+        id: '', // 订单号
+        customer: '', // 客户姓名
+        customerPhone: '', // 客户手机号
+        trackingNo: '', // 运单号
+        payState: '', // 交易状态
         provinceCity: [], // 省市县
         minprice: '', // 最低金额
         maxprice: '', // 最高金额
         F_AddDes: '', // 送货说明
-        stock: '',
+        stock: ''
       },
-      searchTime: [], //订单时间
-      activeName: "8", //标签切换首页
+      searchTime: [], // 订单时间
+      activeName: '8', // 标签切换首页
       provinceCityDatas: [], // 省市下拉数据
       provinceCityText: [], // 省市下拉绑定的值
       props: {
@@ -257,16 +264,16 @@ export default {
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
       selectedId: [], // 选中的数据的id
-      orderType: [],//订单类型
-      selectOrderId: [], //合并订单id
-    };
+      orderType: [], // 订单类型
+      selectOrderId: [] // 合并订单id
+    }
   },
   watch: {
     searchTime(newVal, oldVal) {
       !newVal && (this.searchTime = [])
     }
   },
-  created () {
+  created() {
     if (this.$route.params.id) {
       this.activeName = this.$route.params.id
     }
@@ -278,28 +285,28 @@ export default {
     this.getwarehouseName()
     document.onkeyup = e => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
-    getList () {
-      this.loading = true;
+    getList() {
+      this.loading = true
       return new Promise(resolve => {
         const params = {
-          F_State: this.activeName, //订单状态
+          F_State: this.activeName, // 订单状态
           pageindex: 1, // int 第几页
           pagesize: 1000000, // int 每页几条信息
-          F_ADFrom: this.searchData.adFrom, //消息/广告来源
-          F_Type: this.searchData.type, //订单类型
-          F_Id: this.searchData.id, //订单号
-          F_Customer: this.searchData.customer, //客户姓名
-          F_CustomerPhone: this.searchData.customerPhone, //客户手机号
-          F_TrackingNo: this.searchData.trackingNo, //运单号
-          SearchStartTime: this.searchTime[0] == null ? '' : this.searchTime[0], //添加开始时间
-          SearchEndTime: this.searchTime[1] == null ? '' : this.searchTime[1], //添加结束时间
-          PayState: this.searchData.payState, //交易状态
-          F_IsExpress: 0, //-2全部 0客服未分配快递 1已分配
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          SearchStartTime: this.searchTime[0] == null ? '' : this.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchTime[1] == null ? '' : this.searchTime[1], // 添加结束时间
+          PayState: this.searchData.payState, // 交易状态
+          F_IsExpress: 0, // -2全部 0客服未分配快递 1已分配
           state: '',
           F_AddProvince: this.provinceCityText && this.provinceCityText[0], // 省份
           F_AddCity: this.provinceCityText[1] && this.provinceCityText[1], // 市
@@ -308,32 +315,32 @@ export default {
           minprice: this.searchData.minprice, // 最低金额
           maxprice: this.searchData.maxprice, // 最高金额
           F_AddDes: this.searchData.F_AddDes, // 送货说明
-          F_Stock: this.searchData.stock, // 仓库
-        };
+          F_Stock: this.searchData.stock // 仓库
+        }
         getOrderListCustomerService(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
-    //处理默认选中当前日期
+    // 处理默认选中当前日期
     getNowTime() {
-      let now = new Date();
-      let year = now.getFullYear(); //得到年份
-      let month = now.getMonth() + 1; //得到月份
-      let date = now.getDate(); //得到日期
-      let hour =" 00:00:00"; //默认时分秒 如果传给后台的格式为年月日时分秒，就需要加这个，如若不需要，此行可忽略
-      month = month.toString().padStart(2, "0");
-      date = date.toString().padStart(2, "0");
-      let defaultDate = `${year}-${month}-${date}`;
+      const now = new Date()
+      const year = now.getFullYear() // 得到年份
+      let month = now.getMonth() + 1 // 得到月份
+      let date = now.getDate() // 得到日期
+      const hour = ' 00:00:00' // 默认时分秒 如果传给后台的格式为年月日时分秒，就需要加这个，如若不需要，此行可忽略
+      month = month.toString().padStart(2, '0')
+      date = date.toString().padStart(2, '0')
+      const defaultDate = `${year}-${month}-${date}`
       this.searchTime = [defaultDate, defaultDate]
     },
     // 获取仓库名称
-    getwarehouseName () {
+    getwarehouseName() {
       return new Promise(resolve => {
         const params = {
           isleaf: true,
@@ -347,7 +354,7 @@ export default {
       })
     },
     // 获取订单类型
-    getOrderType () {
+    getOrderType() {
       return new Promise(resolve => {
         const params = {
           isleaf: true,
@@ -374,27 +381,27 @@ export default {
         })
       })
     },
-    handleTabClick (tab, event) {
-      this.pageParams.pageindex=1
+    handleTabClick(tab, event) {
+      this.pageParams.pageindex = 1
       this.getList()
     },
-    btn_search () {
-      this.pageParams.pageindex = 1;
-      this.getList();
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
     },
-    btn_edit (editId) {
+    btn_edit(editId) {
       this.$layer.iframe({
         content: {
           content: edit, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: editId } // props
         },
-        area: ["80%", "90%"],
-        title: "编辑订单"
-      });
+        area: ['80%', '90%'],
+        title: '编辑订单'
+      })
     },
-    //导入
-    btn_waybill_number_import () {
+    // 导入
+    btn_waybill_number_import() {
       this.$layer.iframe({
         content: {
           content: importWaybillNumber, // 传递的组件对象
@@ -407,93 +414,141 @@ export default {
       })
     },
     // 批量分物流
-    btn_bulk_logistics () {
+    btn_bulk_logistics() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: logistics, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids, stock: this.logisticsStock } // props
         },
-        area: ["30%", "30%"],
-        title: "物流"
-      });
+        area: ['30%', '30%'],
+        title: '物流'
+      })
     },
     // 分物流
-    btn_logistics (orderid, stock) {
+    btn_logistics(orderid, stock) {
       this.$layer.iframe({
         content: {
           content: logistics, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid, stock: stock } // props
         },
-        area: ["30%", "30%"],
-        title: "物流"
-      });
+        area: ['30%', '30%'],
+        title: '物流'
+      })
     },
-    // 批量退回
-    btn_bulk_goback () {
+    // 批量退回销售
+    btn_bulk_goback() {
       if (this.selectOrderId.length < 1) {
         this.$message({
-          message: "请选择订单！",
-          type: "warning",
-        });
-        return;
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
       }
-      let orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderids } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //退回订单
-    btn_goback (orderid) {
+    // 批量退回上一级
+    btn_bulk_gobacklast() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: '请选择订单！',
+          type: 'warning'
+        })
+        return
+      }
+      const orderids = this.selectOrderId.join(',').replace(/\s+/g, '')
+      this.$layer.iframe({
+        content: {
+          content: gobacklast, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderids } // props
+        },
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
+    },
+    // 退回销售
+    btn_goback(orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: orderid } // props
         },
-        area: ["30%", "30%"],
-        title: "退回订单"
-      });
+        area: ['30%', '30%'],
+        title: '退回订单'
+      })
     },
-    //导出
-    btn_export () {
-      let SearchStartTime = this.searchTime[0] == undefined ? '' : this.searchTime[0]
-      let SearchEndTime = this.searchTime[1] == undefined ? '' : this.searchTime[1]
-      let F_AddProvince = this.provinceCityText[0] == undefined ? '' : this.provinceCityText[0]
-      let F_AddCity = this.provinceCityText[1] == undefined ? '' : this.provinceCityText[1]
-      let F_AddArea = this.provinceCityText[2] == undefined ? '' : this.provinceCityText[2]
-      let F_AddTown = this.provinceCityText[3] == undefined ? '' : this.provinceCityText[3]
-      window.location.href = this.$store.getters.serverConfig.BASE_API + "api/order/getorderlistbykfpage?isdc=1" + "&F_State=" + this.activeName + "&SearchStartTime=" + SearchStartTime + "&SearchEndTime=" + SearchEndTime + "&F_AddProvince=" + F_AddProvince + "&F_AddCity=" + F_AddCity + "&F_AddArea=" + F_AddArea + "&F_AddTown=" + F_AddTown + "&minprice=" + this.searchData.minprice + "&maxprice=" + this.searchData.maxprice + "&F_AddDes=" + this.searchData.F_AddDes
+    // 退回上一级
+    btn_gobacklast(id) {
+      this.$confirm('是否将此订单退回上一级?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const params = {
+          orderids: id,
+          state: 0
+        }
+        gobackOrderCustomerService(params)
+          .then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，订单信息退回成功!')
+            }
+          })
+          .catch(() => {
+            this.loading = false
+          })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
     },
-    //导入附件退回
-    btn_import_goback () {
+    // 导出
+    btn_export() {
+      const SearchStartTime = this.searchTime[0] == undefined ? '' : this.searchTime[0]
+      const SearchEndTime = this.searchTime[1] == undefined ? '' : this.searchTime[1]
+      const F_AddProvince = this.provinceCityText[0] == undefined ? '' : this.provinceCityText[0]
+      const F_AddCity = this.provinceCityText[1] == undefined ? '' : this.provinceCityText[1]
+      const F_AddArea = this.provinceCityText[2] == undefined ? '' : this.provinceCityText[2]
+      const F_AddTown = this.provinceCityText[3] == undefined ? '' : this.provinceCityText[3]
+      window.location.href = this.$store.getters.serverConfig.BASE_API + 'api/order/getorderlistbykfpage?isdc=1' + '&F_State=' + this.activeName + '&SearchStartTime=' + SearchStartTime + '&SearchEndTime=' + SearchEndTime + '&F_AddProvince=' + F_AddProvince + '&F_AddCity=' + F_AddCity + '&F_AddArea=' + F_AddArea + '&F_AddTown=' + F_AddTown + '&minprice=' + this.searchData.minprice + '&maxprice=' + this.searchData.maxprice + '&F_AddDes=' + this.searchData.F_AddDes
+    },
+    // 导入附件退回
+    btn_import_goback() {
       this.$layer.iframe({
         content: {
           content: importGoback, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: '' } // props
         },
-        area: ["30%", "30%"],
-        title: "导入附件退回"
-      });
+        area: ['30%', '30%'],
+        title: '导入附件退回'
+      })
     },
-    //订单详情
-    hadndleOrderCode (ordercode) {
+    // 订单详情
+    hadndleOrderCode(ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -504,8 +559,8 @@ export default {
         title: '订单详情'
       })
     },
-    //选择多个
-    handleSelectionChange (val) {
+    // 选择多个
+    handleSelectionChange(val) {
       const ids = []
       this.multipleSelection = val
       for (let i = 0; i < this.multipleSelection.length; i++) {
@@ -560,13 +615,13 @@ export default {
     },
     changeStock(val) {
       this.logisticsStock = val
-    },
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 .el {
   cursor: pointer;
 }
-</style>
+</style>