|
|
@@ -1,61 +1,33 @@
|
|
|
<template>
|
|
|
- <div class="map-range">
|
|
|
- <div class="xz_type">
|
|
|
- <div
|
|
|
- class="keyitem"
|
|
|
- v-for="key in keys"
|
|
|
- :key="key"
|
|
|
- @click="onChangeRange(fwlist[key].id)"
|
|
|
+ <div class="map-range fwlxrange">
|
|
|
+ <div :class="model.xzmj == 0 ? 'pointer' : ''" @click="drawMap">
|
|
|
+ <el-button plain v-if="model.xzmj == 0" icon="edit-pen" size="mini"
|
|
|
+ >绘制范围</el-button
|
|
|
>
|
|
|
- <!-- <component
|
|
|
- :is="fwlist[key].icon"
|
|
|
- :style="
|
|
|
- model.fwlx == fwlist[key].id
|
|
|
- ? 'color:#409eff;height:30px'
|
|
|
- : 'height:30px'
|
|
|
- "
|
|
|
- ></component> -->
|
|
|
- <span :style="model.fwlx == fwlist[key].id ? 'color:#409eff' : ''">{{
|
|
|
- fwlist[key].name
|
|
|
- }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div v-if="model.fwlx == 1" style="width: 90%" class="fwlxrange">
|
|
|
- <div :class="model.xzmj == 0 ? 'pointer' : ''" @click="drawMap">
|
|
|
- <el-button plain v-if="model.xzmj == 0" icon="edit-pen" size="mini"
|
|
|
- >绘制范围</el-button
|
|
|
- >
|
|
|
- <span v-if="model.xzmj != 0">{{ model.xzmj }} m²</span>
|
|
|
- </div>
|
|
|
- <div @click="clearAll">清除</div>
|
|
|
- </div>
|
|
|
- <div v-if="model.fwlx == 2" class="fwlxrange">
|
|
|
- <el-upload
|
|
|
- class="upload-demo"
|
|
|
- :on-change="handleChange"
|
|
|
- :auto-upload="false"
|
|
|
- :show-file-list="false"
|
|
|
- :file-list="fileList"
|
|
|
- >
|
|
|
- <el-tooltip
|
|
|
- v-if="fileList.length > 0"
|
|
|
- :content="fileList[0].name"
|
|
|
- placement="bottom-start"
|
|
|
- effect="light"
|
|
|
- >
|
|
|
- <span
|
|
|
- class="title-item"
|
|
|
- style="display: inline-block; width: 100%"
|
|
|
- >{{ fileList[0].name }}</span
|
|
|
- >
|
|
|
- </el-tooltip>
|
|
|
- <el-button v-else class="upload-btn" icon="Upload" size="mini"
|
|
|
- >上传文件</el-button
|
|
|
- >
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
+ <span v-if="model.xzmj != 0">{{ model.xzmj }} m²</span>
|
|
|
</div>
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :auto-upload="false"
|
|
|
+ :show-file-list="false"
|
|
|
+ :file-list="fileList"
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ v-if="fileList.length > 0"
|
|
|
+ :content="fileList[0].name"
|
|
|
+ placement="bottom-start"
|
|
|
+ effect="light"
|
|
|
+ >
|
|
|
+ <span class="title-item" style="display: inline-block; width: 100%">{{
|
|
|
+ fileList[0].name
|
|
|
+ }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-button v-else class="upload-btn" icon="Upload" size="mini"
|
|
|
+ >上传文件</el-button
|
|
|
+ >
|
|
|
+ </el-upload>
|
|
|
+ <div class="clear" @click="clearAll">清除</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -239,8 +211,10 @@ export default {
|
|
|
.fwlxrange {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- }
|
|
|
- .upload-demo {
|
|
|
+ text-align: center;
|
|
|
+ .clear {
|
|
|
+ width: 80px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
