演示平台新增(标准七参数版)

This commit is contained in:
yjl 2023-03-01 09:46:41 +08:00
parent 74beb354ae
commit 4b1a6f6dff
4 changed files with 886 additions and 681 deletions

View File

@ -18,7 +18,7 @@ var PROJECT = {
}
var PROJECT_TYPE = PROJECT.online_zjsj
var PROJECT_TYPE = PROJECT.local_test
var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs

View File

@ -46,8 +46,8 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://192.168.34.117:6023/' // 杨杰本地
// axios.defaults.baseURL = 'http://ue6a4s.natappfree.cc' // 邱平毅vpn本地
// axios.defaults.baseURL = 'http://139.9.66.234:6324/' // 河南春笋
axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
// axios.defaults.baseURL ='http://182.90.224.147:100/' //演示平台/
// axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
axios.defaults.baseURL ='http://182.90.224.147:100/' //演示平台/
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL ='http://47.97.202.104:6023/' //金林湾线上
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地

View File

@ -1,17 +1,35 @@
<template>
<div class="fullHeight">
<div class="searchBox whiteBlock">
<el-select size="medium" style="margin-right: 20px"
<el-select
size="medium"
style="margin-right: 20px"
v-model="searchStyleType"
:placeholder="$t('message.alarmValueSet.placeholder_select')" @change="refresh"
: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-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"
<el-select
size="medium"
style="margin-right: 20px"
v-model="searchModuleType"
:placeholder="$t('message.alarmValueSet.placeholder_select')" @change="refresh"
: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-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>
@ -52,27 +70,39 @@
></el-table-column>
<el-table-column prop="moduleType" label="模块类型" align="center">
<template slot-scope="scope">{{
moudleTypeArr[scope.row.moduleType-1]
moudleTypeArr[scope.row.moduleType - 1]
}}</template>
</el-table-column>
<el-table-column prop="moduleEquipment" label="是否在设备中台显示" align="center">
<el-table-column
prop="moduleEquipment"
label="是否在设备中台显示"
align="center"
>
<template slot-scope="scope">{{
scope.row.moduleEquipment === 1 ? "是" : ""
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 ? "是" : ""
scope.row.appShow === 1 ? '是' : ''
}}</template>
</el-table-column>
<el-table-column
:label="$t('message.alarmValueSet.operation')"
align="center" width="300"
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
class="operationText"
@click="
addEditForm = scope.row
menuManageDialog = true
getMenuList()
"
>
菜单管理
</div>
<div @click="edit(scope.row)" class="operationText">
@ -81,7 +111,7 @@
width="15px"
height="15px"
/>
<span>{{ $t("message.alarmValueSet.edit") }}</span>
<span>{{ $t('message.alarmValueSet.edit') }}</span>
</div>
<div @click="deleteDev(scope.row)" class="operationText">
<img
@ -168,10 +198,20 @@
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-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-form-item
v-show="addEditForm.moduleType == 2"
label="项目模块类型"
prop="moduleEquipment"
>
<el-select
v-model="addEditForm.moduleEquipment"
:placeholder="$t('message.alarmValueSet.placeholder_select')"
@ -215,14 +255,14 @@
@click="Popup.show = false"
icon="el-icon-circle-close"
size="medium"
>{{ $t("message.alarmValueSet.cancel") }}
>{{ $t('message.alarmValueSet.cancel') }}
</el-button>
<el-button
type="primary"
icon="el-icon-circle-check"
@click="submit"
size="medium"
>{{ $t("message.alarmValueSet.save") }}
>{{ $t('message.alarmValueSet.save') }}
</el-button>
</div>
</div>
@ -234,10 +274,18 @@
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
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"
label="菜单名称"
width="200"
></el-table-column>
<el-table-column prop="path" label="菜单路径" align="center">
</el-table-column>
@ -248,23 +296,33 @@
></el-table-column> -->
<el-table-column prop="status" width="80" label="状态" align="center">
<template slot-scope="scope">{{
scope.row.status === 1 ? "启用" : "禁用"
scope.row.status === 1 ? '启用' : '禁用'
}}</template>
</el-table-column>
<el-table-column
:label="$t('message.alarmValueSet.operation')"
align="center" width="250"
align="center"
width="250"
>
<template slot-scope="scope">
<div class="tableBtns">
<div class="operationText" @click="btnManageDialog=true;addEditMenuForm=scope.row;getBtnList()">按钮管理</div>
<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>
<span>{{ $t('message.alarmValueSet.edit') }}</span>
</div>
<div @click="deleteMenu(scope.row)" class="operationText">
<img
@ -300,15 +358,28 @@
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-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
<el-select
clearable
v-model="addEditMenuForm.parentId"
:placeholder="$t('message.alarmValueSet.placeholder_select')" filterable
: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-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">
@ -387,14 +458,14 @@
@click="PopupMenu.show = false"
icon="el-icon-circle-close"
size="medium"
>{{ $t("message.alarmValueSet.cancel") }}
>{{ $t('message.alarmValueSet.cancel') }}
</el-button>
<el-button
type="primary"
icon="el-icon-circle-check"
@click="submitMenuData"
size="medium"
>{{ $t("message.alarmValueSet.save") }}
>{{ $t('message.alarmValueSet.save') }}
</el-button>
</div>
</el-form>
@ -417,12 +488,13 @@
</el-table-column>
<el-table-column prop="status" width="80" label="状态" align="center">
<template slot-scope="scope">{{
scope.row.status === 1 ? "启用" : "禁用"
scope.row.status === 1 ? '启用' : '禁用'
}}</template>
</el-table-column>
<el-table-column
:label="$t('message.alarmValueSet.operation')"
align="center" width="200"
align="center"
width="200"
>
<template slot-scope="scope">
<div class="tableBtns">
@ -432,7 +504,7 @@
width="15px"
height="15px"
/>
<span>{{ $t("message.alarmValueSet.edit") }}</span>
<span>{{ $t('message.alarmValueSet.edit') }}</span>
</div>
<div @click="deleteBtn(scope.row)" class="operationText">
<img
@ -490,14 +562,14 @@
@click="PopupBtn.show = false"
icon="el-icon-circle-close"
size="medium"
>{{ $t("message.alarmValueSet.cancel") }}
>{{ $t('message.alarmValueSet.cancel') }}
</el-button>
<el-button
type="primary"
icon="el-icon-circle-check"
@click="submitBtnData"
size="medium"
>{{ $t("message.alarmValueSet.save") }}
>{{ $t('message.alarmValueSet.save') }}
</el-button>
</div>
</el-form>
@ -518,41 +590,42 @@ import {
addBtnApi,
deleteBtnApi,
editBtnApi,
getAllBtnApi,getAllMenuByGroupApi
} from "@/assets/js/api/jxjadmin";
getAllBtnApi,
getAllMenuByGroupApi
} from '@/assets/js/api/jxjadmin'
export default {
mounted() {
this.getList();
this.getList()
},
data() {
return {
Popup_title: {
edit: '编辑模块',
add: '新增模块',
add: '新增模块'
},
Popup_title_menu: {
edit: '编辑菜单',
add: '新增菜单',
add: '新增菜单'
},
Popup_title_btn: {
edit: '编辑按钮',
add: '新增按钮',
add: '新增按钮'
},
addEditForm: {
moduleIcon: "",
moduleName: "",
modulePath: "",
moduleDesc: "",
moduleIcon2:"",
moduleIcon: '',
moduleName: '',
modulePath: '',
moduleDesc: '',
moduleIcon2: '',
moduleType: 1,
plugin:'',
moduleEquipment:"",
appName:'',
labelName:'',
labelSortNum:0,
disableModuleIcon: "",
bigModuleIcon: ""
plugin: '',
moduleEquipment: '',
appName: '',
labelName: '',
labelSortNum: 0,
disableModuleIcon: '',
bigModuleIcon: ''
},
formRules: {
// modulePath: [
@ -565,385 +638,394 @@ export default {
moduleName: [
{
required: true,
message: this.$t("message.personnelPosition.required"),
trigger: "blur",
},
],
message: this.$t('message.personnelPosition.required'),
trigger: 'blur'
}
]
},
List: [],
Popup: {
type: "add",
show: false,
type: 'add',
show: false
},
menuManageDialog:false,
menuList:[],
addEditMenuForm:{
icon:"",
menuDesc:"",
menuName:"",
moduleId:"",
parentId:"",
path:"",
appPath: "",
priority:"",
scheme:"",
menuManageDialog: false,
menuList: [],
addEditMenuForm: {
icon: '',
menuDesc: '',
menuName: '',
moduleId: '',
parentId: '',
path: '',
appPath: '',
priority: '',
scheme: '',
status: 1,
target:'_self',
menuEquipment:"",
target: '_self',
menuEquipment: '',
companyPath: ''
},
menuFormRules: {
menuName: [
{
required: true,
message: this.$t("message.personnelPosition.required"),
trigger: "blur",
},
],
message: this.$t('message.personnelPosition.required'),
trigger: 'blur'
}
]
},
PopupMenu: {
type: "add",
show: false,
type: 'add',
show: false
},
PopupBtn: {
type: "add",
show: false,
type: 'add',
show: false
},
checkOperateArr:[],
btnManageDialog:false,
addEditBtnForm:{
menuId:"",
actionCode:"",
actionName:"",
status:1
checkOperateArr: [],
btnManageDialog: false,
addEditBtnForm: {
menuId: '',
actionCode: '',
actionName: '',
status: 1
},
btnFormRules: {
actionCode: [
{
required: true,
message: this.$t("message.personnelPosition.required"),
trigger: "blur",
},
message: this.$t('message.personnelPosition.required'),
trigger: 'blur'
}
],
actionName: [
{
required: true,
message: this.$t("message.personnelPosition.required"),
trigger: "blur",
message: this.$t('message.personnelPosition.required'),
trigger: 'blur'
}
]
},
],
},
btnList:[],
moudleTypeArr:['企业模块','项目后台','企业后台','项目看板'],
btnList: [],
moudleTypeArr: ['企业模块', '项目后台', '企业后台', '项目看板'],
searchModuleType: 2,
styleTypeArr:['普通项目级版本','精益建造版本','衢州版','三江版'],
searchStyleType:1,
allMenuList:[]
};
styleTypeArr: [
'普通项目级版本',
'精益建造版本',
'衢州版',
'三江版',
'标准七参数版'
],
searchStyleType: 1,
allMenuList: []
}
},
methods: {
handle(type, show) {
//
this.Popup = {
type: type,
show: show,
};
show: show
}
},
handleMenu(type, show) {
//
this.PopupMenu = {
type: type,
show: show,
};
getAllMenuApi({moduleId:this.addEditForm.moduleId}).then((result) => {
show: show
}
getAllMenuApi({ moduleId: this.addEditForm.moduleId }).then((result) => {
if (result.success) {
this.allMenuList = result.result;
this.allMenuList = result.result
// console.log("", result);
}
});
})
},
handleBtn(type, show) {
//
this.PopupBtn = {
type: type,
show: show,
};
show: show
}
},
add() {
this.addEditForm.moduleType=this.searchModuleType
this.handle("add", true);
this.addEditForm.moduleType = this.searchModuleType
this.handle('add', true)
},
addMenu() {
this.addEditMenuForm.moduleId=this.addEditForm.moduleId
this.handleMenu("add", true);
this.addEditMenuForm.moduleId = this.addEditForm.moduleId
this.handleMenu('add', true)
},
addBtn() {
this.handleBtn("add", true);
this.handleBtn('add', true)
},
edit(obj) {
// console.log("", obj);
this.addEditForm = JSON.parse(JSON.stringify(obj));
this.handle("edit", true);
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.addEditMenuForm = JSON.parse(JSON.stringify(obj))
if (obj.operateCode) {
if (obj.operateCode.indexOf(',') != -1) {
this.checkOperateArr = obj.operateCode.split(',')
}else{
} else {
this.checkOperateArr = [obj.operateCode]
}
}else{
this.checkOperateArr=[]
} else {
this.checkOperateArr = []
}
this.handleMenu("edit", true);
this.handleMenu('edit', true)
},
editBtn(obj) {
// console.log("", obj);
this.addEditBtnForm = JSON.parse(JSON.stringify(obj));
this.handleBtn("edit", true);
this.addEditBtnForm = JSON.parse(JSON.stringify(obj))
this.handleBtn('edit', true)
},
deleteDev(obj) {
console.log("删除", obj);
console.log('删除', obj)
this.$confirm(
this.$t("message.personnelPosition.beaconManage.table.confirmText") +
"【" +
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
'【' +
obj.moduleName +
"】?",
this.$t("message.personnelPosition.beaconManage.table.Tips"),
'】?',
this.$t('message.personnelPosition.beaconManage.table.Tips'),
{
confirmButtonText: this.$t(
"message.personnelPosition.confirmButtonText"
'message.personnelPosition.confirmButtonText'
),
cancelButtonText: this.$t(
"message.personnelPosition.cancelButtonText"
'message.personnelPosition.cancelButtonText'
),
type: "warning",
type: 'warning'
}
)
.then(() => {
deleteModuleApi({ moduleId: obj.moduleId }).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getList();
this.$message.success(result.message)
this.getList()
}
});
})
.catch(() => {});
})
.catch(() => {})
},
deleteMenu(obj) {
console.log("删除", obj);
console.log('删除', obj)
this.$confirm(
this.$t("message.personnelPosition.beaconManage.table.confirmText") +
"【" +
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
'【' +
obj.menuName +
"】?",
this.$t("message.personnelPosition.beaconManage.table.Tips"),
'】?',
this.$t('message.personnelPosition.beaconManage.table.Tips'),
{
confirmButtonText: this.$t(
"message.personnelPosition.confirmButtonText"
'message.personnelPosition.confirmButtonText'
),
cancelButtonText: this.$t(
"message.personnelPosition.cancelButtonText"
'message.personnelPosition.cancelButtonText'
),
type: "warning",
type: 'warning'
}
)
.then(() => {
deleteMenuApi({ menuId: obj.menuId }).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getMenuList();
this.$message.success(result.message)
this.getMenuList()
}
});
})
.catch(() => {});
})
.catch(() => {})
},
deleteBtn(obj) {
console.log("删除", obj);
console.log('删除', obj)
this.$confirm(
this.$t("message.personnelPosition.beaconManage.table.confirmText") +
"【" +
this.$t('message.personnelPosition.beaconManage.table.confirmText') +
'【' +
obj.actionName +
"】?",
this.$t("message.personnelPosition.beaconManage.table.Tips"),
'】?',
this.$t('message.personnelPosition.beaconManage.table.Tips'),
{
confirmButtonText: this.$t(
"message.personnelPosition.confirmButtonText"
'message.personnelPosition.confirmButtonText'
),
cancelButtonText: this.$t(
"message.personnelPosition.cancelButtonText"
'message.personnelPosition.cancelButtonText'
),
type: "warning",
type: 'warning'
}
)
.then(() => {
).then(() => {
deleteBtnApi({ actionId: obj.actionId }).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getMenuList();
this.$message.success(result.message)
this.getMenuList()
}
});
})
})
},
submit() {
this.$refs["addEditForm"].validate((valid) => {
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)
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)
console.log('添加成功的返回值', result)
if (result.success) {
this.$message.success(result.message);
this.getList();
this.$message.success(result.message)
this.getList()
}
});
} else if (this.Popup.type === "edit") {
console.log("编辑信息", this.addEditForm);
})
} 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.$message.success(result.message)
this.getList()
}
});
})
}
this.Popup.show = false;
this.Popup.show = false
} else {
console.log("error submit!!");
return false;
console.log('error submit!!')
return false
}
});
})
},
submitMenuData() {
this.$refs["addEditMenuForm"].validate((valid) => {
this.$refs['addEditMenuForm'].validate((valid) => {
if (valid) {
let params = this.addEditMenuForm;
let params = this.addEditMenuForm
// params.moduleId=this.addEditForm.moduleId
params.operateCode = this.checkOperateArr.join(',')
if (this.PopupMenu.type === "add") {
if (this.PopupMenu.type === 'add') {
addMenuApi(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getMenuList();
this.$message.success(result.message)
this.getMenuList()
}
});
} else if (this.PopupMenu.type === "edit") {
})
} else if (this.PopupMenu.type === 'edit') {
editMenuApi(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getMenuList();
this.$message.success(result.message)
this.getMenuList()
}
});
})
}
this.PopupMenu.show = false;
this.PopupMenu.show = false
} else {
console.log("error submit!!");
return false;
console.log('error submit!!')
return false
}
});
})
},
submitBtnData() {
this.$refs["addEditBtnForm"].validate((valid) => {
this.$refs['addEditBtnForm'].validate((valid) => {
if (valid) {
let params = this.addEditBtnForm;
let params = this.addEditBtnForm
// params.moduleId=this.addEditForm.moduleId
params.menuId=this.addEditMenuForm.menuId
if (this.PopupBtn.type === "add") {
params.menuId = this.addEditMenuForm.menuId
if (this.PopupBtn.type === 'add') {
addBtnApi(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getBtnList();
this.$message.success(result.message)
this.getBtnList()
}
});
} else if (this.PopupBtn.type === "edit") {
})
} else if (this.PopupBtn.type === 'edit') {
editBtnApi(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getBtnList();
this.$message.success(result.message)
this.getBtnList()
}
});
})
}
this.PopupBtn.show = false;
this.PopupBtn.show = false
} else {
console.log("error submit!!");
return false;
console.log('error submit!!')
return false
}
});
})
},
refresh() {
this.getList();
this.getList()
},
getList() {
getAllModuleApi({moduleType:this.searchModuleType,styleType:this.searchStyleType}).then((result) => {
getAllModuleApi({
moduleType: this.searchModuleType,
styleType: this.searchStyleType
}).then((result) => {
if (result.success) {
this.List = result.result;
this.List = result.result
// console.log("", result);
}
});
})
},
getMenuList() {
getAllMenuByGroupApi({moduleId:this.addEditForm.moduleId}).then((result) => {
getAllMenuByGroupApi({ moduleId: this.addEditForm.moduleId }).then(
(result) => {
if (result.success) {
this.menuList = result.result;
this.menuList = result.result
// console.log("", result);
}
});
}
)
},
getBtnList() {
getAllBtnApi({menuId:this.addEditMenuForm.menuId}).then((result) => {
getAllBtnApi({ menuId: this.addEditMenuForm.menuId }).then((result) => {
if (result.success) {
this.btnList = result.result;
this.btnList = result.result
// console.log("", result);
}
});
})
},
close() {
this.addEditForm = {
moduleIcon: "",
moduleIcon2:"",
moduleName: "",
modulePath: "",
moduleDesc: "",
moduleIcon: '',
moduleIcon2: '',
moduleName: '',
modulePath: '',
moduleDesc: '',
moduleType: 1,
appName:'',
labelName:'',
labelSortNum:0,
disableModuleIcon: "",
bigModuleIcon: ""
};
appName: '',
labelName: '',
labelSortNum: 0,
disableModuleIcon: '',
bigModuleIcon: ''
}
},
closeMenu(){
this.addEditMenuForm={
icon:"",
menuDesc:"",
menuName:"",
moduleId:"",
parentId:"",
path:"",
appPath: "",
priority:"",
scheme:"",
closeMenu() {
this.addEditMenuForm = {
icon: '',
menuDesc: '',
menuName: '',
moduleId: '',
parentId: '',
path: '',
appPath: '',
priority: '',
scheme: '',
status: 1,
companyPath: ''
}
},
closeBtn(){
this.addEditBtnForm={
menuId:"",
actionCode:"",
actionName:"",
status:1
closeBtn() {
this.addEditBtnForm = {
menuId: '',
actionCode: '',
actionName: '',
status: 1
}
},
},
};
}
}
}
</script>
<style lang="less">
.tableBtns {

View File

@ -1,7 +1,12 @@
<template>
<div class="fullHeight">
<div class="searchBox whiteBlock">
<el-form :inline="true" size="medium" :model="searchForm" ref="searchForm">
<el-form
:inline="true"
size="medium"
:model="searchForm"
ref="searchForm"
>
<el-form-item label="审核状态" prop="useState">
<el-select v-model="searchForm.useState" placeholder="请选择">
<el-option label="全部" value=""></el-option>
@ -10,7 +15,11 @@
</el-select>
</el-form-item>
<el-form-item label="企业名称" prop="companyName" class="last">
<el-input v-model="searchForm.companyName" placeholder="请输入" clearable></el-input>
<el-input
v-model="searchForm.companyName"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="getListData">查询</el-button>
@ -20,25 +29,53 @@
</div>
<div class="table_wrap whiteBlock">
<el-table class="tables" :data="tableData">
<el-table-column type="index" width="50" align="center" label="序号"></el-table-column>
<el-table-column prop="companyName" label="企业名称" align="center" width="180"></el-table-column>
<el-table-column prop="createTime" label="注册时间" align="center" width="180"></el-table-column>
<el-table-column prop="companyTel" label="手机号码" align="center" width="180"></el-table-column>
<el-table-column
type="index"
width="50"
align="center"
label="序号"
></el-table-column>
<el-table-column
prop="companyName"
label="企业名称"
align="center"
width="180"
></el-table-column>
<el-table-column
prop="createTime"
label="注册时间"
align="center"
width="180"
></el-table-column>
<el-table-column
prop="companyTel"
label="手机号码"
align="center"
width="180"
></el-table-column>
<el-table-column prop="isEnable" label="使用状态" align="center">
<template slot-scope="scope">
{{scope.row.isEnable==0?'禁用':'启用'}}
{{ scope.row.isEnable == 0 ? '禁用' : '启用' }}
</template>
</el-table-column>
<el-table-column prop="diffDay" label="剩余天数" align="center"></el-table-column>
<el-table-column
prop="diffDay"
label="剩余天数"
align="center"
></el-table-column>
<el-table-column prop="diffDay" label="项目数" align="center">
<template slot-scope="scope">
{{scope.row.createProjectNum}}/{{scope.row.projectNum}}
{{ scope.row.createProjectNum }}/{{ scope.row.projectNum }}
</template>
</el-table-column>
<el-table-column prop="address" label="操作" align="center">
<template slot-scope="scope">
<div @click="configuration(scope.row)" class="operationText">
<img src="@/assets/images/accredit.png" width="15px" height="15px" />
<img
src="@/assets/images/accredit.png"
width="15px"
height="15px"
/>
<span>授权配置</span>
</div>
</template>
@ -56,72 +93,93 @@
background
></el-pagination>
</div>
<el-dialog :modal-append-to-body="false" title="授权配置" :visible.sync="authorizedDialog" width="767px">
<el-dialog
:modal-append-to-body="false"
title="授权配置"
:visible.sync="authorizedDialog"
width="767px"
>
<div class="dialog_content">
<el-row :gutter="24">
<el-col :span="11" style="margin:7px 0px 0 0;">
<el-col :span="11" style="margin: 7px 0px 0 0">
<span class="firstConlumLabel">授权状态</span>
<el-radio-group v-model="isEnable" size="medium">
<el-radio :label="1">启用</el-radio>
<el-radio :label="0">禁用</el-radio>
</el-radio-group>
</el-col>
<el-col :span="13" style="text-align:right">
<span style="margin-right:15px">到期日期</span>
<el-col :span="13" style="text-align: right">
<span style="margin-right: 15px">到期日期</span>
<el-date-picker
v-model="time"
type="date"
placeholder="选择日期" value-format="yyyy-MM-dd" size="medium">
placeholder="选择日期"
value-format="yyyy-MM-dd"
size="medium"
>
</el-date-picker>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="11" style="margin:7px 0px 0 0;">
<el-col :span="11" style="margin: 7px 0px 0 0">
<span class="firstConlumLabel">是否显示未解锁模块</span>
<el-radio-group v-model="moduleShowType" size="medium">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
<el-col :span="13" style="text-align:right">
<span style="margin-right:15px">授权项目数</span>
<el-input-number v-model="projectNum" :min="1" size="medium" style="width: 220px"></el-input-number>
<el-col :span="13" style="text-align: right">
<span style="margin-right: 15px">授权项目数</span>
<el-input-number
v-model="projectNum"
:min="1"
size="medium"
style="width: 220px"
></el-input-number>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="11" style="margin:7px 0px 0 0;">
<el-col :span="11" style="margin: 7px 0px 0 0">
<span class="firstConlumLabel">是否显示企业大屏</span>
<el-radio-group v-model="companyBigScreen" size="medium">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
<el-col :span="13" style="text-align:right">
<span style="margin-right:15px">是否显示项目看板</span>
<el-radio-group v-model="projectKanban" size="medium" style="width: 220px;text-align:left">
<el-col :span="13" style="text-align: right">
<span style="margin-right: 15px">是否显示项目看板</span>
<el-radio-group
v-model="projectKanban"
size="medium"
style="width: 220px; text-align: left"
>
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="11" style="margin:7px 0px 0 0;">
<el-col :span="11" style="margin: 7px 0px 0 0">
<span class="firstConlumLabel">是否启用人员录入二维码</span>
<el-radio-group v-model="inputQrCode" size="medium">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
<el-col :span="13" style="text-align:right">
<span style="margin-right:15px">是否启用移动考勤</span>
<el-radio-group v-model="mobileAttendance" size="medium" style="width: 220px;text-align:left">
<el-col :span="13" style="text-align: right">
<span style="margin-right: 15px">是否启用移动考勤</span>
<el-radio-group
v-model="mobileAttendance"
size="medium"
style="width: 220px; text-align: left"
>
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="16" style="margin:7px 0px 0 0;">
<el-col :span="16" style="margin: 7px 0px 0 0; width: 100%">
<!-- 此处注释是因为添加了一个菜单版本 20220706 -->
<!-- <span class="firstConlumLabel">是否启用精益建造</span>
<el-radio-group v-model="styleType" size="medium" @change="getBaseModuleList">
@ -129,18 +187,28 @@
<el-radio :label="1"></el-radio>
</el-radio-group> -->
<span class="firstConlumLabel">选择系统版本</span>
<el-radio-group v-model="styleType" size="medium" @change="getBaseModuleList">
<el-radio-group
v-model="styleType"
size="medium"
@change="getBaseModuleList"
>
<el-radio :label="1">标准版</el-radio>
<el-radio :label="2">星璇版</el-radio>
<el-radio :label="3">衢州版</el-radio>
<el-radio :label="4">三江版</el-radio>
<el-radio :label="4">标准七参数版</el-radio>
</el-radio-group>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="16" style="margin:7px 0px 0 0;">
<el-col :span="16" style="margin: 7px 0px 0 0">
<span class="firstConlumLabel">客服电话</span>
<el-input v-model="customerServicePhone" size="medium" placeholder="请输入" style="display: inline-block; width: 200px;"></el-input>
<el-input
v-model="customerServicePhone"
size="medium"
placeholder="请输入"
style="display: inline-block; width: 200px"
></el-input>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 20px">
@ -151,9 +219,13 @@
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-col>
<el-col :span="13" style="text-align:right">
<span style="margin-right:15px">是否能添加项目</span>
<el-radio-group v-model="canAddProject" size="medium" style="width: 220px;text-align:left">
<el-col :span="13" style="text-align: right">
<span style="margin-right: 15px">是否能添加项目</span>
<el-radio-group
v-model="canAddProject"
size="medium"
style="width: 220px; text-align: left"
>
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
@ -162,49 +234,89 @@
<el-row :gutter="24" style="margin-top: 20px">
<el-col :span="24">
<div>请勾选功能权限</div>
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
<el-checkbox-group class="zdy-checkbox" v-model="moduleInfo.moduleId" @change="handleCheckedCitiesChange">
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选</el-checkbox
>
<el-checkbox-group
class="zdy-checkbox"
v-model="moduleInfo.moduleId"
@change="handleCheckedCitiesChange"
>
<div class="CheckboxTitle">企业模块</div>
<el-checkbox v-if="i.moduleType===1" v-for="i in companyArr" :key="i.moduleId" :label="i.moduleId">{{i.moduleName}}</el-checkbox>
<el-checkbox
v-if="i.moduleType === 1"
v-for="i in companyArr"
:key="i.moduleId"
:label="i.moduleId"
>{{ i.moduleName }}</el-checkbox
>
<div class="CheckboxTitle">企业后台模块</div>
<el-checkbox v-if="i.moduleType===3" v-for="i in companyArr" :key="i.moduleId" :label="i.moduleId">{{i.moduleName}}</el-checkbox>
<el-checkbox
v-if="i.moduleType === 3"
v-for="i in companyArr"
:key="i.moduleId"
:label="i.moduleId"
>{{ i.moduleName }}</el-checkbox
>
<div class="CheckboxTitle">项目模块</div>
<el-checkbox v-if="i.moduleType===2" v-for="i in companyArr" :key="i.moduleId" :label="i.moduleId">{{i.moduleName}}</el-checkbox>
<el-checkbox
v-if="i.moduleType === 2"
v-for="i in companyArr"
:key="i.moduleId"
:label="i.moduleId"
>{{ i.moduleName }}</el-checkbox
>
<div class="CheckboxTitle">项目看板模块</div>
<el-checkbox v-if="i.moduleType===4" v-for="i in companyArr" :key="i.moduleId" :label="i.moduleId">{{i.moduleName}}</el-checkbox>
<el-checkbox
v-if="i.moduleType === 4"
v-for="i in companyArr"
:key="i.moduleId"
:label="i.moduleId"
>{{ i.moduleName }}</el-checkbox
>
</el-checkbox-group>
</el-col>
</el-row>
<div class="dialog-footer">
<el-button class="cancleBtn"
<el-button
class="cancleBtn"
@click="authorizedDialog = false"
icon="el-icon-circle-close"
size="medium"
> </el-button>
> </el-button
>
<el-button
type="primary"
icon="el-icon-circle-check"
@click="saveFn"
size="medium"
> </el-button>
> </el-button
>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import { getRegisterAuditList,editCompanyConfigApi,baseModuleList,getCompanyModuleList,baseModuleProjectEdit } from "@/assets/js/api/jxjadmin.js";
import {
getRegisterAuditList,
editCompanyConfigApi,
baseModuleList,
getCompanyModuleList,
baseModuleProjectEdit
} from '@/assets/js/api/jxjadmin.js'
export default {
name: "registerAudit",
name: 'registerAudit',
data() {
return {
checkAll: false,
isIndeterminate: false,
cityOptions: [],
moduleInfo:{moduleId:''},
companyArr:[],
moduleInfo: { moduleId: '' },
companyArr: [],
count: 0,
props: {
multiple: true
@ -214,8 +326,8 @@ export default {
children: 'zones'
},*/
searchForm: {
companyName: "",
useState: "",
companyName: '',
useState: ''
},
total: 0,
pageNo: 1,
@ -225,146 +337,157 @@ export default {
checkList: [],
authorizedDialog: false,
isEnable: 0,
time: "",
detail:{},
time: '',
detail: {},
projectNum: 1,
moduleShowType:0,
"companyBigScreen": 0,
"inputQrCode": 0,
"projectKanban": 0,
"mobileAttendance": 0,
customerServicePhone:'',
styleType:1,
canGoProjectEnd:0,
canAddProject:0
};
moduleShowType: 0,
companyBigScreen: 0,
inputQrCode: 0,
projectKanban: 0,
mobileAttendance: 0,
customerServicePhone: '',
styleType: 1,
canGoProjectEnd: 0,
canAddProject: 0
}
},
created() {
this.getListData();
this.getListData()
},
methods: {
saveFn(){
if(this.time==''){
saveFn() {
if (this.time == '') {
this.$message.error('请选择授权时长!')
}else{
} else {
var json = {
"clientId": this.detail.clientId,
"clientSecret": this.detail.clientSecret,
"companySn": this.detail.companySn,
clientId: this.detail.clientId,
clientSecret: this.detail.clientSecret,
companySn: this.detail.companySn,
// "effectiveTime": 0,
"expireTime": this.time,
"headquartersSn": this.detail.headquartersSn,
"isEnable": this.isEnable,
projectNum:this.projectNum,
moduleShowType:this.moduleShowType,
mobileAttendance:this.mobileAttendance,
companyBigScreen:this.companyBigScreen,
inputQrCode:this.inputQrCode,
projectKanban:this.projectKanban,
customerServicePhone:this.customerServicePhone,
styleType:this.styleType,
enterProjectBackType:this.canGoProjectEnd,
addProjectType:this.canAddProject
expireTime: this.time,
headquartersSn: this.detail.headquartersSn,
isEnable: this.isEnable,
projectNum: this.projectNum,
moduleShowType: this.moduleShowType,
mobileAttendance: this.mobileAttendance,
companyBigScreen: this.companyBigScreen,
inputQrCode: this.inputQrCode,
projectKanban: this.projectKanban,
customerServicePhone: this.customerServicePhone,
styleType: this.styleType,
enterProjectBackType: this.canGoProjectEnd,
addProjectType: this.canAddProject
}
editCompanyConfigApi(json).then(res=>{
let moduleIdStr=JSON.parse(JSON.stringify(this.moduleInfo)).moduleId.join(',');
console.log('查看form',moduleIdStr,this.moduleInfo);
baseModuleProjectEdit({headquartersSn:this.moduleInfo.headquartersSn,moduleIdStr:moduleIdStr,sn:this.moduleInfo.companySn,type:'1'}).then(res=>{
editCompanyConfigApi(json).then((res) => {
let moduleIdStr = JSON.parse(
JSON.stringify(this.moduleInfo)
).moduleId.join(',')
console.log('查看form', moduleIdStr, this.moduleInfo)
baseModuleProjectEdit({
headquartersSn: this.moduleInfo.headquartersSn,
moduleIdStr: moduleIdStr,
sn: this.moduleInfo.companySn,
type: '1'
}).then((res) => {
// this.$message.success('')
})
this.authorizedDialog=false;
this.getListData();
this.authorizedDialog = false
this.getListData()
this.$message.success('配置成功!')
})
}
},
//
getListData() {
let data = this.searchForm;
data.pageNo = this.pageNo;
data.pageSize = this.pageSize;
let data = this.searchForm
data.pageNo = this.pageNo
data.pageSize = this.pageSize
getRegisterAuditList(data).then((res) => {
console.log(res);
this.tableData=res.result.records
this.total=res.result.total
});
console.log(res)
this.tableData = res.result.records
this.total = res.result.total
})
},
resetForm() {
this.$refs['searchForm'].resetFields();
this.getListData();
this.$refs['searchForm'].resetFields()
this.getListData()
},
// --
configuration(item) {
console.log('打印',item);
item.moduleId=[];
this.moduleInfo=JSON.parse(JSON.stringify(item));
this.getCompanyList(item.headquartersSn);
this.authorizedDialog = true;
console.log('打印', item)
item.moduleId = []
this.moduleInfo = JSON.parse(JSON.stringify(item))
this.getCompanyList(item.headquartersSn)
this.authorizedDialog = true
this.time = item.expireTime
this.isEnable = item.isEnable
this.detail=item
this.detail = item
this.projectNum = item.projectNum
this.projectKanban = item.projectKanban
this.companyBigScreen = item.companyBigScreen
this.mobileAttendance = item.mobileAttendance
this.inputQrCode = item.inputQrCode
this.styleType=item.styleType
this.styleType = item.styleType
this.canGoProjectEnd=item.enterProjectBackType
this.canAddProject=item.addProjectType
this.getBaseModuleList();
this.canGoProjectEnd = item.enterProjectBackType
this.canAddProject = item.addProjectType
this.getBaseModuleList()
},
//
handleSizeChange(val) {
this.pageSize = val;
this.getListData();
this.pageSize = val
this.getListData()
},
//
handleCurrentChange(val) {
this.pageNo = val;
this.getListData();
this.pageNo = val
this.getListData()
},
getBaseModuleList(){
baseModuleList({moduleType:'',styleType:this.styleType}).then(result => {
getBaseModuleList() {
baseModuleList({ moduleType: '', styleType: this.styleType }).then(
(result) => {
if (result.success) {
let brHtm={};
this.companyArr=result.result;
this.companyArr.map(item =>{
this.cityOptions.push(item.moduleId);
let brHtm = {}
this.companyArr = result.result
this.companyArr.map((item) => {
this.cityOptions.push(item.moduleId)
})
this.brHtm=brHtm;
this.brHtm = brHtm
// console.log('',brHtm)
// console.log('',this.companyArr)
}
})
}
)
},
getCompanyList(headquartersSn){
getCompanyModuleList({headquartersSn:headquartersSn}).then(result => {
getCompanyList(headquartersSn) {
getCompanyModuleList({ headquartersSn: headquartersSn }).then(
(result) => {
if (result.success) {
result.result.map(item =>{
this.moduleInfo.moduleId.push(item.moduleId);
result.result.map((item) => {
this.moduleInfo.moduleId.push(item.moduleId)
})
// console.log('',result.result)
this.handleCheckedCitiesChange(this.moduleInfo.moduleId);
this.handleCheckedCitiesChange(this.moduleInfo.moduleId)
}
})
}
)
},
handleCheckAllChange(val) {
this.moduleInfo.moduleId = val ? this.cityOptions : [];
this.isIndeterminate = false;
this.moduleInfo.moduleId = val ? this.cityOptions : []
this.isIndeterminate = false
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cityOptions.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.cityOptions.length;
let checkedCount = value.length
this.checkAll = checkedCount === this.cityOptions.length
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cityOptions.length
}
}
};
}
</script>
<style lang="less" scoped>
.dialogTable {
@ -392,19 +515,19 @@ export default {
width: 46%;
margin: 10px 0;
}
.zdy-checkbox{
.zdy-checkbox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
>label{
> label {
width: 30%;
}
}
.CheckboxTitle{
.CheckboxTitle {
font-size: 14px;
width: 100%;
}
.firstConlumLabel{
}
.firstConlumLabel {
width: 160px;
// margin-right: 15px;
display: inline-block;