const App = {
|
mixins: [sharedMixin],/////共用的方法/////
|
data() {
|
return {
|
|
|
dialogVisible: {
|
country: false,
|
province: false,
|
city: false,
|
},
|
ifsubmit: false,
|
list: [],
|
countryList: [],
|
currCountryId: 0,
|
currProvinceId: 0,
|
currCityId: 0,
|
currCountryIndex: -1,
|
currProvinceIndex: 1,
|
currCityIndex: -1,
|
countryData: {
|
father_id: 0,
|
},
|
provinceData: {
|
father_id: 0,
|
},
|
cityData: {
|
father_id: 0,
|
},
|
provinceList: [],
|
cityList: [],
|
countryForm: {
|
father_id: 0,
|
},
|
provinceForm: {
|
father_id: 0,
|
},
|
cityForm: {
|
father_id: 0,
|
},
|
ifloading: {
|
country: false,
|
province: false,
|
city: false,
|
},
|
countryRules: {
|
cate_name: [
|
{ required: true, message: '请输入国家名称', trigger: 'blur' }
|
],
|
cate_code: [
|
{ required: true, message: '请输入国家编码', trigger: 'blur' }
|
],
|
},
|
provinceRules: {
|
cate_name: [
|
{ required: true, message: '请输入省份名称', trigger: 'blur' }
|
],
|
cate_code: [
|
{ required: true, message: '请输入省份编码', trigger: 'blur' }
|
],
|
},
|
cityRules: {
|
cate_name: [
|
{ required: true, message: '请输入城市名称', trigger: 'blur' }
|
],
|
},
|
|
};
|
},
|
mounted() {
|
this.getCountryList();
|
},
|
created() { },
|
methods: {
|
setProvince(index) {
|
let that = this;
|
that.currCountryId = that.countryList[index].id;
|
that.currCountryIndex = index;
|
that.provinceList = [];
|
that.getProvinceList();
|
},
|
setCity(index) {
|
let that = this;
|
that.currProvinceId = that.provinceList[index].id;
|
that.currProvinceIndex = index;
|
that.cityList = [];
|
that.getCityList();
|
},
|
countryCloseForm() {
|
this.dialogVisible.country = false
|
if (this.$refs['countryForm'] !== undefined) {
|
this.$refs['countryForm'].resetFields()
|
}
|
},
|
provinceCloseForm() {
|
this.dialogVisible.province = false
|
if (this.$refs['provinceForm'] !== undefined) {
|
this.$refs['provinceForm'].resetFields()
|
}
|
},
|
cityCloseForm() {
|
this.dialogVisible.city = false
|
if (this.$refs['cityForm'] !== undefined) {
|
this.$refs['cityForm'].resetFields()
|
}
|
},
|
createCountry(index) {
|
if (index >= 0) {
|
this.createCountryTitle = "编辑国家";
|
this.countryForm = JSON.parse(JSON.stringify(this.countryList[index]));
|
this.address = this.countryList[index];
|
} else {
|
this.createCountryTitle = "添加国家";
|
this.countryForm = {
|
father_id: 0,
|
}
|
}
|
this.dialogVisible.country = true;
|
|
},
|
createProvince(index) {
|
if (index >= 0) {
|
this.createProvinceTitle = "编辑省份(" + this.countryList[this.currCountryIndex].cate_name + ")";
|
this.provinceForm = JSON.parse(JSON.stringify(this.provinceList[index]));
|
} else {
|
this.createProvinceTitle = "添加省份(" + this.countryList[this.currCountryIndex].cate_name + ")";
|
this.provinceForm = {
|
father_id: this.currCountryId,
|
}
|
}
|
this.dialogVisible.province = true;
|
|
},
|
createCity(index) {
|
if (index >= 0) {
|
this.createCityTitle = "编辑城市(" + this.countryList[this.currCountryIndex].cate_name + '/' + this.provinceList[this.currProvinceIndex].cate_name + ")";
|
this.cityForm = JSON.parse(JSON.stringify(this.cityList[index]));
|
} else {
|
this.createCityTitle = "添加城市(" + this.countryList[this.currCountryIndex].cate_name + '/' + this.provinceList[this.currProvinceIndex].cate_name + ")";
|
this.cityForm = {
|
father_id: this.currProvinceId,
|
}
|
}
|
this.dialogVisible.city = true;
|
|
},
|
getCountryList() {
|
let that = this;
|
let url = "/admin/" + viewPath + "/getCountryCodeList.html"
|
postRequest(url, that.countryData).then(res => {
|
|
if (res.data.code == 200) {
|
that.countryList = res.data.list;
|
that.currCountryIndex = 0;
|
that.currCountryId = that.countryList[that.currCountryIndex].id;
|
if (that.ifloading.province == false) {
|
//第一次加载载入
|
that.getProvinceList();
|
}
|
}
|
else {
|
that.countryList = [];
|
//that.createCountry(-1);
|
}
|
});
|
},
|
getProvinceList() {
|
let that = this;
|
that.provinceData.father_id = that.currCountryId;
|
let url = "/admin/" + viewPath + "/getCountryCodeList.html"
|
postRequest(url, that.provinceData).then(res => {
|
|
that.ifloading.province = true;
|
if (res.data.code == 200) {
|
that.provinceList = res.data.list;
|
that.currProvinceIndex = 0;
|
that.currProvinceId = that.provinceList[that.currProvinceIndex].id;
|
// if (that.ifloading.city == false) {
|
//第一次加载载入
|
that.getCityList();
|
// }
|
}
|
else {
|
that.provinceList = [];
|
//that.createProvince(-1);
|
}
|
});
|
},
|
getCityList() {
|
let that = this;
|
that.cityData.father_id = that.currProvinceId;
|
let url = "/admin/" + viewPath + "/getCountryCodeList.html"
|
postRequest(url, that.cityData).then(res => {
|
that.ifloading.city = true;
|
if (res.data.code == 200) {
|
that.cityList = res.data.list;
|
that.currCityIndex = 0;
|
that.currCityId = that.cityList[that.currCityIndex].id;
|
}
|
else {
|
that.cityList = [];
|
that.currCityIndex = -1;
|
//that.createCity(-1);
|
}
|
});
|
},
|
updateShow(row) {
|
var { id, status } = row;
|
let url = "/admin/" + viewPath + "/updateShow.html"
|
postRequest(url, { id: id, status: status }).then(res => {
|
if (res.data.code != 200) {
|
row.status = status == 1 ? 0 : 1;//修改失败，恢复状态
|
}
|
});
|
},
|
/////保存国家信息/////
|
saveCountry() {
|
var that = this;
|
that.$refs.countryForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCountryCode.html";
|
postRequest(url, that.countryForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.country = false;
|
that.getCountryList();
|
that.$message({
|
message: res.data.message,
|
type: 'success',
|
duration: 1000,
|
center: true,
|
onClose: function () {
|
that.ifsubmit = false;
|
|
}
|
});
|
}
|
else {
|
that.ifsubmit = false;
|
that.$message({
|
message: res.data.message,
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
});
|
}
|
});
|
|
},
|
/////保存省份信息/////
|
saveProvince() {
|
var that = this;
|
that.$refs.provinceForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCountryCode.html";
|
postRequest(url, that.provinceForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.province = false;
|
that.getProvinceList();
|
that.$message({
|
message: res.data.message,
|
type: 'success',
|
duration: 1000,
|
center: true,
|
onClose: function () {
|
that.ifsubmit = false;
|
|
}
|
});
|
}
|
else {
|
that.ifsubmit = false;
|
that.$message({
|
message: res.data.message,
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
});
|
}
|
});
|
|
},
|
/////保存省份信息/////
|
saveCity() {
|
var that = this;
|
|
that.$refs.cityForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCityCode.html";
|
postRequest(url, that.cityForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.city = false;
|
that.getCityList();
|
that.$message({
|
message: res.data.message,
|
type: 'success',
|
duration: 1000,
|
center: true,
|
onClose: function () {
|
that.ifsubmit = false;
|
|
}
|
});
|
}
|
else {
|
that.ifsubmit = false;
|
that.$message({
|
message: res.data.message,
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
});
|
}
|
});
|
|
},
|
|
}
|
};
|
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");
|
