You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
2.9 KiB
98 lines
2.9 KiB
12 months ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="user-con">
|
||
|
|
<div class="user-top"></div>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="container" style="padding-right: 0">
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user">
|
||
|
|
<van-image width="60" height="60" round class="hand" :src="userInfo.headImgUrl" />
|
||
|
|
<div class="name">
|
||
|
|
<div class="text">{{ userInfo.realName ? userInfo.realName : userInfo.nickname }}</div>
|
||
|
|
<div class="grid">
|
||
|
|
<svg-icon iconClass="grid" class-name="img" />
|
||
|
|
{{ userInfo.agencyName }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="edit" @click="$router.push('/userInfo/edit')">
|
||
|
|
<svg-icon iconClass="edit" />
|
||
|
|
<span>编辑</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
<div class="container">
|
||
|
|
<div class="cell-group">
|
||
|
|
<van-cell required is-link title="意见类型" @click="onShowPicker()">
|
||
|
|
<div>{{ cascaderValue }}</div>
|
||
|
|
</van-cell>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="cell-group">
|
||
|
|
<div class="textarea"> <van-field v-model="eventContent" autosize label="诉求描述" maxlength="500"
|
||
|
|
placeholder="不超过500字" required rows="6" type="textarea">
|
||
|
|
</van-field></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<van-popup v-model="showType" position="bottom">
|
||
|
|
<van-cascader v-model="cascaderValue" title="请选择所属类别" :options="cateOptions" @close="show = false"
|
||
|
|
:field-names="{ text: 'categoryName', value: 'categoryCode', children: 'children', }" @finish="onChange"
|
||
|
|
/>
|
||
|
|
<!-- <van-cascader :options="cateOptions"
|
||
|
|
:height="400"
|
||
|
|
@close="close1" @change="onChange" /> -->
|
||
|
|
</van-popup>
|
||
|
|
<div style="width: 100%;" class="flex flex-center1 flex-center2 ">
|
||
|
|
<van-button style="width: 300px;" round block @click="submit" color="linear-gradient(to right, #81B5FB, #3E92FF)">提交</van-button>
|
||
|
|
</div>
|
||
|
|
<Android @send-number="handleNumber"></Android>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'mine',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
cascaderValue:"请选择",
|
||
|
|
userInfo: {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components:{
|
||
|
|
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.$nextTick(()=>{
|
||
|
|
setTimeout(()=>{
|
||
|
|
this.userInfo = this.$store.state.app.userInfo;
|
||
|
|
},500)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleNumber(value){
|
||
|
|
console.log(value,"wl kgnsl, ");
|
||
|
|
this.phone=value
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
@import './index';
|
||
|
|
.textarea {
|
||
|
|
/deep/ .van-cell {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
/deep/ .van-field__label {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
/deep/ .van-cell__value {
|
||
|
|
margin-top: 20px;
|
||
|
|
background: #F7F7F7;
|
||
|
|
padding: 14px 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|