lilei 2 vuotta sitten
vanhempi
commit
ebe1e32001

+ 32 - 0
public/dzd/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
public/dzd/img/close.png


BIN
public/dzd/img/open.png


+ 309 - 0
public/dzd/index.html

@@ -0,0 +1,309 @@
+<!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>{{userName}}-对账单</title>
+    <link rel="stylesheet" href="./css/common.css">
+    <script src="./js/resize.js"></script>
+	<script src="./js/moent.min.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" @click="downLoad">
+                    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/',
+      ajaxUrl:'http://p.iscm.360arrow.com/qpls-md/',
+			// customerName:'',
+			// userName:'',
+			saleList:[],
+			customerName:'名字名字',
+			customerSn:'437705264826884096',
+			startTime:'2022-11-01 00:00:00',
+			endTime:'2022-11-30 23:59:59',
+        },
+		created() {
+			// let dataInfo=JSON.parse(this.getUrlParam(data));
+			// this.customerName = dataInfo.customerName;
+			// this.userName  = dataInfo.userName;
+			// this.newObj= dataInfo;
+			// this.loadData(dataInfo);
+		},
+        methods:{
+			loadData(item){
+				let ajaxData={
+					targetSn: item.customerSn,
+					bizBeginDate: item.startTime,
+					bizEndDate: item.endTime
+				}
+				axios.post(this.ajaxUrl+'verify/queryUnsettleSaleList',ajaxData).then((res)=> {
+				   this.saleList=res.data;
+				}).catch((error)=> {
+				    console.log(error);
+				});
+			},
+            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; //返回参数值
+			},
+			downLoad(){
+				let ajaxData={
+					targetSn: this.customerSn,
+					bizBeginDate: this.startTime,
+					bizEndDate: this.endTime,
+					dealerSn:"3429"
+				}
+				axios.get(this.ajaxUrl+'verify/exportExcel',{params:ajaxData},{responseType: 'blob', dataType:"jsonp",jsonp:"callback"}).then((res)=> {
+					console.log('res',res)
+				  if(res.status == 200){
+					  downloadExcel(res.data, '对账单明细')
+				  }
+				}).catch((error)=> {
+				    console.log(error);
+				});
+				
+			}
+        }
+    })
+</script>
+
+</html>

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
public/dzd/js/axios.min.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
public/dzd/js/moent.min.js


+ 44 - 0
public/dzd/js/resize.js

@@ -0,0 +1,44 @@
+(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);
+
+
+// 导出
+function  downloadExcel(data, fileName) {
+  if (!data) { return }
+  const a = moment().format('YYYYMMDDHHmmss')
+  const fname = fileName + a
+  const blob = new Blob([data], { type: 'application/vnd.ms-excel' })
+  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+	   console.log('22222')
+    navigator.msSaveBlob(blob, fname + '.xlsx')
+  } else {
+    const link = document.createElement('a')
+    link.style.display = 'none'
+    var href = URL.createObjectURL(blob)
+    link.href = href
+   alert('111111')
+	// window.location.href = 'https://jg-ocs.oss-cn-beijing.aliyuncs.com/templ/promo/sendOutOrderImport.xlsx'
+	
+    link.setAttribute('download', fname + '.xlsx')
+
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    window.URL.revokeObjectURL(href) // 释放掉blob对象
+  }
+}

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 5 - 0
public/dzd/js/vue.min.js


+ 1 - 1
public/version.json

@@ -1,5 +1,5 @@
 {
   "message": "发现有新版本发布,确定更新系统?",
   "vendorJsVersion": "",
-  "version": 1670468143523
+  "version": 1670838549944
 }

+ 2 - 2
vue.config.js

@@ -211,8 +211,8 @@ const vueConfig = {
     // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
     proxy: {
       '/api': {
-        // target: 'http://192.168.0.115:8503/qpls-md',
-        target: 'http://p.iscm.360arrow.com/qpls-md',
+        target: 'http://192.168.0.215:8503/qpls-md',
+        // target: 'http://p.iscm.360arrow.com/qpls-md',
         // ws: false,
         ws: true,
         changeOrigin: true,

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä