const App = {
    mixins: [sharedMixin],/////共用的方法/////
    data() {
        return {
            loading: false,
            dialog: {
                addDialogStatus: false,
            },
            Add_title: "新增语言",
            currindex: '',
            direction: 'ltr',
            clearable: false,
            useritem: {},
            list: [],
            other: {},
            clearable: false,
            searchdata: {
                page: 1,
                page_size: 50,
                kw: '',
            },
            Add_form: { id: 0 },
            dialogImageUrl: '',
            dialogVisible_img: false,
            rules: {
                name: [
                    { required: true, message: '请输入语言名称(中文)', trigger: 'blur' },
                ],
                name_loc: [
                    { required: true, message: '请输入语言名称', trigger: 'blur' },
                ],
                symbol: [
                    { required: true, message: '请输入语言标识', trigger: 'blur' },
                ],
                trans_symbol: [
                    { required: true, message: '请输入翻译标识', trigger: 'blur' },
                ],
            }
        };
    },
    mounted() {
        this.index();
    },
    created() { },
    methods: {
        ///修改扩展字段的值////
        updateExt(row, field) {
            if (row.id) {
                let that = this;
                let url = "/admin/" + viewPath + "/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,
                        });
                    }
                });
            }
        },
        del(index) {

            var that = this;
            let { id } = that.list[index];


            that.$confirm(
                '确定删除吗?',
                '警告',
                {
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true,
                }
            ).then(() => {
                let url = "/admin/" + viewPath + "/delete.html"
                postRequest(url, { id: id }).then(res => {
                    if (res.data.code == 200) {
                        that.$notify({
                            title: '成功',
                            message: res.data.message,
                            position: 'top-left',
                            type: 'success'
                        });
                        that.list.splice(index, 1)
                        that.other.count--;
                    }
                    else {
                        that.$notify.error({
                            title: '错误',
                            position: 'top-left',
                            message: res.data.message
                        });
                    }
                });
                /////////////				
            }).catch(() => {
                //取消
            })

        },
        Add(index) {
            if (index >= 0) {
                this.Add_title = "编辑语言";
                this.Add_form = this.list[index];
            } else {
                this.Add_title = "新增语言";
                this.Add_form = { id: 0 }
            }
            this.loading = false;
            this.dialog.addDialogStatus = true;
        },
        submit() {
            let that = this;
            that.loading = true
            let url = "/admin/" + viewPath + "/save.html"
            postRequest(url, that.Add_form).then(res => {
                that.loading = false;
                if (res.data.code == 200) {
                    that.$notify({
                        title: '成功',
                        message: res.data.message,
                        position: 'top-left',
                        type: 'success'
                    });
                    this.dialog.addDialogStatus = false;
                    that.index();
                }
                else {
                    that.$notify.error({
                        title: '错误',
                        position: 'top-left',
                        message: res.data.message
                    });
                }
            }).then((res) => {
                that.loading = false;
            });
        },
        handleSizeChange(val) {
            //////设置每页多少条
            this.searchdata.page_size = val
            this.index();
        },
        handleCurrentChange(val) {
            ///改变当前页///////
            this.searchdata.p = val
            this.index();
        },
        index() {
            let that = this;
            let url = "/admin/" + viewPath + "/index.html"
            postRequest(url, that.searchdata).then(res => {
                if (res.data.code == 200) {
                    that.list = res.data.list;
                    that.other = res.data.other;
                }
                else {
                    that.list = [];
                }
            });
        },
    }
};
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");