chenrui 2 anos atrás
pai
commit
4023490c63

+ 11 - 0
api/sales.js

@@ -183,4 +183,15 @@ export const salesStatistics = (params) => {
     data: params,
     method: 'post'
   })
+}
+//销售详情 -- 收款记录
+export const queryFlowByBizSn = (params) => {
+	const url = `settle/flow/queryFlowByBizSn/${params.pageNo}/${params.pageSize}`
+	delete params.pageNo
+	delete params.pageSize
+  return axios.request({
+    url: url,
+    data: params,
+    method: 'post'
+  })
 }

+ 1 - 1
config/index.js

@@ -6,7 +6,7 @@ const getConfig = (theme) => {
 			themePath: 'default',
 			pro_URL: 'https://iscm.360arrow.com/qpls-md/', // 生产地址
 			uat_URL: 'http://p.iscm.360arrow.com/qpls-md/', // 预发布地址
-			dev_URL: 'http://192.168.0.103:8503/qpls-md/', // 本地地址
+			dev_URL: 'http://192.168.0.215:8503/qpls-md/', // 本地地址
 			appName: 'iSCM智慧供应链', // app 名称
 			company: '陕西山海高科信息技术有限公司',
 			loadText:{

+ 32 - 0
hybrid/html/css/common.css

@@ -0,0 +1,32 @@
+*{
+    margin:0;
+    padding:0;
+    font-size: 14px;
+}
+.flex{
+    display: -webkit-flex; 
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex;
+}
+.align_center{
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+.flex-between{
+    justify-content:space-between;
+}
+.flex-column{
+    -webkit-box-orient: vertical;
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+}
+.justify_between{
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}

BIN
hybrid/html/img/close.png


BIN
hybrid/html/img/open.png


+ 285 - 0
hybrid/html/index.html

@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>箭冠东莞汽配-对账单</title>
+    <link rel="stylesheet" href="./css/common.css">
+    <script src="./js/resize.js"></script>
+	 <script src="./js/vue.min.js"></script>
+    <script src="./js/axios.min.js"></script>
+    <style>
+        .content {
+            width: 100%;
+            height: 100vh;
+            background: #f3f3f3;
+        }
+
+        .head {
+            /* 头部 */
+            background: #848484;
+            padding: .3rem .2rem 1rem;
+            box-sizing: border-box;
+            color: #fff;
+            position: relative;
+        }
+
+        .shareTime {
+            font-size: .12rem;
+            text-align: center;
+            margin-bottom: .2rem;
+        }
+
+        .tip {
+            font-weight: bold;
+        }
+
+        .tipDesc {
+            font-weight: bold;
+            font-size: .12rem;
+            line-height: .5rem;
+        }
+
+        .orderInfo {
+            background: #fff;
+            box-sizing: border-box;
+            padding: .2rem;
+            width: calc(100% - .4rem);
+            border-radius: .3rem;
+            overflow: hidden;
+            position: absolute;
+            bottom: -1.1rem;
+            left: .2rem;
+            color: #333;
+        }
+
+        .downLoadTip,
+        .downLoadUrl {
+            max-width: 83%;
+            font-size: .12rem;
+            word-wrap: break-word;
+            white-space: normal;
+            word-break: break-all;
+        }
+
+        .downLoadTip {
+            margin-top: .2rem;
+            line-height: .4rem;
+            color: #999;
+        }
+
+        .downLoadUrl {
+            color: #007aff;
+        }
+
+        .amount {
+            color: #f0ad4e;
+            font-weight: bold;
+        }
+
+        .handleOrder {
+            color: #999;
+            padding: 1.3rem .2rem .2rem;
+            font-size: .12rem;
+        }
+
+        .handleOrder span:last-child {
+            color: #007aff;
+        }
+
+        /* 滚动盒子 */
+        .oederBox {
+            flex-grow: 1;
+            overflow: auto;
+        }
+
+        .oederList {
+            background: #fff;
+            border-bottom: .01rem solid #e0e0e0;
+            padding: .2rem;
+            box-sizing: border-box;
+        }
+
+        .order-l {
+            flex: 1;
+        }
+
+        .order-t,
+        .order-b {
+            font-size: .12rem;
+            color: #999;
+        }
+
+        .order-t span:first-child {
+            color: #333;
+        }
+
+        .order-b,
+        .list-b {
+            line-height: .5rem;
+        }
+
+        .order-b span {
+            color: #f0ad4e;
+            vertical-align: middle;
+        }
+
+        .order-r img {
+            width: .5rem;
+            height: .5rem;
+            border-radius: 50%;
+            object-fit: contain;
+            margin-left: .2rem;
+        }
+
+        /* 折叠列表 */
+        .otherList {
+            width: 100%;
+            box-sizing: border-box;
+            padding-left: .4rem;
+            background-color: #fff;
+        }
+
+        .list {
+            box-sizing: border-box;
+            padding: .2rem;
+            border-bottom: .01rem solid #e0e0e0;
+            font-size: .12rem;
+        }
+
+        .list:last-child {
+            border-bottom: 0 solid #e0e0e0;
+        }
+
+        .list-b div:first-child {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: 70%;
+        }
+
+        .list-b {
+            color: #999;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="app" class="content flex flex-column">
+        <div class="head">
+            <div class="shareTime">
+                分享时间:2022-11-15 09:59:29
+            </div>
+            <div class="tip">
+                尊敬的“{{customerName}}”,您好!
+            </div>
+            <div class="tipDesc">
+                以下是您2022-11-01至2022-11-30在本店的对账单,请查阅。
+            </div>
+            <div class="orderInfo">
+                <div class="flex align_center flex-between">
+                    <span>欠款金额</span>
+                    <span class="amount">¥160.00</span>
+                </div>
+                <div class="downLoadTip">
+                    单据明细Excel下载请点击下面的链接:
+                </div>
+                <div class="downLoadUrl">
+                    http://iscm.360arrow.com/bill/202211150004.xls
+                </div>
+            </div>
+        </div>
+        <div class="orderCon flex flex-column">
+            <div class="handleOrder flex flex-between align_center">
+                <span>共{{saleList.length}}个销售单</span>
+                <span>全部展开</span>
+            </div>
+            <div class="oederBox">
+                <div class="oederList flex align_center" v-for="(item,i) in saleList" :key="item.bizSn">
+                    <div class="order-l">
+                        <div class="order-t flex align_center flex-between">
+                            <span>{{item.bizDate.substr(0,10)}}</span>
+                            <span>{{item.bizNo}}</span>
+                        </div>
+                        <div class="order-b  flex align_center flex-between">
+                            <div>应付:¥{{item.bizAmount ||0}}</div>
+                            <div>已付:¥{{item.settledAmount | 0}}</div>
+                            <div>欠款:<span>¥{{item.unsettleAmount|| 0}}</span></div>
+                        </div>
+                    </div>
+                    <div class="order-r" @click="handleShow">
+                        <img src="./img/close.png" alt="" v-if="!isShow">
+                        <img src="./img/open.png" alt="" v-else>
+                    </div>
+                </div>
+                <div class="otherList" v-if="isShow">
+                    <div class="list">
+                        <div class="list-t flex align_center flex-between">
+                            <span>JA-11070N</span>
+                            <span>¥40.00</span>
+                        </div>
+                        <div class="list-b flex align_center flex-between">
+                            <div>箭牌空气滤清器 07款丰田新皇冠207款丰田新皇冠2.5 / 3.0车用</div>
+                            <div>x2</div>
+                        </div>
+                    </div>
+                    <div class="list">
+                        <div class="list-t flex align_center flex-between">
+                            <span>JA-11070N</span>
+                            <span>¥40.00</span>
+                        </div>
+                        <div class="list-b flex align_center flex-between">
+                            <div>箭牌空气滤清器 07款丰田新皇冠2.5 / 3.0车用</div>
+                            <div>x2</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            isShow:false,
+			ajaxUrl:'http://192.168.0.215:8503/qpls-md/',
+			customerName:'名字名字',
+			customerSn:'437705264826884096',
+			startTime:'2022-11-01 00:00:00',
+			endTime:'2022-11-30 23:59:59',
+
+			saleList:[]
+        },
+		created() {
+			this.loadData();
+		},
+        methods:{
+            handleShow(){
+                this.isShow = !this.isShow
+            },
+			getUrlParam(name){
+				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
+				var r = window.location.search.substr(1).match(reg);  //匹配目标参数
+				if (r!=null) return unescape(r[2]); return null; //返回参数值
+			},
+			loadData(){
+				let ajaxData={
+					targetSn: this.customerSn,
+					bizBeginDate: this.startTime,
+					bizEndDate: this.endTime
+				}
+				axios.post(this.ajaxUrl+'verify/queryUnsettleSaleList',ajaxData).then((res)=> {
+				   this.saleList=res.data;
+				}).catch((error)=> {
+				    console.log(error);
+				});
+			}
+
+        }
+    })
+</script>
+
+</html>

Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
hybrid/html/js/axios.min.js


+ 17 - 0
hybrid/html/js/resize.js

@@ -0,0 +1,17 @@
+(function(doc, win) {
+    var docEl = doc.documentElement,
+        resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
+        recalc = function() {
+            if (docEl.clientWidth > 750) {
+                docEl.style.fontSize = "100px";
+                doc.getElementById("app").style.width = "750px";
+            } else {
+                var width = docEl.clientWidth / 7.5;
+                docEl.style.fontSize = width + "px";
+                doc.getElementById("app").style.width = "auto";
+            }
+        };
+    if (!doc.addEventListener) return;
+    win.addEventListener(resizeEvt, recalc, false);
+    doc.addEventListener("DOMContentLoaded", recalc, false);
+})(document, window);

Diferenças do arquivo suprimidas por serem muito extensas
+ 5 - 0
hybrid/html/js/vue.min.js


+ 1 - 1
manifest.json

@@ -125,7 +125,7 @@
                 },
                 "share" : {
                     "weixin" : {
-                        "appid" : "112313",
+                        "appid" : "wx1409d0e9171fc6ed",
                         "UniversalLinks" : "https://iscm.360arrow.com/ulink/"
                     }
                 }

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff