提交

2020/company-app/biz/css/base-wk.css

@@ -97,14 +97,18 @@ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, bo
.pages-message{
    background: #fff;
}
.pages-message .header-container{
    background: #fff;
}
.pages-message .ipu-toolbar{
    border-bottom: 2px solid rgba(0,0,0,.05);
    background: #fff;
    color: #000;
.pages-message .ipu-toolbar-title,.pages-calendar .ipu-toolbar-title{
    line-height: .54rem;
    font-size: .18rem;
}
.pages-message .ipu-toolbar,.pages-calendar .ipu-toolbar{
    height: .54rem;
    line-height: .54rem;
    background-color: #fff;
    font-size: .18rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.pages-message .ipu-toolbar i{
    font-size: .23rem;
@@ -237,4 +241,124 @@ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, bo
    line-height: .23rem;
    text-align: center;
    border-radius: 50%;
}
.pages-calendar .ipu-fn-right{
    height: .54rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pages-calendar .ipu-fn-right>div{
    font-size: .12rem;
    /*color: #939AA1;*/
    background: #F5F6FA;
    /*width: .98rem;*/
    /*height: .22rem;*/
    border-radius: .18rem;
    /*padding: 0.16rem 0;*/
    /*margin: 0 0.1rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.pages-calendar .ipu-fn-right .day.checked-switch,.pages-calendar .ipu-fn-right .month.checked-switch{
    text-align: center;
    width: .54rem;
    height: .22rem;
    line-height: .22rem;
    border-radius: .18rem;
    background: #2E8EFF;
    color: #fff;
}
.pages-calendar .ipu-fn-right .month,.pages-calendar .ipu-fn-right .day{
    width: .36rem;
    height: .22rem;
    line-height: .22rem;
    text-align: center;
}
.pages-calendar table{
    background: #fff;
    text-align: center;
    width: 100%;
}
.pages-calendar table th{
    text-align: center;
    padding: .18rem 0;
}
.pages-calendar table td{
    padding: .05rem 0;
    width: .44rem;
    height: .44rem;
}
.pages-calendar table td .num{
    color: rgba(0,0,0,.85);
    font-size: .14rem;
}
.pages-calendar table td .today{
    color: #2E8EFF;
}
.pages-calendar table .choose-day{
    background: rgba(46,142,255,0.1);
    border-radius: 50%;
}
.pages-calendar table td .old-num{
    color: rgba(0,0,0,.45);
    font-size: .12rem;
}
.pages-calendar table .calendar-header th{
    color: rgba(0,0,0,.45);
    font-size: .14rem;
}
.pages-calendar .shrink{
    text-align: center;
    font-size: .25rem;
    height: .25rem;
    line-height: .25rem;
    color: rgba(0,0,0,0.25);
    background: #fff;
    margin-bottom: .1rem;
}
.pages-calendar .date-choose{
    font-size: .14rem;
    color: #000;
    height: .38rem;
    line-height: .38rem;
    background: #fff;
    text-align: center;
    box-shadow:0px 1px 4px 0px rgba(0,0,0,0.12);
}
.pages-calendar .time-line-container{
    margin-top: .1rem;
}
.pages-calendar .time-line-container>div{
}
.pages-calendar .time-line-container .time-line{
    font-size: .1rem;
    height: .2rem;
    line-height: .2rem;
    color: rgba(0,0,0,.25);
    margin-left: .2rem;
    margin-bottom: .48rem;
}
.pages-calendar .time-line-container .time-line.choose-time{
    color: #2E8EFF;
}
.pages-calendar .line-container{
    flex: auto;
    margin-top: .05rem;
}
.pages-calendar .time-line-container .line{
    border-top: .01rem solid rgba(0,0,0,.15);
    margin-left: .15rem;
    height: .6815rem;
    color: #fff;
    font-size: .12rem;
    line-height: .4rem;
    padding-left: .1rem;
}
.pages-calendar .time-line-container .line.chooseed{
    background: url("../img/time-choose.png");
    background-size: 100% 100%;
}

2020/company-app/biz/css/base1.css

@@ -394,4 +394,16 @@ body {
  background: url("../img/demo-work-2.png") center -.44rem  no-repeat #fff;
  background-size: 100% auto;
  height: 7.4rem;
}
.pages-message-detail .demo-img {
  background: url("../img/message-detail.png") center -.44rem  no-repeat #fff;
  background-size: 100% auto;
  height: 7.4rem;
}
.pages-calendar-detail .demo-img {
  background: url("../img/calendar-detail.png") center -.44rem  no-repeat #fff;
  background-size: 100% auto;
  height: 7.4rem;
}

2020/company-app/biz/js/calendar.js

@@ -209,16 +209,24 @@ require(['jquery', 'ipuUI'], function ($, ipuUI) {
        var TF = true;
        var p1 = p2 = "";
        var i, sD, s, size;
        console.log(SY, SM)
        cld = new calendar(SY, SM);
        // GZ.innerHTML = '                       【' + Animals[(SY - 4) % 12] + '】'; //生肖
        for (i = 0; i < 42; i++) {
            sObj = eval('SD' + i);
            lObj = eval('LD' + i);
            sObj.className = '';
            gObj = eval('GD' + i);
            sObj.className = 'num';
            lObj.className = 'old-num';
            sD = i - cld.firstWeek;
            if (sD > -1 && sD < cld.length) { //日期内
                gObj.jsondata = (SM+1)+"月"+(sD + 1)+"日";
                sObj.innerHTML = sD + 1;
                if (cld[sD].isToday) { sObj.style.color = '#9900FF'; } //今日颜色
                if (cld[sD].isToday) {
                    // sObj.style.color = '#9900FF';
                    gObj.className= "choose-day";
                sObj.className=sObj.className+" today" } //今日颜色
                else { sObj.style.color = ''; }
                if (cld[sD].lDay == 1) { //显示农历月
                    lObj.innerHTML = '<b>' + (cld[sD].isLeap ? '闰' : '') + cld[sD].lMonth + '月' + (monthDays(cld[sD].lYear, cld[sD].lMonth) == 29 ? '小' : '大') + '</b>';
@@ -294,8 +302,48 @@ require(['jquery', 'ipuUI'], function ($, ipuUI) {
        // CLD.SM.selectedIndex = tM;
        // drawCld(tY, tM);
        drawCld(new Date().getFullYear(), new Date().getMonth());
        $(".date-choose").html((new Date().getMonth()+1)+"月"+new Date().getDate()+"日");
    }
    window.onload = function () {
        initial();
    }
    $("#switch-time div").click(function(){
        $("#switch-time div").removeClass("checked-switch");
        $(this).addClass("checked-switch");
    })
    $("table td").click(function(){
        $("table td").removeClass("choose-day");
        $(this).addClass("choose-day");
        $(".date-choose").html((new Date().getMonth()+1)+"月"+$(this).find("font").eq(0).html()+"日");
    })
    $(".shrink").click(function(){
        if($(".can-hide").hasClass("ipu-fn-hide")){
            $(".shrink .ri-arrow-down-s-line").addClass("ri-arrow-up-s-line");
            $(".shrink .ri-arrow-down-s-line").removeClass("ri-arrow-down-s-line");
        }else{
            $(".shrink .ri-arrow-up-s-line").addClass("ri-arrow-down-s-line");
            $(".shrink .ri-arrow-up-s-line").removeClass("ri-arrow-up-s-line");
        }
        $(".can-hide").toggleClass("ipu-fn-hide");
    })
    $(".line").click(function(){
        $(".line").removeClass("chooseed");
        $(".line").html('');
        $(this).toggleClass("chooseed");
        $(this).html("再次点击新建历程");
        // $(".line-container").on('click','.chooseed',function() {
        //     console.log(11)
        // })
        var index = $(".line-container .line").index(this);
        $(".time-container .time-line").removeClass("choose-time");
        $(".time-container .time-line").eq(index).toggleClass("choose-time");
        $(".time-container .time-line").eq(index+1).toggleClass("choose-time");
        $(".chooseed").click(function() {
            location.href = "calendar-detail.html"
        })
    })
})

2020/company-app/biz/js/login.js

@@ -1,2 +1,5 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
    $(".login-button").click(function(){
        location.href = "index.html";
    })
})

2020/company-app/biz/js/message.js

@@ -1,3 +1,5 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
    $(".arrow-container div,.no-arrow-container div").click(function(){
        location.href = "message-detail.html"
    })
})

2020/company-app/calendar-detail.html

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <title>应用管理</title>
    <meta charset="utf-8">
    <!-- 宽度自动适配 -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
    <!-- 不识别页面上的数字为可拨打号码 -->
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
    <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
    <link rel="stylesheet" type="text/css" href="biz/css/base.css">
    <script src="ipu/lib/requirejs/require.min.js"></script>
    <script src="biz/js/require-config.js"></script>
    <script src="biz/js/menu-demo.js"></script>
</head>
<body class="pages-calendar-detail">
<div class="ipu-flex-content">
    <div class="demo-img"></div>
</div>
</body>
</html>

2020/company-app/calendar.html

@@ -22,12 +22,15 @@
    <div class="ipu-flex-col header-container">
        <header class="ipu-toolbar">
            <h1 class="ipu-toolbar-title">日程</h1>
            <a class="ipu-fn-right" href="javascript:;">
                <i class="ri-more-fill"></i>
            </a>
            <div class="ipu-fn-right">
                <div id="switch-time">
                    <div class="day checked-switch">日</div>
                    <div class="month">月</div>
                </div>
            </div>
        </header>
    </div>
    <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="ipu-flex-col">
<!--        <form name=CLD>-->
            <table>
<!--                <tr class="header">-->
@@ -47,7 +50,7 @@
<!--                        月 <font id=GZ></font>-->
<!--                    </td>-->
<!--                </tr>-->
                <tr>
                <tr class="calendar-header">
                    <th>日</th>
                    <th>一</th>
                    <th>二</th>
@@ -59,7 +62,11 @@
                <script type="text/javascript">
                    var gNum;
                    for (i = 0; i < 6; i++) {
                        document.write('<tr>');
                        if(i!=0){
                            document.write('<tr class="can-hide">');
                        }else{
                            document.write('<tr>');
                        }
                        for (j = 0; j < 7; j++) {
                            gNum = i * 7 + j;
                            document.write('<td id="GD' + gNum + '"><font id="SD' + gNum + '" ');
@@ -72,6 +79,70 @@
                </script>
            </table>
<!--        </form>-->
        <div class="shrink">
            <i class="ri-arrow-up-s-line"></i>
        </div>
        <div class="date-choose">2月12日</div>
    </div>
    <div class="ipu-flex-col ipu-flex-col-auto">
        <div class="time-line-container">
            <div class="ipu-flex">
                <div class="time-container">
                    <div class="time-line">上午0时</div>
                    <div class="time-line">上午1时</div>
                    <div class="time-line">上午2时</div>
                    <div class="time-line">上午3时</div>
                    <div class="time-line">上午4时</div>
                    <div class="time-line">上午5时</div>
                    <div class="time-line">上午6时</div>
                    <div class="time-line">上午7时</div>
                    <div class="time-line">上午8时</div>
                    <div class="time-line">上午9时</div>
                    <div class="time-line">上午10时</div>
                    <div class="time-line">上午11时</div>
                    <div class="time-line">上午12时</div>
                    <div class="time-line">下午1时</div>
                    <div class="time-line">下午2时</div>
                    <div class="time-line">下午3时</div>
                    <div class="time-line">下午4时</div>
                    <div class="time-line">下午5时</div>
                    <div class="time-line">下午6时</div>
                    <div class="time-line">下午7时</div>
                    <div class="time-line">下午8时</div>
                    <div class="time-line">下午9时</div>
                    <div class="time-line">下午10时</div>
                    <div class="time-line">下午11时</div>
                    <div class="time-line">下午12时</div>
                </div>
                <div class="line-container">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

2020/company-app/message-detail.html

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <title>应用管理</title>
    <meta charset="utf-8">
    <!-- 宽度自动适配 -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
    <!-- 不识别页面上的数字为可拨打号码 -->
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
    <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
    <link rel="stylesheet" type="text/css" href="biz/css/base.css">
    <script src="ipu/lib/requirejs/require.min.js"></script>
    <script src="biz/js/require-config.js"></script>
    <script src="biz/js/menu-demo.js"></script>
</head>
<body class="pages-message-detail">
<div class="ipu-flex-content">
    <div class="demo-img"></div>
</div>
</body>
</html>