const App = {
|
mixins: [sharedMixin],/////共用的方法/////
|
data() {
|
return {
|
|
|
dialogVisible: {
|
one: false,
|
two: false,
|
three: false,
|
platform: false,
|
},
|
ifsubmit: false,
|
list: [],
|
oneList: [],
|
platformList: [],
|
currPlatformId: 0,
|
currPlatformCateCode: '',
|
currPlatformIndex: -1,
|
currOneId: 0,
|
currOneCode: '',
|
currTwoId: 0,
|
currTwoCode: '',
|
currThreeId: 0,
|
currThreeCode: '',
|
currOneIndex: -1,
|
currTwoIndex: 1,
|
currThreeIndex: -1,
|
currOneCateCode: '',
|
currTwoCateCode: '',
|
currThreeCateCode: '',
|
platformData: {},
|
oneData: {
|
father_code: 0,
|
},
|
twoData: {
|
father_code: 0,
|
},
|
threeData: {
|
father_code: 0,
|
},
|
twoList: [],
|
threeList: [],
|
platformForm: {
|
docking_platform_name: "",
|
},
|
oneForm: {
|
father_code: '0',
|
},
|
twoForm: {
|
father_code: '',
|
},
|
threeForm: {
|
father_code: '',
|
},
|
ifloading: {
|
platform: false,
|
one: false,
|
two: false,
|
three: false,
|
},
|
platformRules: {
|
docking_platform_name: [
|
{ required: true, message: '请输入平台名称', trigger: 'blur' }
|
],
|
},
|
oneRules: {
|
cate_name: [
|
{ required: true, message: '请输入一级分类名称', trigger: 'blur' }
|
],
|
cate_code: [
|
{ required: true, message: '请输入一级分类编码', trigger: 'blur' }
|
],
|
},
|
twoRules: {
|
cate_name: [
|
{ required: true, message: '请输入二级分类名称', trigger: 'blur' }
|
],
|
cate_code: [
|
{ required: true, message: '请输入二级分类编码', trigger: 'blur' }
|
],
|
},
|
threeRules: {
|
cate_name: [
|
{ required: true, message: '请输入三级分类名称', trigger: 'blur' }
|
],
|
cate_code: [
|
{ required: true, message: '请输三级分类编码', trigger: 'blur' }
|
],
|
},
|
|
};
|
},
|
mounted() {
|
this.getPlatformList();
|
// this.getOneList();
|
},
|
created() { },
|
methods: {
|
setOne(index) {
|
let that = this;
|
that.currPlatformCateCode = that.platformList[index].cate_code;
|
that.currPlatformIndex = index;
|
that.oneList = [];
|
that.twoList = [];
|
that.threeList = [];
|
that.ifloading.one = false;
|
that.ifloading.two = false;
|
that.ifloading.three = false;
|
that.getOneList();
|
},
|
setTwo(index) {
|
let that = this;
|
that.currOneId = that.oneList[index].id;
|
that.currOneCateCode = that.oneList[index].cate_code;
|
that.currOneIndex = index;
|
that.ifloading.two = false;
|
that.ifloading.three = false;
|
that.twoList = [];
|
that.threeList = [];
|
that.getTwoList();
|
},
|
setThree(index) {
|
let that = this;
|
that.currTwoId = that.twoList[index].id;
|
that.currTwoCateCode = that.twoList[index].cate_code;
|
that.currTwoIndex = index;
|
that.threeList = [];
|
that.getThreeList();
|
},
|
platformCloseForm() {
|
this.dialogVisible.platform = false
|
if (this.$refs['platformForm'] !== undefined) {
|
this.$refs['platformForm'].resetFields()
|
}
|
},
|
oneCloseForm() {
|
this.dialogVisible.one = false
|
if (this.$refs['oneForm'] !== undefined) {
|
this.$refs['oneForm'].resetFields()
|
}
|
},
|
twoCloseForm() {
|
this.dialogVisible.two = false
|
if (this.$refs['twoForm'] !== undefined) {
|
this.$refs['twoForm'].resetFields()
|
}
|
},
|
threeCloseForm() {
|
this.dialogVisible.three = false
|
if (this.$refs['threeForm'] !== undefined) {
|
this.$refs['threeForm'].resetFields()
|
}
|
},
|
createPlatform(index) {
|
if (index >= 0) {
|
this.createPlatformTitle = "编辑对接平台";
|
this.platformForm = JSON.parse(JSON.stringify(this.platformList[index]));
|
} else {
|
this.createPlatformTitle = "添加对接平台";
|
this.platformForm = {}
|
}
|
this.dialogVisible.platform = true;
|
|
},
|
createOne(index) {
|
if (index >= 0) {
|
this.createOneTitle = "编辑一级分类";
|
this.oneForm = JSON.parse(JSON.stringify(this.oneList[index]));
|
} else {
|
this.createOneTitle = "添加一级分类";
|
this.oneForm = {
|
father_code: this.currPlatformCateCode,
|
}
|
}
|
this.dialogVisible.one = true;
|
|
},
|
createTwo(index) {
|
if (index >= 0) {
|
this.createTwoTitle = "编辑二级分类(" + this.oneList[this.currOneIndex].cate_name + ")";
|
this.twoForm = JSON.parse(JSON.stringify(this.twoList[index]));
|
} else {
|
this.createTwoTitle = "添加二级分类(" + this.oneList[this.currOneIndex].cate_name + ")";
|
this.twoForm = {
|
father_code: this.currOneCateCode,
|
}
|
}
|
this.dialogVisible.two = true;
|
|
},
|
createThree(index) {
|
if (index >= 0) {
|
this.createThreeTitle = "编辑三级分类(" + this.oneList[this.currOneIndex].cate_name + '/' + this.twoList[this.currTwoIndex].cate_name + ")";
|
this.threeForm = JSON.parse(JSON.stringify(this.threeList[index]));
|
} else {
|
this.createThreeTitle = "添加三级分类(" + this.oneList[this.currOneIndex].cate_name + '/' + this.twoList[this.currTwoIndex].cate_name + ")";
|
this.threeForm = {
|
father_code: this.currTwoCateCode,
|
}
|
}
|
this.dialogVisible.three = true;
|
|
},
|
getPlatformList() {
|
let that = this;
|
let url = "/admin/" + viewPath + "/getPlatformList.html"
|
postRequest(url, that.platformData).then(res => {
|
if (res.data.code == 200) {
|
that.platformList = res.data.list;
|
that.currPlatformIndex = 0;
|
that.currPlatformCateCode = that.platformList[that.currPlatformIndex].cate_code;
|
if (that.ifloading.one == false) {
|
//第一次加载载入
|
that.getOneList();
|
}
|
}
|
else {
|
that.platformList = [];
|
//that.createOne(-1);
|
}
|
});
|
},
|
getOneList() {
|
let that = this;
|
that.oneData.father_code = that.currPlatformCateCode;
|
let url = "/admin/" + viewPath + "/getCategoryList.html"
|
postRequest(url, that.oneData).then(res => {
|
if (res.data.code == 200) {
|
that.ifloading.one = true;
|
that.oneList = res.data.list;
|
that.currOneIndex = 0;
|
that.currOneCateCode = that.oneList[that.currOneIndex].cate_code;
|
if (that.ifloading.two == false) {
|
//重新载入
|
that.getTwoList();
|
}
|
}
|
else {
|
that.oneList = [];
|
that.twoList = [];
|
that.threeList = [];
|
that.ifloading.two = false;
|
that.ifloading.three = false;
|
}
|
});
|
},
|
getTwoList() {
|
let that = this;
|
that.twoData.father_code = that.currOneCateCode;
|
let url = "/admin/" + viewPath + "/getCategoryList.html"
|
postRequest(url, that.twoData).then(res => {
|
|
if (res.data.code == 200) {
|
that.ifloading.two = true;
|
that.twoList = res.data.list;
|
that.currTwoIndex = 0;
|
that.currTwoCateCode = that.twoList[that.currTwoIndex].cate_code;
|
if (that.ifloading.three == false) {
|
//重新载入
|
that.getThreeList();
|
}
|
}
|
else {
|
that.twoList = [];
|
that.threeList = [];
|
that.ifloading.three = true;
|
}
|
});
|
},
|
getThreeList() {
|
let that = this;
|
that.threeData.father_code = that.currTwoCateCode;
|
let url = "/admin/" + viewPath + "/getCategoryList.html"
|
postRequest(url, that.threeData).then(res => {
|
if (res.data.code == 200) {
|
that.ifloading.three = true;
|
that.threeList = res.data.list;
|
that.currThreeIndex = 0;
|
that.currThreeId = that.threeList[that.currThreeIndex].id;
|
}
|
else {
|
that.threeList = [];
|
that.currThreeIndex = -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;//修改失败，恢复状态
|
}
|
});
|
},
|
//保存对接平台信息
|
savePlatform() {
|
var that = this;
|
that.$refs.platformForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/savePlatform.html";
|
postRequest(url, that.platformForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.platform = false;
|
that.getPlatformList();
|
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
|
});
|
}
|
});
|
}
|
});
|
|
},
|
/////保存一级分类信息/////
|
saveOne() {
|
var that = this;
|
that.$refs.oneForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCategory.html";
|
postRequest(url, that.oneForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.one = false;
|
that.getOneList();
|
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
|
});
|
}
|
});
|
}
|
});
|
|
},
|
/////保存二级分类信息/////
|
saveTwo() {
|
var that = this;
|
|
that.$refs.twoForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCategory.html";
|
postRequest(url, that.twoForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.two = false;
|
that.getTwoList();
|
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
|
});
|
}
|
});
|
}
|
});
|
|
},
|
/////保存三级分类信息/////
|
saveThree() {
|
var that = this;
|
|
that.$refs.threeForm.validate(valid => {
|
if (valid) {
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveCategory.html";
|
postRequest(url, that.threeForm).then(res => {
|
if (res.data.code == 200) {
|
that.dialogVisible.three = false;
|
that.getThreeList();
|
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");
|
