change F_PayState

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

@@ -15,26 +15,54 @@
         end-placeholder="结束日期"
       />
       <el-input v-model="searchData.adFrom" placeholder="请输入消息来源" class="filter-item" />
-      <el-select v-model="searchData.type" class="filter-item" filterable clearable placeholder="请选择订单类型">
-        <el-option v-for="item in orderType" :key="item.F_Value" :label="item.F_Value" :value="item.F_Value"/>
+      <el-select
+        v-model="searchData.type"
+        class="filter-item"
+        filterable
+        clearable
+        placeholder="请选择订单类型"
+      >
+        <el-option
+          v-for="item in orderType"
+          :key="item.F_Value"
+          :label="item.F_Value"
+          :value="item.F_Value"
+        />
       </el-select>
       <el-input v-model="searchData.id" placeholder="请输入订单编号" class="filter-item" />
       <el-input v-model="searchData.customer" placeholder="请输入客户姓名" class="filter-item" />
       <el-input v-model="searchData.customerPhone" placeholder="请输入手机号码" class="filter-item" />
       <el-input v-model="searchData.trackingNo" placeholder="请输入快递单号" class="filter-item" />
-      <el-select v-model="searchData.payState" class="filter-item" filterable clearable placeholder="请选择交易状态">
+      <el-select
+        v-model="searchData.payState"
+        class="filter-item"
+        filterable
+        clearable
+        placeholder="请选择交易状态"
+      >
         <el-option label="待回款" value="0"></el-option>
         <el-option label="已支付" value="1"></el-option>
         <el-option label="待退款" value="2"></el-option>
         <el-option label="已退款" value="3"></el-option>
       </el-select>
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
-      <el-button v-permission="'HY_export'" type="primary" class="filter-item" icon="el-icon-upload2" @click="btn_export">导出</el-button>
-      <el-button v-permission="'HY_waybill_number_import'" type="primary" class="filter-item" @click="btn_waybill_number_import">运单号导入</el-button>
+      <el-button
+        v-permission="'HY_export'"
+        type="primary"
+        class="filter-item"
+        icon="el-icon-upload2"
+        @click="btn_export"
+      >导出</el-button>
+      <el-button
+        v-permission="'HY_waybill_number_import'"
+        type="primary"
+        class="filter-item"
+        @click="btn_waybill_number_import"
+      >运单号导入</el-button>
       <!-- <el-button v-permission="'HY_merge'" type="primary" class="filter-item" @click="btn_merge">合并</el-button> -->
       <el-button v-permission="'HY_split'" type="primary" class="filter-item" @click="btn_split">拆分</el-button>
     </div>
-    <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick" >
+    <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
       <el-tab-pane label="全部" name="-2"></el-tab-pane>
       <el-tab-pane label="无效" name="-1"></el-tab-pane>
       <!-- <el-tab-pane label="暂存" name="0"></el-tab-pane> -->
@@ -43,45 +71,70 @@
       <!-- <el-tab-pane label="通过" name="3"></el-tab-pane>
       <el-tab-pane label="无货" name="4"></el-tab-pane>
       <el-tab-pane label="已分拣" name="5"></el-tab-pane>
-      <el-tab-pane label="已发货" name="6"></el-tab-pane> -->
+      <el-tab-pane label="已发货" name="6"></el-tab-pane>-->
     </el-tabs>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
+    <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-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">
-          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row.F_Id)">{{ scope.row.F_Id }}</el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="hadndleOrderCode(scope.row.F_Id)"
+          >{{ scope.row.F_Id }}</el-button>
         </template>
       </el-table-column>
       <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" >
-        <template slot-scope="scope">
-          {{ scope.row.F_State | judgmentStateName }}
-        </template>
+      <el-table-column label="订单状态" align="center">
+        <template slot-scope="scope">{{ scope.row.F_State | judgmentStateName }}</template>
       </el-table-column>
       <el-table-column prop="F_AddUserName" label="下单员工" align="center" />
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
-      <el-table-column label="物流状态" align="center" >
-        <template slot-scope="scope">
-          {{ scope.row.F_Status | judgmentStatusName }}
-        </template>
+      <el-table-column label="物流状态" align="center">
+        <template slot-scope="scope">{{ scope.row.F_Status | judgmentStatusName }}</template>
       </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
-          <el-button v-permission="'HY_edit'" v-if="authority_edit(scope.row.F_State)" type="text" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
-          <el-button v-permission="'HY_goback'" v-if="authority_goback(scope.row.F_State)" type="text" @click="btn_goback(scope.row.F_Id)">退回</el-button>
-          <el-button v-permission="'HY_through'" v-if="authority_through(scope.row.F_State)" type="text" @click="btn_through(scope.row.F_Id)">通过</el-button>
+          <el-button
+            v-permission="'HY_edit'"
+            v-if="authority_edit(scope.row.F_State)"
+            type="text"
+            @click="btn_edit(scope.row.F_Id)"
+          >编辑</el-button>
+          <el-button
+            v-permission="'HY_goback'"
+            v-if="authority_goback(scope.row.F_State)"
+            type="text"
+            @click="btn_goback(scope.row.F_Id)"
+          >退回</el-button>
+          <el-button
+            v-permission="'HY_through'"
+            v-if="authority_through(scope.row.F_State)"
+            type="text"
+            @click="btn_through(scope.row.F_Id)"
+          >通过</el-button>
           <el-button v-permission="'HY_label'" type="text" @click="btn_label(scope.row.F_Id)">标签</el-button>
-          <el-button v-permission="'HY_logistics_status'" v-if="authority_logistics_status(scope.row.F_Status,scope.row.F_State)" type="text" @click="btn_logistics_status(scope.row.F_Id)">物流状态</el-button>
+          <el-button
+            v-permission="'HY_logistics_status'"
+            v-if="authority_logistics_status(scope.row.F_Status,scope.row.F_State)"
+            type="text"
+            @click="btn_logistics_status(scope.row.F_Id)"
+          >物流状态</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -116,7 +169,7 @@ export default {
     Pagination
   },
   filters: {
-    judgmentStateName(status) {
+    judgmentStateName (status) {
       const statusMap = {
         '-1': '无效',
         '0': '暂存',
@@ -129,7 +182,7 @@ export default {
       }
       return statusMap[status]
     },
-    judgmentStatusName(status) {
+    judgmentStatusName (status) {
       const statusMap = {
         '0': '未发出',
         '1': '未签收',
@@ -139,7 +192,7 @@ export default {
       }
       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},`
@@ -148,7 +201,7 @@ export default {
       return orderGoodsNameQuantity
     },
   },
-  data() {
+  data () {
     return {
       loading: false,
       searchData: {
@@ -175,9 +228,9 @@ export default {
       mergeOrderId: [], //合并订单id
     };
   },
-  created() {
-    if(this.$route.params.id){
-      this.activeName=this.$route.params.id
+  created () {
+    if (this.$route.params.id) {
+      this.activeName = this.$route.params.id
     }
     this.getOrderType()
     this.getList()
@@ -188,7 +241,7 @@ export default {
     };
   },
   methods: {
-    getList() {
+    getList () {
       this.loading = true;
       return new Promise(resolve => {
         const params = {
@@ -203,7 +256,7 @@ export default {
           F_TrackingNo: this.searchData.trackingNo, //运单号
           SearchStartTime: this.searchData.searchTime[0], //添加开始时间
           SearchEndTime: this.searchData.searchTime[1], //添加结束时间
-          F_PayState: this.searchData.payState, //交易状态
+          F_PayState: -2, //交易状态
           F_IsExpress: -2, //-2全部 0客服未分配快递 1已分配
         };
         getOrderListCustomerService(params).then(response => {
@@ -217,27 +270,27 @@ export default {
       });
     },
     // 获取订单类型
-    getOrderType() {
-      return new Promise(resolve=>{
-        const params={
-          isleaf:true,
-          code:'ORDERTYPE'
+    getOrderType () {
+      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
           }
         })
       })
     },
-    handleTabClick(tab, event) {
+    handleTabClick (tab, event) {
       this.getList()
     },
-    btn_search() {
+    btn_search () {
       this.pageParams.pageindex = 1;
       this.getList();
     },
-    btn_edit(editId) {
+    btn_edit (editId) {
       this.$layer.iframe({
         content: {
           content: edit, // 传递的组件对象
@@ -249,9 +302,9 @@ export default {
       });
     },
     //导出
-    btn_export() {},
+    btn_export () { },
     //导入
-    btn_waybill_number_import(){
+    btn_waybill_number_import () {
       this.$layer.iframe({
         content: {
           content: importWaybillNumber, // 传递的组件对象
@@ -264,7 +317,7 @@ export default {
       })
     },
     //退回订单
-    btn_goback(orderid) {
+    btn_goback (orderid) {
       this.$layer.iframe({
         content: {
           content: goback, // 传递的组件对象
@@ -276,7 +329,7 @@ export default {
       });
     },
     //通过订单
-    btn_through(orderid) {
+    btn_through (orderid) {
       this.$layer.iframe({
         content: {
           content: through, // 传递的组件对象
@@ -288,7 +341,7 @@ export default {
       });
     },
     //标签订单
-    btn_label(orderid) {
+    btn_label (orderid) {
       this.$layer.iframe({
         content: {
           content: label, // 传递的组件对象
@@ -300,7 +353,7 @@ export default {
       });
     },
     //标签订单
-    btn_logistics_status(orderid) {
+    btn_logistics_status (orderid) {
       this.$layer.iframe({
         content: {
           content: logistics, // 传递的组件对象
@@ -310,7 +363,7 @@ export default {
         area: ["30%", "30%"],
         title: "物流状态"
       });
-    },    
+    },
     //合并
     // btn_merge() {
     //   if (this.mergeOrderId.length < 2) {
@@ -331,9 +384,9 @@ export default {
     //   });
     // },
     //拆分
-    btn_split() {},
+    btn_split () { },
     //订单详情
-    hadndleOrderCode(ordercode){
+    hadndleOrderCode (ordercode) {
       this.$layer.iframe({
         content: {
           content: detail, // 传递的组件对象
@@ -345,24 +398,24 @@ export default {
       })
     },
     //选择多个
-    handleSelectionChange(val) {
+    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.mergeOrderId = ids
     },
     //编辑权限
-    authority_edit(state) {
-      if (state == 6||state==3) {
+    authority_edit (state) {
+      if (state == 6 || state == 3) {
         return false
       } else {
         return true
       }
     },
     //退回权限
-    authority_goback(state) {
+    authority_goback (state) {
       if (state == 6) {
         return false
       } else {
@@ -370,19 +423,19 @@ export default {
       }
     },
     //通过权限
-    authority_through(state) {
-      if (state == 6||state==3) {
+    authority_through (state) {
+      if (state == 6 || state == 3) {
         return false
       } else {
         return true
       }
     },
     //物流状态权限
-    authority_logistics_status(status,state) {
+    authority_logistics_status (status, state) {
       if (status == 0 || status == 1) {
-        if(state==6){
+        if (state == 6) {
           return true
-        }else{
+        } else {
           return false
         }
       } else {
@@ -394,7 +447,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.el{
+.el {
   cursor: pointer;
 }
 </style>