分险排名页面增加站点清单 辅助审核增加了选择日期以及查看详情页面的样式调整

zmc

2023-10-26 73b40d54554307ced5aab5b89dff6e1980e8a242

 src/sfc/AreaAndmonitorType.vue

@@ -6,6 +6,13 @@

<script>
  export default {
    props:{ 
      isHideArea:{
        type:Number,
        default:0
      }
     
    },
    emits:['submitArea','submitMonitore'],
        
    data() {
@@ -40,7 +47,8 @@
</script>

<template>
<el-space>
<div class="container">
  <div class="container-text" v-show="!isHideArea"> 
    <el-text size="large" class="text">区域：</el-text>
    <el-select v-model="areaValue" disabled placeholder="Select" size="default"  @change="submitAreaValue">
    <el-option
@@ -50,7 +58,10 @@
      :value="item"
    />
  </el-select>
  <el-text class="text">监测类型</el-text>
</div>

<div>
  <el-text class="text">监测类型：</el-text>
    <el-select v-model="monitorValue"  disabled  placeholder="Select" size="default"  @change="submitMonitorValue">
    <el-option
      v-for="item in monitorTypes"
@@ -59,7 +70,8 @@
      :value="item"
    />
  </el-select>
</el-space>
</div>
</div>

</template>

@@ -67,11 +79,16 @@
.el-select {
    width: 100px;
}
.el-space {
  /* margin-top: 5px; */
.container {
  display: flex;
}
.container-text {
  margin-right: 30px;
}
.text {
  color: black;
  font-size: 16px;
  
  color: #333333;
  font-size: 14px;
}

</style>