jifuning
/
yangchangwan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" href="../../css/projeck.css">
    <link rel="stylesheet" href="../../css/elementUi.css">
    <style>
        html,
        body {
            /*background: #FAFAFA;*/
            background: #FAFAFA;
            max-height: 100%
        }

        .container {
            margin-top: 31px;
        }

        .material_name_type {
            height: 38px;
            margin: 10px 13px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            background: rgba(255, 255, 255, 1);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            border-radius: 5px;
        }

        .material_name_type .material_name {
            padding-top: 2px;
            padding-left: 14px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(35, 38, 39, 1);
        }

        .material_name_type .line {
            width: 1px;
            height: 17.5px;
            background: #BDC3C7;
        }

        .material_name_type img {
            display: block;
            width: 14px;
            height: 14px;
        }

        .material_name_type input {
            box-sizing: border-box;
            height: 22px;
            width: 220px;
            padding-left: 15px;
            border: none;
            outline: none;
            color: #929292;
            font-size: 14px;
            padding-top: 2px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
        }

        .search_container {
            margin: 0 13px;
            display: flex;
            justify-content: flex-end;
            margin-top: 15px;
        }

        .search_container div {
            width: 66px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background: rgba(0, 159, 232, 1);
            font-size: 14px;
            font-weight: 400;
            border-radius: 20px;
            color: rgba(255, 255, 255, 1);
        }

        .search_history_container {
            margin: 16px 13px
        }

        .history_title {
            font-size: 15px;
            font-weight: 500;
            color: rgba(44, 62, 80, 1);
        }

        .material_prefs {
            margin: 11px 13px;
            display: flex;
            /*justify-content: space-around;*/
            align-items: center;
        }

        .material_prefs li {
            padding: 5px;
            font-weight: 400;
            color: rgba(35, 38, 39, 1);
            background: rgba(240, 240, 240, 1);
            border-radius: 10px;
        }
    </style>

</head>

<body>
    <div id="app">
        <div class="container">
            <div class="material_name_type">
                <div class="material_name">物资名称</div>
                <div class="line"></div>
                <img src="../../image/search.png" alt="">
                <input type="text" name="" value="" placeholder="请输入物资名称" autofocus="autofocus" class="info" id="info_input_name">
            </div>
            <div class="material_name_type">
                <div class="material_name">规格型号</div>
                <div class="line"></div>
                <img src="../../image/search.png" alt="">
                <input type="text" name="" value="" placeholder="请输入规格型号" autofocus="autofocus" class="info" id="info_input_specs">
            </div>
            <div class="material_name_type">
                <div class="material_name">所在位置</div>
                <div class="line"></div>
                <img src="../../image/search.png" alt="">
                <input type="text" name="" value="" placeholder="请输入所在位置" autofocus="autofocus" class="info" id="info_input_position">
            </div>
        </div>

        <div class="search_container" onclick="handleSearchType()">
            <div>搜索</div>
        </div>
<!--
        <div class="search_history_container">
            <div class="history_title">搜索历史</div>
            <div class="history_item">
                <div id="different_item"></div>
            </div>
        </div> -->
    </div>
</body>

<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
<!-- <script type="text/template" charset="utf-8" id="templateHistoryItem">
    <ul class="material_prefs">
        {{?materialNamePrefs!=''}}
        <li>{{= materialNamePrefs}}</li>
        {{?}}
        {{?materialSpecsPrefs!=''}}
        <li>{{= materialSpecsPrefs}}</li>
        {{?}}
        {{?materialPositionPrefs!=''}}
        <li>{{= materialPositionPrefs}}</li>
        {{?}}
    </ul>
</script> -->
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/config.js" charset="utf-8"></script>
<!-- <script src="../../script/zepto.js" charset="utf-8"></script>
<script src="../../script/doT.min.js" charset="utf-8"></script> -->
<script charset="utf-8">
    var materialName = '',
        materialSpecs = '',
        materialPosition = ''
        // materialNamePrefs = '',
        // materialSpecsPrefs = '',
        // materialPositionPrefs = '';
    apiready = function() {
        // materialNamePrefs = api.getPrefs({
        //     sync: true,
        //     key: 'materialName'
        // });
        // materialSpecsPrefs = api.getPrefs({
        //     sync: true,
        //     key: 'materialSpecs'
        // });
        // materialPositionPrefs = api.getPrefs({
        //     sync: true,
        //     key: 'materialPosition'
        // });
        // let materialObj = {
        //     materialNamePrefs: materialNamePrefs,
        //     materialSpecsPrefs: materialSpecsPrefs,
        //     materialPositionPrefs: materialPositionPrefs
        // }
        // $apis.html(different_item, '#templateHistoryItem', materialObj);
    }

    function handleSearchType() {
        materialName = $api.val($api.byId('info_input_name'));
        materialSpecs = $api.val($api.byId('info_input_specs'));
        materialPosition = $api.val($api.byId('info_input_position'));


        var pageParams = {
            materialName: materialName ? materialName : '',
            materialSpecs: materialSpecs ? materialSpecs : '',
            materialPosition: materialPosition ? materialPosition : '',
        }

        $event.openTabLayout('materialsStorage' + Math.random(), '../material/searchMaterialsStorage', '物资查询', pageParams);
        $api.val($api.byId('info_input_name'), '');
        $api.val($api.byId('info_input_specs'), '');
        $api.val($api.byId('info_input_position'), '')
    }
</script>

</html>