qimall/addons/QiJuhe/backend/views/category/index.php

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <div>
                <span>分类导入</span>
            </div>
        </div>
        <div class="form-body">
            <el-form :model="ruleForm" label-width="60px" size="small">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="供应商" prop="app_key">

                            <el-select v-model="ruleForm.supply_id" placeholder="请选择">
                                <el-option v-for="item in supplyList" :key="item.id" :label="item.app_name" :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
        <el-button :loading="importLoading" class="button-item" size="small" type="primary" @click="importCategory">获取分类
        </el-button>
    </el-card>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                activeIndex: 1,
                loading: false,
                importLoading: false,
                ruleForm: {
                    supply_id:undefined
                },
                supplyList:{},
            };
        },
        created() {
            // this.loadData();
        },
        methods: {
            importCategory() {
                console.log(this.ruleForm)
                request({
                    params: {
                        r: 'qi-juhe/category/import',
                        supply_id: this.ruleForm.supply_id,
                    },
                    method: 'get',
                }).then(e => {
                    this.importLoading = false;
                    if (e.data.code === 0) {
                        this.$message.success(e.data.msg);
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {});
            },

            getSupply(){
                request({
                    params: {
                        r: 'qi-juhe/supplys/index',
                    },
                    method: 'get',
                }).then(e => {
                    if (e.data.code === 0) {
                        this.supplyList = e.data.data.list
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {});
            }
        },
        computed: {
        },
        mounted:function () {
            this.getSupply();
        }
    });
</script>
<style>
</style>