2

schangxiang@126.com

2024-06-12 e1ab660bbe63db8c5382550a2f49247d3aa51c3a

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<template>
    <header-page-layout ref="header" title="接口域名设置" base-background-color="#f8f8ff" background-color="#ffffff" @headerclick="onHeaderClick">
        <template v-slot:headerleft><u-icon name="arrow-left"></u-icon></template>
        <view class="setting-host-page page-padding">
            <u--form ref="form" :model="form" :rules="rules" :labelWidth="0">
                <u-form-item prop="host">
                    <u--input v-model.trim="form.host" clearable placeholder="请输入域名"></u--input>
                </u-form-item>
            </u--form>
        </view>
        <template v-slot:footer>
            <view class="page-padding page-footer-padding">
                <u-button type="primary" text="保 存" @click="onSave"></u-button>
            </view>
        </template>
    </header-page-layout>
</template>
 
<script>
import HeaderPageLayout from '@/components/HeaderPageLayout.vue'
export default {
    name:'hostSettingPage',
    components:{HeaderPageLayout},
    data(){
        return {
            form:{
                host:''
            },
            rules:{
                host:{
                    trigger:['blur'],
                    required: true,
                    message:'请输入域名！'
                }
            }
        }
    },
    methods:{
        onHeaderClick(type){
            if (type==='left') {
                this.goBack()
            }
        },
        goBack(){
            uni.redirectTo({url:this.$config.path.login})
        },
        onSave(){
            this.$refs.form.validate().then(res=>{
                let newHost = this.form.host;
                if (newHost.substr(newHost.length-1)==='/'){
                    newHost = newHost.substr(0,newHost.length-1)
                }
                this.$store.commit('system/setHost',newHost)
                
                uni.showToast({
                    icon:'success',
                    title: '保存成功'
                });
                
                this.goBack()
            }).catch(errors=>{
                
            })
        }
    },
    onReady() {
        let shost = this.$store.getters['system/getHost'];
        if (!shost) {
            shost = this.$config.ajax.host.default;
        }
        this.form.host = shost
    }
}
</script>
 
<style lang="scss" scoped>
.header-icon-btn{
    font-size: 1.3rem;
}
.page-padding{
    padding: 0 30rpx;
}
.page-footer-padding{
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}
.setting-host-page{
    padding-top: 30rpx;
}
</style>