update code
parent
959fae1b74
commit
7a66d7f171
1435
src/pages/index.vue
1435
src/pages/index.vue
File diff suppressed because it is too large
Load Diff
|
@ -9,24 +9,34 @@
|
|||
</div>
|
||||
</template>
|
||||
<div class="font-size-tools">
|
||||
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''"
|
||||
style="width: 1.287109375em;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="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" :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>
|
||||
</svg>
|
||||
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''"
|
||||
style="width: 1.287109375em;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">
|
||||
<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"
|
||||
fill="" p-id="1692"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'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>
|
||||
<i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'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>
|
||||
<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 class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px;">
|
||||
<div v-show="nav == 0" v-for="(it, idx) in tableData1" class="data-item">
|
||||
|
@ -52,16 +62,7 @@
|
|||
<img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span>
|
||||
<div class="div-text">{{ it.date }}</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 v-show="nav == 1" v-for="(it, idx) in tableData2" class="data-item">
|
||||
<el-row class="data-row" >
|
||||
|
@ -117,15 +118,7 @@
|
|||
<div class="div-text">
|
||||
<div class="text-more-2" style="color:#01A9FF;" :title="it.date">{{ it.date}}</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;">
|
||||
<img src="images/nodata.png" style="width: 240px;">
|
||||
|
@ -361,20 +354,7 @@ export default {
|
|||
position: absolute;
|
||||
top: -40px;
|
||||
right: 100px;
|
||||
|
||||
.svg-icon {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
cursor: pointer;
|
||||
*{
|
||||
fill: #fff;
|
||||
}
|
||||
&.active{
|
||||
*{
|
||||
fill: aqua;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.popup-project-introduction-min {
|
||||
|
|
|
@ -4,24 +4,34 @@
|
|||
<template slot="title">项目季度考核目标</template>
|
||||
<div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px 0px;">
|
||||
<div class="font-size-tools">
|
||||
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''"
|
||||
style="width: 1.287109375em;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="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" :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>
|
||||
</svg>
|
||||
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''"
|
||||
style="width: 1.287109375em;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">
|
||||
<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"
|
||||
fill="" p-id="1692"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'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>
|
||||
<i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'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>
|
||||
<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 v-for="(it, idx) in tableData" class="data-item">
|
||||
<el-row class="data-row" >
|
||||
|
||||
|
@ -176,21 +186,7 @@ export default {
|
|||
.font-size-tools {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
right: 100px;
|
||||
|
||||
.svg-icon {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
cursor: pointer;
|
||||
*{
|
||||
fill: #fff;
|
||||
}
|
||||
&.active{
|
||||
*{
|
||||
fill: aqua;
|
||||
}
|
||||
}
|
||||
}
|
||||
right: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="progress-dlg3" :class="'font-size-' + fontSize">
|
||||
<template slot="title">
|
||||
<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 class="head-title-select" @mouseleave="hideScreenUlSel2" v-if="localStorage2">
|
||||
<div class="head-select">
|
||||
|
@ -21,28 +21,33 @@
|
|||
|
||||
</template>
|
||||
<div class="font-size-tools">
|
||||
<svg class="icon svg-icon" @click="fontSize = 2" :class="fontSize==2?'active':''"
|
||||
style="width: 1.287109375em;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="1675">
|
||||
<i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'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="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':''"
|
||||
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>
|
||||
<i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'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>
|
||||
<svg class="icon svg-icon" @click="fontSize = 0" :class="fontSize==0?'active':''"
|
||||
style="width: 1.287109375em;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">
|
||||
</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="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"
|
||||
fill="" p-id="1692"></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 class="modify-btn btn-left">
|
||||
<svg class="my-svg-icon-aaa" @click="modifyLeftBtn"
|
||||
|
@ -62,6 +67,7 @@
|
|||
p-id="4998"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;height: 782px;">
|
||||
<div class="prj-info-list" v-if="scheduleInfo && JSON.stringify(scheduleInfo) != '{}'">
|
||||
<div class="col-1" style="width:500px;padding-top:12px;">
|
||||
<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;">
|
||||
<div style="text-align: center;">暂无数据</div>
|
||||
</div>
|
||||
</div>
|
||||
</MyDialog>
|
||||
</template>
|
||||
|
||||
|
@ -273,19 +280,6 @@ export default {
|
|||
position: absolute;
|
||||
top: 18px;
|
||||
right: 400px;
|
||||
|
||||
.svg-icon {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
cursor: pointer;
|
||||
|
||||
&.active {
|
||||
* {
|
||||
fill: aqua;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.popup-project-introduction-details {
|
||||
|
|
|
@ -335,11 +335,11 @@ export default {
|
|||
this.init()
|
||||
},
|
||||
mounted() {
|
||||
this.$bus.$on("projectChange",res=>{
|
||||
this.$bus.$on("projectChange",res=>{
|
||||
this.loadProjectConstructionProgress();
|
||||
});
|
||||
this.$bus.$on("loadProjects",prjs=>{
|
||||
this.projects=prjs;
|
||||
this.projects=prjs;
|
||||
})
|
||||
this.$bus.$on("deptChange",dept=>{
|
||||
this.$api.quarterlyAssess.currentListByDept(dept.id).then(d=>{
|
||||
|
|
|
@ -1,3 +1,43 @@
|
|||
.el-tooltip__popper{
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue