App-Html5.git - Gitblit

loulijun2021

2022-10-19 d75b0b71c2feed580bf765c0d6007b3c1f17ca74

1.消息列表静态页面实现

已修改6个文件

已删除1个文件

已添加10个文件

	components/my_van_nav_bar.html	138 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	css/global.css	25 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/adgl/adhj.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/adgl/adxy.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/other/wdxx.html	206 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/sbgl/dqby.html	22 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/sbgl/rcdj.html	14 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/test/template.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/xtsy/index.html	110 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/components/my_van_nav_bar.html	138 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/css/global.css	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/pages/adgl/adhj.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/pages/adgl/adxy.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/pages/other/wdxx.html	206 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/pages/test/template.html	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/cache/wgt/H5EDA0853/pages/xtsy/index.html	110 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	unpackage/release/apk/H5EDA0853__20221010164720.apk	补丁 \| 查看 \| 原始文档 \| blame \| 历史

 components/my_van_nav_bar.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../js/vue.min.js"></script>
        <script src="../js/vant.min.js"></script>

        <script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../js/axios.min.js"></script>
        <script type="text/javascript" src="../js/http.js"></script>

        <script type="text/javascript" src="../js/global.js"></script>

    </head>
    <body>
        <div id="app">

            <div class="body">
				
				
                <van-sticky>
                    <van-nav-bar style="z-index: 1000;" :left-arrow='isLeftArrow' :title="title" @click-right="onClickRight">
                        <template #right>
                            <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
                                :actions="actions" @select="onSelect">
                                <template #reference>
                                    <van-badge :content="10" max="99">
                                        <van-icon name="bars" size='20' color='#fff' />
                                    </van-badge>
                                </template>
                            </van-popover>
                        </template>
                    </van-nav-bar>
                </van-sticky>


            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            props: {
                isLeftArrow: {
                    type: Boolean,
                    default: true,
                },
                title: {
                    type: String,
                    default: 'æ é¢',
                },
            },
            data: function() {
                return {

                    sheetShow: false,
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                            icon: 'comment-o',
                            text: 'å®ç¯ååº'
                        },
                        {
                            icon: 'description',
                            text: 'æä½æå¯¼'
                        },
                        {
                            icon: 'award-o',
                            text: 'æåè¿½æº¯'
                        }, {
                            icon: 'revoke',
                            text: 'éåºç»å½'
                        },
                    ],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                // é¡¶é¨å³å¾æ ç¹å»
                onClickRight() {
                    this.overlayShow = true
                },
                // é¡¶é¨å³å¾æ ä¸æéæ©
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">

        .van-nav-bar__arrow {
            color: #fff !important;
        }

        .van-nav-bar__content {
            background-color: #2651d8;
            height: 44px;
        }

        .van-nav-bar__title {
            color: #fff;
            letter-spacing: 2px;
        }

        .van-nav-bar__right {
            padding: 0;
            margin-right: 16px;
        }
    </style>

</html>

 css/global.css

@@ -26,6 +26,21 @@
}


.topRight {
    width: 160px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.topRightItem {
    display: flex;
    align-items: center;
    line-height: 20px;
    border-bottom: 1px solid #eee;
}

.vanFieldInput {
    height: 36px;
    line-height: 36px;
@@ -90,10 +105,14 @@
}

.head_bar {
    width: 5px;
    height: 20px;
    background-color: red;
    /*     width: 5px;
    height: 20px; */
    /* background-color: red; */
    margin-left: 5px;
    border-radius: 3px;
    height: 20px;
    border: 2px solid red;

}

.head_title {

 pages/adgl/adhj.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å®ç¯å¼å«" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 pages/adgl/adxy.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å®ç¯ååº" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 pages/other/wdxx.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>

        <script type="text/javascript" src="../../js/global.js"></script>
        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-sticky>
                    <van-nav-bar title="æ¶æ¯åè¡¨" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                        <template #right>
                            <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                                trigger="click" :actions="actions" @select="onSelect">
                                <template #reference>
                                    <van-icon name="bars" size='20' color='#fff' />
                                </template>
                            </van-popover>
                        </template>
                    </van-nav-bar>
                </van-sticky>

                <div class="head">
                    <div class="head_block">
                        <div class="head_left">
                            <div class="head_bar"></div>
                            <div class="head_title">
                                æ¶æ¯åè¡¨
                            </div>
                        </div>
                    </div>

                    <van-steps :active='messageArr.length' direction="vertical" center active-color='red'
                        style="margin-left: 5px;">
                        <van-step v-for='(item,index) in messageArr'>
                            <div slot="finish-icon">
                                <div class="messageIndex">{{index+1}}</div>
                            </div>
                            <div style="margin-left: 5px;">å·¥ä½åç§°ï¼{{item.gwmc}}</div>
                            <div style="margin-left: 5px;">çäº§è½¦é´ï¼{{item.sccj}}</div>
                            <div style="margin-left: 5px;">å¼å«ç±»åï¼{{item.hjlx}}</div>
                            <div style="margin-left: 5px;">åèµ·äººåï¼{{item.fqry}}</div>
                            <div style="margin-left: 5px;">åèµ·æ¶é´ï¼{{item.fqsj}}</div>
                        </van-step>
                    </van-steps>
                </div>


            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [
                        //     {
                        //     icon: 'description',
                        //     text: 'æä½æå¯¼'
                        // }, {
                        //     icon: 'award-o',
                        //     text: 'æåè¿½æº¯'
                        // },
                        {
                            icon: 'revoke',
                            text: 'éåºç»å½'
                        },
                    ],
                    messageArr: [{
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },

                    ]


                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');

        .messageIndex {
            color: red;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid red;
        }
    </style>
</html>

 pages/sbgl/dqby.html

@@ -25,15 +25,15 @@

        <script type="text/javascript">
            var topContent = [
                // {
                //     code: 'SB001',
                //     name: 'çµæ± ç»ä¸çº¿',
                //     wksp_code: "CJ002",
                //     wksp_name: 'çµæ± è½¦é´',
                //     eapmai_code: "bybz004",
                //     eapmai_name: "æ å4",
                //     main_cycle: "M",
                // },
                {
                    code: 'SB001',
                    name: 'çµæ± ç»ä¸çº¿',
                    wksp_code: "CJ002",
                    wksp_name: 'çµæ± è½¦é´',
                    eapmai_code: "bybz004",
                    eapmai_name: "æ å4",
                    main_cycle: "M",
                },
                // {
                //     code: 'SB003',
                //     name: 'é½¿è½®ç®±ç»ä¸çº¿',
@@ -247,9 +247,9 @@
                    </div>

                    <div class="head"
                        :style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}"
						 
                        style="margin-bottom: 130px;padding-bottom: 10px;overflow-y: ;"
                        :style="{marginTop:topContent.length===0?'78px':'0'}">
                         >
                        <div class="head_block" style="margin-bottom:10px;">
                            <div class="head_left">
                                <div class="head_bar"></div>

 pages/sbgl/rcdj.html

@@ -25,13 +25,13 @@

        <script type="text/javascript">
            var topContent = [
                // {
                //     code: 'SB003',
                //     name: 'é½¿è½®ç®±ç»',
                //     wksp_code: "CJ002",
                //     wksp_name: 'è£éè½¦é´',
                //     eqpchkmain_code: "djbz002"
                // },
                {
                    code: 'SB003',
                    name: 'é½¿è½®ç®±ç»',
                    wksp_code: "CJ002",
                    wksp_name: 'è£éè½¦é´',
                    eqpchkmain_code: "djbz002"
                },
                // {
                //     code: 'SB001',
                //     name: 'é½¿è½®ç®±ç»',

 pages/test/template.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 pages/xtsy/index.html

@@ -21,22 +21,62 @@

        <script type="text/javascript" src="../../js/global.js"></script>

        <script type="text/javascript" src="../../js/global.css"></script>

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                <!-- <object data="../../components/my_van_nav_bar.html" title='æ' width="100%" height="44"></object> -->

                <!--     <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                    <template #right>
                        <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
                            :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-badge :content="10" max='99'>
                                <van-icon name="bars" size='20' color='#fff' />
                                </van-badge>
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar> -->


                <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                    <template #right>
                        <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click">

                            <div class="topRight">
                                <div class="topRightItem" @click="myMessageClick">
                                    <div>
                                        <van-icon name="comment-o"
                                            :badge="messageNumber!==0?(messageNumber>9?'9+':messageNumber):false"
                                            size="1.28rem" style="margin-right: 8px;margin-top: 18px;" />
                                    </div>
                                    <div style="font-size: 14px;border-bottom: 1px solid #eee;">æçæ¶æ¯</div>
                                </div>
                                <div class="topRightItem" @click="topPopoverClick('éåºç»å½')">
                                    <div>
                                        <van-icon name="revoke" style="margin-right: 8px;" />
                                    </div>
                                    <div style="font-size: 14px;">éåºç»å½</div>
                                </div>
                            </div>

                            <template #reference>
                                <van-badge :content="messageNumber" max='9' v-if='messageNumber!==0'>
                                    <van-icon name="bars" size='20' color='#fff' />
                                </van-badge>
                                <van-icon v-else name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>



                <van-swipe :autoplay="3000">
                    <van-swipe-item v-for="(image, index) in images" :key="index">
@@ -84,6 +124,10 @@
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                            icon: 'comment-o',
                            text: 'å®ç¯ååº'
                        },
                        {
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
@@ -92,11 +136,12 @@
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],
                        }
                    ],
                    firstMenu: [], //ä¸çº§èå
                    firstMenuName: '',
                    secondMenu: [], //äºçº§èå

                    messageNumber: 0, //æçæ¶æ¯æ°å¼
                }
            },
            created() {
@@ -104,8 +149,23 @@
            },
            mounted() {
                this.getfirstMenu()
                this.getLoginAppAnDonMessage()
            },
            methods: {
                // è·åæ¶æ¯æ¥å£
            async    getLoginAppAnDonMessage(){
                    const data={
                        userid:localStorage.getItem('userid'),
                        usercode:localStorage.getItem('usercode'),
                        username:localStorage.getItem('username'),
                        usertype:localStorage.getItem('usertype'),
                    }
					
                    const res=await post('Login/LoginAppAnDonMessage'+formatParams(data))
                    this.messageNumber=res.data.length
                    // this.messageNumber=9
                },
				
                // è·åä¸çº§èå
                async getfirstMenu() {
                    const data = {
@@ -143,6 +203,12 @@
                        case '2044':
                            url = '../sbgl/wxyz.html'
                            break;
                        case '2090':
                            url = '../adgl/adhj.html'
                            break;
                        case '2091':
                            url = '../adgl/adxy.html'
                            break;
                    }
                    window.location = url
                },
@@ -151,16 +217,19 @@
                    this.overlayShow = true
                },
                // é¡¶é¨å³å¾æ ä¸æéæ©
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                // onSelect(action) {
                //     if (action.text === 'æä½æå¯¼') {
                //         topPopoverClick('æä½æå¯¼')
                //     } else if (action.text === 'æåè¿½æº¯') {
                //         topPopoverClick('æåè¿½æº¯')
                //     } else if (action.text === 'éåºç»å½') {
                //         topPopoverClick('éåºç»å½')
                //     }
                //     this.overlayShow = false
                // },
                myMessageClick() {
                    window.location = '../other/wdxx.html'
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
@@ -191,5 +260,22 @@
            padding: 0;
            margin-right: 16px;
        }

        .topRight {
            width: 128px;
            min-height: 40px;
            display: flex;
            flex-direction: column;
            /* padding: 10px; */
        }

        .topRightItem {
            display: flex;
            height: 44px;
            align-items: center;
            line-height: 44px;
            /* border-bottom: 1px dotted #000; */
            padding: 0 16px;
        }
    </style>
</html>

 unpackage/cache/wgt/H5EDA0853/components/my_van_nav_bar.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../js/vue.min.js"></script>
        <script src="../js/vant.min.js"></script>

        <script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../js/axios.min.js"></script>
        <script type="text/javascript" src="../js/http.js"></script>

        <script type="text/javascript" src="../js/global.js"></script>

    </head>
    <body>
        <div id="app">

            <div class="body">
				
				
                <van-sticky>
                    <van-nav-bar style="z-index: 1000;" :left-arrow='isLeftArrow' :title="title" @click-right="onClickRight">
                        <template #right>
                            <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
                                :actions="actions" @select="onSelect">
                                <template #reference>
                                    <van-badge :content="10" max="99">
                                        <van-icon name="bars" size='20' color='#fff' />
                                    </van-badge>
                                </template>
                            </van-popover>
                        </template>
                    </van-nav-bar>
                </van-sticky>


            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            props: {
                isLeftArrow: {
                    type: Boolean,
                    default: true,
                },
                title: {
                    type: String,
                    default: 'æ é¢',
                },
            },
            data: function() {
                return {

                    sheetShow: false,
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                            icon: 'comment-o',
                            text: 'å®ç¯ååº'
                        },
                        {
                            icon: 'description',
                            text: 'æä½æå¯¼'
                        },
                        {
                            icon: 'award-o',
                            text: 'æåè¿½æº¯'
                        }, {
                            icon: 'revoke',
                            text: 'éåºç»å½'
                        },
                    ],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                // é¡¶é¨å³å¾æ ç¹å»
                onClickRight() {
                    this.overlayShow = true
                },
                // é¡¶é¨å³å¾æ ä¸æéæ©
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">

        .van-nav-bar__arrow {
            color: #fff !important;
        }

        .van-nav-bar__content {
            background-color: #2651d8;
            height: 44px;
        }

        .van-nav-bar__title {
            color: #fff;
            letter-spacing: 2px;
        }

        .van-nav-bar__right {
            padding: 0;
            margin-right: 16px;
        }
    </style>

</html>

 unpackage/cache/wgt/H5EDA0853/css/global.css

@@ -26,6 +26,13 @@
}


.topRight{
    width:160px;min-height:60px;display: flex;flex-direction: column;padding: 10px;
}
.topRightItem{
    display: flex;align-items: center;line-height: 20px;border-bottom: 1px solid #eee;
}

.vanFieldInput {
    height: 36px;
    line-height: 36px;
@@ -90,10 +97,13 @@
}

.head_bar {
    width: 5px;
    height: 20px;
    background-color: red;
/*     width: 5px;
    height: 20px; */
    /* background-color: red; */
    margin-left: 5px;
    border-radius: 3px;
    border:2px solid red;
	
}

.head_title {

 unpackage/cache/wgt/H5EDA0853/pages/adgl/adhj.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å®ç¯å¼å«" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 unpackage/cache/wgt/H5EDA0853/pages/adgl/adxy.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å®ç¯ååº" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 unpackage/cache/wgt/H5EDA0853/pages/other/wdxx.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>

        <script type="text/javascript" src="../../js/global.js"></script>
        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-sticky>
                    <van-nav-bar title="æ¶æ¯åè¡¨" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                        <template #right>
                            <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                                trigger="click" :actions="actions" @select="onSelect">
                                <template #reference>
                                    <van-icon name="bars" size='20' color='#fff' />
                                </template>
                            </van-popover>
                        </template>
                    </van-nav-bar>
                </van-sticky>

                <div class="head">
                    <div class="head_block">
                        <div class="head_left">
                            <div class="head_bar"></div>
                            <div class="head_title">
                                æ¶æ¯åè¡¨
                            </div>
                        </div>
                    </div>

                    <van-steps :active='messageArr.length' direction="vertical" center active-color='red'
                        style="margin-left: 5px;">
                        <van-step v-for='(item,index) in messageArr'>
                            <div slot="finish-icon">
                                <div class="messageIndex">{{index+1}}</div>
                            </div>
                            <div style="margin-left: 5px;">å·¥ä½åç§°ï¼{{item.gwmc}}</div>
                            <div style="margin-left: 5px;">çäº§è½¦é´ï¼{{item.sccj}}</div>
                            <div style="margin-left: 5px;">å¼å«ç±»åï¼{{item.hjlx}}</div>
                            <div style="margin-left: 5px;">åèµ·äººåï¼{{item.fqry}}</div>
                            <div style="margin-left: 5px;">åèµ·æ¶é´ï¼{{item.fqsj}}</div>
                        </van-step>
                    </van-steps>
                </div>


            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [
                        //     {
                        //     icon: 'description',
                        //     text: 'æä½æå¯¼'
                        // }, {
                        //     icon: 'award-o',
                        //     text: 'æåè¿½æº¯'
                        // },
                        {
                            icon: 'revoke',
                            text: 'éåºç»å½'
                        },
                    ],
                    messageArr: [{
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },
                        {
                            gwmc: 'æºå 01å·¥ä½',
                            sccj: 'æºå è½¦é´',
                            hjlx: 'å¼å«è®¾å¤',
                            fqry: 'å¼ ä¸',
                            fqsj: '2022-10-10 11:12:12'
                        },

                    ]


                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');

        .messageIndex {
            color: red;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid red;
        }
    </style>
</html>

 unpackage/cache/wgt/H5EDA0853/pages/test/template.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="MobileOptimized" content="320" />
        <title>æ°å¯è¿ªå¶é äºå¹³å°</title>

        <!-- å¼å¥æ ·å¼æä»¶ -->
        <link rel="stylesheet" href="../../css/vant.css" />
        <!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
        <script src="../../js/vue.min.js"></script>
        <script src="../../js/vant.min.js"></script>

        <script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../../js/axios.min.js"></script>
        <script type="text/javascript" src="../../js/http.js"></script>


        <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                    <template #right>
                        <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                            trigger="click" :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-icon name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>

            </div>


            <van-overlay :show="overlayShow" @click="overlayShow=false" />


        </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: function() {
                return {
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
                        icon: 'award-o',
                        text: 'æåè¿½æº¯'
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],

                }
            },
            created() {

            },
            mounted() {

            },
            methods: {
                onClickleft() {
                    history.back()
                },
                onClickRight() {
                    this.overlayShow = true
                },
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
    <style type="text/css">
        @import url('../../css/global.css');
    </style>
</html>

 unpackage/cache/wgt/H5EDA0853/pages/xtsy/index.html

@@ -21,22 +21,62 @@

        <script type="text/javascript" src="../../js/global.js"></script>

        <script type="text/javascript" src="../../js/global.css"></script>

    </head>
    <body>
        <div id="app">

            <div class="body">

                <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                <!-- <object data="../../components/my_van_nav_bar.html" title='æ' width="100%" height="44"></object> -->

                <!--     <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                    <template #right>
                        <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
                            :actions="actions" @select="onSelect">
                            <template #reference>
                                <van-badge :content="10" max='99'>
                                <van-icon name="bars" size='20' color='#fff' />
                                </van-badge>
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar> -->


                <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
                    <template #right>
                        <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click">

                            <div class="topRight">
                                <div class="topRightItem" @click="myMessageClick">
                                    <div>
                                        <van-icon name="comment-o"
                                            :badge="messageNumber!==0?(messageNumber>9?'9+':messageNumber):false"
                                            size="1.28rem" style="margin-right: 8px;margin-top: 18px;" />
                                    </div>
                                    <div style="font-size: 14px;border-bottom: 1px solid #eee;">æçæ¶æ¯</div>
                                </div>
                                <div class="topRightItem" @click="topPopoverClick('éåºç»å½')">
                                    <div>
                                        <van-icon name="revoke" style="margin-right: 8px;" />
                                    </div>
                                    <div style="font-size: 14px;">éåºç»å½</div>
                                </div>
                            </div>

                            <template #reference>
                                <van-badge :content="messageNumber" max='9' v-if='messageNumber!==0'>
                                    <van-icon name="bars" size='20' color='#fff' />
                                </van-badge>
                                <van-icon v-else name="bars" size='20' color='#fff' />
                            </template>
                        </van-popover>
                    </template>
                </van-nav-bar>



                <van-swipe :autoplay="3000">
                    <van-swipe-item v-for="(image, index) in images" :key="index">
@@ -84,6 +124,10 @@
                    overlayShow: false,
                    showPopover: false,
                    actions: [{
                            icon: 'comment-o',
                            text: 'å®ç¯ååº'
                        },
                        {
                        icon: 'description',
                        text: 'æä½æå¯¼'
                    }, {
@@ -92,11 +136,12 @@
                    }, {
                        icon: 'revoke',
                        text: 'éåºç»å½'
                    }],
                        }
                    ],
                    firstMenu: [], //ä¸çº§èå
                    firstMenuName: '',
                    secondMenu: [], //äºçº§èå

                    messageNumber: 0, //æçæ¶æ¯æ°å¼
                }
            },
            created() {
@@ -104,8 +149,23 @@
            },
            mounted() {
                this.getfirstMenu()
                this.getLoginAppAnDonMessage()
            },
            methods: {
                // è·åæ¶æ¯æ¥å£
            async    getLoginAppAnDonMessage(){
                    const data={
                        userid:localStorage.getItem('userid'),
                        usercode:localStorage.getItem('usercode'),
                        username:localStorage.getItem('username'),
                        usertype:localStorage.getItem('usertype'),
                    }
					
                    const res=await post('Login/LoginAppAnDonMessage'+formatParams(data))
                    this.messageNumber=res.data.length
                    // this.messageNumber=9
                },
				
                // è·åä¸çº§èå
                async getfirstMenu() {
                    const data = {
@@ -143,6 +203,12 @@
                        case '2044':
                            url = '../sbgl/wxyz.html'
                            break;
                        case '2090':
                            url = '../adgl/adhj.html'
                            break;
                        case '2091':
                            url = '../adgl/adxy.html'
                            break;
                    }
                    window.location = url
                },
@@ -151,16 +217,19 @@
                    this.overlayShow = true
                },
                // é¡¶é¨å³å¾æ ä¸æéæ©
                onSelect(action) {
                    if (action.text === 'æä½æå¯¼') {
                        topPopoverClick('æä½æå¯¼')
                    } else if (action.text === 'æåè¿½æº¯') {
                        topPopoverClick('æåè¿½æº¯')
                    } else if (action.text === 'éåºç»å½') {
                        topPopoverClick('éåºç»å½')
                // onSelect(action) {
                //     if (action.text === 'æä½æå¯¼') {
                //         topPopoverClick('æä½æå¯¼')
                //     } else if (action.text === 'æåè¿½æº¯') {
                //         topPopoverClick('æåè¿½æº¯')
                //     } else if (action.text === 'éåºç»å½') {
                //         topPopoverClick('éåºç»å½')
                //     }
                //     this.overlayShow = false
                // },
                myMessageClick() {
                    window.location = '../other/wdxx.html'
                    }
                    this.overlayShow = false
                },
            }
        })
    </script>
@@ -191,5 +260,22 @@
            padding: 0;
            margin-right: 16px;
        }

        .topRight {
            width: 128px;
            min-height: 40px;
            display: flex;
            flex-direction: column;
            /* padding: 10px; */
        }

        .topRightItem {
            display: flex;
            height: 44px;
            align-items: center;
            line-height: 44px;
            /* border-bottom: 1px dotted #000; */
            padding: 0 16px;
        }
    </style>
</html>

 unpackage/release/apk/H5EDA0853__20221010164720.apk

Binary files differ

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,138 @@
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8">
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<meta name="HandheldFriendly" content="true" />
			<meta name="MobileOptimized" content="320" />
			<title>æ°å¯è¿ªå¶é äºå¹³å°</title>

			<!-- å¼å¥æ ·å¼æä»¶ -->
			<link rel="stylesheet" href="../css/vant.css" />
			<!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
			<script src="../js/vue.min.js"></script>
			<script src="../js/vant.min.js"></script>

			<script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
			<script type="text/javascript" src="../js/axios.min.js"></script>
			<script type="text/javascript" src="../js/http.js"></script>

			<script type="text/javascript" src="../js/global.js"></script>

			</head>
			<body>
			<div id="app">

			<div class="body">


			<van-sticky>
			<van-nav-bar style="z-index: 1000;" :left-arrow='isLeftArrow' :title="title" @click-right="onClickRight">
			<template #right>
			<van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
			:actions="actions" @select="onSelect">
			<template #reference>
			<van-badge :content="10" max="99">
			<van-icon name="bars" size='20' color='#fff' />
			</van-badge>
			</template>
			</van-popover>
			</template>
			</van-nav-bar>
			</van-sticky>


			</div>


			<van-overlay :show="overlayShow" @click="overlayShow=false" />


			</div>
			</body>
			<script>
			var app = new Vue({
			el: '#app',
			props: {
			isLeftArrow: {
			type: Boolean,
			default: true,
			},
			title: {
			type: String,
			default: 'æ é¢',
			},
			},
			data: function() {
			return {

			sheetShow: false,
			overlayShow: false,
			showPopover: false,
			actions: [{
			icon: 'comment-o',
			text: 'å®ç¯ååº'
			},
			{
			icon: 'description',
			text: 'æä½æå¯¼'
			},
			{
			icon: 'award-o',
			text: 'æåè¿½æº¯'
			}, {
			icon: 'revoke',
			text: 'éåºç»å½'
			},
			],

			}
			},
			created() {

			},
			mounted() {

			},
			methods: {
			// é¡¶é¨å³å¾æ ç¹å»
			onClickRight() {
			this.overlayShow = true
			},
			// é¡¶é¨å³å¾æ ä¸æéæ©
			onSelect(action) {
			if (action.text === 'æä½æå¯¼') {
			topPopoverClick('æä½æå¯¼')
			} else if (action.text === 'æåè¿½æº¯') {
			topPopoverClick('æåè¿½æº¯')
			} else if (action.text === 'éåºç»å½') {
			topPopoverClick('éåºç»å½')
			}
			this.overlayShow = false
			},
			}
			})
			</script>
			<style type="text/css">

			.van-nav-bar__arrow {
			color: #fff !important;
			}

			.van-nav-bar__content {
			background-color: #2651d8;
			height: 44px;
			}

			.van-nav-bar__title {
			color: #fff;
			letter-spacing: 2px;
			}

			.van-nav-bar__right {
			padding: 0;
			margin-right: 16px;
			}
			</style>

			</html>

			@@ -26,6 +26,21 @@
			}


			.topRight {
			width: 160px;
			min-height: 60px;
			display: flex;
			flex-direction: column;
			padding: 10px;
			}

			.topRightItem {
			display: flex;
			align-items: center;
			line-height: 20px;
			border-bottom: 1px solid #eee;
			}

			.vanFieldInput {
			height: 36px;
			line-height: 36px;
			@@ -90,10 +105,14 @@
			}

			.head_bar {
			width: 5px;
			height: 20px;
			background-color: red;
			/* width: 5px;
			height: 20px; */
			/* background-color: red; */
			margin-left: 5px;
			border-radius: 3px;
			height: 20px;
			border: 2px solid red;

			}

			.head_title {

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,97 @@
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8">
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<meta name="HandheldFriendly" content="true" />
			<meta name="MobileOptimized" content="320" />
			<title>æ°å¯è¿ªå¶é äºå¹³å°</title>

			<!-- å¼å¥æ ·å¼æä»¶ -->
			<link rel="stylesheet" href="../../css/vant.css" />
			<!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
			<script src="../../js/vue.min.js"></script>
			<script src="../../js/vant.min.js"></script>

			<script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
			<script type="text/javascript" src="../../js/axios.min.js"></script>
			<script type="text/javascript" src="../../js/http.js"></script>


			<link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

			</head>
			<body>
			<div id="app">

			<div class="body">

			<van-nav-bar title="å®ç¯å¼å«" @click-right="onClickRight" left-arrow @click-left="onClickleft">
			<template #right>
			<van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
			trigger="click" :actions="actions" @select="onSelect">
			<template #reference>
			<van-icon name="bars" size='20' color='#fff' />
			</template>
			</van-popover>
			</template>
			</van-nav-bar>

			</div>


			<van-overlay :show="overlayShow" @click="overlayShow=false" />


			</div>
			</body>
			<script>
			var app = new Vue({
			el: '#app',
			data: function() {
			return {
			overlayShow: false,
			showPopover: false,
			actions: [{
			icon: 'description',
			text: 'æä½æå¯¼'
			}, {
			icon: 'award-o',
			text: 'æåè¿½æº¯'
			}, {
			icon: 'revoke',
			text: 'éåºç»å½'
			}],

			}
			},
			created() {

			},
			mounted() {

			},
			methods: {
			onClickleft() {
			history.back()
			},
			onClickRight() {
			this.overlayShow = true
			},
			onSelect(action) {
			if (action.text === 'æä½æå¯¼') {
			topPopoverClick('æä½æå¯¼')
			} else if (action.text === 'æåè¿½æº¯') {
			topPopoverClick('æåè¿½æº¯')
			} else if (action.text === 'éåºç»å½') {
			topPopoverClick('éåºç»å½')
			}
			this.overlayShow = false
			},
			}
			})
			</script>
			<style type="text/css">
			@import url('../../css/global.css');
			</style>
			</html>

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,206 @@
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8">
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<meta name="HandheldFriendly" content="true" />
			<meta name="MobileOptimized" content="320" />
			<title>æ°å¯è¿ªå¶é äºå¹³å°</title>

			<!-- å¼å¥æ ·å¼æä»¶ -->
			<link rel="stylesheet" href="../../css/vant.css" />
			<!-- å¼å¥ Vue å Vant ç JS æä»¶ -->
			<script src="../../js/vue.min.js"></script>
			<script src="../../js/vant.min.js"></script>

			<script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
			<script type="text/javascript" src="../../js/axios.min.js"></script>
			<script type="text/javascript" src="../../js/http.js"></script>

			<script type="text/javascript" src="../../js/global.js"></script>
			<link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

			</head>
			<body>
			<div id="app">

			<div class="body">

			<van-sticky>
			<van-nav-bar title="æ¶æ¯åè¡¨" @click-right="onClickRight" left-arrow @click-left="onClickleft">
			<template #right>
			<van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
			trigger="click" :actions="actions" @select="onSelect">
			<template #reference>
			<van-icon name="bars" size='20' color='#fff' />
			</template>
			</van-popover>
			</template>
			</van-nav-bar>
			</van-sticky>

			<div class="head">
			<div class="head_block">
			<div class="head_left">
			<div class="head_bar"></div>
			<div class="head_title">
			æ¶æ¯åè¡¨
			</div>
			</div>
			</div>

			<van-steps :active='messageArr.length' direction="vertical" center active-color='red'
			style="margin-left: 5px;">
			<van-step v-for='(item,index) in messageArr'>
			<div slot="finish-icon">
			<div class="messageIndex">{{index+1}}</div>
			</div>
			<div style="margin-left: 5px;">å·¥ä½åç§°ï¼{{item.gwmc}}</div>
			<div style="margin-left: 5px;">çäº§è½¦é´ï¼{{item.sccj}}</div>
			<div style="margin-left: 5px;">å¼å«ç±»åï¼{{item.hjlx}}</div>
			<div style="margin-left: 5px;">åèµ·äººåï¼{{item.fqry}}</div>
			<div style="margin-left: 5px;">åèµ·æ¶é´ï¼{{item.fqsj}}</div>
			</van-step>
			</van-steps>
			</div>


			</div>


			<van-overlay :show="overlayShow" @click="overlayShow=false" />


			</div>
			</body>
			<script>
			var app = new Vue({
			el: '#app',
			data: function() {
			return {
			overlayShow: false,
			showPopover: false,
			actions: [
			// {
			// icon: 'description',
			// text: 'æä½æå¯¼'
			// }, {
			// icon: 'award-o',
			// text: 'æåè¿½æº¯'
			// },
			{
			icon: 'revoke',
			text: 'éåºç»å½'
			},
			],
			messageArr: [{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},
			{
			gwmc: 'æºå 01å·¥ä½',
			sccj: 'æºå è½¦é´',
			hjlx: 'å¼å«è®¾å¤',
			fqry: 'å¼ ä¸',
			fqsj: '2022-10-10 11:12:12'
			},

			]


			}
			},
			created() {

			},
			mounted() {

			},
			methods: {
			onClickleft() {
			history.back()
			},
			onClickRight() {
			this.overlayShow = true
			},
			onSelect(action) {
			if (action.text === 'æä½æå¯¼') {
			topPopoverClick('æä½æå¯¼')
			} else if (action.text === 'æåè¿½æº¯') {
			topPopoverClick('æåè¿½æº¯')
			} else if (action.text === 'éåºç»å½') {
			topPopoverClick('éåºç»å½')
			}
			this.overlayShow = false
			},
			}
			})
			</script>
			<style type="text/css">
			@import url('../../css/global.css');

			.messageIndex {
			color: red;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid red;
			}
			</style>
			</html>

			@@ -25,15 +25,15 @@

			<script type="text/javascript">
			var topContent = [
			// {
			// code: 'SB001',
			// name: 'çµæ± ç»ä¸çº¿',
			// wksp_code: "CJ002",
			// wksp_name: 'çµæ± è½¦é´',
			// eapmai_code: "bybz004",
			// eapmai_name: "æ å4",
			// main_cycle: "M",
			// },
			{
			code: 'SB001',
			name: 'çµæ± ç»ä¸çº¿',
			wksp_code: "CJ002",
			wksp_name: 'çµæ± è½¦é´',
			eapmai_code: "bybz004",
			eapmai_name: "æ å4",
			main_cycle: "M",
			},
			// {
			// code: 'SB003',
			// name: 'é½¿è½®ç®±ç»ä¸çº¿',
			@@ -247,9 +247,9 @@
			</div>

			<div class="head"
			:style="{marginTop:topContent.length===0?'100px':'0',minHeight:topContent.length===0?'0':'220px'}"

			style="margin-bottom: 130px;padding-bottom: 10px;overflow-y: ;"
			:style="{marginTop:topContent.length===0?'78px':'0'}">
			>
			<div class="head_block" style="margin-bottom:10px;">
			<div class="head_left">
			<div class="head_bar"></div>

			@@ -25,13 +25,13 @@

			<script type="text/javascript">
			var topContent = [
			// {
			// code: 'SB003',
			// name: 'é½¿è½®ç®±ç»',
			// wksp_code: "CJ002",
			// wksp_name: 'è£éè½¦é´',
			// eqpchkmain_code: "djbz002"
			// },
			{
			code: 'SB003',
			name: 'é½¿è½®ç®±ç»',
			wksp_code: "CJ002",
			wksp_name: 'è£éè½¦é´',
			eqpchkmain_code: "djbz002"
			},
			// {
			// code: 'SB001',
			// name: 'é½¿è½®ç®±ç»',

			@@ -21,22 +21,62 @@

			<script type="text/javascript" src="../../js/global.js"></script>

			<script type="text/javascript" src="../../js/global.css"></script>

			</head>
			<body>
			<div id="app">

			<div class="body">

			<van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
			<!-- <object data="../../components/my_van_nav_bar.html" title='æ' width="100%" height="44"></object> -->

			<!-- <van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
			<template #right>
			<van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
			:actions="actions" @select="onSelect">
			<template #reference>
			<van-badge :content="10" max='99'>
			<van-icon name="bars" size='20' color='#fff' />
			</van-badge>
			</template>
			</van-popover>
			</template>
			</van-nav-bar> -->


			<van-nav-bar title="å·¥ä½å°" @click-right="onClickRight">
			<template #right>
			<van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click">

			<div class="topRight">
			<div class="topRightItem" @click="myMessageClick">
			<div>
			<van-icon name="comment-o"
			:badge="messageNumber!==0?(messageNumber>9?'9+':messageNumber):false"
			size="1.28rem" style="margin-right: 8px;margin-top: 18px;" />
			</div>
			<div style="font-size: 14px;border-bottom: 1px solid #eee;">æçæ¶æ¯</div>
			</div>
			<div class="topRightItem" @click="topPopoverClick('éåºç»å½')">
			<div>
			<van-icon name="revoke" style="margin-right: 8px;" />
			</div>
			<div style="font-size: 14px;">éåºç»å½</div>
			</div>
			</div>

			<template #reference>
			<van-badge :content="messageNumber" max='9' v-if='messageNumber!==0'>
			<van-icon name="bars" size='20' color='#fff' />
			</van-badge>
			<van-icon v-else name="bars" size='20' color='#fff' />
			</template>
			</van-popover>
			</template>
			</van-nav-bar>



			<van-swipe :autoplay="3000">
			<van-swipe-item v-for="(image, index) in images" :key="index">
			@@ -84,6 +124,10 @@
			overlayShow: false,
			showPopover: false,
			actions: [{
			icon: 'comment-o',
			text: 'å®ç¯ååº'
			},
			{
			icon: 'description',
			text: 'æä½æå¯¼'
			}, {
			@@ -92,11 +136,12 @@
			}, {
			icon: 'revoke',
			text: 'éåºç»å½'
			}],
			}
			],
			firstMenu: [], //ä¸çº§èå
			firstMenuName: '',
			secondMenu: [], //äºçº§èå

			messageNumber: 0, //æçæ¶æ¯æ°å¼
			}
			},
			created() {
			@@ -104,8 +149,23 @@
			},
			mounted() {
			this.getfirstMenu()
			this.getLoginAppAnDonMessage()
			},
			methods: {
			// è·åæ¶æ¯æ¥å£
			async getLoginAppAnDonMessage(){
			const data={
			userid:localStorage.getItem('userid'),
			usercode:localStorage.getItem('usercode'),
			username:localStorage.getItem('username'),
			usertype:localStorage.getItem('usertype'),
			}

			const res=await post('Login/LoginAppAnDonMessage'+formatParams(data))
			this.messageNumber=res.data.length
			// this.messageNumber=9
			},

			// è·åä¸çº§èå
			async getfirstMenu() {
			const data = {
			@@ -143,6 +203,12 @@
			case '2044':
			url = '../sbgl/wxyz.html'
			break;
			case '2090':
			url = '../adgl/adhj.html'
			break;
			case '2091':
			url = '../adgl/adxy.html'
			break;
			}
			window.location = url
			},
			@@ -151,16 +217,19 @@
			this.overlayShow = true
			},
			// é¡¶é¨å³å¾æ ä¸æéæ©
			onSelect(action) {
			if (action.text === 'æä½æå¯¼') {
			topPopoverClick('æä½æå¯¼')
			} else if (action.text === 'æåè¿½æº¯') {
			topPopoverClick('æåè¿½æº¯')
			} else if (action.text === 'éåºç»å½') {
			topPopoverClick('éåºç»å½')
			// onSelect(action) {
			// if (action.text === 'æä½æå¯¼') {
			// topPopoverClick('æä½æå¯¼')
			// } else if (action.text === 'æåè¿½æº¯') {
			// topPopoverClick('æåè¿½æº¯')
			// } else if (action.text === 'éåºç»å½') {
			// topPopoverClick('éåºç»å½')
			// }
			// this.overlayShow = false
			// },
			myMessageClick() {
			window.location = '../other/wdxx.html'
			}
			this.overlayShow = false
			},
			}
			})
			</script>
			@@ -191,5 +260,22 @@
			padding: 0;
			margin-right: 16px;
			}

			.topRight {
			width: 128px;
			min-height: 40px;
			display: flex;
			flex-direction: column;
			/* padding: 10px; */
			}

			.topRightItem {
			display: flex;
			height: 44px;
			align-items: center;
			line-height: 44px;
			/* border-bottom: 1px dotted #000; */
			padding: 0 16px;
			}
			</style>
			</html>

			@@ -26,6 +26,13 @@
			}


			.topRight{
			width:160px;min-height:60px;display: flex;flex-direction: column;padding: 10px;
			}
			.topRightItem{
			display: flex;align-items: center;line-height: 20px;border-bottom: 1px solid #eee;
			}

			.vanFieldInput {
			height: 36px;
			line-height: 36px;
			@@ -90,10 +97,13 @@
			}

			.head_bar {
			width: 5px;
			height: 20px;
			background-color: red;
			/* width: 5px;
			height: 20px; */
			/* background-color: red; */
			margin-left: 5px;
			border-radius: 3px;
			border:2px solid red;

			}

			.head_title {