const App = {
    mixins: [sharedMixin], /////共用的方法/////
    data() {
        return {
            dialogBrand: false,
            searchData: {
                page: 1,
                page_size: 20,
                kw: '',
            },
            loading: false,
            bigvInfoList: [],
            other: {},
            brandInfo: {},
            dialogVisible_Picture: false,
            brand_id: 0,
            bigvInfoFilingsList: [],
            brandAgreementList: [],
            brandCertList: [],
            loading_brand_agreement: false,
            loading_brand_cert: false,
            previewImageUrl: '',
        };
    },
    mounted() {
        this.getBigvInfoList();
    },
    created() { },
    methods: {
        updateExt(row, field) {
            if (row.id) {
                let that = this;
                let url = "/admin/bigvInfo/updateExt.html"
                postRequest(url, { id: row.id, [field]: row[field] }).then(res => {
                    if (res.data.code == 200) {
                        that.$notify({
                            title: "成功",
                            message: res.data.message,
                            position: "top-left",
                            type: "success",
                        });
                    }
                    else {
                        that.$notify.error({
                            title: "错误",
                            position: "top-left",
                            message: res.data.message,
                        });
                    }
                });
            }
        },

        ////下面待修改///
        reviewBigvInfo(status) {
            const that = this;
            let tips = ''
            if (status == 1) {
                tips = '确定通过审核吗？'
            } else {
                tips = '确定不通过审核吗？'
            }

            that.$confirm(
                tips,
                '警告',
                {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true,
                }
            ).then(() => {
                let url = "/admin/bigvInfo/reviewBigvInfo.html"
                postRequest(url, { brand_id: that.brand_id, status: status }).then(res => {
                    if (res.data.code == 200) {
                        that.$notify({
                            title: '成功',
                            message: res.data.message,
                            position: 'top-left',
                            type: 'success',
                            duration: 1000,
                        });
                        that.dialogBrand = false
                        that.getBigvInfoList();
                    }
                    else {
                        that.$notify.error({
                            title: '错误',
                            position: 'top-left',
                            message: res.data.message
                        });

                    }
                });
                /////////////				
            }).catch(() => {
                //取消,不做处理
            })

        },
        // 获取备案范围列表
        getBigvInfoFilingsList() {
            const that = this;
            const url = "/admin/bigvInfo/getBigvInfoFilingsList.html";
            postRequest(url, { brand_id: that.brand_id }).then((res) => {
                if (res.data.code === 200) {
                    that.bigvInfoFilingsList = res.data.list;
                }
            }).catch((error) => {
                // 处理请求失败的情况

            })
        },
        // 获取授权协议列表
        getBrandAgreementList() {
            const that = this;
            that.loading_brand_agreement = true;
            const url = "/admin/bigvInfo/getBrandAgreementList.html";
            postRequest(url, { brand_id: that.brand_id }).then((res) => {
                that.loading_brand_agreement = false;
                if (res.data.code === 200) {
                    that.brandAgreementList = res.data.list;////商品附件列表          
                }
            }).catch((error) => {
                // 处理请求失败的情况
                that.loading_brand_agreement = false;
            });
        },
        // 获取品牌证书列表
        getBrandCertList() {
            const that = this;
            that.loading_brand_cert = true;
            const url = "/admin/bigvInfo/getBrandCertList.html";
            postRequest(url, { brand_id: that.brand_id }).then((res) => {
                that.loading_brand_cert = false;
                if (res.data.code === 200) {
                    that.brandCertList = res.data.list;////商品附件列表          
                }
            }).catch((error) => {
                // 处理请求失败的情况
                that.loading_brand_cert = false;
            });
        },
        previewPictureCard(url) {
            this.previewImageUrl = url
            this.dialogVisible_Picture = true
        },
        showBrand(row) {
            let that = this;
            that.dialogBrand = true
            that.brandInfo = row;
            that.brand_id = row.id
            that.getBigvInfoFilingsList();
            that.getBrandAgreementList();
            that.getBrandCertList();
        },
        ///改变翻页中的每页设置多少条数据///////
        handleSizeChange(page_size) {
            this.searchData.page_size = page_size;
            this.getBigvInfoList();
        },

        ///改变翻页中的当前页///////
        handleCurrentChange(page) {
            this.searchData.page = page;
            this.getBigvInfoList();
        },
        /////获取品牌列表/////
        getBigvInfoList() {
            let that = this;
            let url = "/admin/bigvInfo/getBigvInfoList.html"

            postRequest(url, that.searchData).then(res => {
                console.log(res.data);

                if (res.data.code == 200) {
                    that.bigvInfoList = res.data.list;
                    that.other = res.data.other;
                }
            });
        },
    }
};
const app = Vue.createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.use(ElementPlus, {
    locale: ElementPlusLocaleZhCn,
});
app.mount("#vue_item");