sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

update code

dev-login
haha 2023-08-12 00:51:55 +08:00
parent 959fae1b74
commit 7a66d7f171
6 changed files with 884 additions and 787 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

635
src/pages/index.vue
View File

@ -3,38 +3,45 @@
<!--大屏背景--> <!--大屏背景-->
<background-video></background-video> <background-video></background-video>
<!--大屏内容--> <!--大屏内容-->
<div class="screen-content-max" > <div class="screen-content-max">
<screen-header :nav="1" ></screen-header> <screen-header :nav="1"></screen-header>
<div class="screen-content"> <div class="screen-content">
<el-row> <el-row>
<el-col :span="6" style="position: relative;"> <el-col :span="6" style="position: relative;">
<module-one-2-1 label="集团项目总览"> <module-one-2-1 label="集团项目总览">
<img src="images/icon2001.png" style="position: absolute;cursor: pointer;right: 0px;top: 8px;" @click="doShowDlg1"> <img src="images/icon2001.png" style="position: absolute;cursor: pointer;right: 0px;top: 8px;"
@click="doShowDlg1">
<div class="survey_title"> <div class="survey_title">
<div class="survey_title_btn"> <div class="survey_title_btn">
<div :class="overview==0?'survey_title_btn_min active':'survey_title_btn_min'" @click="onClickoOverview(0)">项目数</div> <div :class="overview == 0 ? 'survey_title_btn_min active' : 'survey_title_btn_min'"
@click="onClickoOverview(0)">项目数</div>
</div> </div>
<div class="survey_title_btn"> <div class="survey_title_btn">
<div :class="overview==1?'survey_title_btn_min active':'survey_title_btn_min'" @click="onClickoOverview(1)">项目总投资</div> <div :class="overview == 1 ? 'survey_title_btn_min active' : 'survey_title_btn_min'"
@click="onClickoOverview(1)">项目总投资</div>
</div> </div>
<div class="survey_title_btn"> <div class="survey_title_btn">
<div :class="overview==2?'survey_title_btn_min active':'survey_title_btn_min'" @click="onClickoOverview(2)">项目年投资</div> <div :class="overview == 2 ? 'survey_title_btn_min active' : 'survey_title_btn_min'"
@click="onClickoOverview(2)">项目年投资</div>
</div> </div>
</div> </div>
<project-overview-chart @clickme="doShowDlg3" :key="overview" :sp="''" :maintitle="overviewTotal" :legend-opt="legendOpt1" :typedata="typeDistributionData" :text="overviewText" :height="230"></project-overview-chart> <project-overview-chart @clickme="doShowDlg3" :key="overview" :sp="''"
:maintitle="overviewTotal" :legend-opt="legendOpt1" :typedata="typeDistributionData"
:text="overviewText" :height="230"></project-overview-chart>
<rank-chart :data="availabilityData" :showval="true" :height="240"></rank-chart> <rank-chart :data="availabilityData" :showval="true" :height="240"></rank-chart>
</module-one-2-1> </module-one-2-1>
<module-one-1-1 label="安全/质量管理"> <module-one-1-1 label="安全/质量管理">
<div class="warning-info-title" style="padding-left: 20px;"> <div class="warning-info-title" style="padding-left: 20px;">
<div :class="qualityNav==0?'active':''" @click="qualityNav=0">安全管理</div> <div :class="qualityNav == 0 ? 'active' : ''" @click="qualityNav = 0">安全管理</div>
<div :class="qualityNav==1?'active':''" @click="qualityNav=1">质量管理</div> <div :class="qualityNav == 1 ? 'active' : ''" @click="qualityNav = 1">质量管理</div>
</div> </div>
<project-overview-chart :sp="'\n'" maintitle="205" :legend-opt="legendOpt2" :typedata="dangersDatas" text="隐患总数" :height="230"></project-overview-chart> <project-overview-chart :sp="'\n'" maintitle="205" :legend-opt="legendOpt2"
:typedata="dangersDatas" text="隐患总数" :height="230"></project-overview-chart>
</module-one-1-1> </module-one-1-1>
</el-col> </el-col>
<el-col :span="12" > <el-col :span="12">
<module-one-2-1 class="center-image" label="集团项目区域分布"> <module-one-2-1 class="center-image" label="集团项目区域分布">
<index-map></index-map> <index-map></index-map>
</module-one-2-1> </module-one-2-1>
@ -42,8 +49,8 @@
<el-col :span="12"> <el-col :span="12">
<module-one-1-1 label="人员统计"> <module-one-1-1 label="人员统计">
<div class="warning-info-title" style="padding-left: 20px;"> <div class="warning-info-title" style="padding-left: 20px;">
<div :class="infoNav==0?'active':''" @click="onWarningInfoNav(0,'在岗人数')">在岗人数</div> <div :class="infoNav == 0 ? 'active' : ''" @click="onWarningInfoNav(0, '在岗人数')">在岗人数</div>
<div :class="infoNav==1?'active':''" @click="onWarningInfoNav(1,'今日出勤')">今日出勤</div> <div :class="infoNav == 1 ? 'active' : ''" @click="onWarningInfoNav(1, '今日出勤')">今日出勤</div>
</div> </div>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
@ -53,40 +60,83 @@
</div> </div>
</div> </div>
<div class="survey_content_number labour-survey_content_number"> <div class="survey_content_number labour-survey_content_number">
<div class="survey_content_value"><span>{{laborPersonnelTotal}}</span> 人</div> <div class="survey_content_value"><span>{{ laborPersonnelTotal }}</span> 人
<p>{{staffText}}</p> </div>
<p>{{ staffText }}</p>
</div> </div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<staff-survey-chart :height="220" :data="laborPersonnelData" :width="140"></staff-survey-chart> <staff-survey-chart :height="220" :data="laborPersonnelData"
:width="140"></staff-survey-chart>
</el-col> </el-col>
</el-row> </el-row>
</module-one-1-1> </module-one-1-1>
</el-col> </el-col>
<el-col :span="12" style="position: relative;"> <el-col :span="12" style="position: relative;">
<module-one-1-1 label="项目进度汇总"> <module-one-1-1 label="项目进度汇总">
<img src="images/icon2001.png" style="position: absolute;cursor: pointer;right: 0px;top: 8px;" @click="doShowDlg2"> <img src="images/icon2001.png"
style="position: absolute;cursor: pointer;right: 0px;top: 8px;" @click="doShowDlg2">
<div class="warning-info-title" style="padding-left: 20px;"> <div class="warning-info-title" style="padding-left: 20px;">
<div :class="prjProcessNav==0?'active':''" @click="doPrjProcess(0,'在建项目')">在建项目</div> <div :class="prjProcessNav == 0 ? 'active' : ''" @click="doPrjProcess(0, '在建项目')">在建项目
<div :class="prjProcessNav==1?'active':''" @click="doPrjProcess(1,'拟建项目')">拟建项目</div> </div>
<div :class="prjProcessNav==2?'active':''" @click="doPrjProcess(2,'验收项目')">前期项目</div> <div :class="prjProcessNav == 1 ? 'active' : ''" @click="doPrjProcess(1, '拟建项目')">拟建项目
</div>
<div :class="prjProcessNav == 2 ? 'active' : ''" @click="doPrjProcess(2, '验收项目')">前期项目
</div>
</div> </div>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="survey_content"> <div class="survey_content">
<div class="survey_content_img"> <div class="survey_content_img">
<svg v-if="prjProcessNav==0" class="my-svg-icon" style="vertical-align: middle;fill: #fff;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883"><path d="M510.0032 492.9536c-12.16 0-24.3456-2.3808-35.9424-7.1168L71.7824 300.5952c-11.3408-4.6336-18.816-15.5648-19.072-27.8016s6.784-23.4496 17.92-28.544l400.1536-183.296a100.1728 100.1728 0 0 1 82.7648-0.3072l398.1056 178.8416c11.1616 5.0176 18.2784 16.1792 18.1248 28.416s-7.5776 23.2192-18.8672 27.9296l-404.3264 189.7216a94.26944 94.26944 0 0 1-36.5824 7.3984zM160.64 270.592l336.7424 158.3872a33.0496 33.0496 0 0 0 25.5232-0.1024l338.9952-162.3808-333.5424-149.8112a38.6688 38.6688 0 0 0-32 0.128L160.64 270.592z" fill="#fff" p-id="2884"></path><path d="M510.1568 722.7648c-14.4896 0-28.9536-3.3536-42.1632-10.0864L68.3264 509.0816c-8.576-4.3776-15.0784-12.2624-16.9472-21.6832a30.7072 30.7072 0 0 1 15.0272-32.8192l189.6704-106.9568c19.5584-11.0336 44.3136-4.1216 55.3472 15.4368l10.2144 18.1248-175.1808 98.7904L495.872 657.92a31.5392 31.5392 0 0 0 28.672-0.0512l354.0224-181.9136-175.9488-100.736 10.3424-18.0736c11.1616-19.4816 35.968-26.2144 55.4496-15.0784l189.7984 108.672c9.7792 5.6064 15.6928 16.1024 15.4368 27.3664s-6.656 21.4784-16.6656 26.624l-404.352 207.7696a92.53376 92.53376 0 0 1-42.4704 10.2656z" fill="#fff" p-id="2885"></path><path d="M512.2048 975.9744c-4.7872 0-9.5744-1.1264-13.952-3.3536L70.2464 754.5856c-8.576-4.3776-15.0784-12.2624-16.9472-21.7088a30.72512 30.72512 0 0 1 15.0272-32.8192l192.1536-108.3648c18.176-10.24 41.2416-3.8144 51.4816 14.3616l11.6224 20.608-175.1808 98.7904 363.7504 185.2928 368.3584-189.2608-175.9488-100.736 11.7504-20.5312c10.368-18.1248 33.4592-24.3968 51.584-14.0288l192.2816 110.08c9.7792 5.6064 15.6928 16.1024 15.4368 27.3664a30.72 30.72 0 0 1-16.6656 26.624l-432.6656 222.3104a31.0272 31.0272 0 0 1-14.08 3.4048z" fill="#fff" p-id="2886"></path></svg> <svg v-if="prjProcessNav == 0" class="my-svg-icon"
<svg v-if="prjProcessNav==1" class="my-svg-icon" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2900"><path d="M702.976 981.76H149.76c-57.088 0-103.424-46.336-103.424-103.424V306.688c0-57.088 46.336-103.424 103.424-103.424h553.216c57.088 0 103.424 46.336 103.424 103.424v571.648c0 57.088-46.592 103.424-103.424 103.424zM149.76 264.704c-23.04 0-41.984 18.944-41.984 41.984v571.648c0 23.04 18.944 41.984 41.984 41.984h553.216c23.04 0 41.984-18.944 41.984-41.984V306.688c0-23.04-18.944-41.984-41.984-41.984H149.76z" fill="#040000" p-id="2901"></path><path d="M873.984 890.112h-66.816c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h66.816c25.344 0 46.08-20.736 46.08-46.08V152.576c0-25.344-20.736-46.08-46.08-46.08H294.144c-25.344 0-46.08 20.736-46.08 46.08v59.136c0 16.896-13.824 30.72-30.72 30.72s-30.72-13.824-30.72-30.72V152.576c0-59.392 48.128-107.52 107.52-107.52h579.84c59.392 0 107.52 48.128 107.52 107.52v630.272c0 59.136-48.384 107.264-107.52 107.264z" fill="#040000" p-id="2902"></path><path d="M771.072 521.984H82.944c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h688.128c16.896 0 30.72 13.824 30.72 30.72s-13.824 30.72-30.72 30.72zM652.032 391.424H326.144c-15.616 0-28.16-12.544-28.16-28.16s12.544-28.16 28.16-28.16h325.888c15.616 0 28.16 12.544 28.16 28.16s-12.544 28.16-28.16 28.16z" fill="#040000" p-id="2903"></path><path d="M221.952 365.824m-33.792 0a33.792 33.792 0 1 0 67.584 0 33.792 33.792 0 1 0-67.584 0Z" fill="#040000" p-id="2904"></path></svg> style="vertical-align: middle;fill: #fff;overflow: hidden;"
<svg v-if="prjProcessNav==2" class="my-svg-icon" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2641"><path d="M997.76 494.72l-133.12-76.8 128-72.32a32 32 0 0 0 0-55.68L704 123.52a32 32 0 0 0-32 0L512 213.76 346.88 118.4a32 32 0 0 0-32 0L26.24 284.8a32 32 0 0 0 0 55.68l133.76 76.8-128 72.32a32 32 0 0 0 0 55.68L192 635.52v114.56a32 32 0 0 0 16 27.52l288 166.4a32 32 0 0 0 32 0l288-166.4a32 32 0 1 0-32-55.68L512 880l-256-147.84v-59.52l64 39.04a32 32 0 0 0 32 0L512 620.8l166.4 96a32 32 0 0 0 32 0l106.24-64 181.12-105.6a32 32 0 0 0 0-55.68zM512 288l224 128L512 547.2l-224-128L384 362.88z m172.8-99.84l224 128-108.8 64L576 250.88z m-353.92-5.12L448 250.88l-91.52 53.12L224 380.16 106.24 312.32zM114.56 517.12l108.8-64L320 512l128 71.68-108.8 64z m579.2 135.04L576 583.68 700.16 512l99.84-57.6 117.12 67.84z" fill="#1B213F" p-id="2642"></path></svg> viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2883">
<path
d="M510.0032 492.9536c-12.16 0-24.3456-2.3808-35.9424-7.1168L71.7824 300.5952c-11.3408-4.6336-18.816-15.5648-19.072-27.8016s6.784-23.4496 17.92-28.544l400.1536-183.296a100.1728 100.1728 0 0 1 82.7648-0.3072l398.1056 178.8416c11.1616 5.0176 18.2784 16.1792 18.1248 28.416s-7.5776 23.2192-18.8672 27.9296l-404.3264 189.7216a94.26944 94.26944 0 0 1-36.5824 7.3984zM160.64 270.592l336.7424 158.3872a33.0496 33.0496 0 0 0 25.5232-0.1024l338.9952-162.3808-333.5424-149.8112a38.6688 38.6688 0 0 0-32 0.128L160.64 270.592z"
fill="#fff" p-id="2884"></path>
<path
d="M510.1568 722.7648c-14.4896 0-28.9536-3.3536-42.1632-10.0864L68.3264 509.0816c-8.576-4.3776-15.0784-12.2624-16.9472-21.6832a30.7072 30.7072 0 0 1 15.0272-32.8192l189.6704-106.9568c19.5584-11.0336 44.3136-4.1216 55.3472 15.4368l10.2144 18.1248-175.1808 98.7904L495.872 657.92a31.5392 31.5392 0 0 0 28.672-0.0512l354.0224-181.9136-175.9488-100.736 10.3424-18.0736c11.1616-19.4816 35.968-26.2144 55.4496-15.0784l189.7984 108.672c9.7792 5.6064 15.6928 16.1024 15.4368 27.3664s-6.656 21.4784-16.6656 26.624l-404.352 207.7696a92.53376 92.53376 0 0 1-42.4704 10.2656z"
fill="#fff" p-id="2885"></path>
<path
d="M512.2048 975.9744c-4.7872 0-9.5744-1.1264-13.952-3.3536L70.2464 754.5856c-8.576-4.3776-15.0784-12.2624-16.9472-21.7088a30.72512 30.72512 0 0 1 15.0272-32.8192l192.1536-108.3648c18.176-10.24 41.2416-3.8144 51.4816 14.3616l11.6224 20.608-175.1808 98.7904 363.7504 185.2928 368.3584-189.2608-175.9488-100.736 11.7504-20.5312c10.368-18.1248 33.4592-24.3968 51.584-14.0288l192.2816 110.08c9.7792 5.6064 15.6928 16.1024 15.4368 27.3664a30.72 30.72 0 0 1-16.6656 26.624l-432.6656 222.3104a31.0272 31.0272 0 0 1-14.08 3.4048z"
fill="#fff" p-id="2886"></path>
</svg>
<svg v-if="prjProcessNav == 1" class="my-svg-icon"
style="vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2900">
<path
d="M702.976 981.76H149.76c-57.088 0-103.424-46.336-103.424-103.424V306.688c0-57.088 46.336-103.424 103.424-103.424h553.216c57.088 0 103.424 46.336 103.424 103.424v571.648c0 57.088-46.592 103.424-103.424 103.424zM149.76 264.704c-23.04 0-41.984 18.944-41.984 41.984v571.648c0 23.04 18.944 41.984 41.984 41.984h553.216c23.04 0 41.984-18.944 41.984-41.984V306.688c0-23.04-18.944-41.984-41.984-41.984H149.76z"
fill="#040000" p-id="2901"></path>
<path
d="M873.984 890.112h-66.816c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h66.816c25.344 0 46.08-20.736 46.08-46.08V152.576c0-25.344-20.736-46.08-46.08-46.08H294.144c-25.344 0-46.08 20.736-46.08 46.08v59.136c0 16.896-13.824 30.72-30.72 30.72s-30.72-13.824-30.72-30.72V152.576c0-59.392 48.128-107.52 107.52-107.52h579.84c59.392 0 107.52 48.128 107.52 107.52v630.272c0 59.136-48.384 107.264-107.52 107.264z"
fill="#040000" p-id="2902"></path>
<path
d="M771.072 521.984H82.944c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h688.128c16.896 0 30.72 13.824 30.72 30.72s-13.824 30.72-30.72 30.72zM652.032 391.424H326.144c-15.616 0-28.16-12.544-28.16-28.16s12.544-28.16 28.16-28.16h325.888c15.616 0 28.16 12.544 28.16 28.16s-12.544 28.16-28.16 28.16z"
fill="#040000" p-id="2903"></path>
<path
d="M221.952 365.824m-33.792 0a33.792 33.792 0 1 0 67.584 0 33.792 33.792 0 1 0-67.584 0Z"
fill="#040000" p-id="2904"></path>
</svg>
<svg v-if="prjProcessNav == 2" class="my-svg-icon"
style="vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2641">
<path
d="M997.76 494.72l-133.12-76.8 128-72.32a32 32 0 0 0 0-55.68L704 123.52a32 32 0 0 0-32 0L512 213.76 346.88 118.4a32 32 0 0 0-32 0L26.24 284.8a32 32 0 0 0 0 55.68l133.76 76.8-128 72.32a32 32 0 0 0 0 55.68L192 635.52v114.56a32 32 0 0 0 16 27.52l288 166.4a32 32 0 0 0 32 0l288-166.4a32 32 0 1 0-32-55.68L512 880l-256-147.84v-59.52l64 39.04a32 32 0 0 0 32 0L512 620.8l166.4 96a32 32 0 0 0 32 0l106.24-64 181.12-105.6a32 32 0 0 0 0-55.68zM512 288l224 128L512 547.2l-224-128L384 362.88z m172.8-99.84l224 128-108.8 64L576 250.88z m-353.92-5.12L448 250.88l-91.52 53.12L224 380.16 106.24 312.32zM114.56 517.12l108.8-64L320 512l128 71.68-108.8 64z m579.2 135.04L576 583.68 700.16 512l99.84-57.6 117.12 67.84z"
fill="#1B213F" p-id="2642"></path>
</svg>
</div> </div>
</div> </div>
<div class="survey_content_number labour-survey_content_number"> <div class="survey_content_number labour-survey_content_number">
<div class="survey_content_value"><span>{{prjPrcessTotal}}</span> 个</div> <div class="survey_content_value"><span>{{ prjPrcessTotal }}</span> 个</div>
<p>{{prjPrcessText}}</p> <p>{{ prjPrcessText }}</p>
</div> </div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<staff-survey-chart :height="220" :unit="'个'" :data="prjPrcessData" :width="140"></staff-survey-chart> <staff-survey-chart :height="220" :unit="'个'" :data="prjPrcessData"
:width="140"></staff-survey-chart>
</el-col> </el-col>
</el-row> </el-row>
</module-one-1-1> </module-one-1-1>
@ -103,20 +153,36 @@
西咸新区暨泾河新城2023年“安全生产月”启动仪式 西咸新区暨泾河新城2023年“安全生产月”启动仪式
</div> </div>
</module-one-1-1> </module-one-1-1>
<module-one-1-1 label="成本管理"> <module-one-1-1 label="成本管理" :key="elKey">
<div class="glr-max"> <div class="glr-max" style="position: relative;">
<div class="glr-min"> <div class="glr-min">
<div class="glr-title">总投金额</div> <div class="glr-title">合同总额</div>
<div class="labour-education"> <div class="labour-education">
<people-number :number="'515.97'" unit="万元"></people-number> <div style="transform: scale(0.8);margin-left:-20px">
<div class="survey_content"> <people-number :number="numberWithCommas(prjInfo.contractAmount*1.0||0)||'0.00'" unit="万元"></people-number>
</div>
<div class="survey_content" style="position: absolute;right: 15px;top: -4px;">
<div class="survey_content_img labour-education_bgd"> <div class="survey_content_img labour-education_bgd">
<svg class="my-svg-icon" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16007"><path d="M544.853333 545.322667v54.826666h100.053334a33.749333 33.749333 0 1 1 0 67.541334h-99.989334v91.648a33.749333 33.749333 0 0 1-67.52 0v-91.648h-98.282666a33.749333 33.749333 0 0 1 0-67.52h98.282666v-54.848h-98.282666a33.749333 33.749333 0 0 1 0-67.52h76.565333l-90.176-151.658667a33.856 33.856 0 0 1 58.133333-34.453333l88.298667 148.501333 88.362667-148.501333a33.856 33.856 0 0 1 58.069333 34.453333l-90.176 151.68h76.693333a33.749333 33.749333 0 0 1 0 67.498667H544.853333zM512 110.186667a400 400 0 0 0-284.16 117.674666A400.426667 400.426667 0 0 0 110.208 512a400 400 0 0 0 117.674667 284.16A400.426667 400.426667 0 0 0 512 913.792a400 400 0 0 0 284.16-117.674667A400.426667 400.426667 0 0 0 913.792 512a400 400 0 0 0-117.653333-284.16A400.426667 400.426667 0 0 0 512 110.208zM512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z" fill="#8A8A8A" p-id="16008"></path></svg> <svg class="my-svg-icon"
style="vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="16007">
<path
d="M544.853333 545.322667v54.826666h100.053334a33.749333 33.749333 0 1 1 0 67.541334h-99.989334v91.648a33.749333 33.749333 0 0 1-67.52 0v-91.648h-98.282666a33.749333 33.749333 0 0 1 0-67.52h98.282666v-54.848h-98.282666a33.749333 33.749333 0 0 1 0-67.52h76.565333l-90.176-151.658667a33.856 33.856 0 0 1 58.133333-34.453333l88.298667 148.501333 88.362667-148.501333a33.856 33.856 0 0 1 58.069333 34.453333l-90.176 151.68h76.693333a33.749333 33.749333 0 0 1 0 67.498667H544.853333zM512 110.186667a400 400 0 0 0-284.16 117.674666A400.426667 400.426667 0 0 0 110.208 512a400 400 0 0 0 117.674667 284.16A400.426667 400.426667 0 0 0 512 913.792a400 400 0 0 0 284.16-117.674667A400.426667 400.426667 0 0 0 913.792 512a400 400 0 0 0-117.653333-284.16A400.426667 400.426667 0 0 0 512 110.208zM512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z"
fill="#8A8A8A" p-id="16008"></path>
</svg>
</div> </div>
</div> </div>
</div> </div>
<staff-survey-chart unit="万元" :height="60" :data="investmentAmountData1" :width="240" :max="24.563"></staff-survey-chart> <div>
<staff-survey-chart unit="万元" :height="60" :data="investmentAmountData2" :width="240" :max="24.615"></staff-survey-chart>
</div>
<staff-survey-chart unit="万元" :height="60" :data="investmentAmountData1"
:max="prjInfo.contractAmount*1.0 || 10000" :width="200"></staff-survey-chart>
<staff-survey-chart unit="万元" :height="60" :data="investmentAmountData2"
:max="prjInfo.contractAmount*1.0 || 10000" :width="200"></staff-survey-chart>
</div> </div>
</div> </div>
</module-one-1-1> </module-one-1-1>
@ -138,11 +204,13 @@
<div class="survey-oil-text">预警类型</div> <div class="survey-oil-text">预警类型</div>
</div> </div>
<div class="analyse-number-max" id="afootOverflowType" style="height: unset;"> <div class="analyse-number-max" id="afootOverflowType" style="height: unset;">
<div class="glr-login-number-max analyse-num-max" v-for="(item,idx) in warningType" style="height: unset;" :key="idx"> <div class="glr-login-number-max analyse-num-max" v-for="(item, idx) in warningType"
style="height: unset;" :key="idx">
<div class="glr-login-number-bgd glr-login-number-red-bgd"></div> <div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
<div class="glr-login-number analyse-login-numbe"> <div class="glr-login-number analyse-login-numbe">
<div><img src="images/text_red_spot.png">{{item.name}}</div> <div><img src="images/text_red_spot.png">{{ item.name }}</div>
<div class="glr-rate-value glr-rate-red-value"><span>{{item.data}}/{{item.total}}</span></div> <div class="glr-rate-value glr-rate-red-value">
<span>{{ item.data }}/{{ item.total }}</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -170,10 +238,10 @@ import '../components/staff-survey-chart'
import indexDlg1 from './index/indexDlg1' import indexDlg1 from './index/indexDlg1'
import indexDlg2 from './index/indexDlg2' import indexDlg2 from './index/indexDlg2'
import indexDlg3 from './index/indexDlg3' import indexDlg3 from './index/indexDlg3'
import indexMap from'./index/map.vue' import indexMap from './index/map.vue'
export default { export default {
name: 'App', name: 'App',
components:{ components: {
indexDlg1, indexDlg1,
indexDlg2, indexDlg2,
indexDlg3, indexDlg3,
@ -181,9 +249,10 @@ export default {
}, },
data() { data() {
return { return {
elKey: 0,
loading:true, prjInfo: {},
legendOpt1:{ loading: true,
legendOpt1: {
icon: "rect", icon: "rect",
textStyle: { textStyle: {
fontSize: 14, fontSize: 14,
@ -199,7 +268,7 @@ export default {
}, },
}, },
}, },
legendOpt2:{ legendOpt2: {
icon: "rect", icon: "rect",
textStyle: { textStyle: {
fontSize: 14, fontSize: 14,
@ -216,103 +285,103 @@ export default {
}, },
} }
}, },
projectList:[ projectList: [
{text:'中铁一局建安公司',id:0,type:1}, { text: '中铁一局建安公司', id: 0, type: 1 },
{text:'泾河新城荟锦坊二期 EPC 工程总承包项目',id:1,type:2}, { text: '泾河新城荟锦坊二期 EPC 工程总承包项目', id: 1, type: 2 },
{text:'西安市地铁2号线二期工程施工总承包项目2标段',id:2,type:2}, { text: '西安市地铁2号线二期工程施工总承包项目2标段', id: 2, type: 2 },
{text:'苏州桑田岛项目',id:3,type:2}, { text: '苏州桑田岛项目', id: 3, type: 2 },
], ],
dangersDatas:[ dangersDatas: [
{ name:'四口，临边防护工程', value:'0' }, { name: '四口，临边防护工程', value: '0' },
{ name:'混泥土', value:'0' }, { name: '混泥土', value: '0' },
{ name:'移动脚手架', value:'0' } , { name: '移动脚手架', value: '0' },
{ name:'砌体', value:'0' }, { name: '砌体', value: '0' },
{ name:'模板支架', value:'0' }, { name: '模板支架', value: '0' },
{ name:'外墙', value:'0' } { name: '外墙', value: '0' }
], ],
//原因类型分析 //原因类型分析
availabilityData:[ availabilityData: [
{value: 7,prop: 42.9, text: '新区级'}, { value: 7, prop: 42.9, text: '新区级' },
{value: 9,prop: 22.9, text: '省级'}, { value: 9, prop: 22.9, text: '省级' },
{value: 10,prop: 20, text: '市级'}, { value: 10, prop: 20, text: '市级' },
{value: 39,prop: 14.2, text: '新城级'}, { value: 39, prop: 14.2, text: '新城级' },
], ],
overviewText:'项目数量', overviewText: '项目数量',
overviewTotal:100, overviewTotal: 100,
//项目概况 //项目概况
typeDistributionData:[ typeDistributionData: [
{ name:'在建项目', value:'15' }, { name: '在建项目', value: '15' },
{ name:'项目总投资', value:'515.97' }, { name: '项目总投资', value: '515.97' },
{ name:'项目年投资', value:'134.86' } { name: '项目年投资', value: '134.86' }
], ],
//质量管理 //质量管理
qualityNav:0, qualityNav: 0,
//劳务人员 //劳务人员
infoNav:0, infoNav: 0,
staffText:'在岗人员', staffText: '在岗人员',
surveyUrl:'images/survey_icon_4.png', surveyUrl: 'images/survey_icon_4.png',
laborPersonnelTotal:149, laborPersonnelTotal: 149,
laborPersonnelData:[ laborPersonnelData: [
{ text:"总包人员", value:28 }, { text: "总包人员", value: 28 },
{ text:"监理人员", value:3 }, { text: "监理人员", value: 3 },
{ text:"劳务人员", value:118 }, { text: "劳务人员", value: 118 },
], ],
//项目进度 //项目进度
prjProcessNav:0, prjProcessNav: 0,
prjPrcessText:'在建项目', prjPrcessText: '在建项目',
prjPrcessTotal:100, prjPrcessTotal: 100,
prjPrcessUrl:'images/prj1.svg', prjPrcessUrl: 'images/prj1.svg',
prjPrcessData:[ prjPrcessData: [
{ text:"正常推进项目", value:30 }, { text: "正常推进项目", value: 30 },
{ text:"进度滞后项目", value:70 }, { text: "进度滞后项目", value: 70 },
], ],
//总投金额 //总投金额
investmentAmountData1:[ investmentAmountData1: [
{ text:"融资金额", value:'0' }, { text: "付款金额", value: 0 },
], ],
investmentAmountData2:[ investmentAmountData2: [
{ text:"缺口金额", value:'0' }, { text: "挂账金额", value: 0 },
], ],
//设备概况 //设备概况
overview:0, overview: 0,
overviewInterval:'', overviewInterval: '',
surveyUrlSb:'images/survey_icon_1.png', surveyUrlSb: 'images/survey_icon_1.png',
//地图数据 //地图数据
mapOutdata : [], mapOutdata: [],
tooltipData:[], tooltipData: [],
//正在发生 //正在发生
warningData:[ warningData: [
{ {
equipment:'挖掘机01#', equipment: '挖掘机01#',
images:'images/warning_jixie.png', images: 'images/warning_jixie.png',
content:'当前机械已闲置10天，请尽快检查', content: '当前机械已闲置10天，请尽快检查',
time:'2022年10月29日 17:29:55', time: '2022年10月29日 17:29:55',
projectName:'泾河新城荟锦坊二期 EPC 工程总承包项目', projectName: '泾河新城荟锦坊二期 EPC 工程总承包项目',
address:'陕西省西安市泾河新城荟锦坊二期', address: '陕西省西安市泾河新城荟锦坊二期',
longitude:'108.913119', longitude: '108.913119',
latitude:'34.546109', latitude: '34.546109',
}, },
{ {
equipment:'履带挖掘机01#', equipment: '履带挖掘机01#',
images:'images/warning_jixie.png', images: 'images/warning_jixie.png',
content:'当前机械已闲置10天，请尽快检查', content: '当前机械已闲置10天，请尽快检查',
time:'2022年10月29日 17:29:55', time: '2022年10月29日 17:29:55',
projectName:'西安市地铁2号线二期工程施工总承包项目2标段', projectName: '西安市地铁2号线二期工程施工总承包项目2标段',
address:'西安市地铁2号线', address: '西安市地铁2号线',
longitude:'108.917', longitude: '108.917',
latitude:'34.379435', latitude: '34.379435',
}, },
{ {
equipment:'洒水车01#', equipment: '洒水车01#',
images:'images/warning_jixie.png', images: 'images/warning_jixie.png',
content:'当前机械已闲置10天，请尽快检查', content: '当前机械已闲置10天，请尽快检查',
time:'2022年10月29日 17:29:55', time: '2022年10月29日 17:29:55',
projectName:'苏州桑田岛项目', projectName: '苏州桑田岛项目',
address:'苏州桑田岛项目', address: '苏州桑田岛项目',
longitude:'120.43316', longitude: '120.43316',
latitude:'31.282088', latitude: '31.282088',
} }
], ],
@ -338,193 +407,206 @@ export default {
* 转角 images/warning_zhuanjiao.png * 转角 images/warning_zhuanjiao.png
* */ * */
//重大节点预期预警 数据 //重大节点预期预警 数据
index:0, index: 0,
majorInterval:undefined, majorInterval: undefined,
majorWarningData:[ majorWarningData: [
{ {
projectName:'泾河新城荟锦坊二期', projectName: '泾河新城荟锦坊二期',
majorNode:'当前机械已闲置10天，请尽快检查', majorNode: '当前机械已闲置10天，请尽快检查',
timeNode:'2022年10月15日', timeNode: '2022年10月15日',
expectDays:5, expectDays: 5,
state:1, state: 1,
}, },
{ {
projectName:'西安市地铁2号线二期工程施工总承包项目2标段', projectName: '西安市地铁2号线二期工程施工总承包项目2标段',
majorNode:'当前机械已闲置10天', majorNode: '当前机械已闲置10天',
timeNode:'2022年10月15日', timeNode: '2022年10月15日',
expectDays:5, expectDays: 5,
state:1, state: 1,
}, },
{ {
projectName:'苏州桑田岛项目', projectName: '苏州桑田岛项目',
majorNode:'当前机械已闲置10天', majorNode: '当前机械已闲置10天',
timeNode:'2022年10月15日', timeNode: '2022年10月15日',
expectDays:0, expectDays: 0,
state:0, state: 0,
}, },
{ {
projectName:'西安市地铁2号线二期工程施工总承包项目2标段', projectName: '西安市地铁2号线二期工程施工总承包项目2标段',
majorNode:'当前机械已闲置10天，请尽快检查', majorNode: '当前机械已闲置10天，请尽快检查',
timeNode:'2022年10月15日', timeNode: '2022年10月15日',
expectDays:0, expectDays: 0,
state:0, state: 0,
}, },
{ {
projectName:'苏州桑田岛项目', projectName: '苏州桑田岛项目',
majorNode:'当前机械已闲置10天，请尽快检查', majorNode: '当前机械已闲置10天，请尽快检查',
timeNode:'2022年10月15日', timeNode: '2022年10月15日',
expectDays:0, expectDays: 0,
state:0, state: 0,
}, },
], ],
//head 选择项目回显 //head 选择项目回显
localStorage:'', localStorage: '',
//正在发生 //正在发生
warningInterval:undefined, warningInterval: undefined,
forIndex:0, forIndex: 0,
//预警类型 //预警类型
warningType:[ warningType: [
{ {
name:'AI预警', name: 'AI预警',
data:0, data: 0,
total:0 total: 0
},{ }, {
name:'安全预警', name: '安全预警',
data:1, data: 1,
total:5 total: 5
},{ }, {
name:'质量预警', name: '质量预警',
data:2, data: 2,
total:6 total: 6
},{ }, {
name:'环境预警', name: '环境预警',
data:3, data: 3,
total:12 total: 12
}, },
], ],
warningTypeInterval:undefined, warningTypeInterval: undefined,
warningTypeIndex:0, warningTypeIndex: 0,
} }
}, },
created() { created() {
this.init() this.init()
}, },
mounted() { mounted() {
this.$nextTick(()=>{ this.$nextTick(() => {
this.loading=true; this.loading = true;
});
this.$bus.$on("projectChange", res => {
this.prjInfo = res;
this.investmentAmountData1[0].value = "" + res.paidAmount * 1.0;
this.investmentAmountData2[0].value = "" + res.onAccountAmount * 1.0;
this.elKey++;
}); });
}, },
methods: { methods: {
doShowDlg3(){ numberWithCommas(x) {
x = x.toString();
var pattern = /(-?\d+)(\d{3})/;
while (pattern.test(x))
x = x.replace(pattern, "$1,$2");
return x;
},
doShowDlg3() {
this.$refs.dlg3.showDialog() this.$refs.dlg3.showDialog()
}, },
doShowDlg1(){ doShowDlg1() {
this.$refs.dlg1.showDialog() this.$refs.dlg1.showDialog()
}, },
doShowDlg2(){ doShowDlg2() {
this.$refs.dlg2.showDialog(this.prjProcessNav) this.$refs.dlg2.showDialog(this.prjProcessNav)
}, },
init(){ init() {
this.localStorage = JSON.parse(localStorage.getItem("data1")) this.localStorage = JSON.parse(localStorage.getItem("data1"))
//地图数据 //地图数据
this.chartMap() this.chartMap()
//设备概况点击事件定时器 //设备概况点击事件定时器
this.overviewInterval = setInterval(this.overviewClick,5000); this.overviewInterval = setInterval(this.overviewClick, 5000);
//重大节点预期预警 //重大节点预期预警
this.majorInterval = setInterval(this.timer,5000); this.majorInterval = setInterval(this.timer, 5000);
//正在发生 定时器 //正在发生 定时器
this.warningInterval = setInterval(this.automaticRoll,5000); this.warningInterval = setInterval(this.automaticRoll, 5000);
//预警类型 定时器 //预警类型 定时器
this.warningTypeInterval = setInterval(this.automaticRollType,5000); this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
}, },
doPrjProcess(n,text){ doPrjProcess(n, text) {
this.prjProcessNav=n; this.prjProcessNav = n;
this.prjPrcessText=text; this.prjPrcessText = text;
if(n==0){ if (n == 0) {
this.prjPrcessTotal=100; this.prjPrcessTotal = 100;
this.prjPrcessData=[ this.prjPrcessData = [
{ text:"正常推进项目", value:13 }, { text: "正常推进项目", value: 13 },
{ text:"进度滞后项目", value:22 }, { text: "进度滞后项目", value: 22 },
] ]
} }
if(n==1){ if (n == 1) {
this.prjPrcessTotal=90; this.prjPrcessTotal = 90;
this.prjPrcessData=[ this.prjPrcessData = [
{ text:"规划中项目", value:4 }, { text: "规划中项目", value: 4 },
{ text:"审批中项目", value:9 }, { text: "审批中项目", value: 9 },
{ text:"设计中项目", value:8 }, { text: "设计中项目", value: 8 },
] ]
} }
if(n==2){ if (n == 2) {
this.prjPrcessTotal=130; this.prjPrcessTotal = 130;
this.prjPrcessData=[ this.prjPrcessData = [
{ text:"进度滞后项目", value:0 }, { text: "进度滞后项目", value: 0 },
{ text:"正常推进项目", value:0 }, { text: "正常推进项目", value: 0 },
] ]
} }
}, },
//劳务人员概况 //劳务人员概况
onWarningInfoNav(n,text){ onWarningInfoNav(n, text) {
this.infoNav = n this.infoNav = n
this.staffText = text this.staffText = text
if(n == 0){ if (n == 0) {
this.surveyUrl = 'images/survey_icon_4.png' this.surveyUrl = 'images/survey_icon_4.png'
this.laborPersonnelData=[ this.laborPersonnelData = [
{ text:"总包人员", value:28 }, { text: "总包人员", value: 28 },
{ text:"监理人员", value:3 }, { text: "监理人员", value: 3 },
{ text:"劳务人员", value:118 }, { text: "劳务人员", value: 118 },
] ]
this.laborPersonnelTotal=100; this.laborPersonnelTotal = 100;
}else{ } else {
this.surveyUrl = 'images/survey_icon_5.png' this.surveyUrl = 'images/survey_icon_5.png'
this.laborPersonnelTotal=133; this.laborPersonnelTotal = 133;
this.laborPersonnelData=[ this.laborPersonnelData = [
{ text:"总包人员", value:25 }, { text: "总包人员", value: 25 },
{ text:"监理人员", value:3 }, { text: "监理人员", value: 3 },
{ text:"劳务人员", value:105 }, { text: "劳务人员", value: 105 },
] ]
} }
}, },
//设备概况点击事件定时器方法 //设备概况点击事件定时器方法
overviewClick(){ overviewClick() {
if(this.overview < 2){ if (this.overview < 2) {
this.overview = this.overview + 1 this.overview = this.overview + 1
}else{ } else {
this.overview = 0 this.overview = 0
} }
if(this.overview == 0){ if (this.overview == 0) {
this.surveyUrlSb = 'images/survey_icon_1.png' this.surveyUrlSb = 'images/survey_icon_1.png'
}else if(this.overview == 1){ } else if (this.overview == 1) {
this.surveyUrlSb = 'images/survey_icon_2.png' this.surveyUrlSb = 'images/survey_icon_2.png'
}else{ } else {
this.surveyUrlSb = 'images/survey_icon_3.png' this.surveyUrlSb = 'images/survey_icon_3.png'
} }
}, },
//设备概况点击事件 //设备概况点击事件
onClickoOverview(n){ onClickoOverview(n) {
this.overview = n this.overview = n
if(this.overview == 0){ if (this.overview == 0) {
this.overviewTotal=65; this.overviewTotal = 65;
this.overviewText="项目数"; this.overviewText = "项目数";
this.surveyUrlSb = 'images/survey_icon_1.png' this.surveyUrlSb = 'images/survey_icon_1.png'
}else if(this.overview == 1){ } else if (this.overview == 1) {
this.overviewTotal=515.97; this.overviewTotal = 515.97;
this.overviewText="项目总投资"; this.overviewText = "项目总投资";
this.surveyUrlSb = 'images/survey_icon_2.png' this.surveyUrlSb = 'images/survey_icon_2.png'
}else{ } else {
this.overviewTotal=134.86; this.overviewTotal = 134.86;
this.overviewText="项目年投资"; this.overviewText = "项目年投资";
this.surveyUrlSb = 'images/survey_icon_3.png' this.surveyUrlSb = 'images/survey_icon_3.png'
} }
}, },
//地图数据 //地图数据
chartMap(){ chartMap() {
var data = [ var data = [
{ {
"latitude": "34.546109", "latitude": "34.546109",
@ -570,41 +652,41 @@ export default {
}, },
] ]
data.map(x => { data.map(x => {
x.value = [x.longitude , x.latitude] x.value = [x.longitude, x.latitude]
return x return x
}) })
this.mapOutdata = data this.mapOutdata = data
var tooltipInfo = [] var tooltipInfo = []
for (let i = 0; i <data.length ; i++) { for (let i = 0; i < data.length; i++) {
var tipHtml = '<div style="width: 300px;background: url(\'images/map_popup_bgd.png\') no-repeat center/100% 100%;font-size: 14px;">\n' + var tipHtml = '<div style="width: 300px;background: url(\'images/map_popup_bgd.png\') no-repeat center/100% 100%;font-size: 14px;">\n' +
' <div style="padding: 7px 3px 10px;">\n' + ' <div style="padding: 7px 3px 10px;">\n' +
' <div onclick="chartClick('+data[i].projectId+')" style="height: 33px;width:100%;background: url(\'images/map_popup_title.png\') no-repeat center/100% 100%;padding-left: 5px;line-height: 33px;color: #ffffff;display: flex;justify-content: space-between;cursor: pointer">\n' + ' <div onclick="chartClick(' + data[i].projectId + ')" style="height: 33px;width:100%;background: url(\'images/map_popup_title.png\') no-repeat center/100% 100%;padding-left: 5px;line-height: 33px;color: #ffffff;display: flex;justify-content: space-between;cursor: pointer">\n' +
' <div>'+data[i].project_shorthand+'</div>\n' + ' <div>' + data[i].project_shorthand + '</div>\n' +
' <div style="padding: 5px 10px"><img src="images/check_icon.png" width="10" height="20"></div>\n' + ' <div style="padding: 5px 10px"><img src="images/check_icon.png" width="10" height="20"></div>\n' +
' </div>\n' + ' </div>\n' +
' <div style="padding: 10px;color:#cbdaff;">\n' + ' <div style="padding: 10px;color:#cbdaff;">\n' +
' <table style="width: 100%">\n' + ' <table style="width: 100%">\n' +
' <tr>\n' + ' <tr>\n' +
' <td style="width: 50%">\n' + ' <td style="width: 50%">\n' +
' <div style="height: 40px;line-height: 40px;"> 设备数量：<span style="color: #fff;font-size: 16px;">'+data[i].zg+'</span></div>\n' + ' <div style="height: 40px;line-height: 40px;"> 设备数量：<span style="color: #fff;font-size: 16px;">' + data[i].zg + '</span></div>\n' +
' </td>\n' + ' </td>\n' +
' <td style="width: 50%">\n' + ' <td style="width: 50%">\n' +
' <div style="height: 40px;line-height: 40px;"> 监控数量：<span style="color: #fff;font-size: 16px;">'+data[i].cq+'</span></div>\n' + ' <div style="height: 40px;line-height: 40px;"> 监控数量：<span style="color: #fff;font-size: 16px;">' + data[i].cq + '</span></div>\n' +
' </td>\n' + ' </td>\n' +
' </tr>\n' + ' </tr>\n' +
' <tr>\n' + ' <tr>\n' +
' <td style="width: 50%">\n' + ' <td style="width: 50%">\n' +
' <div style="height: 40px;line-height: 40px;"> 在岗人数：<span style="color: #fff;font-size: 16px;">'+data[i].glrs+'</span></div>\n' + ' <div style="height: 40px;line-height: 40px;"> 在岗人数：<span style="color: #fff;font-size: 16px;">' + data[i].glrs + '</span></div>\n' +
' </td>\n' + ' </td>\n' +
' <td style="width: 50%">\n' + ' <td style="width: 50%">\n' +
' <div style="height: 40px;line-height: 40px;"> 今日出勤：<span style="color: #fff;font-size: 16px;">'+data[i].grrs+'</span></div>\n' + ' <div style="height: 40px;line-height: 40px;"> 今日出勤：<span style="color: #fff;font-size: 16px;">' + data[i].grrs + '</span></div>\n' +
' </td>\n' + ' </td>\n' +
' </tr>\n' + ' </tr>\n' +
' </table>\n' + ' </table>\n' +
' </div>\n' + ' </div>\n' +
' <div style="padding: 0 12px;">\n' + ' <div style="padding: 0 12px;">\n' +
' <div style="color: #49b3ff;background: #132c55;padding: 10px;white-space:normal">'+data[i].project_addr+'</div>\n' + ' <div style="color: #49b3ff;background: #132c55;padding: 10px;white-space:normal">' + data[i].project_addr + '</div>\n' +
' </div>\n' + ' </div>\n' +
' </div>\n' + ' </div>\n' +
'</div>' '</div>'
@ -614,84 +696,84 @@ export default {
}, },
//Echart 地图 点击返回值 //Echart 地图 点击返回值
projectClick(id){ projectClick(id) {
var list = this.projectList var list = this.projectList
for (let i = 0; i < list.length ; i++) { for (let i = 0; i < list.length; i++) {
if(list[i].id == id){ if (list[i].id == id) {
localStorage.setItem("data",JSON.stringify(list[i])) localStorage.setItem("data", JSON.stringify(list[i]))
location.href = 'projectOverviewProject.html' location.href = 'projectOverviewProject.html'
} }
} }
}, },
towardsLeft(){ towardsLeft() {
if(this.index == 0){ if (this.index == 0) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有更多了！', message: '没有更多了！',
type: 'warning' type: 'warning'
}); });
}else{ } else {
this.index = this.index+1 this.index = this.index + 1
} }
}, },
towardsRight(){ towardsRight() {
var length = this.majorWarningData.length var length = this.majorWarningData.length
if(length>3){ if (length > 3) {
if((length - Math.abs(this.index )) == 3){ if ((length - Math.abs(this.index)) == 3) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有更多了！', message: '没有更多了！',
type: 'warning' type: 'warning'
}); });
}else{ } else {
this.index = this.index-1 this.index = this.index - 1
} }
} }
}, },
timer(){ timer() {
var length = this.majorWarningData.length var length = this.majorWarningData.length
if(length>3){ if (length > 3) {
if((length - Math.abs(this.index )) == 3){ if ((length - Math.abs(this.index)) == 3) {
this.index = 0 this.index = 0
}else{ } else {
this.index = this.index-1 this.index = this.index - 1
} }
} }
}, },
automaticRollType(){ automaticRollType() {
var height = window.$(".glr-login-number-max").innerHeight() var height = window.$(".glr-login-number-max").innerHeight()
if(window.$("#afootOverflowType").scrollTop() == height*this.warningType.length - window.$("#afootOverflowType").innerHeight()){ if (window.$("#afootOverflowType").scrollTop() == height * this.warningType.length - window.$("#afootOverflowType").innerHeight()) {
this.warningTypeIndex = 0 this.warningTypeIndex = 0
}else{ } else {
this.warningTypeIndex = this.warningTypeIndex + 1 this.warningTypeIndex = this.warningTypeIndex + 1
} }
window.$("#afootOverflowType").animate({scrollTop:(height*this.warningTypeIndex)+'px'}) window.$("#afootOverflowType").animate({ scrollTop: (height * this.warningTypeIndex) + 'px' })
}, },
listMinMouseoverType(){ listMinMouseoverType() {
clearInterval(this.warningTypeInterval); clearInterval(this.warningTypeInterval);
}, },
listMinMouseoutType(){ listMinMouseoutType() {
this.warningTypeInterval=setInterval(this.automaticRollType,5000); this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
}, },
automaticRoll(){ automaticRoll() {
var height = window.$(".afoot-con-for").innerHeight() var height = window.$(".afoot-con-for").innerHeight()
if(this.forIndex == this.warningData.length){ if (this.forIndex == this.warningData.length) {
this.forIndex = 0 this.forIndex = 0
}else{ } else {
this.forIndex = this.forIndex + 1 this.forIndex = this.forIndex + 1
} }
window.$("#afootOverflow").animate({scrollTop:(height*this.forIndex)+'px'}) window.$("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' })
}, },
listMinMouseover(){ listMinMouseover() {
clearInterval(this.warningInterval); clearInterval(this.warningInterval);
}, },
listMinMouseout(){ listMinMouseout() {
this.warningInterval=setInterval(this.automaticRoll,10000); this.warningInterval = setInterval(this.automaticRoll, 10000);
}, },
@ -700,26 +782,31 @@ export default {
} }
</script> </script>
<style lang="less"> <style lang="less">#app {
#app { .center-image .screen-one-2-1 {
.center-image .screen-one-2-1{
overflow: hidden; overflow: hidden;
} }
.my-svg-icon{
.my-svg-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.my-svg-icon *{
.my-svg-icon * {
fill: #389DE3; fill: #389DE3;
} }
.people-number-con div:nth-child(3){
.people-number-con div:nth-child(3) {
background: none; background: none;
} }
.labour-education .number-unit{
.labour-education .number-unit {
position: relative; position: relative;
bottom: -8px; bottom: -8px;
} }
} .number-unit{
</style> word-break: keep-all;
}
}</style>

68
src/pages/index/indexDlg2.vue
View File

@ -9,23 +9,33 @@
</div> </div>
</template> </template>
<div class="font-size-tools"> <div class="font-size-tools">
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''" <i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'active':''">
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" <svg class="icon svg-icon"
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1675"> style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M741.96894493 895.86428833l-89.12883988-217.48854506H317.69440381L232.08582869 895.86428833H164.38571167L446.0422962 200.63571166h74.87058778l288.82705529 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 513.40765239h321.91517757v42.12504211H737.68083754z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="" p-id="1676"></path> fill="#fff" p-id="3687"></path>
<path d="M916.65910814 373.51849105v321.91517757h-42.1250421V373.51849105z" fill="" p-id="1677"></path>
</svg> </svg>
<svg class="icon svg-icon" :class="fontSize==1?'active':''" @click="fontSize = 1" style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686"><path d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z" fill="#727272" p-id="3687"></path> </i>
</svg> <i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'active':''">
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''" <svg class="icon svg-icon"
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691"> viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M741.96894493 899.61428833l-89.12883989-217.48854506H317.69440381L232.08582869 899.61428833H164.38571167L446.0422962 204.38571166h74.87058778l288.8270553 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 550.0449541h321.91517757v42.12504212H737.68083754z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="" p-id="1692"></path> fill="#fff" p-id="3687"></path>
</svg> </svg>
</i>
<i class="set-font-size font-size0" @click="fontSize = 0" :class="fontSize==0?'active':''">
<svg class="icon svg-icon"
style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path
d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="#fff" p-id="3687"></path>
</svg>
</i>
</div> </div>
<div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px;"> <div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px;">
@ -52,16 +62,7 @@
<img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span> <img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span>
<div class="div-text">{{ it.date }}</div> <div class="div-text">{{ it.date }}</div>
</div> </div>
<el-row class="data-row" >
<el-col :span="12" style="display: flex;">
<img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">滞后事项:</span>
<div class="div-text">{{ it.porgress }}</div>
</el-col>
<el-col :span="12" style="display: flex;">
<img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">存在问题:</span>
<div class="div-text">{{ it.question }}</div>
</el-col>
</el-row>
</div> </div>
<div v-show="nav == 1" v-for="(it, idx) in tableData2" class="data-item"> <div v-show="nav == 1" v-for="(it, idx) in tableData2" class="data-item">
<el-row class="data-row" > <el-row class="data-row" >
@ -118,14 +119,6 @@
<div class="text-more-2" style="color:#01A9FF;" :title="it.date">{{ it.date}}</div> <div class="text-more-2" style="color:#01A9FF;" :title="it.date">{{ it.date}}</div>
</div> </div>
</div> </div>
<div class="data-row">
<img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span>
<div class="div-text">{{ it.porgress }}</div>
</div>
<div class="data-row">
<img src="images/title_icon.png"><span class="sp-lbl">目前存在问题:</span>
<div class="div-text">{{ it.question }}</div>
</div>
</div> </div>
<div v-show="nav == 2" v-if="tableData1.length==0" style="text-align: center;margin-top:200px;"> <div v-show="nav == 2" v-if="tableData1.length==0" style="text-align: center;margin-top:200px;">
<img src="images/nodata.png" style="width: 240px;"> <img src="images/nodata.png" style="width: 240px;">
@ -362,19 +355,6 @@ export default {
top: -40px; top: -40px;
right: 100px; right: 100px;
.svg-icon {
width: 40px !important;
height: 40px !important;
cursor: pointer;
*{
fill: #fff;
}
&.active{
*{
fill: aqua;
}
}
}
} }
} }
.popup-project-introduction-min { .popup-project-introduction-min {

50
src/pages/progress/indexDlg1.vue
View File

@ -4,23 +4,33 @@
<template slot="title">项目季度考核目标</template> <template slot="title">项目季度考核目标</template>
<div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px 0px;"> <div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px 0px;">
<div class="font-size-tools"> <div class="font-size-tools">
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''" <i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'active':''">
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" <svg class="icon svg-icon"
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1675"> style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M741.96894493 895.86428833l-89.12883988-217.48854506H317.69440381L232.08582869 895.86428833H164.38571167L446.0422962 200.63571166h74.87058778l288.82705529 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 513.40765239h321.91517757v42.12504211H737.68083754z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="" p-id="1676"></path> fill="#fff" p-id="3687"></path>
<path d="M916.65910814 373.51849105v321.91517757h-42.1250421V373.51849105z" fill="" p-id="1677"></path>
</svg> </svg>
<svg class="icon svg-icon" :class="fontSize==1?'active':''" @click="fontSize = 1" style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686"><path d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z" fill="#727272" p-id="3687"></path> </i>
</svg> <i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'active':''">
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''" <svg class="icon svg-icon"
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691"> viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M741.96894493 899.61428833l-89.12883989-217.48854506H317.69440381L232.08582869 899.61428833H164.38571167L446.0422962 204.38571166h74.87058778l288.8270553 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 550.0449541h321.91517757v42.12504212H737.68083754z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="" p-id="1692"></path> fill="#fff" p-id="3687"></path>
</svg> </svg>
</i>
<i class="set-font-size font-size0" @click="fontSize = 0" :class="fontSize==0?'active':''">
<svg class="icon svg-icon"
style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path
d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="#fff" p-id="3687"></path>
</svg>
</i>
</div> </div>
<div v-for="(it, idx) in tableData" class="data-item"> <div v-for="(it, idx) in tableData" class="data-item">
<el-row class="data-row" > <el-row class="data-row" >
@ -177,20 +187,6 @@ export default {
position: absolute; position: absolute;
top: -40px; top: -40px;
right: 100px; right: 100px;
.svg-icon {
width: 40px !important;
height: 40px !important;
cursor: pointer;
*{
fill: #fff;
}
&.active{
*{
fill: aqua;
}
}
}
} }
} }

50
src/pages/progress/indexDlg3.vue
View File

@ -2,7 +2,7 @@
<MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="progress-dlg3" :class="'font-size-' + fontSize"> <MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="progress-dlg3" :class="'font-size-' + fontSize">
<template slot="title"> <template slot="title">
<div style="display: flex; align-items: center;justify-content: space-between;"> <div style="display: flex; align-items: center;justify-content: space-between;">
<div style="font-size: 24px;font-weight: bold;text-align: center;flex-grow: 1;">项目形象进度</div> <div style="font-size: 24px;font-weight: bold;">项目形象进度</div>
<div> <div>
<div class="head-title-select" @mouseleave="hideScreenUlSel2" v-if="localStorage2"> <div class="head-title-select" @mouseleave="hideScreenUlSel2" v-if="localStorage2">
<div class="head-select"> <div class="head-select">
@ -21,28 +21,33 @@
</template> </template>
<div class="font-size-tools"> <div class="font-size-tools">
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''" <i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'active':''">
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" <svg class="icon svg-icon"
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1675">
<path
d="M741.96894493 895.86428833l-89.12883988-217.48854506H317.69440381L232.08582869 895.86428833H164.38571167L446.0422962 200.63571166h74.87058778l288.82705529 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 513.40765239h321.91517757v42.12504211H737.68083754z"
fill="" p-id="1676"></path>
<path d="M916.65910814 373.51849105v321.91517757h-42.1250421V373.51849105z" fill="" p-id="1677"></path>
</svg>
<svg class="icon svg-icon" @click="fontSize = 1" :class="fontSize==1?'active':''"
style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686"> viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="#fff" p-id="3687"></path> fill="#fff" p-id="3687"></path>
</svg> </svg>
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''" </i>
style="width: 1.287109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" <i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'active':''">
viewBox="0 0 1318 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691"> <svg class="icon svg-icon"
style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path <path
d="M741.96894493 899.61428833l-89.12883989-217.48854506H317.69440381L232.08582869 899.61428833H164.38571167L446.0422962 204.38571166h74.87058778l288.8270553 695.22857666z m-402.82219204-267.39833244h292.3000683l-146.17366039-388.64663073zM737.68083754 550.0449541h321.91517757v42.12504212H737.68083754z" d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="" p-id="1692"></path> fill="#fff" p-id="3687"></path>
</svg> </svg>
</i>
<i class="set-font-size font-size0" @click="fontSize = 0" :class="fontSize==0?'active':''">
<svg class="icon svg-icon"
style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
<path
d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
fill="#fff" p-id="3687"></path>
</svg>
</i>
</div> </div>
<div class="modify-btn btn-left"> <div class="modify-btn btn-left">
<svg class="my-svg-icon-aaa" @click="modifyLeftBtn" <svg class="my-svg-icon-aaa" @click="modifyLeftBtn"
@ -62,6 +67,7 @@
p-id="4998"></path> p-id="4998"></path>
</svg> </svg>
</div> </div>
<div style="display: flex;align-items: center;height: 782px;">
<div class="prj-info-list" v-if="scheduleInfo && JSON.stringify(scheduleInfo) != '{}'"> <div class="prj-info-list" v-if="scheduleInfo && JSON.stringify(scheduleInfo) != '{}'">
<div class="col-1" style="width:500px;padding-top:12px;"> <div class="col-1" style="width:500px;padding-top:12px;">
<el-carousel height="500px" v-if="scheduleInfo && scheduleInfo.images && scheduleInfo.images.length > 0"> <el-carousel height="500px" v-if="scheduleInfo && scheduleInfo.images && scheduleInfo.images.length > 0">
@ -126,6 +132,7 @@
<img src="images/nodata.png" style="width: 240px;"> <img src="images/nodata.png" style="width: 240px;">
<div style="text-align: center;">暂无数据</div> <div style="text-align: center;">暂无数据</div>
</div> </div>
</div>
</MyDialog> </MyDialog>
</template> </template>
@ -273,19 +280,6 @@ export default {
position: absolute; position: absolute;
top: 18px; top: 18px;
right: 400px; right: 400px;
.svg-icon {
width: 40px !important;
height: 40px !important;
cursor: pointer;
&.active {
* {
fill: aqua;
}
}
}
} }
.popup-project-introduction-details { .popup-project-introduction-details {

40
src/pages/style/index.less
View File

@ -1,3 +1,43 @@
.el-tooltip__popper{ .el-tooltip__popper{
max-width: 50%; max-width: 50%;
} }
.font-size-tools{
.set-font-size{
cursor: pointer;
position: relative;
&.active{
color: aqua;
.svg-icon{
*{
fill: aqua;
}
}
}
.svg-icon{
width: 40px !important;
height: 40px !important;
}
&.font-size2{
&::after{
content: "+";
font-style: normal;
right: 0px;
font-weight: bold;
position: absolute;
font-size: 16px !important;
}
margin-right:4px;
}
&.font-size0{
&::after{
content: "-";
font-style: normal;
right: 0px;
font-weight: bold;
position: absolute;
font-size: 16px !important;
}
}
}
}