appointment-mp/pages/manage/release/serviceShow/serviceShow.js

const {fetchGraphql} = require('../../../../utils/util.js');
const {servicebyprops} = require('../../../../config/gql.js');

Component({
    properties: {
        serverID: {
            type: String,
            observer(newVal, oldVal, changedPath) {
                this.setData({
                    services: '',
                    service: ''
                });
                if (newVal !== '') {
                    fetchGraphql(servicebyprops,
                        {server_id: newVal},
                        'services',
                        'servicebyprops',
                        this
                    )
                    .then(services => {
                        console.log(services);
                        wx.hideLoading()
                    });
                }
            }
        }
    },

    data: {
        services: '',
        service: ''
    },

    methods: {
        selectService(e) {
            let index = e.target.dataset.index;
            if(index === 'add') {
                this.setData({
                    service: {id: 'add', server_id: {id: this.properties.serverID}}
                })
            } else {
                this.setData({
                    service: this.data.services[index]
                })
            }
        }
    }
});