<template>
    <view class="px3">
        <input
            v-if="name"
            type="text"
            v-model="name"
            placeholder="请输入姓名"
            placeholder-class="placeholder-class"
        />
        <input
            v-if="department"
            type="text"
            v-model="department"
            placeholder="请输入部门"
            placeholder-class="placeholder-class"
        />
        <button class="main-color-bg text-color-white mt-3" @tap="submit">保存</button>
    </view>
</template>

<script>
export default {
    data() {
        return {
            name: '',
            department: ''
        };
    },
    onLoad(options) {
        if (options && options.name) {
            uni.setNavigationBarTitle({
                title: '设置姓名'
            });
            this.name = options.name;
        } else if (options && options.department) {
            uni.setNavigationBarTitle({
                title: '设置部门'
            });
            this.department = options.department;
        }
    },
    methods: {
        submit() {}
    }
};
</script>

<style lang="less" scoped>
input {
    height: 100rpx;
    border-bottom: 1rpx solid #f4f4f4;
}
</style>
