|
@@ -9,28 +9,34 @@
|
|
|
<el-image style="width: 9.5rem; height: 9.5rem" :src=r></el-image>
|
|
|
</div>
|
|
|
<div class="block" @click="getSpecialMonitor()">
|
|
|
- <el-image style="width: 9.5rem; height: 9.5rem" :src=s></el-image>
|
|
|
+ <el-image class="imagee" style="width: 9.5rem; height: 9.5rem" :src=s></el-image>
|
|
|
+ </div>
|
|
|
+ <div class="block" @click="getReturnTask()">
|
|
|
+ <el-image class="imagee" style="width: 9.5rem; height: 9.5rem" :src = re></el-image>
|
|
|
</div>
|
|
|
<div class="block" @click="getSubjectInformation()">
|
|
|
- <el-image style="width: 9.5rem; height: 9.5rem" :src=p></el-image>
|
|
|
+ <el-image class="imagee" style="width: 9.5rem; height: 9.5rem" :src=p></el-image>
|
|
|
+ </div>
|
|
|
+ <div class="block" @click="getDataStatistic()">
|
|
|
+ <el-image class="imagee" style="width: 9.5rem; height: 9.5rem" :src=ds></el-image>
|
|
|
</div>
|
|
|
<div class="block" @click="getsy()">
|
|
|
- <el-image style="width: 9.5rem; height: 9.5rem" :src=sy></el-image>
|
|
|
+ <el-image class="imagee" style="width: 9.5rem; height: 9.5rem" :src=sy></el-image>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div id="charts">
|
|
|
+ <!-- <div id="charts">
|
|
|
<div class="chart">
|
|
|
<tasksChart taskClass = "例行监测"></tasksChart>
|
|
|
</div>
|
|
|
<div>
|
|
|
<tasksChart taskClass = "专项监测"></tasksChart>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!-- <mutiChart></mutiChart> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import tasksChart from './tasksChart'
|
|
|
+// import tasksChart from './tasksChart'
|
|
|
// import mutiChart from './mutiChart'
|
|
|
export default {
|
|
|
|
|
@@ -39,14 +45,16 @@ export default {
|
|
|
return {
|
|
|
r: require('../../assets/img/routineMo.png'),
|
|
|
s: require('../../assets/img/specialMo.png'),
|
|
|
+ re: require('../../assets/img/returnTask.png'),
|
|
|
p: require('../../assets/img/personalCenter.png'),
|
|
|
+ ds: require('../../assets/img/datastatistic.png'),
|
|
|
sy: require('../../assets/img/systemIntroduction.png')
|
|
|
}
|
|
|
},
|
|
|
- components: {
|
|
|
- tasksChart,
|
|
|
- // mutiChart
|
|
|
- },
|
|
|
+ // components: {
|
|
|
+ // tasksChart,
|
|
|
+ // // mutiChart
|
|
|
+ // },
|
|
|
mounted() {
|
|
|
},
|
|
|
created() {
|
|
@@ -63,11 +71,21 @@ export default {
|
|
|
path: '/jc/specialMonitorcd',
|
|
|
})
|
|
|
},
|
|
|
+ async getReturnTask() {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/jc/returnTaskcd',
|
|
|
+ })
|
|
|
+ },
|
|
|
async getSubjectInformation() {
|
|
|
this.$router.push({
|
|
|
path: '/jc/subjectInformation'
|
|
|
})
|
|
|
},
|
|
|
+ async getDataStatistic() {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/jc/dataStatistics'
|
|
|
+ })
|
|
|
+ },
|
|
|
async getsy() {
|
|
|
this.$router.push({
|
|
|
path: '/jc/systemIntroduce'
|
|
@@ -82,20 +100,30 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- height: 35%;
|
|
|
+ height: 30rem;
|
|
|
margin-bottom: 1.25rem;
|
|
|
.block{
|
|
|
margin: 1.25rem 1.25rem;
|
|
|
}
|
|
|
- }
|
|
|
- #charts{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- .chart{
|
|
|
- margin-right: 8rem;
|
|
|
+ .block:hover {
|
|
|
+ // box-shadow: 0px 0px 0px #ccc;
|
|
|
+ transition-duration: 0.4s;
|
|
|
+ transform: scale(1.05);
|
|
|
+ // z-index: 10;
|
|
|
+ // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
|
|
|
}
|
|
|
- .tasksChart{
|
|
|
- margin: 1.875rem;
|
|
|
+ .imagee{
|
|
|
+ box-shadow: 8px 5px 20px #cecece;
|
|
|
}
|
|
|
}
|
|
|
+ // #charts{
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // .chart{
|
|
|
+ // margin-right: 8rem;
|
|
|
+ // }
|
|
|
+ // .tasksChart{
|
|
|
+ // margin: 1.875rem;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
</style>
|