N_XLXSBJ----MX/H5XLXSJBGCJMX.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="H5XLXSJBGCJMX.aspx.cs" Inherits="GThinking.N_XLXSBJ.H5XLXSJBGCJMX" %>

    <!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">

    <head id="Head1" runat="server">
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport"
            content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>线缆销售价格表查询</title>
        <link rel="stylesheet" href="images/index.css" />
        <script type="text/javascript" src="images/vue.min.js"></script>
        <script type="text/javascript" src="images/vant.min.js"></script>
        <style type="text/css">
            .van-checkbox__icon--checked
            {
                background-color: white;
            }
            .van-checkbox__icon
            {
                padding:0px;
            }
        </style>
    </head>

    <body style="background-color: #fff;">
        <form id="form1" style="width:100%" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
             <asp:HiddenField ID="txtGH" runat="server" />
            <script type="text/javascript">
              var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
            if (browserRule.test(navigator.userAgent)) {
                window.onpageshow = function (event) {
                    if (event.persisted) {
                        window.location.reload();
                    }
                };
            }
              
	            var app;
	            var BH = "";
	            var CJSJ = "";
	            var CJZJE = "";
	            var HSBZ = "";
	            var BXSTLJ ="";
	            
                init();
                function RefreshPage() {  
                    try { 
                        app.Refresh();
                    } catch (err) { 
                    alert(err);
                    }
                }
                function init() {
                    //获取上页面参数
                    var sKey = "";
                    var query = window.location.search.substring(1);
                    var vars = query.split("&");
                    if(vars.length > 1)
                    {
                        BH = vars[0].split("=")[1];
                        HSBZ = vars[1].split("=")[1];
                        if(HSBZ == "Y")
                            HSBZ = true;
                        else
                            HSBZ = false;
                        CJZJE = vars[2].split("=")[1];
                        CJSJ = decodeURIComponent(vars[3].split("=")[1]);
                    }
                  //获取查价单记录
                  GThinking.Web.AjaxServiceProxy.servicePath = 'S_XLXSBJ/102373000.ashx';
                  GThinking.Web.AjaxServiceProxy.invoke('GetCJDMXList', false, {
                    'sBH':BH,
                    '-RefUmId': 100860098
                  },
                    CallBackFun, null, "GetJGB");
                }
                function CallBackFun(result, userContext, methodName) {
                      if (userContext == "GetJGB") {
                            app = new Vue({
                              el: '#app',
                              data: {
                                BH:BH,
                                HSBZ:HSBZ,
                                CJZJE:CJZJE,
                                CJSJ:CJSJ,
                                TJ:0,
                                LJ:0,
                                ZZL:0,
                                BXSTLJ:result.BXSTLJ,
                                CJDMXItems:result.wxxlcjdmxinfo,
                              },
                              methods: {
                              },
                              })
                              
                          var divApp = document.getElementById("app");
                            divApp.style.display = "block";
                          //获取查价单记录
                          GThinking.Web.AjaxServiceProxy.servicePath = 'S_XLXSBJ/102373000.ashx';
                          GThinking.Web.AjaxServiceProxy.invoke('GetCJDInfo', false, {
                            'sBH':app.BH,
                            '-RefUmId': 100860098
                          },
                            CallBackFun, null, "GetCJD");
                      }
                      if (userContext == "GetCJD") 
                      {
                            app.TJ = result.wxxlcjdinfo.WXXLCJD_TJ;
                            app.LJ = result.wxxlcjdinfo.WXXLCJD_LJ;
                            app.CJZJE = result.wxxlcjdinfo.WXXLCJD_CJZJE;
                            app.ZZL=result.wxxlcjdinfo.ZZL;
                      }
                }
            </script>

        </form>
        <div style="padding-top:20px">
        </div>
        <div id="app"  style="display:none;">
            <van-cell-group>
                <div style="margin-left: 20px;" >
                    <div style="font-size: 14px; padding-top: 10px;">
                    <span>查价单号：</span>
                    <span style="color: grey;">{{BH}}</span>
                    <span style="color: grey;margin-left:10px;">{{CJSJ}}</span>
                    </div>
                    
                    <div v-if ="BXSTLJ!='Y'" style="font-size: 14px; padding-top: 10px;display:flex;">
                    <span style="margin-left:27px;">铜价：</span>
                    <span style="color: grey;">{{TJ}}元/kg</span>
                    <div style="position: absolute;left:50%;display:flex;">
                        <span>铝价：</span>
                        <span style="color: grey;margin-left:5px;">{{LJ}}元/kg</span>
                    </div>
                    </div>
                    
                    <div style="display:flex;font-size: 14px;padding-left: 13px;padding-top: 5px;padding-bottom: 20px;">
                        <span>总金额：</span>
                        <span style="color:red;">{{CJZJE}}元</span>
                    
                        <div style="position: absolute;left:46.7%;display:flex;">
                        <span>总重量：</span>
                        <span style="color: red;margin-left:5px;margin-right:25px;">{{ZZL}}KG</span>
                            <van-checkbox shape="round" v-model="HSBZ" disabled></van-checkbox>
                            <span>含税</span>
                        </div>
                    </div>
                   
                </div>
            </van-cell-group>

            <div style="height:10px;background-color: #f5f6f9;"></div>
            
            <van-cell-group v-for="(item, index) in CJDMXItems">
                <div style="margin-left: 20px;">
                    <div style="font-size: 14px; padding-top: 5px;">
                    <span>规格：</span>
                    <span style="color: grey;">{{item.WXXLCJDMX_XLXHID}}-{{item.WXXLCJDMX_DYDJID}} {{item.WXXLCJDMX_XLGGID}} {{item.WXXLCJDMX_XLBZID}}</span>
                    </div>

                    <div style="font-size: 14px; padding-top: 5px;">
                    <span>单价：</span>
                    <span style="color: #1989fa;">{{item.WXXLCJDMX_JGBBJ}}元/{{item.WXXLCJDMX_JLDW}}</span>
                    <div style="position: absolute;left:50%;margin-top:-20px;">
                        <span>数量：</span>
                        <span style="color: grey;">{{item.WXXLCJDMX_CJSL}}</span>
                    </div>
                    </div>
                    
                    <div style="font-size: 14px;padding-top: 5px;padding-bottom: 10px;">
                    <span>金额：</span>
                    <span style="color: red;">{{item.WXXLCJDMX_FDHJE}}元</span>
                    <div style="position: absolute;left:43.1%;margin-top:-20px;">
                        <span>单位净重：</span>
                        <span style="color: red;">{{item.DWJZ}}KG</span>
                    </div>
                    </div>
                </view>
            </van-cell-group>
            
            
        </div>
    </body>

    </html>