库存

package.json

@@ -15,6 +15,7 @@
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
     "js-md5": "0.7.3",
+    "moment": "^2.30.1",
     "nprogress": "^0.2.0",
     "pako": "1.0.11",
     "socket.io-client": "2.3.1",

src/api/inventory/index.js

@@ -0,0 +1,5 @@
+import {GetApi, PostApi} from "@/api/request"
+
+export const getStockList = new PostApi('/stock/current/getStockList')
+export const getUseList = new PostApi('/stock/current/getUseList')
+export const updateById = new PostApi('/stock/current/updateById')

src/config/index.js

@@ -11,10 +11,10 @@ module.exports = {
     logo: `${contextPath}static/img/logo.svg`,
 
     //全局axios的baseUrl、devServer的路由前缀
-    apiPrefix: process.env.NODE_ENV === 'development' ? '/' : 'https://infojxc.info666.com/api/',
+    apiPrefix: process.env.NODE_ENV === 'development' ? '/' : 'https://jxc.info666.com/api/',
 
     //socket连接地址
-    socketUrl: process.env.NODE_ENV === 'development' ? 'http://localhost:12580' : 'https://infojxc.info666.com/api/',
+    socketUrl: process.env.NODE_ENV === 'development' ? 'http://localhost:12580' : 'https://jxc.info666.com/api/',
 
     //路由配置
     route: {

src/router/define.js

@@ -4,6 +4,8 @@ import Login from "@/view/_app/login/index"
 import Page403 from "@/view/_app/403"
 import Page404 from "@/view/_app/404"
 import Page500 from "@/view/_app/500"
+import PageInventory from "@/view/_app/inventory"
+import PageSalesDetails from "@/view/_app/salesDetails"
 import routes from './module'
 import {deepClone} from "@/util"
 
@@ -30,5 +32,13 @@ export default [
     {
         path: '/500',
         component: Page500
+    },
+    {
+        path: '/inventory',
+        component: PageInventory
+    },
+    {
+        path: '/salesDetails',
+        component: PageSalesDetails
     }
 ]

src/router/guardian/accessControl.js

@@ -1,7 +1,7 @@
 import store from "@/store"
 import {isLogin, auth, needAuth} from "@/util/auth"
 
-const noLoginList = ['/login', '/register', '/403', '/404', '/500']
+const noLoginList = ['/login', '/register', '/403', '/404', '/500','/inventory','/salesDetails']
 
 const beforeEach = async (to, from, next) => {
     console.log(to,from)

src/view/_app/inventory.vue

@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <div style="padding: 10px;">
+      <el-select v-model="shopId" @change="changeShop" placeholder="请选择" style="width: 100%" size="small">
+        <el-option label="聚丰园" :value="15617"></el-option>
+        <el-option label="百联临沂" :value="15616"></el-option>
+      </el-select>
+    </div>
+    <el-table
+            :data="tableData"
+            stripe
+            style="width: 100%">
+      <el-table-column prop="cname" label="产品名称">
+        <template slot-scope="scope">
+          <div @click="changeNum(scope.row)">{{scope.row.cname}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="num" label="库存数量" align="center" width="60px">
+        <template slot-scope="scope">
+          <div @click="changeNum(scope.row)" :style="{'color':scope.row.num<=4?'red':''}">{{scope.row.num}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="bagSaleNum" label="售卖规格" align="center"  width="60px"> </el-table-column>
+      <el-table-column prop="" label="可售数量" align="center"  width="60px">
+        <template slot-scope="scope">
+          <div>{{scope.row.bagSaleNum*scope.row.num}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">销售明细</el-button>
+        </template></el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+  import {getStockList,updateById} from "@/api/inventory"
+  export default {
+    name: "inventory",
+    data(){
+      return{
+        tableData:[],
+        shopId:15617
+      }
+    },
+    mounted() {
+      if(this.$route.query.shopId){
+        this.shopId = parseInt(this.$route.query.shopId)
+      }
+
+      this.getList()
+    },
+    methods:{
+      // 修改产品库存
+      changeNum(row){
+        this.$prompt('请输入库存数量', `${row.cname}`, {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          inputPattern:  /^(0|[1-9]\d*)$/,
+          inputErrorMessage: '请输入大于等于0的整数',
+          center:true,
+        }).then(({ value }) => {
+          let reqdate = row
+          reqdate.num = value
+          updateById
+            .request(reqdate)
+            .then((res) => {
+              this.getList()
+            })
+            .catch(() => this.loading = false)
+        }).catch(() => {
+
+        });
+      },
+      changeShop(v){
+        this.getList()
+      },
+      getList(){
+        getStockList
+          .request({
+            "shopId": this.shopId,// 临沂 15616    聚丰园15617
+            "page": 1,
+            "pageSize": 100
+          })
+          .then((res) => {
+            this.tableData = res.data.list
+          })
+          .catch(() => this.loading = false)
+      },
+      handleClick(row){
+        this.$router.push('/salesDetails?id='+row.cid+'&shopId='+this.shopId)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/view/_app/salesDetails.vue

@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <div style="padding: 10px">
+      <el-select v-model="ids" @change="changeProduct" filterable placeholder="请选择" style="width: 100%;margin-bottom: 5px" size="small">
+        <el-option
+                v-for="item in productList"
+                :key="item.cid"
+                :label="item.cname"
+                :value="item.cid">
+        </el-option>
+      </el-select>
+      <el-date-picker
+              @change="getList()"
+              v-model="dateRangeValue"
+              type="daterange"
+              align="right"
+              unlink-panels
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              size="small"
+              value-format="yyyy-MM-dd"
+              :picker-options="pickerOptions">
+      </el-date-picker>
+    </div>
+    <el-table
+            :data="tableData"
+            stripe
+            show-summary
+            style="width: 100%">
+      <el-table-column prop="date" label="日期" align="center"> </el-table-column>
+      <el-table-column prop="num" label="销量" align="center"> </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+  import moment from 'moment/moment'
+  import {getUseList,getStockList} from "@/api/inventory"
+  export default {
+    data(){
+      return{
+        tableData:[],
+        ids:0,
+        productList:[],
+        shopId:0,
+        startDate:'',
+        endDate:'',
+        dateRangeValue:'',
+        pickerOptions: {
+          shortcuts: [{
+            text: '最近一周',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit('pick', [start, end]);
+            }
+          }, {
+            text: '最近一个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit('pick', [start, end]);
+            }
+          }, {
+            text: '最近三个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit('pick', [start, end]);
+            }
+          }]
+        },
+      }
+    },
+    mounted() {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+      this.dateRangeValue = [moment(start).format("YYYY-MM-DD"),moment(end).format("YYYY-MM-DD")]
+      this.ids = parseInt(this.$route.query.id)
+      this.shopId = this.$route.query.shopId
+      this.getProductList()
+      this.getList()
+    },
+    methods:{
+      changeProduct(v){
+        this.ids = v
+        this.getList()
+      },
+      getProductList(){
+        getStockList
+          .request({
+            "shopId": this.shopId,// 临沂 15616    聚丰园15617
+            "page": 1,
+            "pageSize": 100
+          })
+          .then((res) => {
+            this.productList = res.data.list
+          })
+          .catch(() => this.loading = false)
+      },
+      getList(){
+        console.log('======',this.dateRangeValue)
+        getUseList
+          .request({
+            ids: this.ids,
+            shopId: this.shopId,
+            startDate: this.dateRangeValue[0],
+            endDate: this.dateRangeValue[1]
+          })
+          .then((res) => {
+            this.tableData = res.data[0]
+          })
+          .catch(() => this.loading = false)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>