1068 lines
33 KiB
Vue
1068 lines
33 KiB
Vue
<template>
|
|
<div class="fullHeight">
|
|
<div class="searchBox whiteBlock">
|
|
系统版本
|
|
<el-select
|
|
size="medium"
|
|
style="margin-right: 20px; margin-left: 10px"
|
|
v-model="searchStyleType"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
@change="refresh"
|
|
>
|
|
<el-option
|
|
:label="item"
|
|
:value="index + 1"
|
|
v-for="(item, index) in styleTypeArr"
|
|
:key="index"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
系统位置
|
|
<el-select
|
|
size="medium"
|
|
style="margin-right: 20px; margin-left: 10px"
|
|
v-model="searchModuleType"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
@change="refresh"
|
|
>
|
|
<el-option
|
|
:label="item"
|
|
:value="index + 1"
|
|
v-for="(item, index) in moudleTypeArr"
|
|
:key="index"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
<!-- <el-button type="primary" plain size="medium" @click="refresh">查询</el-button> -->
|
|
<el-button type="primary" size="medium" @click="add">新增</el-button>
|
|
</div>
|
|
<div class="table_wrap whiteBlock">
|
|
<el-table class="tables" :data="List" height="700">
|
|
<el-table-column
|
|
prop="labelName"
|
|
label="标签名称"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="moduleName"
|
|
label="模块名称"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="appName"
|
|
label="app端模块名称"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="plugin"
|
|
label="app端组件名"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column prop="modulePath" label="模块路径" align="center">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="moduleIcon"
|
|
align="center"
|
|
label="解锁模块图标"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="moduleIcon2"
|
|
align="center"
|
|
label="未解锁模块图标"
|
|
></el-table-column>
|
|
<el-table-column prop="moduleType" label="模块类型" align="center">
|
|
<template slot-scope="scope">{{
|
|
moudleTypeArr[scope.row.moduleType - 1]
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="moduleEquipment"
|
|
label="是否在设备中台显示"
|
|
align="center"
|
|
>
|
|
<template slot-scope="scope">{{
|
|
scope.row.moduleEquipment === 1 ? '是' : ''
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column prop="appShow" label="是否app端显示" align="center">
|
|
<template slot-scope="scope">{{
|
|
scope.row.appShow === 1 ? '是' : ''
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
:label="$t('message.alarmValueSet.operation')"
|
|
align="center"
|
|
width="300"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="tableBtns">
|
|
<!-- v-show="scope.row.moduleType==2||scope.row.moduleType==3" -->
|
|
<div
|
|
class="operationText"
|
|
@click="
|
|
addEditForm = scope.row
|
|
menuManageDialog = true
|
|
getMenuList()
|
|
"
|
|
>
|
|
菜单管理
|
|
</div>
|
|
<div @click="edit(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-edit.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>{{ $t('message.alarmValueSet.edit') }}</span>
|
|
</div>
|
|
<div @click="deleteDev(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-delete.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>删除</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
class="pagerBox"
|
|
@size-change="handleSizeChange2"
|
|
@current-change="handleCurrentChange2"
|
|
:current-page="current"
|
|
:page-sizes="$store.state.PAGESIZRS"
|
|
:page-size="size"
|
|
layout="total, sizes, prev, pager, next"
|
|
:total="Number(pageTotal)"
|
|
background
|
|
></el-pagination>
|
|
</div>
|
|
<el-dialog
|
|
@close="close"
|
|
:modal-append-to-body="false"
|
|
:title="Popup_title[Popup.type]"
|
|
:visible.sync="Popup.show"
|
|
width="667px"
|
|
>
|
|
<div class="dialog_content">
|
|
<vue-scroll style="height: 680px">
|
|
<el-form
|
|
v-if="Popup.type === 'add' || Popup.type === 'edit'"
|
|
size="medium"
|
|
:model="addEditForm"
|
|
ref="addEditForm"
|
|
label-width="120px"
|
|
class="dialogFormBox"
|
|
:rules="formRules"
|
|
>
|
|
<el-form-item label="标签名称" prop="labelName">
|
|
<el-input
|
|
v-model="addEditForm.labelName"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="标签排序" prop="labelSortNum">
|
|
<el-input
|
|
v-model="addEditForm.labelSortNum"
|
|
placeholder="相同的标签需要序号一致"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="模块名称" prop="moduleName">
|
|
<el-input
|
|
v-model="addEditForm.moduleName"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="解锁模块图标" prop="moduleIcon">
|
|
<el-input
|
|
v-model="addEditForm.moduleIcon"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="解锁模块图标2" prop="bigModuleIcon">
|
|
<el-input
|
|
v-model="addEditForm.bigModuleIcon"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="未解锁模块图标" prop="moduleIcon2">
|
|
<el-input
|
|
v-model="addEditForm.moduleIcon2"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="未解锁模块图标2" prop="disableModuleIcon">
|
|
<el-input
|
|
v-model="addEditForm.disableModuleIcon"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="模块路径" prop="modulePath">
|
|
<el-input
|
|
v-model="addEditForm.modulePath"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="模块类型" prop="moduleType">
|
|
<el-select
|
|
v-model="addEditForm.moduleType"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option
|
|
:label="item"
|
|
:value="index + 1"
|
|
v-for="(item, index) in moudleTypeArr"
|
|
:key="index"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item
|
|
v-show="addEditForm.moduleType == 2"
|
|
label="项目模块类型"
|
|
prop="moduleEquipment"
|
|
>
|
|
<el-select
|
|
v-model="addEditForm.moduleEquipment"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="设备中台" :value="1"> </el-option>
|
|
<el-option label="项目后台" :value="0"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="app端模块名称" prop="appName">
|
|
<el-input
|
|
v-model="addEditForm.appName"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="app端组件名" prop="plugin">
|
|
<el-input
|
|
v-model="addEditForm.plugin"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="是否在app展示" prop="appShow">
|
|
<el-select
|
|
v-model="addEditForm.appShow"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="是" :value="1"> </el-option>
|
|
<el-option label="否" :value="2"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="模块描述" prop="moduleDesc">
|
|
<el-input
|
|
v-model="addEditForm.moduleDesc"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</vue-scroll>
|
|
<div class="dialog-footer">
|
|
<el-button
|
|
class="cancleBtn"
|
|
@click="Popup.show = false"
|
|
icon="el-icon-circle-close"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.cancel') }}
|
|
</el-button>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-circle-check"
|
|
@click="submit"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.save') }}
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog
|
|
title="菜单管理"
|
|
:modal-append-to-body="false"
|
|
:visible.sync="menuManageDialog"
|
|
width="1167px"
|
|
>
|
|
<el-button type="primary" size="medium" @click="addMenu">新增</el-button>
|
|
<el-table
|
|
class="tables"
|
|
:data="menuList"
|
|
height="500"
|
|
default-expand-all
|
|
row-key="menuId"
|
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
|
>
|
|
<el-table-column
|
|
prop="menuName"
|
|
label="菜单名称"
|
|
width="200"
|
|
></el-table-column>
|
|
<el-table-column prop="path" label="菜单路径" align="center">
|
|
</el-table-column>
|
|
<!-- <el-table-column
|
|
prop="icon"
|
|
align="center"
|
|
label="菜单图标"
|
|
></el-table-column> -->
|
|
<el-table-column prop="status" width="80" label="状态" align="center">
|
|
<template slot-scope="scope">{{
|
|
scope.row.status === 1 ? '启用' : '禁用'
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
:label="$t('message.alarmValueSet.operation')"
|
|
align="center"
|
|
width="250"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="tableBtns">
|
|
<div
|
|
class="operationText"
|
|
@click="
|
|
btnManageDialog = true
|
|
addEditMenuForm = scope.row
|
|
getBtnList()
|
|
"
|
|
>
|
|
按钮管理
|
|
</div>
|
|
<div @click="editMenu(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-edit.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>{{ $t('message.alarmValueSet.edit') }}</span>
|
|
</div>
|
|
<div @click="deleteMenu(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-delete.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>删除</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
</el-dialog>
|
|
<el-dialog
|
|
@close="closeMenu"
|
|
:modal-append-to-body="false"
|
|
:title="Popup_title_menu[PopupMenu.type]"
|
|
:visible.sync="PopupMenu.show"
|
|
width="667px"
|
|
>
|
|
<div class="dialog_content">
|
|
<el-form
|
|
size="medium"
|
|
:model="addEditMenuForm"
|
|
ref="addEditMenuForm"
|
|
label-width="120px"
|
|
class="dialogFormBox"
|
|
:rules="menuFormRules"
|
|
>
|
|
<el-form-item label="所属模块" prop="moduleId">
|
|
<el-select
|
|
v-model="addEditMenuForm.moduleId"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option
|
|
:label="item.moduleName"
|
|
:value="item.moduleId"
|
|
v-for="(item, index) in List"
|
|
:key="index"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="父级菜单" prop="parentId">
|
|
<el-select
|
|
clearable
|
|
v-model="addEditMenuForm.parentId"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
filterable
|
|
>
|
|
<el-option
|
|
:label="item.menuName"
|
|
:value="item.menuId"
|
|
v-for="(item, index) in allMenuList"
|
|
:key="index"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="菜单名称" prop="menuName">
|
|
<el-input
|
|
v-model="addEditMenuForm.menuName"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="菜单图标" prop="icon">
|
|
<el-input
|
|
v-model="addEditMenuForm.icon"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="菜单路径" prop="path">
|
|
<el-input
|
|
v-model="addEditMenuForm.path"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="企业菜单路径" prop="companyPath">
|
|
<el-input
|
|
v-model="addEditMenuForm.companyPath"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="app端菜单路径" prop="appPath">
|
|
<el-input
|
|
v-model="addEditMenuForm.appPath"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="菜单类型" prop="menuEquipment">
|
|
<el-select
|
|
v-model="addEditMenuForm.menuEquipment"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="设备中台页面" :value="1"> </el-option>
|
|
<el-option label="项目后台页面" :value="0"> </el-option>
|
|
<el-option label="app端页面" :value="2"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="状态" prop="status">
|
|
<el-select
|
|
v-model="addEditMenuForm.status"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="启用" :value="1"> </el-option>
|
|
<el-option label="禁用" :value="0"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="打开方式" prop="target">
|
|
<el-select
|
|
v-model="addEditMenuForm.target"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="当前窗口" value="_self"> </el-option>
|
|
<el-option label="新窗口" value="_blank"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="优先级" prop="priority">
|
|
<el-input
|
|
v-model="addEditMenuForm.priority"
|
|
placeholder="越小越靠前"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="描述" prop="menuDesc">
|
|
<el-input
|
|
v-model="addEditMenuForm.menuDesc"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<div class="dialog-footer">
|
|
<el-button
|
|
class="cancleBtn"
|
|
@click="PopupMenu.show = false"
|
|
icon="el-icon-circle-close"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.cancel') }}
|
|
</el-button>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-circle-check"
|
|
@click="submitMenuData"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.save') }}
|
|
</el-button>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog
|
|
title="按钮管理"
|
|
:modal-append-to-body="false"
|
|
:visible.sync="btnManageDialog"
|
|
width="667px"
|
|
>
|
|
<el-button type="primary" size="medium" @click="addBtn">新增</el-button>
|
|
<el-table class="tables" :data="btnList" height="500">
|
|
<el-table-column
|
|
prop="actionName"
|
|
label="按钮名称"
|
|
align="center"
|
|
></el-table-column>
|
|
<el-table-column prop="actionCode" label="按钮标识" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="status" width="80" label="状态" align="center">
|
|
<template slot-scope="scope">{{
|
|
scope.row.status === 1 ? '启用' : '禁用'
|
|
}}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
:label="$t('message.alarmValueSet.operation')"
|
|
align="center"
|
|
width="200"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="tableBtns">
|
|
<div @click="editBtn(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-edit.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>{{ $t('message.alarmValueSet.edit') }}</span>
|
|
</div>
|
|
<div @click="deleteBtn(scope.row)" class="operationText">
|
|
<img
|
|
src="@/assets/images/icon-delete.png"
|
|
width="15px"
|
|
height="15px"
|
|
/>
|
|
<span>删除</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-dialog>
|
|
<el-dialog
|
|
:modal-append-to-body="false"
|
|
@close="closeBtn"
|
|
:title="Popup_title_btn[PopupBtn.type]"
|
|
:visible.sync="PopupBtn.show"
|
|
width="667px"
|
|
>
|
|
<div class="dialog_content">
|
|
<el-form
|
|
size="medium"
|
|
:model="addEditBtnForm"
|
|
ref="addEditBtnForm"
|
|
label-width="120px"
|
|
class="dialogFormBox"
|
|
:rules="btnFormRules"
|
|
>
|
|
<el-form-item label="按钮名称" prop="actionName">
|
|
<el-input
|
|
v-model="addEditBtnForm.actionName"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="按钮标识" prop="actionCode">
|
|
<el-input
|
|
v-model="addEditBtnForm.actionCode"
|
|
:placeholder="$t('message.alarmValueSet.placeholder')"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="状态" prop="status">
|
|
<el-select
|
|
v-model="addEditBtnForm.status"
|
|
:placeholder="$t('message.alarmValueSet.placeholder_select')"
|
|
>
|
|
<el-option label="启用" :value="1"> </el-option>
|
|
<el-option label="禁用" :value="0"> </el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<div class="dialog-footer">
|
|
<el-button
|
|
class="cancleBtn"
|
|
@click="PopupBtn.show = false"
|
|
icon="el-icon-circle-close"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.cancel') }}
|
|
</el-button>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-circle-check"
|
|
@click="submitBtnData"
|
|
size="medium"
|
|
>{{ $t('message.alarmValueSet.save') }}
|
|
</el-button>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {
|
|
addModuleApi,
|
|
editModuleApi,
|
|
deleteModuleApi,
|
|
getAllModuleApi,
|
|
addMenuApi,
|
|
deleteMenuApi,
|
|
editMenuApi,
|
|
getAllMenuApi,
|
|
addBtnApi,
|
|
deleteBtnApi,
|
|
editBtnApi,
|
|
getAllBtnApi,
|
|
getAllMenuByGroupApi,
|
|
getAllModulePageApi,//分页查询
|
|
} from '@/assets/js/api/jxjadmin'
|
|
|
|
export default {
|
|
mounted() {
|
|
this.getList()
|
|
},
|
|
data() {
|
|
return {
|
|
current: 1,
|
|
size: 10,
|
|
pageTotal: 0,
|
|
Popup_title: {
|
|
edit: '编辑模块',
|
|
add: '新增模块'
|
|
},
|
|
Popup_title_menu: {
|
|
edit: '编辑菜单',
|
|
add: '新增菜单'
|
|
},
|
|
Popup_title_btn: {
|
|
edit: '编辑按钮',
|
|
add: '新增按钮'
|
|
},
|
|
addEditForm: {
|
|
moduleIcon: '',
|
|
moduleName: '',
|
|
modulePath: '',
|
|
moduleDesc: '',
|
|
moduleIcon2: '',
|
|
moduleType: 1,
|
|
plugin: '',
|
|
moduleEquipment: '',
|
|
appName: '',
|
|
labelName: '',
|
|
labelSortNum: 0,
|
|
disableModuleIcon: '',
|
|
bigModuleIcon: ''
|
|
},
|
|
formRules: {
|
|
// modulePath: [
|
|
// {
|
|
// required: true,
|
|
// message: this.$t("message.personnelPosition.required"),
|
|
// trigger: "blur",
|
|
// },
|
|
// ],
|
|
moduleName: [
|
|
{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
},
|
|
List: [],
|
|
Popup: {
|
|
type: 'add',
|
|
show: false
|
|
},
|
|
menuManageDialog: false,
|
|
menuList: [],
|
|
addEditMenuForm: {
|
|
icon: '',
|
|
menuDesc: '',
|
|
menuName: '',
|
|
moduleId: '',
|
|
parentId: '',
|
|
path: '',
|
|
appPath: '',
|
|
priority: '',
|
|
scheme: '',
|
|
status: 1,
|
|
target: '_self',
|
|
menuEquipment: '',
|
|
companyPath: ''
|
|
},
|
|
menuFormRules: {
|
|
menuName: [
|
|
{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
},
|
|
PopupMenu: {
|
|
type: 'add',
|
|
show: false
|
|
},
|
|
PopupBtn: {
|
|
type: 'add',
|
|
show: false
|
|
},
|
|
checkOperateArr: [],
|
|
btnManageDialog: false,
|
|
addEditBtnForm: {
|
|
menuId: '',
|
|
actionCode: '',
|
|
actionName: '',
|
|
status: 1
|
|
},
|
|
btnFormRules: {
|
|
actionCode: [
|
|
{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
actionName: [
|
|
{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
},
|
|
btnList: [],
|
|
moudleTypeArr: ['企业前台', '项目后台', '企业后台', '项目看板'],
|
|
searchModuleType: 2,
|
|
styleTypeArr: [
|
|
'普通项目级版本',
|
|
'精益建造版本',
|
|
'衢州版',
|
|
'三江版',
|
|
'标准七参数版'
|
|
],
|
|
searchStyleType: 1,
|
|
allMenuList: []
|
|
}
|
|
},
|
|
methods: {
|
|
handle(type, show) {
|
|
//打开弹窗前的统一处理
|
|
this.Popup = {
|
|
type: type,
|
|
show: show
|
|
}
|
|
},
|
|
handleMenu(type, show) {
|
|
//打开弹窗前的统一处理
|
|
this.PopupMenu = {
|
|
type: type,
|
|
show: show
|
|
}
|
|
getAllMenuApi({ moduleId: this.addEditForm.moduleId }).then((result) => {
|
|
if (result.success) {
|
|
this.allMenuList = result.result
|
|
// console.log("列表", result);
|
|
}
|
|
})
|
|
},
|
|
handleBtn(type, show) {
|
|
//打开弹窗前的统一处理
|
|
this.PopupBtn = {
|
|
type: type,
|
|
show: show
|
|
}
|
|
},
|
|
add() {
|
|
this.addEditForm.moduleType = this.searchModuleType
|
|
this.handle('add', true)
|
|
},
|
|
addMenu() {
|
|
this.addEditMenuForm.moduleId = this.addEditForm.moduleId
|
|
this.handleMenu('add', true)
|
|
},
|
|
addBtn() {
|
|
this.handleBtn('add', true)
|
|
},
|
|
edit(obj) {
|
|
// console.log("编辑", obj);
|
|
this.addEditForm = JSON.parse(JSON.stringify(obj))
|
|
this.handle('edit', true)
|
|
},
|
|
editMenu(obj) {
|
|
// console.log("编辑", obj);
|
|
this.addEditMenuForm = JSON.parse(JSON.stringify(obj))
|
|
if (obj.operateCode) {
|
|
if (obj.operateCode.indexOf(',') != -1) {
|
|
this.checkOperateArr = obj.operateCode.split(',')
|
|
} else {
|
|
this.checkOperateArr = [obj.operateCode]
|
|
}
|
|
} else {
|
|
this.checkOperateArr = []
|
|
}
|
|
|
|
this.handleMenu('edit', true)
|
|
},
|
|
editBtn(obj) {
|
|
// console.log("编辑", obj);
|
|
this.addEditBtnForm = JSON.parse(JSON.stringify(obj))
|
|
this.handleBtn('edit', true)
|
|
},
|
|
deleteDev(obj) {
|
|
console.log('删除', obj)
|
|
this.$confirm(
|
|
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
|
|
'【' +
|
|
obj.moduleName +
|
|
'】?',
|
|
this.$t('message.personnelPosition.beaconManage.table.Tips'),
|
|
{
|
|
confirmButtonText: this.$t(
|
|
'message.personnelPosition.confirmButtonText'
|
|
),
|
|
cancelButtonText: this.$t(
|
|
'message.personnelPosition.cancelButtonText'
|
|
),
|
|
type: 'warning'
|
|
}
|
|
)
|
|
.then(() => {
|
|
deleteModuleApi({ moduleId: obj.moduleId }).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getList()
|
|
}
|
|
})
|
|
})
|
|
.catch(() => { })
|
|
},
|
|
deleteMenu(obj) {
|
|
console.log('删除', obj)
|
|
this.$confirm(
|
|
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
|
|
'【' +
|
|
obj.menuName +
|
|
'】?',
|
|
this.$t('message.personnelPosition.beaconManage.table.Tips'),
|
|
{
|
|
confirmButtonText: this.$t(
|
|
'message.personnelPosition.confirmButtonText'
|
|
),
|
|
cancelButtonText: this.$t(
|
|
'message.personnelPosition.cancelButtonText'
|
|
),
|
|
type: 'warning'
|
|
}
|
|
)
|
|
.then(() => {
|
|
deleteMenuApi({ menuId: obj.menuId }).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getMenuList()
|
|
}
|
|
})
|
|
})
|
|
.catch(() => { })
|
|
},
|
|
deleteBtn(obj) {
|
|
console.log('删除', obj)
|
|
this.$confirm(
|
|
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
|
|
'【' +
|
|
obj.actionName +
|
|
'】?',
|
|
this.$t('message.personnelPosition.beaconManage.table.Tips'),
|
|
{
|
|
confirmButtonText: this.$t(
|
|
'message.personnelPosition.confirmButtonText'
|
|
),
|
|
cancelButtonText: this.$t(
|
|
'message.personnelPosition.cancelButtonText'
|
|
),
|
|
type: 'warning'
|
|
}
|
|
).then(() => {
|
|
deleteBtnApi({ actionId: obj.actionId }).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getBtnList()
|
|
}
|
|
})
|
|
})
|
|
},
|
|
submit() {
|
|
this.$refs['addEditForm'].validate((valid) => {
|
|
if (valid) {
|
|
let params = this.addEditForm
|
|
params.styleType = this.searchStyleType
|
|
console.log('params', params)
|
|
console.log('添加信息', this.addEditForm)
|
|
if (this.Popup.type === 'add') {
|
|
console.log('添加成功的参数', params)
|
|
addModuleApi(params).then((result) => {
|
|
console.log('添加成功的返回值', result)
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getList()
|
|
}
|
|
})
|
|
} else if (this.Popup.type === 'edit') {
|
|
console.log('编辑信息', this.addEditForm)
|
|
editModuleApi(params).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getList()
|
|
}
|
|
})
|
|
}
|
|
this.Popup.show = false
|
|
} else {
|
|
console.log('error submit!!')
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
submitMenuData() {
|
|
this.$refs['addEditMenuForm'].validate((valid) => {
|
|
if (valid) {
|
|
let params = this.addEditMenuForm
|
|
// params.moduleId=this.addEditForm.moduleId
|
|
params.operateCode = this.checkOperateArr.join(',')
|
|
if (this.PopupMenu.type === 'add') {
|
|
addMenuApi(params).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getMenuList()
|
|
}
|
|
})
|
|
} else if (this.PopupMenu.type === 'edit') {
|
|
editMenuApi(params).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getMenuList()
|
|
}
|
|
})
|
|
}
|
|
this.PopupMenu.show = false
|
|
} else {
|
|
console.log('error submit!!')
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
submitBtnData() {
|
|
this.$refs['addEditBtnForm'].validate((valid) => {
|
|
if (valid) {
|
|
let params = this.addEditBtnForm
|
|
// params.moduleId=this.addEditForm.moduleId
|
|
params.menuId = this.addEditMenuForm.menuId
|
|
if (this.PopupBtn.type === 'add') {
|
|
addBtnApi(params).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getBtnList()
|
|
}
|
|
})
|
|
} else if (this.PopupBtn.type === 'edit') {
|
|
editBtnApi(params).then((result) => {
|
|
if (result.success) {
|
|
this.$message.success(result.message)
|
|
this.getBtnList()
|
|
}
|
|
})
|
|
}
|
|
this.PopupBtn.show = false
|
|
} else {
|
|
console.log('error submit!!')
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
refresh() {
|
|
this.getList()
|
|
},
|
|
getList() {
|
|
getAllModulePageApi({
|
|
moduleType: this.searchModuleType,
|
|
styleType: this.searchStyleType,
|
|
current: this.current,
|
|
size: this.size,
|
|
}).then((result) => {
|
|
if (result.success) {
|
|
this.List = result.result.records
|
|
this.pageTotal=result.result.total
|
|
// console.log("列表", result);
|
|
}
|
|
})
|
|
},
|
|
getMenuList() {
|
|
getAllMenuByGroupApi({ moduleId: this.addEditForm.moduleId }).then(
|
|
(result) => {
|
|
if (result.success) {
|
|
this.menuList = result.result
|
|
// console.log("列表", result);
|
|
}
|
|
}
|
|
)
|
|
},
|
|
getBtnList() {
|
|
getAllBtnApi({ menuId: this.addEditMenuForm.menuId }).then((result) => {
|
|
if (result.success) {
|
|
this.btnList = result.result
|
|
// console.log("列表", result);
|
|
}
|
|
})
|
|
},
|
|
close() {
|
|
this.addEditForm = {
|
|
moduleIcon: '',
|
|
moduleIcon2: '',
|
|
moduleName: '',
|
|
modulePath: '',
|
|
moduleDesc: '',
|
|
moduleType: 1,
|
|
appName: '',
|
|
labelName: '',
|
|
labelSortNum: 0,
|
|
disableModuleIcon: '',
|
|
bigModuleIcon: ''
|
|
}
|
|
},
|
|
closeMenu() {
|
|
this.addEditMenuForm = {
|
|
icon: '',
|
|
menuDesc: '',
|
|
menuName: '',
|
|
moduleId: '',
|
|
parentId: '',
|
|
path: '',
|
|
appPath: '',
|
|
priority: '',
|
|
scheme: '',
|
|
status: 1,
|
|
companyPath: ''
|
|
}
|
|
},
|
|
closeBtn() {
|
|
this.addEditBtnForm = {
|
|
menuId: '',
|
|
actionCode: '',
|
|
actionName: '',
|
|
status: 1
|
|
}
|
|
},
|
|
handleSizeChange2(value) {
|
|
this.size = value
|
|
this.getList()
|
|
},
|
|
handleCurrentChange2(value) {
|
|
this.current = value
|
|
this.getList()
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less">
|
|
.tableBtns {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.yj-dialogFormBox {
|
|
width: 462px;
|
|
}
|
|
</style> |