admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-25 06:09:11 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

caidanzu

Browse Source
This commit is contained in:
java110 2021-03-04 18:18:19 +08:00
parent ebb9e77f10
commit 5e33ae7c16
6 changed files with 209 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
public/components/dev/addMenuGroup/addMenuGroup.html
View File

@ -1,5 +1,5 @@
<div id="addMenuGroupModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
@ -7,19 +7,18 @@
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">组名称</label>
<div class="col-sm-10">
<input v-model="addMenuGroupInfo.name" type="text" placeholder="必填，请填写组名称"
class="form-control">
class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">icon</label>
<div class="col-sm-10">
<input v-model="addMenuGroupInfo.icon" type="text" placeholder="必填，请填写icon"
class="form-control">
class="form-control">
</div>
</div>
<div class="form-group row">
@ -30,13 +29,14 @@
<option value="">无</option>
<option value="HOT">HOT</option>
<option value="TOP">TOP</option>
</select></div>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">序列</label>
<div class="col-sm-10">
<input v-model="addMenuGroupInfo.seq" type="text" placeholder="必填，请填写序列"
class="form-control">
class="form-control">
</div>
</div>
<div class="form-group row">
@ -46,21 +46,36 @@
<option selected disabled value="">选填，请选择组类型</option>
<option value="P_WEB">WEB端</option>
<option value="P_APP">APP端</option>
</select></div>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">归属商户</label>
<div class="col-sm-10">
<select class="custom-select" v-model="addMenuGroupInfo.storeTypeCd">
<option selected value="">请选择商户类型</option>
<option value="800900000001">运营团队</option>
<option value="800900000002">代理商</option>
<option value="800900000003">物业</option>
<option value="800900000004">物流公司</option>
<option value="800900000005">商家</option>
<option value="800900000000">开发团队</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">描述</label>
<div class="col-sm-10">
<textarea placeholder="选填，请填写描述" class="form-control"
v-model="addMenuGroupInfo.description"></textarea></div>
v-model="addMenuGroupInfo.description"></textarea>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
v-on:click="saveMenuGroupInfo()"><i class="fa fa-check"></i>&nbsp;保存
v-on:click="saveMenuGroupInfo()"><i class="fa fa-check"></i>&nbsp;保存
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">取消
data-dismiss="modal">取消
</button>
</div>
</div>
@ -69,4 +84,4 @@
</div>
</div>
</div>
</div>
</div>

149
public/components/dev/addMenuGroup/addMenuGroup.js
View File

@ -1,4 +1,4 @@
(function(vc) {
(function (vc) {
vc.extends({
propTypes: {
@ -14,75 +14,75 @@
label: '',
seq: '',
description: '',
groupType:''
groupType: '',
storeTypeCd: ''
}
},
_initMethod: function() {
_initMethod: function () {
},
_initEvent: function() {
},
_initEvent: function () {
vc.on('addMenuGroup', 'openAddMenuGroupModal',
function() {
$('#addMenuGroupModel').modal('show');
});
function () {
$('#addMenuGroupModel').modal('show');
});
},
methods: {
addMenuGroupValidate() {
return vc.validate.validate({
addMenuGroupInfo: vc.component.addMenuGroupInfo
},
{
'addMenuGroupInfo.name': [{
limit: "required",
param: "",
errInfo: "组名称不能为空"
},
{
limit: "maxin",
param: "2,10",
errInfo: "组名称必须在2至10字符之间"
},
],
'addMenuGroupInfo.icon': [{
limit: "required",
param: "",
errInfo: "icon不能为空"
},
{
limit: "maxin",
param: "2,20",
errInfo: "icon必须在2至20字符之间"
},
],
'addMenuGroupInfo.label': [,
{
limit: "maxLength",
param: "20",
errInfo: "标签错误"
},
],
'addMenuGroupInfo.seq': [{
limit: "required",
param: "",
errInfo: "序列不能为空"
},
{
limit: "num",
param: "",
errInfo: "序列必须为整数"
},
],
'addMenuGroupInfo.description': [{
limit: "maxLength",
param: "200",
errInfo: "备注内容不能超过200"
},
],
'addMenuGroupInfo.name': [{
limit: "required",
param: "",
errInfo: "组名称不能为空"
},
{
limit: "maxin",
param: "2,10",
errInfo: "组名称必须在2至10字符之间"
},
],
'addMenuGroupInfo.icon': [{
limit: "required",
param: "",
errInfo: "icon不能为空"
},
{
limit: "maxin",
param: "2,20",
errInfo: "icon必须在2至20字符之间"
},
],
'addMenuGroupInfo.label': [,
{
limit: "maxLength",
param: "20",
errInfo: "标签错误"
},
],
'addMenuGroupInfo.seq': [{
limit: "required",
param: "",
errInfo: "序列不能为空"
},
{
limit: "num",
param: "",
errInfo: "序列必须为整数"
},
],
'addMenuGroupInfo.description': [{
limit: "maxLength",
param: "200",
errInfo: "备注内容不能超过200"
},
],
});
});
},
saveMenuGroupInfo: function() {
saveMenuGroupInfo: function () {
if (!vc.component.addMenuGroupValidate()) {
vc.toast(vc.validate.errInfo);
@ -100,34 +100,35 @@
vc.http.post('addMenuGroup', 'save', JSON.stringify(vc.component.addMenuGroupInfo), {
emulateJSON: true
},
function(json, res) {
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
if (res.status == 200) {
//关闭model
$('#addMenuGroupModel').modal('hide');
vc.component.clearAddMenuGroupInfo();
vc.emit('menuGroupManage', 'listMenuGroup', {});
function (json, res) {
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
if (res.status == 200) {
//关闭model
$('#addMenuGroupModel').modal('hide');
vc.component.clearAddMenuGroupInfo();
vc.emit('menuGroupManage', 'listMenuGroup', {});
return;
}
vc.toast(json);
return;
}
vc.toast(json);
},
function(errInfo, error) {
console.log('请求失败处理');
},
function (errInfo, error) {
console.log('请求失败处理');
vc.toast(errInfo);
vc.toast(errInfo);
});
});
},
clearAddMenuGroupInfo: function() {
clearAddMenuGroupInfo: function () {
vc.component.addMenuGroupInfo = {
name: '',
icon: '',
label: '',
seq: '',
description: '',
groupType:''
groupType: '',
storeTypeCd: ''
};
}
}

14
public/components/dev/editMenuGroup/editMenuGroup.html
View File

@ -48,6 +48,20 @@
<option value="P_APP">APP端</option>
</select></div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">归属商户</label>
<div class="col-sm-10">
<select class="custom-select" v-model="editMenuGroupInfo.storeTypeCd">
<option selected value="">请选择商户类型</option>
<option value="800900000001">运营团队</option>
<option value="800900000002">代理商</option>
<option value="800900000003">物业</option>
<option value="800900000004">物流公司</option>
<option value="800900000005">商家</option>
<option value="800900000000">开发团队</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">描述</label>
<div class="col-sm-10">

6
public/components/dev/editMenuGroup/editMenuGroup.js
View File

@ -9,7 +9,8 @@
label: '',
seq: '',
description: '',
groupType: ''
groupType: '',
storeTypeCd: ''
}
},
_initMethod: function () {
@ -117,7 +118,8 @@
label: '',
seq: '',
description: '',
groupType: ''
groupType: '',
storeTypeCd: ''
}
}
}

20
public/pages/dev/menuGroupManage/menuGroupManage.html
View File

@ -35,8 +35,19 @@
</button>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<select class="custom-select" v-model="menuGroupManageInfo.conditions.storeTypeCd">
<option selected value="">请选择归属商户</option>
<option value="800900000001">运营团队</option>
<option value="800900000002">代理商</option>
<option value="800900000003">物业</option>
<option value="800900000004">物流公司</option>
<option value="800900000005">商家</option>
<option value="800900000000">开发团队</option>
</select>
</div>
</div>
</div>
</div>
</div>
@ -61,12 +72,11 @@
<th class="text-center">组Id</th>
<th class="text-center">组名称</th>
<th class="text-center">组类型</th>
<th class="text-center">归属商户</th>
<th class="text-center">icon</th>
<th class="text-center">标签</th>
<th class="text-center">序列</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
@ -74,6 +84,7 @@
<td class="text-center">{{menuGroup.gId}}</td>
<td class="text-center">{{menuGroup.name}}</td>
<td class="text-center">{{menuGroup.groupType == 'P_WEB'?'web菜单':'App菜单'}}</td>
<td class="text-center">{{menuGroup.storeTypeCdName}}</td>
<td class="text-center">{{menuGroup.icon}}</td>
<td class="text-center">{{menuGroup.label}}</td>
<td class="text-center">{{menuGroup.seq}}</td>
@ -89,7 +100,6 @@
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>

126
public/pages/dev/menuGroupManage/menuGroupManage.js
View File

@ -1,86 +1,108 @@
/**
入驻小区
**/
(function(vc){
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data:{
menuGroupManageInfo:{
menuGroups:[],
total:0,
records:1,
moreCondition:false,
name:'',
conditions:{
name:'',
icon:'',
label:'',
data: {
menuGroupManageInfo: {
menuGroups: [],
total: 0,
records: 1,
moreCondition: false,
name: '',
conditions: {
name: '',
icon: '',
label: '',
storeTypeCd: ''
}
}
},
_initMethod:function(){
_initMethod: function () {
vc.component._listMenuGroups(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent:function(){
vc.on('menuGroupManage','listMenuGroup',function(_param){
vc.component._listMenuGroups(DEFAULT_PAGE, DEFAULT_ROWS);
_initEvent: function () {
vc.on('menuGroupManage', 'listMenuGroup', function (_param) {
vc.component._listMenuGroups(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('pagination','page_event',function(_currentPage){
vc.component._listMenuGroups(_currentPage,DEFAULT_ROWS);
vc.on('pagination', 'page_event', function (_currentPage) {
vc.component._listMenuGroups(_currentPage, DEFAULT_ROWS);
});
},
methods:{
_listMenuGroups:function(_page, _rows){
methods: {
_listMenuGroups: function (_page, _rows) {
vc.component.menuGroupManageInfo.conditions.page = _page;
vc.component.menuGroupManageInfo.conditions.row = _rows;
var param = {
params:vc.component.menuGroupManageInfo.conditions
};
params: vc.component.menuGroupManageInfo.conditions
};
//发送get请求
vc.http.get('menuGroupManage',
'list',
param,
function(json,res){
var _menuGroupManageInfo=JSON.parse(json);
vc.component.menuGroupManageInfo.total = _menuGroupManageInfo.total;
vc.component.menuGroupManageInfo.records = _menuGroupManageInfo.records;
vc.component.menuGroupManageInfo.menuGroups = _menuGroupManageInfo.menuGroups;
vc.emit('pagination','init',{
total:vc.component.menuGroupManageInfo.records,
currentPage:_page
});
},function(errInfo,error){
console.log('请求失败处理');
}
);
//发送get请求
vc.http.get('menuGroupManage',
'list',
param,
function (json, res) {
var _menuGroupManageInfo = JSON.parse(json);
vc.component.menuGroupManageInfo.total = _menuGroupManageInfo.total;
vc.component.menuGroupManageInfo.records = _menuGroupManageInfo.records;
vc.component.menuGroupManageInfo.menuGroups = _menuGroupManageInfo.menuGroups;
vc.emit('pagination', 'init', {
total: vc.component.menuGroupManageInfo.records,
currentPage: _page
});
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_openAddMenuGroupModal:function(){
vc.emit('addMenuGroup','openAddMenuGroupModal',{});
_openAddMenuGroupModal: function () {
vc.emit('addMenuGroup', 'openAddMenuGroupModal', {});
},
_openEditMenuGroupModel:function(_menuGroup){
vc.emit('editMenuGroup','openEditMenuGroupModal',_menuGroup);
_openEditMenuGroupModel: function (_menuGroup) {
vc.emit('editMenuGroup', 'openEditMenuGroupModal', _menuGroup);
},
_openDeleteMenuGroupModel:function(_menuGroup){
vc.emit('deleteMenuGroup','openDeleteMenuGroupModal',_menuGroup);
_openDeleteMenuGroupModel: function (_menuGroup) {
vc.emit('deleteMenuGroup', 'openDeleteMenuGroupModal', _menuGroup);
},
_queryMenuGroupMethod:function(){
_queryMenuGroupMethod: function () {
vc.component._listMenuGroups(DEFAULT_PAGE, DEFAULT_ROWS);
},
_moreCondition:function(){
if(vc.component.menuGroupManageInfo.moreCondition){
_moreCondition: function () {
if (vc.component.menuGroupManageInfo.moreCondition) {
vc.component.menuGroupManageInfo.moreCondition = false;
}else{
} else {
vc.component.menuGroupManageInfo.moreCondition = true;
}
},
_getStoreTypeName: function (_storeTypeCd) {
// <option value="800900000001">运营团队</option>
// <option value="800900000002">代理商</option>
// <option value="800900000003">物业</option>
// <option value="800900000004">物流公司</option>
// <option value="800900000005">商家</option>
// <option value="800900000000">开发团队</option>
if (_storeTypeCd == '800900000001') {
return "运营团队";
} else if (_storeTypeCd == '800900000002') {
return "代理商";
} else if (_storeTypeCd == '800900000003') {
return "物业";
} else if (_storeTypeCd == '800900000004') {
return "物流公司";
} else if (_storeTypeCd == '800900000005') {
return "商家";
} else {
return "开发团队";
}
}
}
});
})(window.vc);