feat: 数据看板 - 订单数据统计 - "列表"接口联调

project/src/assets/config/interface_api.js

   dataBoard_loseUser_summary: "/api/customerLossTrend/summary", // 用户流失数据 - 汇总
   dataBoard_loseUser_curve: "/api/customerLossTrend/curve", // 用户流失数据 - 折线图
   dataBoard_uptime: "/api/dataCube/uptime", // 数据更新时间
+  dataBoard_orderData_orderList: "/api/order/orderList", // 订单数据统计 - 列表
 
   getPlatformOptions: "/api/intelligentMassSending/platformIndex", // 平台筛选选项
   accountManage_accountIndex: "/api/intelligentMassSending/accountIndex", // 平台账号管理 - 账号列表

project/src/components/assembly/screen/input.vue

     <label class="common-screen-label" :style="labelWidth ? 'width:auto;margin-left:20px' : ''"
       v-if="hasLabel">{{ label_name }}</label>
     <el-input :style="width ? 'width:' + width : ''" :placeholder="`请输入${label_name}`" v-model="input_keyword" clearable
-      size="small" class="common-input-select" @keydown.enter.native="init" @clear="init" @input="init('input')">
+      size="small" class="common-input-select" @keydown.enter.native="init" @clear="init" @input="init('input')" @change="onChange">
       <el-button slot="append" icon="el-icon-search" @click="init"></el-button>
     </el-input>
   </div>
     init (type) {
       if (type == 'input' && !this.inputFlag) return;//是否input输入，就搜索
       this.$emit('inputChange', this.input_keyword)
-    }
+    },
+    onChange() {
+      this.$emit('onChange', this.input_keyword)
+    },
   }
 }
 </script>

project/src/components/dataBoard/orderData.vue

         <self-channel style="margin-right: 10px;" title="" type='paySource' :reset="resetFlag" :labelWidth="true"
           @channelDefine="(val) => { filter.order_source = val; init_predata(); init(1) }"></self-channel>
         <self-input style="margin-right: 10px;" width="220px" :hasLabel="false" :reset="resetFlag" label_name="订单ID"
-          @inputChange='(val) => { filter.order_id = val; init(1) }'></self-input>
+          @inputChange='(val) => { filter.order_id = val; init(1) }' @onChange="(val) => { filter.order_id = val; }"></self-input>
         <self-channel style="margin-right: 10px;" title="" type='thePublic' :reset="resetFlag" :labelWidth="true"
           @channelDefine="(val) => { filter.appid = val; init(1); init_predata() }"></self-channel>
         <self-channel style="margin-right: 10px;" title="" type='promotionType' :reset="resetFlag" :labelWidth="true"
             <span v-if="item.prop == 'order_id'">
               {{ row[item.prop] || row[item.prop] == 0 ? row[item.prop] : '-' }}
             </span>
+            <span v-else-if="item.prop == 'user_id'">
+              {{ row[item.prop] || row[item.prop] == 0 ? row[item.prop] : '-' }}
+            </span>
             <!-- 推广类型 -->
             <!-- <span v-else-if="item.prop == 'plat_order_type'">
               {{ getPromotionTypeDesc(row[item.prop]) }}
         { prop: "corp_name", label: "企微主体" },
         { prop: "wx_account", label: "公众号", },
         { prop: "user_id", label: "用户ID", min_width: 180 },
-        { prop: "mp_user_register_time", label: "用户注册时间", min_width: 160 },
-        { prop: "is_first", label: "是否首充", },
+        { prop: "ma_user_register_time", label: "用户注册时间", min_width: 160 },
+        { prop: "first_order_status", label: "是否首充", },
         { prop: "order_pay_time", label: "支付完成时间", min_width: 160 },
         { prop: "pay_money", label: "支付金额(元)" },
         { prop: "order_source", label: "订单来源", },
       }
     },
     async init (page, type) {
-      console.log('this.filter.corpid => ', this.filter.corpid)
       this.page = page ? page : this.page;
       this.loading = true
-      const url = this.URL.BASEURL + this.URL.charge_list
+      const url = `${this.URL.BASEURL}${this.URL.dataBoard_orderData_orderList}`
       const params = {
+        corpid: this.filter.corpid,
+        order_id: this.filter.order_id,
+        order_source: this.filter.order_source,
         start_date: this.filter.time[0],
         end_date: this.filter.time[1],
-        order_source: this.filter.order_source,
-        order_id: this.filter.order_id,
         appid: this.filter.appid,
         plat_order_type: this.filter.plat_order_type,
         is_ad_user: this.filter.is_ad_user,
+        sys_group_id: this.$cookie.getCookie('isSuperManage') == 1 ? sessionStorage.getItem('company_session_defaultCorp_level_1').toString() : '',
         page: this.page,
         page_size: this.page_size,
       }
       console.log('init => params ', JSON.parse(JSON.stringify(params)))
       try {
-        const { data: res = {} } = await this.$axios.post(url, params)
+        const { data: res = {} } = await this.$axios.get(url, { params })
         if (res && res.errno == 0) {
           this.datas = res.rst.data // 知道为啥datas不在 data()方法里面定义吗？嘻嘻
           this.$refs.plxTable.reloadData(this.datas)
       } else {
         this.enterpriseList = this.$store.state.authorize_corpList;
       }
-
-      console.log('enterpriseList => ', this.enterpriseList)
     },
     // E 企微主体数据