Commit a3f0bcc2 authored by 黄奎's avatar 黄奎

页面修改

parent 7b3012e0
...@@ -91,8 +91,6 @@ ...@@ -91,8 +91,6 @@
}, },
created() { created() {
this.initConfig(); this.initConfig();
console.log(this.data[1],'data1');
console.log(this.data[0],'data0');
}, },
methods: { methods: {
initConfig() { initConfig() {
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
<div class="text-caption q-mb-lg q-px-md text-grey-6">网站导航信息</div> <div class="text-caption q-mb-lg q-px-md text-grey-6">网站导航信息</div>
<div class="row wrap"> <div class="row wrap">
<q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.NavTitle" ref="NavTitle" <q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.NavTitle" ref="NavTitle"
class="col-12 q-pb-lg" label="导航大标题" :rules="[val => !!val || '请填写导航大标题']" /> class="col-12 q-pb-lg" label="导航主标题" :rules="[val => !!val || '请填写导航主标题']" />
<q-input v-model="objOption.SubTitle" class="col-12 q-pb-lg" filled type="textarea" placeholder="导航子标题" maxlength="150" /> <q-input v-model="objOption.SubTitle" class="col-12 q-pb-lg" filled type="textarea" placeholder="导航子标题" maxlength="300" />
<q-input stack-label maxlength="200" :dense="false" v-model="objOption.LinkUrl" class="col-6 q-pr-lg q-pb-lg" <q-input stack-label maxlength="200" :dense="false" v-model="objOption.LinkUrl" class="col-6 q-pr-lg q-pb-lg"
label="导航地址" /> label="链接地址" />
<q-select class="col-6 q-pb-lg" option-value="Id" option-label="Name" v-model="objOption.NavType" <q-select class="col-6 q-pb-lg" option-value="Id" option-label="Name" v-model="objOption.NavType"
:options="NavTypeList" emit-value map-options label="导航类型" /> :options="NavTypeList" emit-value map-options label="导航类型" />
<div class="col-6 q-pb-lg q-pr-lg"> <div class="col-6 q-pb-lg q-pr-lg">
...@@ -56,10 +56,10 @@ ...@@ -56,10 +56,10 @@
persistent: true, persistent: true,
objOption: { objOption: {
Id: 0, Id: 0,
NavTitle: '', //导航标题 NavTitle: '', //导航标题
SubTitle: '', //导航子标题 SubTitle: '', //导航子标题
BgImg: '', // 导航背景图 BgImg: '', // 导航背景图
LinkUrl: '', //导航地址 LinkUrl: '', //链接地址
NavType: 0 //导航类型 NavType: 0 //导航类型
}, },
optionTitle: "", optionTitle: "",
...@@ -100,7 +100,6 @@ ...@@ -100,7 +100,6 @@
GetWebNav({ GetWebNav({
Id: this.saveObj.Id Id: this.saveObj.Id
}).then(res => { }).then(res => {
console.log(res, '数据');
this.objOption.Id = res.Data.Id; this.objOption.Id = res.Data.Id;
this.objOption.NavTitle = res.Data.NavTitle; this.objOption.NavTitle = res.Data.NavTitle;
this.objOption.SubTitle = res.Data.SubTitle; this.objOption.SubTitle = res.Data.SubTitle;
......
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
pageSize: 12, pageSize: 12,
rowsPerPage: 12, rowsPerPage: 12,
TypeName:'', TypeName:'',
Status: -1 Status: 0
}, },
pageCount: 0, pageCount: 0,
isShowNewsForm: false, isShowNewsForm: false,
......
...@@ -4,15 +4,12 @@ ...@@ -4,15 +4,12 @@
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" <q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg"
v-model="msg.NavTitle" label="导航大图标" maxlength="20" @clear="resetSearch" /> v-model="msg.NavTitle" label="导航标题" maxlength="20" @clear="resetSearch" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" <q-select @input="resetSearch" option-value="Id" option-label="Name" standout="bg-primary text-white"
v-model="msg.SubTitle" label="导航子标题" maxlength="20" @clear="resetSearch" /> v-model="msg.NavType" class="col-6 q-pr-lg q-pr-lg" :options="NavTypeList" emit-value map-options
</div> label="导航类型" />
<div class="col-3">
<q-select @input="resetSearch" option-value="Id" option-label="Name" standout="bg-primary text-white" v-model="msg.NavType"
class="col-6 q-pr-lg q-pr-lg" :options="NavTypeList" emit-value map-options label="导航类型" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" <q-select @input="resetSearch" standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg"
...@@ -36,10 +33,10 @@ ...@@ -36,10 +33,10 @@
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-Status="props"> <template v-slot:body-cell-Status="props">
<q-td :props="props"> <q-td :props="props">
<q-toggle size="md" color="primary" :false-value="1" :true-value="0" v-model="props.row.Status" <q-toggle size="md" color="primary" :false-value="1" :true-value="0" v-model="props.row.Status"
title="注意:关闭后,分类将无法正常使用." @input="DeleteMenu(props.row)" /> title="注意:关闭后,分类将无法正常使用." @input="DeleteMenu(props.row)" />
</q-td> </q-td>
</template> </template>
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount" <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
...@@ -75,25 +72,19 @@ ...@@ -75,25 +72,19 @@
return { return {
columns: [{ columns: [{
name: 'NavTitle', name: 'NavTitle',
label: '导航标题', label: '导航标题',
field: 'NavTitle', field: 'NavTitle',
align: 'left' align: 'left'
}, },
// {
// name: 'SubTitle',
// label: '导航子标题',
// field: 'SubTitle',
// align: 'left'
// },
{ {
name: 'BgImg', name: 'BgImg',
label: '导航背景图', label: '背景图',
field: 'BgImg', field: 'BgImg',
align: 'left' align: 'left'
}, },
{ {
name: 'LinkUrl', name: 'LinkUrl',
label: '导航地址', label: '链接地址',
field: 'LinkUrl', field: 'LinkUrl',
align: 'left' align: 'left'
}, },
...@@ -139,7 +130,7 @@ ...@@ -139,7 +130,7 @@
NavTitle: "", NavTitle: "",
SubTitle: "", SubTitle: "",
NavType: 0, NavType: 0,
Status: -1, Status: 0,
}, },
pageCount: 0, pageCount: 0,
isShowWebkitForm: false, isShowWebkitForm: false,
...@@ -157,8 +148,8 @@ ...@@ -157,8 +148,8 @@
if (res.Code == 1) { if (res.Code == 1) {
this.NavTypeList = res.Data; this.NavTypeList = res.Data;
let obj = { let obj = {
Id:0, Id: 0,
Name:'不限' Name: '不限'
} }
this.NavTypeList.unshift(obj); this.NavTypeList.unshift(obj);
} else { } else {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment