widget.html 8.27 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/widget.css">
    <link rel="stylesheet" href="/frontweb/libs/layui-v2.5.5/css/layui.css">

    <script src="/frontweb/libs/vue/vue.js"></script>
    <script src="/frontweb/libs/element-ui/lib-master/index.js"></script>
    <script src="/frontweb/libs/echarts/echarts.js"></script>
    <script src="/frontweb/libs/axios/axios.min.js"></script>

    <!-- import JavaScript -->
    <script src="/frontweb/libs/jquery/jquery.min.js"></script>
    <script src="/frontweb/libs/layui-v2.5.5/layui.js"></script>


</head>

<body>
    <div id="app">
        <div class="container">
            <div class="container-top">
                <div class="container-top-left">
                    <span>等级医院交通30分钟村庄覆盖率计算模型</span>
                </div>
                <div class="container-top-right">
                    <div class="container-top-right-left">
                        <img src="./img/icon_确定.png" alt="">
                        <span>确定</span>
                    </div>
                    <div class="container-top-right-right" @click="back">
                        <img src="./img/icon_back.png" alt="">
                        <span>返回</span>
                    </div>
                </div>
            </div>
            <div class="container-content">
                <div class="container-content-left">
                    <div class="container-content-left-top">
                        <div class="container-content-left-top-left">
                            <span>模型设计</span>
                        </div>
                        <div class="container-content-left-top-right">
                            <button type="button" class="layui-btn layui-btn-primary">
                                <img src="../img/icon_新增.png" alt="" id="addImg">
                                <span id="addM">添加算法</span>
                            </button>
                            <button type="button" class="layui-btn layui-btn-primary" @click="lcfy">
                                <img src="./img/icon_copy.png" alt="" id="addImg">
                                <span id="addM">流程复用</span>
                            </button>
                            <button type="button" class="layui-btn layui-btn-primary">
                                <img src="./img/icon_copy.png" alt="" id="addImg">
                                <span id="addM">流程查看</span>
                            </button>
                        </div>
                    </div>
                    <table class="layui-hide" id="mxlbTable" lay-filter="test" lay-skin="line"></table>
                    <div class="container-content-left-top">
                        <div class="container-content-left-top-left">
                            <span>参数配置</span>
                        </div>
                        <div class="container-content-left-top-right">
                            <button type="button" class="layui-btn layui-btn-primary" style="width: 74px;">
                                <img src="../img/icon_新增.png" alt="" id="addImg">
                                <span id="addM">保存</span>
                            </button>
                            <button type="button" class="layui-btn layui-btn-primary" style="width: 74px;">
                                <img src="./img/icon_reset.png" alt="" id="addImg">
                                <span id="addM">重置</span>
                            </button>
                        </div>
                    </div>
                    <div class="container-content-left-bottom">
                        <div class="container-content-left-bottom-content">
                            <div class="container-content-left-bottom-content-srsj">
                                <span>输入数据</span>
                            </div>

                            <div class="container-content-left-bottom-content-srsj1">
                                <span style="font-size: 12px; ">输入数据1</span>
                                <select name="quiz">
                                    <option value=""></option>
                                    <option value="数据2">数据2</option>
                                    <option value="全部">全部</option>
                                    <option value="数据3">数据3</option>
                                </select>
                            </div>

                            <div class="container-content-left-bottom-content-srsj1">
                                <span style="font-size: 12px;">输入数据2</span>
                                <select name="quiz">
                                    <option value=""></option>
                                    <option value="数据2">数据2</option>
                                    <option value="全部">全部</option>
                                    <option value="数据3">数据3</option>
                                </select>
                            </div>

                            <div class="container-content-left-bottom-content-srsj">
                                <span>运行参数</span>
                            </div>

                            <div class="container-content-left-bottom-content-srsj1">
                                <span style="font-size: 12px;">缓冲宽度</span>
                                <select name="quiz">
                                    <option value=""></option>
                                    <option value="数据2">数据2</option>
                                    <option value="全部">全部</option>
                                    <option value="数据3">数据3</option>
                                </select>
                            </div>

                            <div class="container-content-left-bottom-content-srsj1">
                                <span style="font-size: 12px;">是否平滑</span>
                                <select name="quiz">
                                    <option value=""></option>
                                    <option value="数据2">数据2</option>
                                    <option value="全部">全部</option>
                                    <option value="数据3">数据3</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-content-right"></div>
            </div>
            <iframe id="iFrame_addLc" src="" width="60%" height="100%" frameborder="no" border="0"
                style="float: left;height: 1000px;overflow: auto;">
            </iframe>
        </div>
    </div>
</body>

<script type="text/html" id="titleTpl">
    <div id="czTpl" style="font-family: PingFangSC-Medium;font-size: 12px;color: #0096EB;text-align: center;line-height: 22px;">
        <span lay-event="upmove" style="padding:0px 5px;">上移</span>
        <span lay-event="downmove" style="padding:0px 5px;">下移</span>
        <span lay-event="del" style="padding:0px 5px;">删除</span>
    </div>
</script>

<script type="text/html" id="iFrame_addLcfy">
    <form class="layui-form" action="">
            <div class="layui-form-item">
              <label class="layui-form-label" style="padding:31px 5px 0px 17px;width:100px;">请选择复用流程</label>
              <div class="layui-input-block">
                <select name="city" lay-verify="required" style="margin-top:25px;width:336px;height:30px;display:inline-block;">
                  <option value="0">基础指标</option>
                  <option value="1">指标计算模型</option>
                  <option value="2">推荐指标</option>
                  <option value="3">全部</option>
                  <option value="4">基础指标</option>
                </select>
              </div>
            </div>
          </form>
</script>

<script src="./js/widget.js"></script>

</html>