You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

519 lines
39 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>长春市教育装备与信息化项目智慧管理系统</title>
<link rel="shortcut icon" href="#" />
<!-- 导入样式 -->
<!-- <link rel="stylesheet" href="./cdn/dist/index.css" /> -->
<link rel="stylesheet" href="../cdn/theme-chalk/index.css" />
<link rel="stylesheet" href="./css/child.css">
<link rel="stylesheet" href="./css/icons.css">
</head>
<body>
<div id="app" style="height: 100%;">
<div style="position: absolute;left: 20px;top: 35px;display: flex;align-items: center;">
<img src="./images/dingwei.png">
<span style="color: #FFF;margin-left: 5px;font-size: 18px;">{{schoolName}}</span>
</div>
<el-container style="height: 100%;">
<el-header>长春市教育装备与信息化项目智慧管理系统</el-header>
<el-main>
<el-row class="main" :gutter="5">
<el-col :span="12">
<el-row style="height: 30%;">
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<!-- <img src="./images/left_up.png" class="angle_left_up">
<img src="./images/left_down.png" class="angle_left_down">
<img src="./images/right_up.png" class="angle_right_up">
<img src="./images/right_down.png" class="angle_right_down"> -->
<div style="width: 100%;height: 100%;">
<div class="div_title">年度项目概况</div>
<div class="div_1_content">
<div class="div_1_item">
<div class="div_left_1_icon">
<img src="./images/zl.png" width="50">
<img src="./images/u266.svg" width="20" class="circle-icon">
</div>
<div class="div_left_1_text text_color_1">
项目总量
</div>
<div class="div_left_1_num text_color_1">
17 个
</div>
</div>
<div class="div_1_item" style="margin-top: -6px;">
<div class="div_left_1_icon">
<img src="./images/ze.png" width="50">
<img src="./images/u276.svg" width="20" class="circle-icon">
</div>
<div class="div_left_1_text text_color_2">
预算总额
</div>
<div class="div_left_1_num text_color_2">
887.9 万
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">年度项目进展</div>
<div class="div_2_content">
<ul class="wrap">
<li class="box"
style="border-right: 1px solid #00FFFF;border-bottom: 1px solid #00FFFF;">
年度项目 &nbsp;&nbsp; 17
</li>
<li class="box"
style="border-left: 1px solid #00FFFF;border-bottom: 1px solid #00FFFF;">
招标采购 &nbsp;&nbsp; 4</li>
<li class="box"
style="border-right: 1px solid #00FFFF;border-top: 1px solid #00FFFF;">
实施验收 &nbsp;&nbsp; 8</li>
<li class="box"
style="border-left: 1px solid #00FFFF;border-top: 1px solid #00FFFF;">
项目拨付 &nbsp;&nbsp; 5</li>
</ul>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">项目实施情况</div>
<div class="div_3_content" id="xmssqk">
</div>
</div>
</div>
</div>
</el-col>
</el-row>
<el-row style="height: 35%;">
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">项目逾期情况</div>
<div class="div_4_content">
<div style="width: 100%;height: 100%;color: #00FFFF;">
<div style="display: flex;">
<img src="./images/u311.svg" style="margin-left: 30px;">
<div style="margin-left: 10px;">项目逾期</div>
<div style="margin-left: 50px;">3 / 次</div>
</div>
<div style="padding: 16px 30px 16px 30px;">
<div style="border-bottom: 1px solid #37718A;"></div>
</div>
<div
style="padding: 0 30px 10px 30px;font-size: 14px;display: flex;justify-content: space-between;">
<span>2021年图书馆项目</span>
<span>逾期 2 次</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>技术方案补充</span>
<span>逾期 3 天</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>申请市级验收</span>
<span>逾期 8 天</span>
</div>
<div
style="padding: 0 30px 10px 30px;font-size: 14px;display: flex;justify-content: space-between;">
<span>2021年多功能体育场</span>
<span>逾期 1 次</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>技术方案补充</span>
<span>逾期 3 天</span>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">项目中止情况</div>
<div class="div_4_content">
<div style="width: 100%;height: 100%;color: #00FFFF;">
<div style="display: flex;">
<img src="./images/u363.svg" style="margin-left: 30px;">
<div style="margin-left: 10px;">项目中止</div>
<div style="margin-left: 50px;">2 / 个</div>
</div>
<div style="padding: 16px 30px 16px 30px;">
<div style="border-bottom: 1px solid #37718A;"></div>
</div>
<div
style="padding: 0 30px 10px 30px;font-size: 14px;display: flex;justify-content: space-between;">
<span>2021年图书馆项目</span>
<span></span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>技术方案初审 - 未通过</span>
<span></span>
</div>
<div
style="padding: 0 30px 10px 30px;font-size: 14px;display: flex;justify-content: space-between;">
<span>2021年多功能体育场</span>
<span></span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>技术方案补充 - 未通过</span>
<span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">近五年重复申报情况</div>
<div class="div_4_content">
<div style="width: 100%;height: 100%;color: #00FFFF;">
<div style="display: flex;">
<img src="./images/u381.svg" style="margin-left: 30px;">
<div style="margin-left: 10px;">项目重复</div>
<div style="margin-left: 50px;">4 / 次</div>
</div>
<div style="padding: 16px 30px 16px 30px;">
<div style="border-bottom: 1px solid #37718A;"></div>
</div>
<div
style="padding: 0 30px 10px 30px;font-size: 14px;display: flex;justify-content: space-between;">
<span>学生课桌椅</span>
<span>重复申报 2 次</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2018年基础设施购置</span>
<span>预算金额 80万</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2019年基础设施购置</span>
<span>预算金额 50万</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2020年基础设施购置</span>
<span>预算金额 30万</span>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
<el-row style="height: 35%;">
<el-col :span="8">
<div class="left_div_item">
<div class="left_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_title">装备报废预警</div>
<div class="div_4_content" style="margin-top: -15px;">
<div style="display: flex;color: #00FFFF;margin-top: 10px;">
<img src="./images/lajitong1.svg" style="margin-left: 30px;">
<div style="margin-left: 10px;">即将报废</div>
<div style="margin-left: 50px;"></div>
</div>
<div
style="margin-top: 15px;padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2019年图书馆项目</span>
<span>剩余 65 天</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2019年学生课桌椅</span>
<span>剩余 58 天</span>
</div>
<div style="display: flex;color: #00FFFF;margin-top: 10px;">
<img src="./images/yanqi.svg" style="margin-left: 30px;">
<div style="margin-left: 10px;">延期报废</div>
<div style="margin-left: 50px;"></div>
</div>
<div
style="margin-top: 15px;padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2017年数字化校园项目</span>
<span>2022-11-15</span>
</div>
<div
style="padding: 0 30px 15px 30px;font-size: 12px;display: flex;justify-content: space-between;color: #FFF;">
<span>2018年学生课桌椅</span>
<span>2022-06-20</span>
</div>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="16">
<div class="left_div_item">
<div class="left_div_item_child_1">
<div style="width: 100%;height: 100%;">
<div class="div_title">项目总预算(万元)</div>
<div style="position: absolute;right: 10px;top: 10px;font-size: 12px;">
<span id="wnfbZl" style="color: #3CD5FF;cursor: pointer;"
@click="wnfbTabClick('wnfbZl')">项目总量</span>&nbsp;&nbsp;&nbsp;<span
style="color: #3CD5FF;">|</span>&nbsp;&nbsp;&nbsp;<span id="wnfbYs"
style="color: #AAAAAA;cursor: pointer;"
@click="wnfbTabClick('wnfbYs')">项目总预算</span>
</div>
<div class="div_4_content" id="wnfb" style="margin-top: -15px;">
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row style="height: 100%;">
<el-col :span="24">
<div class="right_div_item">
<div class="right_div_item_child">
<div style="width: 100%;height: 100%;">
<div class="div_right_title">项目详细情况</div>
<div class="div_right_content">
<div class="div_options">
预算年度:
<select
style="background-color: rgba(40, 60, 123, 1);border: 0;border-color: rgba(40, 58, 116, 1);width: 70px;height: 32px;color: #81D3F8;margin-right: 15px;">
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
</select>
项目类型:
<select
style="background-color: rgba(40, 60, 123, 1);border: 0;border-color: rgba(40, 58, 116, 1);height: 32px;color: #81D3F8;margin-right: 15px;">
<option value="">全部</option>
<option value="基础条件装备">基础条件装备</option>
<option value="学科装备">学科装备</option>
<option value="信息技术教学装备">信息技术教学装备</option>
<option value="创新教育装备">创新教育装备</option>
</select>
项目来源:
<select
style="background-color: rgba(40, 60, 123, 1);border: 0;border-color: rgba(40, 58, 116, 1);width: 60px; height: 32px;color: #81D3F8;margin-right: 15px;">
<option value="">全部</option>
<option value="新建">新建</option>
<option value="续拨">续拨</option>
</select>
申报时间:
<input type="text"
style="background-color: rgba(40, 60, 123, 1);border: 0;border-color: rgba(40, 58, 116, 1);height: 32px;width: 125px;">
&nbsp;&nbsp;
<input type="text"
style="background-color: rgba(40, 60, 123, 1);border: 0;border-color: rgba(40, 58, 116, 1);height: 32px;width: 125px;">
</div>
<div class="div_right_items">
<div class="div_right_item">
<div class="item_title">新建 - 2021年校园维修改造项目</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-niandushishijihua"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">项目类型:维修改造</span>
</div>
<div style="width: 380px;"><i
class="iconfont icon-icon-supplier"
style="color: #81D3F8;font-size: 20px"></i>
<span
class="item_content_text">供应商:长春市维修中心</span>
</div>
<div><i class="iconfont icon-caigou"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">采购方式:自采</span>
</div>
</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-yusuanguanli"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">预算金额万元50</span>
</div>
<div style="width: 380px;"><i class="iconfont icon-shijian"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">实施启动时间2021-05 </span>
</div>
</div>
</div>
<div class="div_right_item">
<div class="item_title">新建 - 2021年安全智能报警系统建设</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-niandushishijihua"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">项目类型:安全设施</span>
</div>
<div style="width: 380px;"><i
class="iconfont icon-icon-supplier"
style="color: #81D3F8;font-size: 20px"></i>
<span
class="item_content_text">供应商:</span>
</div>
<div><i class="iconfont icon-caigou"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">采购方式:自采</span>
</div>
</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-yusuanguanli"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">预算金额万元36.8</span>
</div>
<div style="width: 380px;"><i class="iconfont icon-shijian"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">实施启动时间2021-04 </span>
</div>
</div>
</div>
<div class="div_right_item">
<div class="item_title">新建 - 2021年电子围栏周界预警系统</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-niandushishijihua"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">项目类型:安全设施</span>
</div>
<div style="width: 380px;"><i
class="iconfont icon-icon-supplier"
style="color: #81D3F8;font-size: 20px"></i>
<span
class="item_content_text">供应商:电子围栏周界预警</span>
</div>
<div><i class="iconfont icon-caigou"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">采购方式:自采</span>
</div>
</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-yusuanguanli"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">预算金额万元21.94</span>
</div>
<div style="width: 380px;"><i class="iconfont icon-shijian"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">实施启动时间2021-04 </span>
</div>
</div>
</div>
<div class="div_right_item">
<div class="item_title">续拨 - 2020年新高考电子班牌项目</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-niandushishijihua"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">项目类型:信息化建设</span>
</div>
<div style="width: 380px;"><i
class="iconfont icon-icon-supplier"
style="color: #81D3F8;font-size: 20px"></i>
<span
class="item_content_text">供应商:东师理想</span>
</div>
<div><i class="iconfont icon-caigou"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">采购方式:自采</span>
</div>
</div>
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-yusuanguanli"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">预算金额万元12.6</span>
</div>
<div style="width: 380px;"><i class="iconfont icon-shijian"
style="color: #81D3F8;font-size: 20px"></i>
<span class="item_content_text">实施启动时间2021-05 </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-main>
</el-container>
</div>
<!-- 导入 Vue 3 -->
<script src="https://cdn.staticfile.org/vue/3.2.26/vue.global.prod.min.js"></script>
<script src="https://cdn.staticfile.org/vue-router/4.0.12/vue-router.global.prod.min.js"></script>
<!-- 导入组件库 -->
<script src="../cdn/dist/index.full.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<!-- 滚动插件 -->
<script type="text/javascript" src="./js/vue3-seamless-scroll.min.js"></script>
<!-- echarts -->
<script type="text/javascript" src="./js/echarts.min.js"></script>
<script type="text/javascript" src="./js/echarts-liquidfill.min.js"></script>
<script type="text/javascript" src="./js/tagcanvas.min.js"></script>
<script type="text/javascript" src="./js/countUp.min.js"></script>
<!-- 百度地图 -->
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=3.0&ak=pFUiIwX7nCouiW7YH4MmYdaNdsnHdtee"></script>
<!-- base64 -->
<script src="./js/base64.js"></script>
<!-- 数据 -->
<script src="./js/data.js"></script>
<!-- 自定义js -->
<script src="./js/child.js"></script>
</body>
</html>