kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

地区

Browse Source
This commit is contained in:
shijingjing
2022-05-20 10:37:11 +08:00
parent 561b257674
commit b496126994
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/apps/AppHelpDeclaration/list.vue
View File

@@ -6,15 +6,14 @@
</div> </div>
<div class="select-box"> <div class="select-box">
<div class="left"> <div class="left">
<!-- :areaId="user.areaId" @select="areaSelect" select-root --> <AiAreaPicker v-model="areaId" :areaId="user.areaId" :name.sync="areaName" @select="areaSelect" selectRoot>
<AiAreaPicker v-model="areaId" :name.sync="areaName">
<div> <div>
<span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span> <span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span>
<span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span> <span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon>
</div> </div>
</AiAreaPicker> </AiAreaPicker>
<u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon> <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24"></u-icon>
</div> </div>
<div class="right"> <div class="right">
<AiSelect dict="helpDeclarationReason" v-model="declareReason"> <AiSelect dict="helpDeclarationReason" v-model="declareReason">
@@ -22,7 +21,8 @@
<span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span> <span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
</AiSelect> </AiSelect>
<u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px; display:inline-block;"></u-icon> <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24"></u-icon>
<!-- style="margin-left: 4px;width: 14px; display:inline-block;" -->
</div> </div>
</div> </div>
</AiTopFixed> </AiTopFixed>
@@ -52,6 +52,7 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex'
export default { export default {
data() { data() {
return { return {
@@ -64,6 +65,9 @@ export default {
list: [], list: [],
} }
}, },
computed: {
...mapState(['user'])
},
onShow() { onShow() {
this.$dict.load('helpDeclarationStatus').then(() => { this.$dict.load('helpDeclarationStatus').then(() => {
uni.$on('update', () => { uni.$on('update', () => {
@@ -80,6 +84,14 @@ export default {
this.getList() this.getList()
}, },
areaSelect(e) {
console.log(e);
this.areaId =e
this.$nextTick(() => {
this.getList()
})
},
clearArea() { clearArea() {
this.areaId = '', this.areaId = '',
this.areaName = '', this.areaName = '',
@@ -181,6 +193,9 @@ export default {
::v-deep .u-icon .uicon-close-circle{ ::v-deep .u-icon .uicon-close-circle{
top: -96px !important; top: -96px !important;
left: 80px; left: 80px;
margin-left: 30px;
width: 14px;
display:inline-block;
} }
} }
} }