|
@@ -5,54 +5,59 @@
|
|
<span class="pange_text">监测图斑管理</span>
|
|
<span class="pange_text">监测图斑管理</span>
|
|
<span class="exportBtn">导入</span>
|
|
<span class="exportBtn">导入</span>
|
|
</h2>
|
|
</h2>
|
|
- <div class="headerSelect">
|
|
|
|
- <el-select
|
|
|
|
- v-model="yearsVal"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- @change="yearsChange"
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in yearsOpt"
|
|
|
|
- :key="item.quarter"
|
|
|
|
- :label="item.quarter"
|
|
|
|
- :value="item"
|
|
|
|
|
|
+ <div class="gdzl">
|
|
|
|
+ <div class="el-col headerSelect">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="yearsVal"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ @change="yearsChange"
|
|
|
|
+ size="mini"
|
|
>
|
|
>
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
- <el-cascader
|
|
|
|
- v-model="updateObj.region"
|
|
|
|
- :show-all-levels="false"
|
|
|
|
- :options="store.state.region_tree"
|
|
|
|
- @change="regionChange1"
|
|
|
|
- placeholder="行政区"
|
|
|
|
- size="mini"
|
|
|
|
- :props="{
|
|
|
|
- checkStrictly: true,
|
|
|
|
- expandTrigger: 'hover',
|
|
|
|
- emitPath: false,
|
|
|
|
- }"
|
|
|
|
- ></el-cascader>
|
|
|
|
- <el-select
|
|
|
|
- v-model="monitorVal"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- @change="typeChange"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in monitorOpt"
|
|
|
|
- :key="item.dictCode"
|
|
|
|
- :label="item.dictValue"
|
|
|
|
- :value="item.dictCode"
|
|
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in yearsOpt"
|
|
|
|
+ :key="item.quarter"
|
|
|
|
+ :label="item.quarter"
|
|
|
|
+ :value="item"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <el-cascader
|
|
|
|
+ v-model="updateObj.region"
|
|
|
|
+ :show-all-levels="false"
|
|
|
|
+ :options="store.state.region_tree"
|
|
|
|
+ @change="regionChange1"
|
|
|
|
+ placeholder="行政区"
|
|
|
|
+ size="mini"
|
|
|
|
+ :props="{
|
|
|
|
+ checkStrictly: true,
|
|
|
|
+ expandTrigger: 'hover',
|
|
|
|
+ emitPath: false,
|
|
|
|
+ }"
|
|
|
|
+ ></el-cascader>
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="monitorVal"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ @change="typeChange"
|
|
|
|
+ clearable
|
|
|
|
+ size="mini"
|
|
>
|
|
>
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in monitorOpt"
|
|
|
|
+ :key="item.dictCode"
|
|
|
|
+ :label="item.dictValue"
|
|
|
|
+ :value="item.dictCode"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
<div>
|
|
<div>
|
|
<el-tabs
|
|
<el-tabs
|
|
type="border-card"
|
|
type="border-card"
|
|
v-model="activeTabs"
|
|
v-model="activeTabs"
|
|
- class="xz_box"
|
|
|
|
stretch
|
|
stretch
|
|
|
|
+ class="xz_box"
|
|
@tab-click="tabClick"
|
|
@tab-click="tabClick"
|
|
>
|
|
>
|
|
<el-tab-pane label="图斑总览" name="tbzl">
|
|
<el-tab-pane label="图斑总览" name="tbzl">
|
|
@@ -373,22 +378,28 @@ export default {
|
|
margin: 5px 0px;
|
|
margin: 5px 0px;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+ /deep/ .el-select{
|
|
|
|
+ padding: 0 10px;
|
|
|
|
+ }
|
|
/deep/ .el-input--suffix .el-input__inner {
|
|
/deep/ .el-input--suffix .el-input__inner {
|
|
padding-right: 15px;
|
|
padding-right: 15px;
|
|
- height: 26px;
|
|
|
|
- background-color: transparent;
|
|
|
|
- border: none;
|
|
|
|
|
|
+ // height: 26px;
|
|
|
|
+ background: #041c3273 !important;
|
|
|
|
+ border: 1px dashed #0f7ac8;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
/deep/ .el-cascader {
|
|
/deep/ .el-cascader {
|
|
- line-height: 26px;
|
|
|
|
|
|
+ // line-height: 26px;
|
|
}
|
|
}
|
|
/deep/.el-input__icon {
|
|
/deep/.el-input__icon {
|
|
- line-height: 1;
|
|
|
|
|
|
+ // line-height: 1;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
/deep/ .el-input__inner::placeholder {
|
|
/deep/ .el-input__inner::placeholder {
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+.xz_box{
|
|
|
|
+ padding-top: 0px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|