提交福达首页

src/api/wel.js

@@ -153,3 +153,10 @@ export const documentQuantityStatistics = (query) => {
     params: query
   })
 }
+export const salesList = (query) => {
+  return request({
+    url: '/api/blade-purchase-sales/exportOrder/salesList',
+    method: 'get',
+    params: query
+  })
+}

src/views/wel/components/sales-trend.vue

@@ -1,6 +1,75 @@
 <template>
   <div class="home-container">
-    <el-card class="home-container__card">
+    <el-card class="home-container__card" v-if="tenantId == 577435">
+      <div style="display:flex;">
+        <el-date-picker
+            v-model="search.dateList"
+            type="daterange"
+            range-separator="-"
+            size="mini"
+            style="margin-right: 5px"
+            :default-time="['00:00:00', '23:59:59']"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            @change="query(0)"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期">
+        </el-date-picker>
+        <el-button size="mini" @click="query(1)">当日</el-button>
+        <el-button size="mini" @click="query(2)">当月</el-button>
+      </div>
+      <el-table
+          :data="tableData"
+          size="mini"
+          height="300"
+          style="width: 100%">
+        <el-table-column
+            prop="orderNo"
+            align="center"
+            show-overflow-tooltip
+            label="订单号">
+        </el-table-column>
+        <el-table-column
+            prop="corpsName"
+            align="center"
+            show-overflow-tooltip
+            label="客户名称">
+        </el-table-column>
+        <el-table-column
+            prop="businesDate"
+            align="center"
+            show-overflow-tooltip
+            label="订单日期">
+        </el-table-column>
+        <el-table-column
+            prop="orderStatus"
+            align="center"
+            show-overflow-tooltip
+            label="订单状态">
+          <template slot-scope="{row}">
+            <span v-for="item in orderStatusList" :style="{color: item.colour}" v-if="item.dictValue == row.orderStatus">{{row.orderStatus}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="createUserName"
+            align="center"
+            show-overflow-tooltip
+            label="制单人">
+        </el-table-column>
+        <el-table-column
+            prop="documenterName"
+            align="center"
+            show-overflow-tooltip
+            label="跟单人">
+        </el-table-column>
+        <el-table-column
+            prop="buyerName"
+            align="center"
+            show-overflow-tooltip
+            label="采购员">
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-card class="home-container__card" v-else>
       <div v-if="sysType !== 5">
         <div class="title">
           <span>
@@ -61,8 +130,8 @@
 </template>
 
 <script>
-import { getYearDate } from "@/util/date";
-import { salesTrend } from "@/api/wel";
+import {dateFormat, getYearDate} from "@/util/date";
+import {salesList, salesTrend} from "@/api/wel";
 export default {
   name: "basicContainer",
   props: {
@@ -72,18 +141,40 @@ export default {
     return {
       loading: false,
       annual: "",
+      search:{},
       tradeType: null,
-      moneyList: []
+      tenantId: this.$store.getters.userInfo.tenant_id,
+      moneyList: [],
+      tableData:[],
+      orderStatusList:[]
     };
   },
   created() {
     this.annual = getYearDate().toString();
     this.getSysType();
+    this.getWorkDicts("order_status").then(res => {
+      this.orderStatusList = res.data.data
+    });
   },
   mounted() {
     this.init();
   },
   methods: {
+    query(type){
+      const date = new Date();
+      if (type == 1){
+        this.$set(this.search,"dateList",[`${dateFormat(new Date(),"yyyy-MM-dd")} 00:00:00`,`${dateFormat(new Date(),"yyyy-MM-dd")} 23:59:59`])
+      }
+      if (type == 2){
+        this.$set(this.search,"dateList",[
+          `${dateFormat(new Date(date.getFullYear(), date.getMonth(), 1),"yyyy-MM-dd")} 00:00:00`,
+          `${dateFormat(new Date(date.getFullYear(), date.getMonth() + 1, 0),"yyyy-MM-dd")} 23:59:59`
+        ])
+      }
+      salesList({...this.search}).then(res=>{
+        this.tableData = res.data.data
+      })
+    },
     init() {
       this.getsalesTrend();
     },