`#修改了灌木,调查点页面,

This commit is contained in:
slaughter 2020-07-30 15:53:59 +08:00
parent fb9da91013
commit 6a7e3b14a9
5 changed files with 196 additions and 43 deletions

View File

@ -176,14 +176,19 @@
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="植被亚型"> <el-form-item label="植被亚型">
<el-input @input="changeVegetation(form.vegetationsubtypes)" v-model="form.vegetationsubtypes"></el-input> <el-input @input="changeVegetation(form.vegetationsubtypes)" v-model="form.vegetationsubtypes"></el-input>
<div class="ab"> <div class="abz">
<div v-show="chi" @click="addchinese(v)" class="datachinese" v-for="(v,i) in datachinese" :key="i"> <div v-show="chitype" @click="addVegetation(v)" class="datachinese2" v-for="(v,i) in datavegetation" :key="i">
<div>{{v.scientificchinesename}}</div> <div>{{v.type}}</div>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="群系组"> <el-form-item label="群系组">
<el-input v-model="form.formationgroup"></el-input> <el-input @input="changeGroup(form.formationgroup)" v-model="form.formationgroup"></el-input>
<div class="abz">
<div v-show="chigroup" @click="addGroup(v)" class="datachinese2" v-for="(v,i) in dataGroup" :key="i">
<div>{{v.group}}</div>
</div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="群落"> <el-form-item label="群落">
<el-input v-model="form.formation"></el-input> <el-input v-model="form.formation"></el-input>
@ -219,6 +224,9 @@ export default {
datachinese1: '', datachinese1: '',
datalatin1: '', datalatin1: '',
datavegetation: '', datavegetation: '',
dataGroup: '',
chitype: false,
chigroup: true,
// chi1: true, // chi1: true,
// la1: true, // la1: true,
arrit: [{ arrit: [{
@ -411,6 +419,30 @@ export default {
}).catch(function (error) { }).catch(function (error) {
alert(error) alert(error)
}) })
//
// axios({
// method: 'get',
// // url: this.GLOBAL.baseURL + '/type/search/vegetationcommunity/?type=' + ''
// url: 'http://210.77.68.250:8081/type/search/vegetationcommunity?type='
// }).then(function (response) {
// _this.datavegetation = response.data.type_vegetationcommunity_data_list
// console.log(response)
// console.log(_this.datavegetation)
// }).catch(function (error) {
// alert(error)
// })
//
// axios({
// method: 'get',
// // url: this.GLOBAL.baseURL + '/type/search/vegetationcommunity/?type=' + ''
// url: 'http://210.77.68.250:8081/group/search/vegetationcommunity?group='
// }).then(function (response) {
// _this.dataGroup = response.data.group_vegetationcommunity_data_list
// console.log(response)
// console.log(_this.dataGroup)
// }).catch(function (error) {
// alert(error)
// })
}, },
methods: { methods: {
onSubmit () { onSubmit () {
@ -739,15 +771,47 @@ export default {
axios({ axios({
method: 'get', method: 'get',
url: this.GLOBAL.baseURL + '/type/search/vegetationcommunity/?type=' + val url: this.GLOBAL.baseURL + '/type/search/vegetationcommunity/?type=' + val
// url: 'http://210.77.68.250:8081/type/search/vegetationcommunity?type='
}).then(function (response) { }).then(function (response) {
_this.datavegetation = response.data.species_data_list _this.datavegetation = response.data.type_vegetationcommunity_data_list
console.log(response) console.log(response)
console.log(_this.datachinese) console.log(_this.datavegetation)
}).catch(function (error) { }).catch(function (error) {
alert(error) alert(error)
}) })
console.log('val' + val) console.log(val)
this.chi = true this.chitype = true
},
//
changeGroup (val) {
var _this = this
axios({
method: 'get',
url: this.GLOBAL.baseURL + '/group/search/vegetationcommunity?group=' + val
// url: 'http://210.77.68.250:8081/group/search/vegetationcommunity?group='
}).then(function (response) {
_this.dataGroup = response.data.group_vegetationcommunity_data_list
console.log(response)
console.log(_this.dataGroup)
}).catch(function (error) {
alert(error)
})
console.log(val)
this.chigroup = true
},
//
addVegetation (v) {
console.log(v)
this.form.vegetationsubtypes = v.type
this.chitype = false
this.form.formationgroup = v.group
},
//
addGroup (v) {
console.log(v)
this.form.formationgroup = v.group
this.chigroup = false
this.form.vegetationsubtypes = v.type
} }
} }
} }
@ -963,4 +1027,20 @@ export default {
width: 250px; width: 250px;
cursor: pointer; cursor: pointer;
} }
.abz {
position: absolute;
width: auto;
height: auto;
z-index: 99;
top: 40px;
left: 0;
}
.datachinese2 {
background-color: white;
opacity: 0.9;
height: 25px;
line-height: 25px;
width: 720px;
cursor: pointer;
}
</style> </style>

View File

@ -197,10 +197,20 @@
<!-- <el-input v-model="form.vegetation"></el-input>--> <!-- <el-input v-model="form.vegetation"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="植被亚型"> <el-form-item label="植被亚型">
<el-input v-model="form.vegetationsubtypes"></el-input> <el-input @input="changeVegetation(form.vegetationsubtypes)" v-model="form.vegetationsubtypes"></el-input>
<div class="abz">
<div v-show="chitype" @click="addVegetation(v)" class="datachinese2" v-for="(v,i) in datavegetation" :key="i">
<div>{{v.type}}</div>
</div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="群系组"> <el-form-item label="群系组">
<el-input v-model="form.formationgroup"></el-input> <el-input @input="changeGroup(form.formationgroup)" v-model="form.formationgroup"></el-input>
<div class="abz">
<div v-show="chigroup" @click="addGroup(v)" class="datachinese2" v-for="(v,i) in dataGroup" :key="i">
<div>{{v.group}}</div>
</div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="群落"> <el-form-item label="群落">
<el-input v-model="form.formation"></el-input> <el-input v-model="form.formation"></el-input>
@ -233,6 +243,10 @@ export default {
id: this.$route.query.id, id: this.$route.query.id,
datachinese1: '', datachinese1: '',
datalatin1: '', datalatin1: '',
datavegetation: '',
dataGroup: '',
chitype: false,
chigroup: true,
arrit: [{ arrit: [{
dominantspecieschinese: '', dominantspecieschinese: '',
dominantspecieslatin: '', dominantspecieslatin: '',
@ -766,6 +780,54 @@ export default {
}).catch(function (error) { }).catch(function (error) {
alert(error) alert(error)
}) })
},
//
changeVegetation (val) {
var _this = this
axios({
method: 'get',
url: this.GLOBAL.baseURL + '/type/search/vegetationcommunity/?type=' + val
// url: 'http://210.77.68.250:8081/type/search/vegetationcommunity?type='
}).then(function (response) {
_this.datavegetation = response.data.type_vegetationcommunity_data_list
console.log(response)
console.log(_this.datavegetation)
}).catch(function (error) {
alert(error)
})
console.log(val)
this.chitype = true
},
//
changeGroup (val) {
var _this = this
axios({
method: 'get',
url: this.GLOBAL.baseURL + '/group/search/vegetationcommunity?group=' + val
// url: 'http://210.77.68.250:8081/group/search/vegetationcommunity?group='
}).then(function (response) {
_this.dataGroup = response.data.group_vegetationcommunity_data_list
console.log(response)
console.log(_this.dataGroup)
}).catch(function (error) {
alert(error)
})
console.log(val)
this.chigroup = true
},
//
addVegetation (v) {
console.log(v)
this.form.vegetationsubtypes = v.type
this.chitype = false
this.form.formationgroup = v.group
},
//
addGroup (v) {
console.log(v)
this.form.formationgroup = v.group
this.chigroup = false
this.form.vegetationsubtypes = v.type
} }
} }
} }
@ -967,4 +1029,20 @@ export default {
width: 200px; width: 200px;
cursor: pointer; cursor: pointer;
} }
.abz {
position: absolute;
width: auto;
height: auto;
z-index: 99;
top: 40px;
left: 0;
}
.datachinese2 {
background-color: white;
opacity: 0.9;
height: 25px;
line-height: 25px;
width: 640px;
cursor: pointer;
}
</style> </style>

View File

@ -117,9 +117,14 @@
</div> </div>
</div> </div>
<el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col> <el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col>
<el-col :span="5">频度</el-col> <!-- <el-col :span="5">频度</el-col>-->
<el-col :span="7" style="position: relative"> <!-- <el-col :span="7" style="position: relative">-->
<el-input v-model="form.frequency" clearable></el-input> <!-- <el-input v-model="form.frequency" clearable></el-input>-->
<!-- </el-col>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 0px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col> </el-col>
<el-col :span="5">总干重</el-col> <el-col :span="5">总干重</el-col>
<el-col style="position: relative" :span="7"> <el-col style="position: relative" :span="7">
@ -141,11 +146,6 @@
</el-col> </el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 300px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">是否珍稀濒危植物</el-col> <el-col :span="5">是否珍稀濒危植物</el-col>
@ -222,9 +222,14 @@
</div> </div>
</div> </div>
<el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col> <el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col>
<el-col :span="5">频度</el-col> <!-- <el-col :span="5">频度</el-col>-->
<el-col :span="7" style="position: relative"> <!-- <el-col :span="7" style="position: relative">-->
<el-input v-model="form.frequency" clearable></el-input> <!-- <el-input v-model="form.frequency" clearable></el-input>-->
<!-- </el-col>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 0px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col> </el-col>
<el-col :span="5">总干重</el-col> <el-col :span="5">总干重</el-col>
<el-col style="position: relative" :span="7"> <el-col style="position: relative" :span="7">
@ -246,11 +251,6 @@
</el-col> </el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 300px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">是否珍稀濒危植物</el-col> <el-col :span="5">是否珍稀濒危植物</el-col>

View File

@ -107,9 +107,14 @@
</div> </div>
</div> </div>
<el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col> <el-col :span="24" style="margin-bottom: 10px"><p class="addthree1" title="点击复制冠幅、高度、生物量" @click="addthreeemethod">+</p></el-col>
<el-col :span="5">频度</el-col> <!-- <el-col :span="5">频度</el-col>-->
<el-col :span="7" style="position: relative"> <!-- <el-col :span="7" style="position: relative">-->
<el-input v-model="form.frequency" clearable></el-input> <!-- <el-input v-model="form.frequency" clearable></el-input>-->
<!-- </el-col>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 0px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col> </el-col>
<el-col :span="5">总干重</el-col> <el-col :span="5">总干重</el-col>
<el-col style="position: relative" :span="7"> <el-col style="position: relative" :span="7">
@ -131,11 +136,6 @@
</el-col> </el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">盖度</el-col>
<el-col style="position: relative;margin-right: 300px" :span="7">
<span style="position: absolute;right: -18px">%</span>
<el-input v-model="form.coverdegree" clearable></el-input>
</el-col>
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-row>--> <!-- <el-row>-->
<el-col :span="5">是否珍稀濒危植物</el-col> <el-col :span="5">是否珍稀濒危植物</el-col>

View File

@ -114,19 +114,14 @@
<!-- </div>--> <!-- </div>-->
<el-row> <el-row>
<el-col :span="22" offset="1"> <el-col :span="22" offset="1">
<el-col class="textt" :span="2"><div>频度</div></el-col> <!-- <el-col class="textt" :span="2"><div>频度</div></el-col>-->
<el-col :span="6"><div>{{f.frequency}}</div></el-col> <!-- <el-col :span="6"><div>{{f.frequency}}</div></el-col>-->
<el-col class="textt" :span="3"><div>多度</div></el-col> <el-col class="textt" :span="3"><div>多度</div></el-col>
<el-col :span="5"><div>{{f.abundance}} </div></el-col> <el-col :span="5"><div>{{f.abundance}} </div></el-col>
<el-col class="textt" :span="4"><div>总鲜重</div></el-col>
<el-col :span="4"><div>{{f.totalfreshweight}}g/100m<sup>2</sup></div></el-col>
</el-col>
</el-row>
<p class="line1"></p>
<el-row>
<el-col :span="22" offset="1">
<el-col class="textt" :span="3"><div>总干重</div></el-col> <el-col class="textt" :span="3"><div>总干重</div></el-col>
<el-col :span="5"><div>{{f.totaldryweight}} g/100m<sup>2</sup></div></el-col> <el-col :span="5"><div>{{f.totaldryweight}} g/100m<sup>2</sup></div></el-col>
<el-col class="textt" :span="4"><div>总鲜重</div></el-col>
<el-col :span="4"><div>{{f.totalfreshweight}}g/100m<sup>2</sup></div></el-col>
</el-col> </el-col>
</el-row> </el-row>
<p class="line1"></p> <p class="line1"></p>