数据中心添加周三开发 周四演示

This commit is contained in:
hyt 2024-09-19 16:42:54 +08:00
parent f0cc351b4a
commit 567040ab39
6 changed files with 155 additions and 114 deletions

View File

@ -91,6 +91,7 @@
"connect": "3.6.6", "connect": "3.6.6",
"eslint": "7.15.0", "eslint": "7.15.0",
"eslint-plugin-vue": "7.2.0", "eslint-plugin-vue": "7.2.0",
"html-webpack-plugin": "^5.6.0",
"lint-staged": "10.5.3", "lint-staged": "10.5.3",
"runjs": "4.4.2", "runjs": "4.4.2",
"sass": "1.32.13", "sass": "1.32.13",

View File

@ -792,5 +792,6 @@ export default {
// /deep/ .ace_editor { // /deep/ .ace_editor {
// height: 90vh !important; // height: 90vh !important;
// } // }
} }
</style> </style>

View File

@ -2,38 +2,38 @@
<div class="wrap"> <div class="wrap">
<div class="tree" v-if="$route.query.viewType === '1'" style="flex:0.18"> <div class="tree" v-if="$route.query.viewType === '1'" style="flex:0.18">
<BaseMenuTree <BaseMenuTree
:menuData="treeData" :menuData="treeData"
:filterShow="false" :filterShow="false"
:Allshow="false" :Allshow="false"
:treeButton="false" :treeButton="false"
:filterButtonShow="false" :filterButtonShow="false"
style="height: 100%" style="height: 100%"
:treeProps="treeProps" :treeProps="treeProps"
@handleNodeClick="homeHandleNodeClick" @handleNodeClick="homeHandleNodeClick"
ref="menuTree" ref="menuTree"
></BaseMenuTree> ></BaseMenuTree>
</div> </div>
<div class="main" :style="{flex:$route.query.viewType === '1'?0.82:1}" v-loading="mainLoading"> <div class="main" :style="{flex:$route.query.viewType === '1'?0.82:1}" v-loading="mainLoading">
<div class="top"> <div class="top">
<div class="search"> <div class="search">
<BaseNewForm <BaseNewForm
v-loading="searchLoading" v-loading="searchLoading"
refName="searchForm" refName="searchForm"
:formRow="searchFormRow" :formRow="searchFormRow"
:formRule="false" :formRule="false"
:ruleForm="searchForm" :ruleForm="searchForm"
:newFlag="true" :newFlag="true"
:treeSelectInfo="treeSelectInfo" :treeSelectInfo="treeSelectInfo"
:isFunBtn="false" :isFunBtn="false"
></BaseNewForm> ></BaseNewForm>
</div> </div>
<div class="btnList"> <div class="btnList">
<div class="btnItem" v-for="item in searchButton" :key="item.buttonType"> <div class="btnItem" v-for="item in searchButton" :key="item.buttonType">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="buttonHandle(item)" @click="buttonHandle(item)"
v-btnPermission="{ btnID: item.buttonType, routeId: $route.meta.id }" v-btnPermission="{ btnID: item.buttonType, routeId: $route.meta.id }"
>{{ item.buttonName }} >{{ item.buttonName }}
</el-button> </el-button>
</div> </div>
@ -41,18 +41,18 @@
</div> </div>
<div class="table"> <div class="table">
<BaseTable <BaseTable
ref="mainTable" ref="mainTable"
:treeSelectInfo="treeSelectInfo" :treeSelectInfo="treeSelectInfo"
:tableData="tableData" :tableData="tableData"
:tableColumn="tableColumn" :tableColumn="tableColumn"
:funData="mainFunData" :funData="mainFunData"
:funWidth="funWidth" :funWidth="funWidth"
:showIndex="true" :showIndex="true"
:tabLoading="mainTabLoading" :tabLoading="mainTabLoading"
@onFunc="tableButtonHandle" @onFunc="tableButtonHandle"
@selectValueGeT="selectValueGeTHandle" @selectValueGeT="selectValueGeTHandle"
:tableHeight="'67vh'" :tableHeight="'67vh'"
:border="false" :border="false"
> >
<template #data_status="{row}"> <template #data_status="{row}">
{{ data_status_dist[row.data_status] }} {{ data_status_dist[row.data_status] }}
@ -60,8 +60,8 @@
</BaseTable> </BaseTable>
<div class="nextPage"> <div class="nextPage">
<BasePage <BasePage
:pageModel="pageModel" :pageModel="pageModel"
@update:pageModel="currentChangeHandle" @update:pageModel="currentChangeHandle"
></BasePage> ></BasePage>
</div> </div>
</div> </div>
@ -72,15 +72,15 @@
</h1> </h1>
<div class="dialogForm" v-if="dialogShow" style="padding: 0 20px"> <div class="dialogForm" v-if="dialogShow" style="padding: 0 20px">
<BaseNewForm <BaseNewForm
:treeSelectInfo="treeSelectInfo" :treeSelectInfo="treeSelectInfo"
:loading="dialogCommitLoading" :loading="dialogCommitLoading"
:formRow="formRow" :formRow="formRow"
:ruleForm="ruleForm" :ruleForm="ruleForm"
:lookFlag="lookFlag" :lookFlag="lookFlag"
:newFlag="newFlag" :newFlag="newFlag"
@onSubmit="onSubmitHandele" @onSubmit="onSubmitHandele"
:isFunBtn="false" :isFunBtn="false"
ref="dialogForm" ref="dialogForm"
></BaseNewForm> ></BaseNewForm>
</div> </div>
<template v-for="(item, index) in dialogTabaleInfo"> <template v-for="(item, index) in dialogTabaleInfo">
@ -89,17 +89,17 @@
{{ item.title }} {{ item.title }}
</h1> </h1>
<BaseTableForm <BaseTableForm
:lookflag="lookFlag" :lookflag="lookFlag"
:showIndex="true" :showIndex="true"
:treeSelectInfo="treeSelectInfo" :treeSelectInfo="treeSelectInfo"
:indexOperate="true" :indexOperate="true"
:tableInfo="item" :tableInfo="item"
@newRow="dialogTableAddHandle" @newRow="dialogTableAddHandle"
@onFunc="dialogTableDeleHandle" @onFunc="dialogTableDeleHandle"
:funData="dialogfunData" :funData="dialogfunData"
:border="false" :border="false"
:formIndex="index" :formIndex="index"
table-height="30vh" table-height="30vh"
></BaseTableForm> ></BaseTableForm>
</div> </div>
@ -112,14 +112,14 @@
<div class="title">分发</div> <div class="title">分发</div>
<div class="value" style="margin-left: 20px"> <div class="value" style="margin-left: 20px">
<el-select <el-select
v-model="sendCheckboxList" v-model="sendCheckboxList"
placeholder="请选择" placeholder="请选择"
> >
<el-option <el-option
v-for="item in sendTableData" v-for="item in sendTableData"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> </el-select>
@ -129,14 +129,14 @@
<div class="title">类型</div> <div class="title">类型</div>
<div class="value" style="margin-left: 20px"> <div class="value" style="margin-left: 20px">
<el-select <el-select
v-model="sendCheckboxType" v-model="sendCheckboxType"
placeholder="请选择" placeholder="请选择"
> >
<el-option <el-option
v-for="item in sendTableTypeOptions" v-for="item in sendTableTypeOptions"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> </el-select>
@ -146,25 +146,21 @@
<el-button type="primary" @click="sendRowHandle()">下发 <el-button type="primary" @click="sendRowHandle()">下发
</el-button> </el-button>
</div> </div>
</div> </div>`
<!-- <baseTable--> </baseDialog>
<!-- :tableData="sendTableData"--> <baseDialog width="30%" v-model="dataDistDialog" :footerShow="false" title="查看数据字典">
<!-- :tableColumn="sendTableColumn"--> <vue-json-editor
<!-- >--> class="editor"
<!-- <template v-slot:status="{row}">--> v-model="authInfo"
<!-- {{ sendDist[row.status] }}--> :showBtns="false"
<!-- </template>--> :mode="'code'"
<!-- <template v-slot:fun="{row}">--> />
<!-- <el-button v-if="row.status === '1'||row.status === '2'" type="danger" @click="sendRowHandle(row)">删除-->
<!-- </el-button>-->
<!-- <el-button v-if="row.status === '3'||row.status === '4'" type="primary" @click="sendRowHandle(row)">下发-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </baseTable>-->
</baseDialog> </baseDialog>
</div> </div>
</template> </template>
<script> <script>
import vueJsonEditor from "vue-json-editor";
import { deepClone } from '@/utils/index.js' import { deepClone } from '@/utils/index.js'
import { getUserModuleApi } from '@/api/integrationOption/integrationOption.js' import { getUserModuleApi } from '@/api/integrationOption/integrationOption.js'
import BaseNewForm from './compoments/baseNewForm' import BaseNewForm from './compoments/baseNewForm'
@ -300,7 +296,9 @@ export default {
name: '删除' name: '删除'
} }
], ],
rowId: '' rowId: '',
dataDistDialog:false,
authInfo:{},
} }
}, },
methods: { methods: {
@ -478,16 +476,32 @@ export default {
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}) })
.then(() => { .then(() => {
this.deleRowHanlde(row.id) this.deleRowHanlde(row.id)
}) })
.catch((error) => { .catch((error) => {
}) })
} else if (item.type === 'send') { } else if (item.type === 'send') {
this.sendHandle(row.id) this.sendHandle(row.id)
} else if (item.type === 'viewData') {
this.getDataDist(row.id)
} }
}, },
//
async getDataDist(id) {
const res = await getUserModuleApi({
tl: 'mdmService',
as: '',
dj: 'queryMdmShowDetailsDictionary'
}, {
mdmCode: this.$route.meta.mdmCode,
id: id
})
console.log(res, 'res')
this.dataDistDialog = true
this.authInfo = res.attribute
},
// //
currentChangeHandle(pageModel) { currentChangeHandle(pageModel) {
this.pageModel = pageModel this.pageModel = pageModel
@ -552,15 +566,15 @@ export default {
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}) })
.then(() => { .then(() => {
this.dialogTabaleInfo[index].tableData.splice(row.index, 1) this.dialogTabaleInfo[index].tableData.splice(row.index, 1)
this.$message({ this.$message({
type: 'success', type: 'success',
message: '删除成功!' message: '删除成功!'
})
})
.catch((error) => {
}) })
})
.catch((error) => {
})
} }
}, },
//dialog //dialog
@ -694,20 +708,20 @@ export default {
showType: '4' showType: '4'
}) })
res.attribute.mainMdmModuleDb.sublistMdmModuleDbFileds.forEach(item => { res.attribute.mainMdmModuleDb.sublistMdmModuleDbFileds.forEach(item => {
item.mdmModuleDbFiledsRules.forEach(ele => { item.mdmModuleDbFiledsRules.forEach(ele => {
if (ele.ruleCode === 'required' || ele.ruleCode === 'disabled') { if (ele.ruleCode === 'required' || ele.ruleCode === 'disabled') {
if (!ele.ruleValue) { if (!ele.ruleValue) {
item[ele.ruleCode] = false item[ele.ruleCode] = false
} else {
item[ele.ruleCode] = JSON.parse(ele.ruleValue)
}
} else { } else {
item[ele.ruleCode] = ele.ruleValue item[ele.ruleCode] = JSON.parse(ele.ruleValue)
} }
} else {
item[ele.ruleCode] = ele.ruleValue
}
item['id'] = item.enName item['id'] = item.enName
}) })
} }
) )
this.dialogFormName = res.attribute.mainMdmModuleDb.dbName this.dialogFormName = res.attribute.mainMdmModuleDb.dbName
this.formRow = [] this.formRow = []
@ -744,7 +758,7 @@ export default {
if (data.status === '200') { if (data.status === '200') {
this.ruleForm = data.attribute[this.mainTableName] this.ruleForm = data.attribute[this.mainTableName]
console.log(this.ruleForm, console.log(this.ruleForm,
'123' '123'
) )
console.log(this.ruleForm, this.mainTableName, data.attribute, '123') console.log(this.ruleForm, this.mainTableName, data.attribute, '123')
this.dialogTabaleInfo.forEach(table => { this.dialogTabaleInfo.forEach(table => {
@ -939,12 +953,13 @@ export default {
BasePage, BasePage,
BaseTable, BaseTable,
BaseNewForm, BaseNewForm,
baseDialog baseDialog,
vueJsonEditor
} }
, ,
computed: { computed: {
funWidth() { funWidth() {
return this.mainFunData.length * 70 return this.mainFunData.length * 90
} }
} }
@ -1008,4 +1023,17 @@ export default {
border-radius: 8px; border-radius: 8px;
} }
</style> </style>
<style lang="less" scoped>
//.code-json-editor {
/* jsoneditor右上角默认有一个链接,加css去掉 */
/deep/ .jsoneditor-poweredBy {
display: none !important;
}
/deep/ .ace-jsoneditor {
height: 350px !important;
}
//}
</style>

View File

@ -266,10 +266,16 @@ export default {
buttonName: '查看', buttonName: '查看',
buttonValue: 'view', buttonValue: 'view',
buttonType: '6' buttonType: '6'
}, { },
{
buttonName: '下发', buttonName: '下发',
buttonValue: 'send', buttonValue: 'send',
buttonType: '7' buttonType: '7'
},
{
buttonName: '查看数据字典',
buttonValue: 'viewData',
buttonType: '8'
} }
],// ],//
dist: { dist: {

View File

@ -93,6 +93,11 @@ export default {
buttonName: '下发', buttonName: '下发',
buttonValue: 'send', buttonValue: 'send',
buttonType: '7' buttonType: '7'
},
{
buttonName: '查看数据字典',
buttonValue: 'viewData',
buttonType: '8'
} }
],// ],//
//key''viewType //key''viewType

View File

@ -40,15 +40,15 @@ module.exports = {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
// target: `http://hzya.ufyct.com:9067/`, // target: `http://hzya.ufyct.com:9067/`,
//target: `http://ufidahz.com.cn:9067/`, // target: `http://ufidahz.com.cn:9067/`,
// target: `http://127.0.0.1:9081/`, // target: `http://127.0.0.1:9081/`,
// target: `http://192.168.2.78:9999`, // target: `http://192.168.2.78:9999`,
// target: `http://192.168.2.85:9999`, // target: `http://192.168.2.85:9999`,
// target: `http://192.168.2.78:8080`, // target: `http://192.168.2.78:8080`,
// target: `http://192.168.2.78:9999`, target: `http://192.168.2.78:10086`,
// target: `http://192.168.2.185:9999`, // target: `http://192.168.2.185:9999`,
// target: `http://192.168.2.83:9999`, // target: `http://192.168.2.83:9999`,
target:'http://127.0.0.1:9999/', // target:'http://127.0.0.1:9999/',
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
["^" + process.env.VUE_APP_BASE_API]: "", ["^" + process.env.VUE_APP_BASE_API]: "",