123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845 |
- <% include ./tender_sub_menu.ejs %>
- <div class="panel-content">
- <div class="panel-title">
- <div class="title-main d-flex justify-content-between">
- <h2>进行至 第7期<small class="text-warning">(审批中)</small></h2>
- <div>
- <a href="biaoduan-xiezuo.html" class="btn btn-sm btn-light" ><i class="fa fa-users"></i> 协作办公</a>
- </div>
- </div>
- </div>
- <div class="content-wrap">
- <div class="c-body">
- <!--金额概况-->
- <div class="row mb-5">
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">163,000.00</h5>
- <p class="card-text text-muted">0号台帐合同</p>
- </div>
- </div>
- </div>
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">30,000.00</h5>
- <p class="card-text text-muted">本期完成</p>
- </div>
- </div>
- </div>
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">50,000.00 <small class="text-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
- <p class="card-text text-muted">截止本期变更</p>
- </div>
- </div>
- </div>
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">70,000.00</h5>
- <p class="card-text text-muted">截止本期完成</p>
- </div>
- </div>
- </div>
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">40,000.00</h5>
- <p class="card-text text-muted">截止上期完成</p>
- </div>
- </div>
- </div>
- <div class="col-auto">
- <div class="card text-center">
- <div class="card-body">
- <h5 class="card-title">30,000.00</h5>
- <p class="card-text text-muted">本期应付</p>
- </div>
- </div>
- </div>
- </div>
- <!--进度条-->
- <div class="mb-5">
- <div class="progress">
- <div class="progress-bar bg-success" style="width: 24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成:¥40,000.00">24%</div>
- <div class="progress-bar bg-info" style="width:18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成:¥30,000.00">18%</div>
- <div class="progress-bar bg-gray" style="width:58%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成:¥930,00.00">58%</div>
- </div>
- </div>
- <ul class="nav nav-tabs">
- <li class="nav-item">
- <a class="nav-link active" data-toggle="tab" href="#tubiao" role="tab">进度表</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-toggle="tab" href="#shuxing" role="tab">标段属性</a>
- </li>
- </ul>
- <div class="tab-content">
- <!--进度表-->
- <div id="tubiao" class="tab-pane active">
- <!--月进度图表-->
- <div id="chartContainer3" style="height: 300px; width: 100%;" class="my-5">
- </div>
- <!--期汇总图表-->
- <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-5">
- </div>
- </div>
- <!--标段属性-->
- <div id="shuxing" class="tab-pane">
- <div class="row my-3">
- <div class="col-2">
- <div class="nav flex-column nav-pills" >
- <a class="nav-link active" data-toggle="pill" href="#v-pills-1" role="tab">标段属性</a>
- <a class="nav-link" data-toggle="pill" href="#v-pills-2" role="tab">小数位数</a>
- <a class="nav-link" data-toggle="pill" href="#v-pills-3" role="tab">清单精度</a>
- <a class="nav-link" data-toggle="pill" href="#v-pills-4" role="tab">合同参数</a>
- <a class="nav-link" data-toggle="pill" href="#v-pills-5" role="tab">显示设置</a>
- </div>
- </div>
- <div class="col">
- <div class="tab-content">
- <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel">
- <!--操作-->
- <div class="d-flex justify-content-end mt-3">
- <div>
- <button type="button" class="btn btn-sm btn-outline-primary" id="edit-1"> 编辑</button>
- </div>
- <div style="display: none">
- <button type="button" class="btn btn-sm btn-outline-success" id="post-1"><i class="fa fa-check"></i> 提交</button>
- <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-1"><i class="fa fa-close"></i> 取消</button>
- </div>
- </div>
- <!--合同信息-->
- <legend class="mt-3">合同信息</legend>
- <!--默认显示-->
- <div class="form-group">
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">建设项目名称</span>
- </div>
- <input type="text" class="form-control" value="项目A" readonly="" id="build-name">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">合同编号</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="deal-code">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">合同名称</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="deal-name">
- </div>
- </div>
- </div>
- </div>
- <!--参建单位-->
- <legend class="mt-3">参建单位</legend>
- <!--编辑模式-->
- <div class="form-group">
- <label>建设单位:</label>
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单位名称</span>
- </div>
- <input type="text" class="form-control" value="" id="build-company">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">法人代表</span>
- </div>
- <input type="text" class="form-control" value="" id="build-corporation">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签订日期</span>
- </div>
- <input type="date" class="form-control" value="" id="build-date">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label>承包单位1:</label>
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单位名称</span>
- </div>
- <input type="text" class="form-control" value="" id="contract1-company">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">法人代表</span>
- </div>
- <input type="text" class="form-control" value="" id="contract1-corporation">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签订日期</span>
- </div>
- <input type="date" class="form-control" value="" id="contract1-date">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label>承包单位2:</label>
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单位名称</span>
- </div>
- <input type="text" class="form-control" value="" id="contract2-company">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">法人代表</span>
- </div>
- <input type="text" class="form-control" value="" id="contract2-corporation">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签订日期</span>
- </div>
- <input type="date" class="form-control" value="" id="contract2-date">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label>监理单位1:</label>
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单位名称</span>
- </div>
- <input type="text" class="form-control" value="" id="supervision1-company">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">法人代表</span>
- </div>
- <input type="text" class="form-control" value="" id="supervision1-corporation">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签订日期</span>
- </div>
- <input type="date" class="form-control" value="" id="supervision1-date">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label>监理单位2:</label>
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单位名称</span>
- </div>
- <input type="text" class="form-control" value="" id="supervision2-company">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">法人代表</span>
- </div>
- <input type="text" class="form-control" value="" id="supervision2-corporation">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签订日期</span>
- </div>
- <input type="date" class="form-control" value="" id="supervision2-date">
- </div>
- </div>
- </div>
- </div>
- <!--技术参数-->
- <legend class="mt-3">技术参数</legend>
- <div class="form-group">
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">公路等级</span>
- </div>
- <select class="form-control" disabled="" id="load-level">
- <option value="1">高速公路</option>
- <option value="2">一级公路</option>
- <option value="3">二级公路</option>
- <option value="4">三级公路</option>
- <option value="5">四级公路</option>
- </select>
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">长度(KM)</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="length">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">起始桩号</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="start-peg">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">终止桩号</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="end-peg">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="row">
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">车道数</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="lane-count">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">合同工期</span>
- </div>
- <input type="text" class="form-control" value="" readonly="" id="deal-period">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">开工日期</span>
- </div>
- <input type="date" class="form-control" value="" readonly="" id="start-date">
- </div>
- </div>
- <div class="col">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">计划完工日期</span>
- </div>
- <input type="date" class="form-control" value="" readonly="" id="plan-end-date">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="v-pills-2" role="tabpanel" >
- <!--操作-->
- <div class="d-flex justify-content-end mt-3">
- <span>
- <button type="button" class="btn btn-sm btn-outline-primary" id="edit-2">编辑</button>
- </span>
- <span style="display: none">
- <button type="button" class="btn btn-sm btn-outline-success" id="post-2"><i class="fa fa-check"></i> 提交</button>
- <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-2"><i class="fa fa-close"></i> 取消</button>
- </span>
- </div>
- <!--小数位数-->
- <legend class="mt-3">小数位数</legend>
- <div class="form-group">
- <label>全局设置</label>
- <div class="row">
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">数量</span>
- </div>
- <input type="number" class="form-control" value="3" id="decimal-qty" min="0" max="6">
- </div>
- </div>
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">单价</span>
- </div>
- <input type="number" class="form-control" value="3" id="decimal-up" min="0" max="4">
- </div>
- </div>
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">金额</span>
- </div>
- <input type="number" class="form-control" value="2" id="decimal-tp" onchange="CalculateAllDealParam()" min="0" max="4">
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label>单独设置</label>
- <div class="row">
- <div class="col-auto">
- <div class="form-group form-check mt-1">
- <input type="checkbox" class="form-check-input" id="decimal-deal" checked="">
- <label class="form-check-label" for="exampleCheck1">签约清单</label>
- </div>
- </div>
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">数量</span>
- </div>
- <input type="number" class="form-control" value="3" id="decimal-deal-qty" min="0" max="6">
- </div>
- </div>
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">金额</span>
- </div>
- <input type="number" class="form-control" value="2" id="decimal-deal-tp" min="0" max="4">
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-auto">
- <div class="form-group form-check mt-1">
- <input type="checkbox" class="form-check-input" id="decimal-pay" onchange="CalculateAllDealParam()">
- <label class="form-check-label" for="exampleCheck2">合同支付</label>
- </div>
- </div>
- <div class="col-2">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">金额</span>
- </div>
- <input type="number" class="form-control" value="2" readonly="" id="decimal-pay-tp" onchange="CalculateAllDealParam()" min="0" max="4">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="v-pills-3" role="tabpanel" >
- <!--操作-->
- <div class="d-flex justify-content-end mt-3">
- <button type="button" class="btn btn-sm btn-outline-primary" id="edit-3">编辑</button>
- </div>
- <div class="d-flex justify-content-end mt-3">
- <button type="button" class="btn btn-sm btn-outline-success" id="post-3"><i class="fa fa-check"></i> 提交</button>
- <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-3"><i class="fa fa-close"></i> 取消</button>
- </div>
- <legend class="mt-3">清单精度</legend>
- <!--默认显示-->
- <div class="form-group">
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">t</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-t">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">km</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-km">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">m</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">m2</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m2">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">m3</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m3">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">kg</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-kg">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">个</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-ge">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">台</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-tai">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">套</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-tao">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">棵</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-ke">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">组</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-zu">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">总额</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-zonge">
- </div>
- </div>
- <div class="col-2 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">系统</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-xitong">
- </div>
- </div>
- <div class="col-3 mb-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">其他未列单位</span>
- </div>
- <input class="form-control" type="number" min="0" max="6" value="3" id="unit-other">
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="v-pills-4" role="tabpanel" >
- <!--操作-->
- <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-primary">编辑</button></div>
- <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 提交</button> <button type="button" class="btn btn-sm btn-outline-danger"><i class="fa fa-close"></i> 取消</button></div>
- <legend class="mt-3">合同参数</legend>
- <!--默认显示-->
- <div class="form-group">
- <label>全局设置</label>
- <div class="col-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签约合同价</span>
- </div>
- <input type="number" class="form-control" value="" id="contract-price" onchange="roundPrice($('#contract-price'));calculateC2()">
- </div>
- </div>
- <div class="col-3 mt-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">暂列金额</span>
- </div>
- <input type="number" class="form-control" value="" id="zan-lie-price" onchange="roundPrice($('#zan-lie-price'));calculateC2()">
- </div>
- </div>
- <div class="col-5 mt-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签约合同价(不含暂列金)</span>
- </div>
- <input type="number" class="form-control" value="" id="c-zl" disabled="">
- </div>
- </div>
- <div class="col-3 my-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签约开工预付款</span>
- </div>
- <input type="number" class="form-control" value="" id="start-advance" onchange="roundPrice($('#start-advance'));">
- </div>
- </div>
- <div class="col-3">
- <div class="input-group input-group-sm">
- <div class="input-group-prepend">
- <span class="input-group-text">签约材料预付款</span>
- </div>
- <input type="number" class="form-control" value="" id="material-advance" onchange="roundPrice($('#material-advance'));">
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="v-pills-5" role="tabpanel" >
- <!--操作-->
- <div class="d-flex justify-content-end mt-3">
- <span>
- <button type="button" class="btn btn-sm btn-outline-primary" id="edit-5">编辑</button>
- </span>
- <span style="display: none">
- <button type="button" class="btn btn-sm btn-outline-success" id="post-5"><i class="fa fa-check"></i> 提交</button>
- <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-5"><i class="fa fa-close"></i> 取消</button>
- </span>
- </div>
- <legend class="mt-3">台帐列显示</legend>
- <div class="form-group">
- <div class="form-group">
- <div class="row">
- <div class="col">
- <div class="form-group form-check">
- <input type="checkbox" class="form-check-input" id="ledger-dgn-qty" checked="">
- <label class="form-check-label" for="ledger-dgn-qty">设计数量</label>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src=/public/js/echarts/echarts.min.js></script>
- <script type="text/javascript">
- //4 标段期数计量进度//
- var myChart = echarts.init(document.getElementById('chartContainer4'));
- var option = {
- color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
- '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
- '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
- '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
- title : {
- text: '标段期进度'
- },
- tooltip : {
- trigger: 'axis'
- },
- calculable : true,
- legend: {
- data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
- },
- dataZoom: [
- {show: true,start: 0, end: 100}
- ],
- xAxis : [
- {
- type : 'category',
- splitLine : {show : true},
- data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
- }
- ],
- yAxis : [
- {
- type : 'value',
- name : '金额',
- position:'left',
- axisLabel : {
- formatter: '{value} 元'
- },
- splitArea : {show : true}
- },
- {
- type : 'value',
- name:'完成度',
- axisLabel : {
- formatter: '{value} %'
- },
- position: 'right',
- splitArea : {show : true}
- }
- ],
- series : [
- {
- name:'本期合同计量',
- type:'bar',
- tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
- stack: '合同',
- data:[320, 332, 301, 334, 390, 330, 320]
- },
- {
- name:'本期数量变更计量',
- type:'bar',
- tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
- stack: '合同',
- data:[320, -20, 301, 334, 390, 330, 320]
- },
- {
- name:'截至上期累计完成',
- type:'bar',
- tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
- stack: '完成',
- data:[120, 132, 101, 134, 90, 230, 210]
- },
- {
- name:'本期完成计量',
- type:'bar',
- tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
- stack: '完成',
- data:[220, 182, 191, 234, 290, 330, 310]
- },
- {
- name:'完成度',
- type:'line',
- tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}:{c} %"},
- yAxisIndex: 1,
- data:[10, 15, 20, 13, 11, 9, 5]
- },
- ]
- };
- // 为echarts对象加载数据
- myChart.setOption(option);
- //4 标段期数计量进度//
- //3 标段月进度//
- // 基于准备好的dom,初始化echarts图表
- var myChart = echarts.init(document.getElementById('chartContainer3'));
- var option = {
- color:["#e9af68","#57b7b6"],
- title : {
- text: '标段月进度'
- },
- tooltip : {
- trigger: 'axis',
- formatter: "{b} <br/>{a}:{c} %<br/>{a1}:{c1} %"
- },
- legend: {
- data:['累计完成','本月完成']
- },
- toolbox: {
- show : true,
- feature : {
- magicType : {show: true, type: ['line', 'bar']}
- }
- },
- dataZoom : {
- show : true,
- start : 50,
- end : 100
- },
- xAxis : [
- {
- type : 'category',
- boundaryGap : true,
- data : [
- '2月','3月','4月','5月','6月','7月','8月','9月','10月'
- ]
- }
- ],
- yAxis : [
- {
- type : 'value',
- axisLabel : {
- formatter: '{value} %'
- },
- splitArea : {show : true}
- }
- ],
- series : [
- {
- name:'累计完成',
- type:'line',
- itemStyle: {
- normal: {
- lineStyle: {
- shadowColor : 'rgba(0,0,0,0.4)',
- shadowBlur: 5,
- shadowOffsetX: 3,
- shadowOffsetY: 3
- }
- }
- },
- data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
- },
- {
- name:'本月完成',
- type:'line',
- itemStyle: {
- normal: {
- lineStyle: {
- shadowColor : 'rgba(0,0,0,0.4)',
- shadowBlur: 5,
- shadowOffsetX: 3,
- shadowOffsetY: 3
- }
- }
- },
- data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
- }
- ]
- };
- // 为echarts对象加载数据
- myChart.setOption(option);
- //3 标段月进度//
- </script>
- <script>
- let property = JSON.parse('<%- JSON.stringify(tenderInfo) %>');
- </script>
- <script type="text/javascript" src="/public/js/tender.js"></script>
|