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

11 months ago
<!doctype html>
<html>
<head>
<meta charset="utf-8">
3 months ago
<title>长春市教育装备与信息化项目智慧管理系统</title>
11 months ago
<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%;">
3 months ago
<el-header>长春市教育装备与信息化项目智慧管理系统</el-header>
11 months ago
<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">
3 months ago
17 个
11 months ago
</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">
3 months ago
887.9 万
11 months ago
</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;">
3 months ago
年度项目 &nbsp;&nbsp; 17
11 months ago
</li>
<li class="box"
style="border-left: 1px solid #00FFFF;border-bottom: 1px solid #00FFFF;">
3 months ago
招标采购 &nbsp;&nbsp; 4</li>
11 months ago
<li class="box"
style="border-right: 1px solid #00FFFF;border-top: 1px solid #00FFFF;">
3 months ago
实施验收 &nbsp;&nbsp; 8</li>
11 months ago
<li class="box"
style="border-left: 1px solid #00FFFF;border-top: 1px solid #00FFFF;">
3 months ago
项目拨付 &nbsp;&nbsp; 5</li>
11 months ago
</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%;">
3 months ago
<div class="div_title">项目中止情况</div>
11 months ago
<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;">
3 months ago
<div style="margin-left: 10px;">项目中止</div>
11 months ago
<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">
3 months ago
<div class="div_right_item">
<div class="item_title">新建 - 2021年校园维修改造项目</div>
11 months ago
<div class="item_content">
<div style="width: 300px;"><i
class="iconfont icon-niandushishijihua"
style="color: #81D3F8;font-size: 20px"></i>
3 months ago
<span class="item_content_text">项目类型:维修改造</span>
11 months ago
</div>
<div style="width: 380px;"><i
class="iconfont icon-icon-supplier"
style="color: #81D3F8;font-size: 20px"></i>
<span
3 months ago
class="item_content_text">供应商:长春市维修中心</span>
11 months ago
</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>
3 months ago
<span class="item_content_text">预算金额万元50</span>
11 months ago
</div>
<div style="width: 380px;"><i class="iconfont icon-shijian"
style="color: #81D3F8;font-size: 20px"></i>
3 months ago
<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>
11 months ago
</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>