完成前端界面设计

This commit is contained in:
F嘉阳
2018-02-08 21:25:23 +08:00
parent 213cad2a74
commit f43146a590
11 changed files with 726 additions and 137 deletions

View File

@@ -2,19 +2,8 @@ var Main = {
data() {
return {
activeIndex: '1',
formInline: {
user: '',
region: ''
},
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
content: '',
},
feedbackData:[
{
@@ -24,6 +13,30 @@ var Main = {
}
],
logData:[
{
ip:'127.0.0.1',
header:'bug',
time:'2018-2-3',
username:'root'
},
{
ip:'127.0.0.1',
header:'bug',
time:'2018-2-3',
username:'root'
},
{
ip:'127.0.0.1',
header:'bug',
time:'2018-2-3',
username:'root'
},
{
ip:'127.0.0.1',
header:'bug',
time:'2018-2-3',
username:'root'
},
{
ip:'127.0.0.1',
header:'bug',
@@ -34,6 +47,9 @@ var Main = {
}
},
methods: {
ClickToJump(targe){
window.location.href="http://localhost:8080/cms/" + targe;
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
},

View File

@@ -201,7 +201,7 @@ var Main = {
}
})
console.log(this.$refs.content.value)
this.openSuccess("成功","反馈成功!")
this.openNotiSuccess("成功","反馈成功!")
//this.$options.methods.openNotiSuccess.bind(this)();
//alert('submit!');
} else {

View File

@@ -0,0 +1,94 @@
var Main = {
data() {
return {
activeIndex: '1',
formInline: {
user: '',
region: ''
},
tableData3: [{
id:'1',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'2',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'3',
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'4',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'5',
date: '2016-05-08',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'6',
date: '2016-05-06',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'7',
date: '2016-05-07',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}],
multipleSelection: []
}
},
methods: {
togglePost(url){
axios({
url: 'http://localhost:8080/cms/'+url,
method: 'post',
data: {
id:this.multipleSelection
},
transformRequest: [function (data) {
// Do whatever you want to transform the data
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
},
ClickToJump(targe){
window.location.href="http://localhost:8080/cms/" + targe;
},
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
console.log(val)
},
onSubmit() {
console.log('submit!');
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

View File

@@ -0,0 +1,94 @@
var Main = {
data() {
return {
activeIndex: '1',
formInline: {
user: '',
region: ''
},
tableData3: [{
id:'1',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'2',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'3',
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'4',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'5',
date: '2016-05-08',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'6',
date: '2016-05-06',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'7',
date: '2016-05-07',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}],
multipleSelection: []
}
},
methods: {
togglePost(url){
axios({
url: 'http://localhost:8080/cms/'+url,
method: 'post',
data: {
id:this.multipleSelection
},
transformRequest: [function (data) {
// Do whatever you want to transform the data
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
},
ClickToJump(targe){
window.location.href="http://localhost:8080/cms/" + targe;
},
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
console.log(val)
},
onSubmit() {
console.log('submit!');
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

View File

@@ -0,0 +1,92 @@
var Main = {
data() {
return {
activeIndex: '1',
tableData3: [{
id:'1',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'2',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'3',
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'4',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'5',
date: '2016-05-08',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'6',
date: '2016-05-06',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id:'7',
date: '2016-05-07',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}],
multipleSelection: []
}
},
methods: {
togglePost(url){
/*axios({
url: 'http://localhost:8080/cms/'+url,
method: 'post',
data: {
id:this.multipleSelection
},
transformRequest: [function (data) {
// Do whatever you want to transform the data
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})*/
console.log(this.multipleSelection)
//console.log(this.$refs.id.value);
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
},
ClickToJump(targe){
window.location.href="http://localhost:8080/cms/" + targe;
},
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
console.log(val)
},
onSubmit() {
console.log('submit!');
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')