src/views/Archive/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/datamanage/metadataManage.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/datamanage/uploadmanage.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/datamanage/versionManage.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/maintenance/userManagement.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/userManage/roleManage.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/Archive/index.vue
@@ -93,6 +93,7 @@ v-model="formInline.depName" :placeholder="$t('archiveObj.label3')" :popper-append-to-body="false" ref="treeSelect" > <el-option :value="formInline.depcode" @@ -1442,7 +1443,11 @@ } }; }, watch: { "formInline.depName"() { this.$refs.treeSelect.visible = false; }, }, mounted() { this.getDepTreeData(); this.getCategorySelectData(); src/views/datamanage/metadataManage.vue
@@ -1,25 +1,21 @@ <template> <div class="authorityManagement_box"> <My-bread :list="[ <My-bread :list="[ `${$t('dataManage.dataManage')}`, `${$t('dataManage.metadataManage')}`, ]"></My-bread> ]" ></My-bread> <el-divider /> <div class="inquire subpage_Div" ref="container" > <el-form ref="queryForm" :model="queryForm" :inline="true" > <div class="inquire subpage_Div" ref="container"> <el-form ref="queryForm" :model="queryForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> <el-form-item size="small"> <el-select :popper-append-to-body="false" v-model="queryForm.depName" ref="treeSelect" > <el-option :value="queryForm.depid" @@ -53,6 +49,7 @@ <el-select :popper-append-to-body="false" v-model="queryForm.dirName" ref="treeSelect1" > <el-option :value="queryForm.dirid" @@ -98,21 +95,19 @@ </el-option> </el-select> </el-form-item> <el-form-item prop="name" size="small" > <el-form-item prop="name" size="small"> <!-- suffix-icon="el-icon-edit" :placeholder="$t('common.pleaseInput')"--> <el-input v-model="queryForm.name" :placeholder="$t('shuJuGuanLi.lable2')" style="width: 200px" ><i ><i slot="suffix" class="el-icon-search" @click="queryInfo()" style="padding-right: 8px" ></i></el-input> ></i ></el-input> </el-form-item> </div> <div> @@ -132,7 +127,7 @@ size="small" @click="deleteMetaInfo" icon="el-icon-delete" >{{ $t("common.delete") }} >{{ $t("common.delete") }} </el-button> </el-form-item> <el-form-item v-if="btnStatus.download"> @@ -141,7 +136,7 @@ icon="el-icon-download" type="success" size="small" >{{ $t("common.download") }} >{{ $t("common.download") }} </el-button> </el-form-item> @@ -151,7 +146,7 @@ icon="el-icon-refresh" type="info" size="small" >{{ $t("common.reset") }} >{{ $t("common.reset") }} </el-button> </el-form-item> </div> @@ -202,10 +197,7 @@ </el-form> </div> <div class="dividing-line"></div> <div class="table_box subpage_Div" :style="styleVar" > <div class="table_box subpage_Div" :style="styleVar"> <el-table :data="tableData" style="width: 100%" @@ -213,10 +205,7 @@ @selection-change="handleSelectionChange" height="calc(100% - 57px)" > <el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" /> <el-table-column :label="$t('dataManage.dictionaryManageObj.number')" type="index" @@ -231,7 +220,8 @@ title="源数据查询" @click="setQueryMetaData(scope.row)" target="_blank" >{{ scope.row.name }}</el-link> >{{ scope.row.name }}</el-link > </span> <span v-else-if="scope.row.metaid > 0"> <el-link @@ -239,15 +229,14 @@ title="元数据查询" @click="setMetaDataQuery(scope.row)" target="_blank" >{{ scope.row.name }}</el-link></span> >{{ scope.row.name }}</el-link ></span > <span v-else>{{ scope.row.name }}</span> </template> </el-table-column> <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" /> <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" /> <el-table-column prop="sizes" :label="$t('dataManage.vmobj.size')" @@ -270,10 +259,7 @@ <template slot-scope="scope"> <!-- <span ></span> --> <el-link></el-link> <el-link :underline="false" @click="detail(scope.row)" >{{ <el-link :underline="false" @click="detail(scope.row)">{{ scope.row.tab }}</el-link> </template> @@ -284,10 +270,7 @@ :label="$t('dataManage.vmobj.tab')" :formatter="formatData" /> --> <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" /> <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" /> <el-table-column prop="uname" :label="$t('dataManage.vmobj.createonuser')" @@ -297,17 +280,14 @@ :label="$t('dataManage.vmobj.createontime')" :formatter="formatData" /> <el-table-column min-width="210" :label="$t('common.operate')" > <el-table-column min-width="210" :label="$t('common.operate')"> <template slot-scope="scope"> <el-button @click="showDetail(scope.row)" type="primary" plain size="small" >{{ $t("common.details") }} >{{ $t("common.details") }} </el-button> <el-button type="warning" @@ -316,7 +296,7 @@ v-if="btnStatus.update" @click="editInfo(scope.row)" style="margin-left: 10px" >{{ $t("common.edit") }} >{{ $t("common.edit") }} </el-button> <el-button plain @@ -324,15 +304,12 @@ v-if="showPreview(scope.row)" @click="handlePreview(scope.row)" style="margin-left: 10px" >{{ $t("common.preview") }} >{{ $t("common.preview") }} </el-button> </template> </el-table-column> </el-table> <div class="pagination_box" style="margin-top: 15px" > <div class="pagination_box" style="margin-top: 15px"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -345,28 +322,16 @@ </el-pagination> </div> </div> <div class="infoBox_box" v-show="showinfoBox" > <div class="infoBox_box" v-show="showinfoBox"> <div class="infoBox box_div"> <div slot="header" class="clearfix" > <div slot="header" class="clearfix"> <span>{{ $t("common.details") }}</span> <div style="float: right; cursor: pointer" @click="closeDetial" > <div style="float: right; cursor: pointer" @click="closeDetial"> <i class="el-icon-close"></i> </div> </div> <el-divider></el-divider> <div class="contentBox" style="padding: 1%" > <div class="contentBox" style="padding: 1%"> <p>{{ $t("dataManage.vmobj.name") }}:{{ itemdetail.name }}</p> <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.format") }}:{{ itemdetail.type }}</p> @@ -396,9 +361,7 @@ </p> <el-divider></el-divider> <p> {{ $t("dataManage.vmobj.depName") }}:{{ itemdetail.updateUser }} {{ $t("dataManage.vmobj.depName") }}:{{ itemdetail.updateUser }} </p> <el-divider></el-divider> <p> @@ -421,36 +384,24 @@ :visible.sync="dialogFormVisible" :before-close="handleClose" > <el-form :model="editForm" ref="editForm" > <el-form :model="editForm" ref="editForm"> <el-form-item :label="$t('dataManage.vmobj.name')" :label-width="formLabelWidth" > <el-input v-model="editForm.name" autocomplete="off" ></el-input> <el-input v-model="editForm.name" autocomplete="off"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.format')" :label-width="formLabelWidth" > <el-input v-model="editForm.type" autocomplete="off" ></el-input> <el-input v-model="editForm.type" autocomplete="off"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.size')" :label-width="formLabelWidth" > <el-input v-model="editForm.sizes" autocomplete="off" ></el-input> <el-input v-model="editForm.sizes" autocomplete="off"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.depName')" @@ -516,10 +467,7 @@ :label="$t('dataManage.vmobj.describe')" :label-width="formLabelWidth" > <el-input v-model="editForm.describe" autocomplete="off" ></el-input> <el-input v-model="editForm.describe" autocomplete="off"></el-input> </el-form-item> <!-- <el-form-item :label="$t('dataManage.vmobj.gather')" @@ -528,40 +476,28 @@ <el-input v-model="editForm.gather" autocomplete="off"></el-input> </el-form-item> --> </el-form> <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer" > <el-button size="small" @click="cancelEdit()" >{{ $t("common.reset") }} <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer"> <el-button size="small" @click="cancelEdit()" >{{ $t("common.reset") }} </el-button> <el-button size="small" type="primary" @click="sendEdit('editForm')" v-loading.fullscreen.lock="fullscreenLoading" >{{ $t("common.submit") }} >{{ $t("common.submit") }} </el-button> </div> <div v-else slot="footer" class="dialog-footer" > <el-button size="small" @click="cancelAdd('editForm')" >{{ $t("common.reset") }} <div v-else slot="footer" class="dialog-footer"> <el-button size="small" @click="cancelAdd('editForm')" >{{ $t("common.reset") }} </el-button> <el-button size="small" type="primary" @click="sendAdd('editForm')" v-loading.fullscreen.lock="fullscreenLoading" >{{ $t("common.submit") }} >{{ $t("common.submit") }} </el-button> </div> </el-dialog> @@ -593,10 +529,7 @@ align="center" ></el-table-column> </el-table> <div style="margin-top: 10px" class="pagination_box" > <div style="margin-top: 10px" class="pagination_box"> <el-pagination @size-change="handleLoaderSizeChange" @current-change="handleLoaderCurrentChange" @@ -610,10 +543,7 @@ </div> </div> </el-dialog> <div class="downloadBox box_div subpage_Div" v-if="showCodeBox" > <div class="downloadBox box_div subpage_Div" v-if="showCodeBox"> <h4 style="padding: 20px">{{ $t("common.passworld") }}</h4> <el-form :model="codeForm" @@ -622,20 +552,14 @@ label-width="100px" class="codeForm" > <el-form-item :label="$t('common.passworld')" prop="password" > <el-form-item :label="$t('common.passworld')" prop="password"> <el-input type="password" v-model="codeForm.password" show-password ></el-input> </el-form-item> <el-form-item :label="$t('common.SPassword')" prop="repassword" > <el-form-item :label="$t('common.SPassword')" prop="repassword"> <el-input type="password" v-model="codeForm.repassword" @@ -643,17 +567,11 @@ ></el-input> </el-form-item> <el-form-item> <el-button class="primary" size="small" @click="download('codeForm')" >{{ $t("common.confirm") }} <el-button class="primary" size="small" @click="download('codeForm')" >{{ $t("common.confirm") }} </el-button> <el-button type="info" size="small" @click="closeDown('codeForm')" >{{ $t("common.cancel") }} <el-button type="info" size="small" @click="closeDown('codeForm')" >{{ $t("common.cancel") }} </el-button> </el-form-item> </el-form> @@ -664,30 +582,17 @@ width="70%" > <div style="height: 65vh; width: 100%"> <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline" > <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline"> <el-form-item> <el-input size="small" v-model="fromQueryMeta.name" ></el-input> <el-input size="small" v-model="fromQueryMeta.name"></el-input> </el-form-item> <el-form-item> <el-button type="primary" size="small" @click="setSearchMetaData()" >查询 <el-button type="primary" size="small" @click="setSearchMetaData()" >查询 </el-button> <el-button type="info" size="small" @click="setRestMetaData()" >重置 <el-button type="info" size="small" @click="setRestMetaData()" >重置 </el-button> </el-form-item> </el-form> @@ -743,10 +648,7 @@ :label="$t('dataManage.dataUpObj.tableName')" > <template slot-scope="scope"> <a class="scopeRowColor" @click="detail(scope.row)" >{{ <a class="scopeRowColor" @click="detail(scope.row)">{{ scope.row.tab }}</a> </template> @@ -762,10 +664,7 @@ :label="$t('dataManage.dataUpObj.describe')" /> </el-table> <div class="pagination_box" style="margin-top: 15px" > <div class="pagination_box" style="margin-top: 15px"> <el-pagination @size-change="handleMetaSizeChange" @current-change="handMetaCurrentChange" @@ -837,10 +736,7 @@ :label="$t('dataManage.dataUpObj.tableName')" > <template slot-scope="scope"> <a class="scopeRowColor" @click="detail(scope.row)" >{{ <a class="scopeRowColor" @click="detail(scope.row)">{{ scope.row.tab }}</a> </template> @@ -866,10 +762,7 @@ width="70%" :close-on-click-modal="false" > <div v-if="dialog.isPdf" class="pdfClass" > <div v-if="dialog.isPdf" class="pdfClass"> <iframe :src="dialog.src" type="application/x-google-chrome-pdf" @@ -878,17 +771,13 @@ > </iframe> </div> <div v-if="dialog.isJpg" class="pdfClass" > <div v-if="dialog.isJpg" class="pdfClass"> <el-image style="width:100%; height:100%" style="width: 100%; height: 100%" :src="dialog.src" :preview-src-list="[dialog.src]" > </el-image> </div> </el-dialog> <el-dialog @@ -900,11 +789,7 @@ :close-on-click-modal="false" :show-close="false" > <el-form ref="form" :model="fileFrom" label-width="100px" > <el-form ref="form" :model="fileFrom" label-width="100px"> <el-form-item label="审核单位"> <div> <ul> @@ -930,19 +815,16 @@ class="primary" size="small" @click="getFileInsertApply()" >{{ $t("common.confirm") }}</el-button> >{{ $t("common.confirm") }}</el-button > <el-button type="info" size="small" @click="handleInsertFileClose()" >{{ $t("common.cancel") }}</el-button> >{{ $t("common.cancel") }}</el-button > </el-form-item> </el-form> </el-dialog> <iframe id="downFrame" @@ -953,8 +835,8 @@ </template> <script> import $ from "jquery" import { getToken } from "@/utils/auth" import $ from "jquery"; import { getToken } from "@/utils/auth"; import { encr, deleteMeta, @@ -973,10 +855,10 @@ meta_selectById, meta_selectMetaOverflowDep, meta_selectDepsByCodes, apply_insertApply } from "../../api/api" apply_insertApply, } from "../../api/api"; import MyBread from "../../components/MyBread.vue" import MyBread from "../../components/MyBread.vue"; export default { name: "metadataManage", @@ -984,22 +866,22 @@ data() { var repasswordValidator = (rule, value, callback) => { if (value === "") { callback(new Error("请再次输入密码")) callback(new Error("请再次输入密码")); } else if (value !== this.codeForm.password) { callback(new Error("两次输入密码不一致!")) callback(new Error("两次输入密码不一致!")); } else { callback() callback(); } } }; var passwordValidator = (rule, value, callback) => { var passwordreg = /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/ /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/; if (!passwordreg.test(value)) { callback(new Error("密码必须由数字、字母、特殊字符组合,请输入13-20位")) callback(new Error("密码必须由数字、字母、特殊字符组合,请输入13-20位")); } else { callback() callback(); } } }; return { verOptions: [], defaultProps: { @@ -1025,6 +907,8 @@ dirid: "", depid: "", verid: "", depName:"", }, behavior: "", initialForm: "", @@ -1110,277 +994,289 @@ depid: null, ids: null, pwd: null, depcodes: null } } depcodes: null, }, }; }, created() { // this.getSelectDictTab(); this.showPermsBtn() this.getQueryDepTree() this.showPermsBtn(); this.getQueryDepTree(); this.signGetPublicKey() this.signGetPublicKey(); }, beforeDestroy() { this.timer && clearTimeout(this.timer) window.removeEventListener("resize", this.onResize) this.timer && clearTimeout(this.timer); window.removeEventListener("resize", this.onResize); }, mounted() { window.addEventListener("resize", this.onResize) this.calHeight() window.addEventListener("resize", this.onResize); this.calHeight(); }, watch: { "queryForm.depName"() { this.$refs.treeSelect.visible = false; }, "queryForm.dirid"() { this.$refs.treeSelect1.visible = false; }, }, methods: { //大小值改变 changeSizeFile(row, column, cellValue, index) { if (cellValue >= 1024) { return parseFloat(cellValue / 1204).toFixed(3) + "GB" return parseFloat(cellValue / 1204).toFixed(3) + "GB"; } else { return cellValue + "MB" return cellValue + "MB"; } }, setRestMetaData() { this.fromQueryMeta.name = "" this.listMetaData.name = this.fromQueryMeta.name this.listMetaData.pageIndex = 1 this.listMetaData.pageSize = 10 this.fromQueryMeta.name = ""; this.listMetaData.name = this.fromQueryMeta.name; this.listMetaData.pageIndex = 1; this.listMetaData.pageSize = 10; this.startQueryMetaData() this.startQueryMetaData(); }, setSearchMetaData() { this.listMetaData.name = this.fromQueryMeta.name this.listMetaData.pageIndex = 1 this.listMetaData.pageSize = 10 this.listMetaData.name = this.fromQueryMeta.name; this.listMetaData.pageIndex = 1; this.listMetaData.pageSize = 10; this.startQueryMetaData() this.startQueryMetaData(); }, //源数据页面切换 handleMetaSizeChange(val) { this.listMetaData.pageIndex = 1 this.listMetaData.pageSize = val this.startQueryMetaData() this.listMetaData.pageIndex = 1; this.listMetaData.pageSize = val; this.startQueryMetaData(); }, //源数据页面切换 handMetaCurrentChange(val) { this.listMetaData.pageIndex = val this.startQueryMetaData() this.listMetaData.pageIndex = val; this.startQueryMetaData(); }, //元数据查询 async setMetaDataQuery(row) { this.fromQueryMeta.title = row.name this.fromQueryMeta.title = row.name; this.listMetaData = { id: row.metaid, // name: "", // pageIndex: 1, // pageSize: 10, // count: 0, } const data = await meta_selectById(this.listMetaData) }; const data = await meta_selectById(this.listMetaData); if (data.code != 200) { return return; } this.queryMetaFlag1 = true this.metaDataTable1 = [data.result] this.queryMetaFlag1 = true; this.metaDataTable1 = [data.result]; // this.listMetaData.count = data.count; }, //源数据查询 setQueryMetaData(row) { this.fromQueryMeta.title = row.name this.fromQueryMeta.title = row.name; this.listMetaData = { metaid: row.id, name: "", pageIndex: 1, pageSize: 10, count: 0, } this.startQueryMetaData() this.queryMetaFlag = true }; this.startQueryMetaData(); this.queryMetaFlag = true; }, async startQueryMetaData() { const data = await meta_selectPageAndCountByPid(this.listMetaData) const data = await meta_selectPageAndCountByPid(this.listMetaData); if (data.code != 200) { return return; } this.metaDataTable = data.result this.listMetaData.count = data.count this.metaDataTable = data.result; this.listMetaData.count = data.count; }, onResize() { this.timer && clearTimeout(this.timer) this.timer && clearTimeout(this.timer); this.timer = setTimeout(() => { this.calHeight() }, 500) this.calHeight(); }, 500); }, calHeight() { this.$nextTick(() => { const rect = this.$refs.container.getBoundingClientRect() this.tableHeight = `${rect.height + 97}px` this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)` }) const rect = this.$refs.container.getBoundingClientRect(); this.tableHeight = `${rect.height + 97}px`; this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`; }); }, async detail(res) { var val = res.tab.split(".") var val = res.tab.split("."); const data = await meta_selectFields({ ns: val[0], tab: val[1], }) }); if (data.code != 200) { this.$message.error("字段列表调用失败") return this.$message.error("字段列表调用失败"); return; } this.dialogVisible = true this.dialogVisible = true; this.attributeData = data.result this.attributeData = data.result; this.listLoader = { id: res.id, pageIndex: 1, pageSize: 10, } this.getDataLoaderSelectDbData() }; this.getDataLoaderSelectDbData(); }, async getDataLoaderSelectDbData() { const data1 = await meta_selectByPageForUpload(this.listLoader) const data1 = await meta_selectByPageForUpload(this.listLoader); if (data1.code != 200) { this.$message.error("字段列表调用失败") return this.$message.error("字段列表调用失败"); return; } var option = data1.result var option = data1.result; for (var i in option) { option[i].dirid = option[i].dirName option[i].depid = option[i].depName option[i].createuser = option[i].createName option[i].updateuser = option[i].updateName option[i].verid = option[i].verName option[i].dirid = option[i].dirName; option[i].depid = option[i].depName; option[i].createuser = option[i].createName; option[i].updateuser = option[i].updateName; option[i].verid = option[i].verName; if (option[i].createtime != null) { option[i].createtime = this.setInfoBoxTime(option[i].createtime) option[i].createtime = this.setInfoBoxTime(option[i].createtime); } if (option[i].updatetime != null) { option[i].updatetime = this.setInfoBoxTime(option[i].updatetime) option[i].updatetime = this.setInfoBoxTime(option[i].updatetime); } } this.dbTableData = data1.result this.count1 = data1.count this.dbTableData = data1.result; this.count1 = data1.count; }, handleLoaderSizeChange(val) { this.listLoader.pageIndex = 1 this.listLoader.pageSize = val this.getDataLoaderSelectDbData() this.listLoader.pageIndex = 1; this.listLoader.pageSize = val; this.getDataLoaderSelectDbData(); }, handleLoaderCurrentChange(val) { this.listLoader.pageIndex = val this.getDataLoaderSelectDbData() this.listLoader.pageIndex = val; this.getDataLoaderSelectDbData(); }, async signGetPublicKey() { const res = await sign_getPublicKey() const res = await sign_getPublicKey(); if (res && res.code == 200) { window.encrypt = new JSEncrypt() encrypt.setPublicKey(res.result) window.encrypt = new JSEncrypt(); encrypt.setPublicKey(res.result); } }, //单位列表获取 async getQueryDepTree() { const res = await selectdepTab() const res = await selectdepTab(); if (res.code != 200) { this.$message.error("单位列表获取失败") return this.$message.error("单位列表获取失败"); return; } this.companyOption1 = this.treeData(res.result) this.queryForm.depcode = this.companyOption1[0].code this.queryForm.depName = this.companyOption1[0].name this.getQueryDirTree() this.companyOption1 = this.treeData(res.result); this.queryForm.depcode = this.companyOption1[0].code; this.queryForm.depName = this.companyOption1[0].name; this.getQueryDirTree(); }, async getQueryDirTree() { const res = await selectdirTab() const res = await selectdirTab(); if (res.code != 200) { this.$message.error("单位列表获取失败") return this.$message.error("单位列表获取失败"); return; } this.companyOption = this.treeData(res.result) this.queryForm.dirid = this.companyOption[0].id this.queryForm.dircode = this.companyOption[0].code this.queryForm.dirName = this.companyOption[0].name this.getQueryVerList() this.companyOption = this.treeData(res.result); this.queryForm.dirid = this.companyOption[0].id; this.queryForm.dircode = this.companyOption[0].code; this.queryForm.dirName = this.companyOption[0].name; this.getQueryVerList(); }, async getQueryVerList() { const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid }) const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid }); if (data.code != 200) { this.$message.error("版本列表获取失败") return this.$message.error("版本列表获取失败"); return; } this.verOptions = data.result this.queryForm.verid = data.result[0].id this.getMetaData() this.verOptions = data.result; this.queryForm.verid = data.result[0].id; this.getMetaData(); }, verHandleChange(val) { this.queryForm.verid = val this.listData.pageSize = 10 this.listData.pageIndex = 1 this.getMetaData() this.queryForm.verid = val; this.listData.pageSize = 10; this.listData.pageIndex = 1; this.getMetaData(); }, handleChange(data, node, nodeData) { this.listData.pageSize = 10 this.listData.pageIndex = 1 this.queryForm.dircode = data.code this.queryForm.dirid = data.id this.queryForm.dirName = data.name this.getQueryVerList() this.listData.pageSize = 10; this.listData.pageIndex = 1; this.queryForm.dircode = data.code; this.queryForm.dirid = data.id; this.queryForm.dirName = data.name; this.getQueryVerList(); }, handleChange1(data, node, nodeData) { this.listData.pageSize = 10 this.listData.pageIndex = 1 this.queryForm.depcode = data.code this.queryForm.depName = data.name this.getMetaData() this.listData.pageSize = 10; this.listData.pageIndex = 1; this.queryForm.depcode = data.code; this.queryForm.depName = data.name; this.getMetaData(); }, handleChange2(data, node, nodeData) { this.editForm.depid = data.id this.editForm.depcode = data.code this.editForm.depName = data.name this.editForm.depid = data.id; this.editForm.depcode = data.code; this.editForm.depName = data.name; }, handleChange3(data, node, nodeData) { this.editForm.dirid = data.id this.editForm.dircode = data.code this.editForm.dirName = data.name this.editForm.dirid = data.id; this.editForm.dircode = data.code; this.editForm.dirName = data.name; }, //格式化列表 formatData(row, column) { let data = row[column.property] let data = row[column.property]; if (data == null) { return data return data; } return this.format(data) return this.format(data); }, setInfoBoxTime(res) { if (res == null) { return res return res; } return this.format(res) return this.format(res); }, setInfoBoxSize(res) { if (res >= 1024) { return parseFloat(res / 1024).toFixed(3) + " GB" return parseFloat(res / 1024).toFixed(3) + " GB"; } else { return res + " MB" return res + " MB"; } }, //格式化时间 format(shijianchuo) { //shijianchuo是整数,否则要parseInt转换 var time = new Date(shijianchuo) var y = time.getFullYear() var m = time.getMonth() + 1 var d = time.getDate() var h = time.getHours() var mm = time.getMinutes() var s = time.getSeconds() var time = new Date(shijianchuo); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.getDate(); var h = time.getHours(); var mm = time.getMinutes(); var s = time.getSeconds(); return ( y + "-" + @@ -1393,47 +1289,47 @@ mm + ":" + s ) ); }, //格式化时间 add0(m) { return m < 10 ? "0" + m : m return m < 10 ? "0" + m : m; }, //单位转换 stateFormatSizes(row, column) { if (row.sizes >= 1024) { const val = parseFloat(row.sizes / 1024).toFixed(3) return val + " GB" const val = parseFloat(row.sizes / 1024).toFixed(3); return val + " GB"; } else { return row.sizes + " MB" return row.sizes + " MB"; } }, //目录树获取 async getSelectDictTab() { const res = await selectdirTab() const res = await selectdirTab(); if (res.code != 200) { this.$message.error("列表调用失败") this.$message.error("列表调用失败"); } this.optionCount = this.treeData(res.result) this.dirComPanyOption = this.treeData(res.result) this.listData.depcode = this.optionCount[0].code this.optionCount = this.treeData(res.result); this.dirComPanyOption = this.treeData(res.result); this.listData.depcode = this.optionCount[0].code; }, handleNodeClick(data) { this.listData.pageSize = 10 this.listData.pageIndex = 1 this.listData.dirid = data.id this.getMetaData() this.listData.pageSize = 10; this.listData.pageIndex = 1; this.listData.dirid = data.id; this.getMetaData(); }, getTableDesc(res) { this.activeName = res.tab this.activeName = res.tab; }, //显示权限按钮 showPermsBtn() { let currentPerms = this.$store.state.currentPerms let permsEntity = this.$store.state.permsEntity let currentPerms = this.$store.state.currentPerms; let permsEntity = this.$store.state.permsEntity; permsEntity .filter(item => item.perms == currentPerms) .map(item => (this.btnStatus[item.tag.substr(1)] = true)) .filter((item) => item.perms == currentPerms) .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); }, // ShowWindowFly(res) { // console.log(res); @@ -1469,83 +1365,83 @@ // }, // 请求数据内容 getMetaData() { this.listData.depcode = this.queryForm.depcode this.listData.dircode = this.queryForm.dircode this.listData.depcode = this.queryForm.depcode; this.listData.dircode = this.queryForm.dircode; this.listData.verid = this.queryForm.verid this.listData.verid = this.queryForm.verid; // this.listData.dirid = 57 select_meta_ByPageAndCount(this.listData).then(res => { this.tableData = res.result this.count = res.count }) select_meta_ByPageAndCount(this.listData).then((res) => { this.tableData = res.result; this.count = res.count; }); }, // 查询 queryInfo() { this.listData.name = this.queryForm.name.trim() this.listData.pageSize = 10 this.listData.pageIndex = 1 this.getMetaData() this.listData.name = this.queryForm.name.trim(); this.listData.pageSize = 10; this.listData.pageIndex = 1; this.getMetaData(); }, // 重置查询 resetInfo(formName) { this.$refs[formName].resetFields() this.listData.pageSize = 10 this.listData.pageIndex = 1 this.listData.name = null this.queryForm.dirid = this.companyOption[0].id this.queryForm.depid = this.companyOption1[0].id this.queryForm.dircode = this.companyOption[0].code this.queryForm.depcode = this.companyOption1[0].code this.queryForm.dirName = this.companyOption[0].name this.queryForm.depName = this.companyOption1[0].name this.getQueryVerList() this.getMetaData() this.$refs[formName].resetFields(); this.listData.pageSize = 10; this.listData.pageIndex = 1; this.listData.name = null; this.queryForm.dirid = this.companyOption[0].id; this.queryForm.depid = this.companyOption1[0].id; this.queryForm.dircode = this.companyOption[0].code; this.queryForm.depcode = this.companyOption1[0].code; this.queryForm.dirName = this.companyOption[0].name; this.queryForm.depName = this.companyOption1[0].name; this.getQueryVerList(); this.getMetaData(); }, //新增按钮 showAddDialog() { this.behavior = "新增用户" this.editForm = {} this.dialogFormVisible = true this.behavior = "新增用户"; this.editForm = {}; this.dialogFormVisible = true; }, cancelAdd(formName) { this.editForm = {} this.$refs[formName].resetFields() this.editForm = {}; this.$refs[formName].resetFields(); }, sendAdd(formName) { this.$refs[formName].validate(valid => { this.$refs[formName].validate((valid) => { if (valid) { this.fullscreenLoading = true this.fullscreenLoading = true; insertMeta(this.editForm) .then(res => { .then((res) => { setTimeout(() => { this.fullscreenLoading = false this.fullscreenLoading = false; if (res.code == 200) { this.listData.pageSize = 10 this.listData.pageIndex = 1 this.getMetaData() this.listData.pageSize = 10; this.listData.pageIndex = 1; this.getMetaData(); this.$message({ message: "添加成功", type: "success", }) this.editForm = {} this.dialogFormVisible = false }); this.editForm = {}; this.dialogFormVisible = false; } }, 500) }, 500); }) .catch(res => { alert("修改失败,请重试!") this.fullscreenLoading = false }) .catch((res) => { alert("修改失败,请重试!"); this.fullscreenLoading = false; }); } else { console.log("error submit!!") return false console.log("error submit!!"); return false; } }) }); }, // 获取多选选中的对象 handleSelectionChange(val) { this.multipleSelection = val this.multipleSelection = val; }, // 删除多条 deleteMetaInfo() { @@ -1555,62 +1451,62 @@ type: "warning", }) .then(() => { var std = [] var std = []; for (var i in this.multipleSelection) { std.push(this.multipleSelection[i].id) std.push(this.multipleSelection[i].id); } deleteMeta({ ids: std.toString() }).then(res => { deleteMeta({ ids: std.toString() }).then((res) => { if (res.code == 200) { this.$message({ type: "success", message: "删除成功!", }) this.multipleSelection = [] }); this.multipleSelection = []; // this.listData.pageSize = 10 this.listData.pageIndex = 1 this.getMetaData() this.listData.pageIndex = 1; this.getMetaData(); } else { this.$message.error("删除失败") this.multipleSelection = [] this.$message.error("删除失败"); this.multipleSelection = []; } }) }); }) .catch(() => { this.$message("已取消删除") }) this.$message("已取消删除"); }); }, // 查看界面 showDetail(row) { // console.log(index, row); this.showinfoBox = true this.itemdetail = row this.showinfoBox = true; this.itemdetail = row; }, // 关闭查看 closeDetial() { this.showinfoBox = false this.itemdetail = {} this.showinfoBox = false; this.itemdetail = {}; }, // 修改界面 editInfo(row) { // console.log(row); delete row.createTime delete row.createUser delete row.updateUser delete row.updateUser this.initialForm = JSON.stringify(row) //备份 this.behavior = "修改信息" this.editForm = JSON.parse(JSON.stringify(row)) this.dialogFormVisible = true this.getSelectDictTab() delete row.createTime; delete row.createUser; delete row.updateUser; delete row.updateUser; this.initialForm = JSON.stringify(row); //备份 this.behavior = "修改信息"; this.editForm = JSON.parse(JSON.stringify(row)); this.dialogFormVisible = true; this.getSelectDictTab(); }, handleClose(done) { this.$confirm("确认关闭?") .then(_ => { this.editForm = {} done() .then((_) => { this.editForm = {}; done(); }) .catch(_ => { }) .catch((_) => {}); }, // 提交修改 @@ -1621,68 +1517,68 @@ type: "warning", }) .then(() => { this.dialogFormVisible = false updateMeta(this.editForm).then(res => { this.dialogFormVisible = false; updateMeta(this.editForm).then((res) => { setTimeout(() => { this.fullscreenLoading = false this.fullscreenLoading = false; if (res.code == 200) { this.listData.pageSize = 10 this.listData.pageIndex = 1 this.getMetaData() this.listData.pageSize = 10; this.listData.pageIndex = 1; this.getMetaData(); this.$message({ message: "修改成功", type: "success", }) this.editForm = {} this.dialogFormVisible = false }); this.editForm = {}; this.dialogFormVisible = false; } }, 500) }) }, 500); }); }) .catch(() => { alert("修改失败,请重试!") this.fullscreenLoading = false }) alert("修改失败,请重试!"); this.fullscreenLoading = false; }); }, cancelEdit() { this.$nextTick(() => { this.editForm = JSON.parse(this.initialForm) }) this.editForm = JSON.parse(this.initialForm); }); }, async download() { var ids = [] var ids = []; for (var i in this.multipleSelection) { ids.push(this.multipleSelection[i].id) ids.push(this.multipleSelection[i].id); } var obj = { ids: ids, }; const data = await meta_selectMetaOverflowDep(obj) const data = await meta_selectMetaOverflowDep(obj); if (data.code != 200) { return return; } var password = this.codeForm.repassword var password = this.codeForm.repassword; if (data.result.length == 0) { var obj = { pwd: encrypt.encrypt(this.codeForm.repassword), ids: ids, } const res = await meta_downloadReq(JSON.stringify(obj)) }; const res = await meta_downloadReq(JSON.stringify(obj)); if (res.code != 200) { this.$message.error("下载请求失败") return this.$message.error("下载请求失败"); return; } var downObj = { guid: res.result, pwd: encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)), } const data1 = await meta_selectDownloadFile(downObj) }; const data1 = await meta_selectDownloadFile(downObj); if (data1.code != 200) { this.$message.error("下载请求失败") return this.$message.error("下载请求失败"); return; } var token = getToken() var token = getToken(); var url = BASE_URL + "/meta/downloadFile?token=" + @@ -1690,39 +1586,39 @@ "&guid=" + res.result + "&pwd=" + encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)) encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)); $("#downFrame").attr("src", url).click() $("#downFrame").attr("src", url).click(); } else { var val = "" var val = ""; var std = []; for (var i in data.result) { if (val == "") { val += "codes=" + data.result[i] val += "codes=" + data.result[i]; } else { val += "&codes=" + data.result[i] val += "&codes=" + data.result[i]; } std.push({ name: data.result[i], }) }); } const data1 = await meta_selectDepsByCodes(val) const data1 = await meta_selectDepsByCodes(val); if (data1.code != 200) { return return; } this.fileFrom.depid = data1.result this.fileFrom.depid = data1.result; this.fileFrom.ids = ids; this.fileFrom.pwd = encr(password); this.fileFrom.depcodes = data.result; this.dialogInsertFile = true; } this.closeDown() this.closeDown(); }, async getFileInsertApply() { this.dialogInsertFile = false this.dialogInsertFile = false; var obj = { ids: this.fileFrom.ids, @@ -1730,118 +1626,106 @@ tabs: ["元数据表"], entities: ["sysmeta"], descr: this.fileFrom.descr, depcodes: this.fileFrom.depcodes depcodes: this.fileFrom.depcodes, }; const data = await apply_insertApply(JSON.stringify(obj)) const data = await apply_insertApply(JSON.stringify(obj)); this.handleInsertFileClose(); if (data.code != 200) { this.$message.error("数据申请失败") return this.$message.error("数据申请失败"); return; } this.$message({ message: "数据申请成功", type: "success", }) }); }, handleInsertFileClose() { this.dialogInsertFile = false this.dialogInsertFile = false; this.fileFrom = { descr: null, depid: null, ids: null, pwd: null, depcodes: null } depcodes: null, }; }, closeDown() { this.showCodeBox = false this.codeForm.password = "" this.codeForm.repassword = "" this.showCodeBox = false; this.codeForm.password = ""; this.codeForm.repassword = ""; }, downFormData() { if (this.multipleSelection.length == 0) { alert("请先选择要下载的文件") return alert("请先选择要下载的文件"); return; } this.showCodeBox = true this.showCodeBox = true; }, handleSizeChange(val) { this.listData.pageSize = val this.listData.pageIndex = 1 this.getMetaData() this.listData.pageSize = val; this.listData.pageIndex = 1; this.getMetaData(); }, handleCurrentChange(val) { this.listData.pageIndex = val this.getMetaData() this.listData.pageIndex = val; this.getMetaData(); }, //树列表生成 treeData(source) { let cloneData = JSON.parse(JSON.stringify(source)) // 对源数据深度克隆 return cloneData.filter(father => { let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 return cloneData.filter((father) => { // 循环所有项 let branchArr = cloneData.filter(child => father.id == child.pid) // 对比ID,分别上下级菜单,并返回数据 branchArr.length > 0 ? (father.children = branchArr) : "" // 给父级添加一个children属性,并赋值 return father.pid == 0 // 返回一级菜单 }) let branchArr = cloneData.filter((child) => father.id == child.pid); // 对比ID,分别上下级菜单,并返回数据 branchArr.length > 0 ? (father.children = branchArr) : ""; // 给父级添加一个children属性,并赋值 return father.pid == 0; // 返回一级菜单 }); }, showPreview(row) { let name = row.name if (!name) return false let name = row.name; if (!name) return false; return ( name.indexOf("pdf") != -1 || name.indexOf("jpg") != -1 || name.indexOf("gif") != -1 || name.indexOf("png") != -1 || name.indexOf("jpeg") != -1 ) ); }, handlePreview(row) { let name = row.name this.refreshAttatchDetail() let name = row.name; this.refreshAttatchDetail(); if (name.indexOf(".pdf") != -1) { this.dialog.isPdf = true this.dialog.isPdf = true; } else if ( name.indexOf(".jpg") != -1 || name.indexOf(".gif") != -1 || name.indexOf(".png") != -1 || name.indexOf(".jpeg") != -1 ) { this.dialog.isJpg = true this.dialog.isJpg = true; } this.dialog.dialogVisible = true this.dialog.dialogVisible = true; var url = BASE_URL + "/inquiry/downloadForView?guid=" + row.guid + "&token=" + getToken() this.dialog.src = url getToken(); this.dialog.src = url; }, refreshAttatchDetail() { this.dialog.src = "" this.dialog.dialogVisible = false this.dialog.isPdf = false this.dialog.isJpg = false this.dialog.src = ""; this.dialog.dialogVisible = false; this.dialog.isPdf = false; this.dialog.isJpg = false; }, }, } }; </script> <style lang="less" scoped> //@import url(); 引入公共css类 src/views/datamanage/uploadmanage.vue
@@ -1,66 +1,40 @@ <template> <div class="uploads_box"> <My-bread :list="[ <My-bread :list="[ `${$t('dataManage.dataManage')}`, `${$t('dataManage.uploadManage')}`, ]"></My-bread> ]" ></My-bread> <el-divider /> <!-- tabs切换 --> <div class="tabs_box"> <div class="tabs_pane" @click="setTabsChange(1)" > <div class="tabsSpan" :class="{ changetabs : active == 'first'}" > <span> {{$t('dataManage.uploadObj.dataRelease')}}</span> <div class="tabs_pane" @click="setTabsChange(1)"> <div class="tabsSpan" :class="{ changetabs: active == 'first' }"> <span> {{ $t("dataManage.uploadObj.dataRelease") }}</span> </div> </div> <div class="tabs_pane" @click="setTabsChange(2)" > <div class="tabsSpan" :class="{ changetabs : active == 'second'}" > <span> {{$t('dataManage.uploadObj.releaseList')}}</span> <div class="tabs_pane" @click="setTabsChange(2)"> <div class="tabsSpan" :class="{ changetabs: active == 'second' }"> <span> {{ $t("dataManage.uploadObj.releaseList") }}</span> </div> </div> <div class="tabs_pane" @click="setTabsChange(3)" > <div class="tabsSpan" :class="{ changetabs : active == 'third'}" > <span> {{$t('dataManage.uploadObj.modelAttachMount')}}</span> <div class="tabs_pane" @click="setTabsChange(3)"> <div class="tabsSpan" :class="{ changetabs: active == 'third' }"> <span> {{ $t("dataManage.uploadObj.modelAttachMount") }}</span> </div> </div> </div> <div v-if="active != 'third'" class="content_box" > <el-form :inline="true" :model="formInline" class="demo-form-inline" > <div v-if="active != 'third'" class="content_box"> <el-form :inline="true" :model="formInline" class="demo-form-inline"> <!-- 单位 --> <el-form-item v-if="active == 'first'"> <el-select size="small" v-model="formInline.depid" > <el-select size="small" v-model="formInline.depid" ref="treeSelect"> <el-option :value="formInline.depid" :label="formInline.depName" style="height: auto" > <el-tree ref="tree" @@ -74,10 +48,7 @@ </el-form-item> <!-- 目录 --> <el-form-item v-if="active == 'first'"> <el-select size="small" v-model="formInline.dirid" > <el-select size="small" v-model="formInline.dirid" ref="treeSelect1"> <el-option :value="formInline.dirid" :label="formInline.dirName" @@ -99,7 +70,8 @@ size="small" v-model="formInline.verid" @change="handleVerChange" > <el-option > <el-option v-for="item in verOption" :key="item.id" :label="item.name" @@ -129,17 +101,18 @@ size="small" :title="$t('dataManage.vmobj.keyword')" v-model="formInline.name" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')" > <i :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')" > <i @click="getTableData" :title="$t('common.iquery')" slot="suffix" class="el-icon-search" style="padding-right: 8px" ></i></el-input> ></i ></el-input> </el-form-item> <el-form-item style="float:right"> <el-form-item style="float: right"> <!-- 发布 --> <el-button v-if="active == 'first'" @@ -147,7 +120,8 @@ size="small" icon="el-icon-s-promotion" @click="setPagePublish" >{{$t('common.publish')}}</el-button> >{{ $t("common.publish") }}</el-button > <!-- 刪除 --> <el-button v-if="active == 'second'" @@ -155,14 +129,16 @@ size="small" icon="el-icon-delete" @click="setPageDelete" >{{$t('common.delete')}}</el-button> >{{ $t("common.delete") }}</el-button > <!-- 重置 --> <el-button type="info" size="small" @click="setPageStart" icon="el-icon-refresh" >{{$t('common.reset')}}</el-button> >{{ $t("common.reset") }}</el-button > </el-form-item> </el-form> @@ -175,10 +151,7 @@ @cell-dblclick="copyText" height="calc(100% - 1px)" > <el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" /> <el-table-column :label="$t('dataManage.dictionaryManageObj.number')" type="index" @@ -244,10 +217,7 @@ align="center" /> <el-table-column min-width="150" :label="$t('common.operate')" > <el-table-column min-width="150" :label="$t('common.operate')"> <template slot-scope="scope"> <el-button v-if="active == 'second'" @@ -255,8 +225,7 @@ type="info" plain @click="setPreviewDetails(scope.row)" >{{$t('common.details')}} >{{ $t("common.details") }} </el-button> <el-button v-if="active == 'second'" @@ -264,8 +233,7 @@ type="warning" plain @click="setPreviewEdit(scope.row)" >{{$t('common.update')}} >{{ $t("common.update") }} </el-button> <el-button @@ -274,17 +242,13 @@ type="success" plain @click="setPreviewLayer(scope.row)" >{{$t('common.preview')}} >{{ $t("common.preview") }} </el-button> </template> </el-table-column> </el-table> </div> <div class="pagination_box" style="margin-top: 10px" > <div class="pagination_box" style="margin-top: 10px"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -297,10 +261,7 @@ </el-pagination> </div> </div> <div v-if="active == 'third'" class="content_box" > <div v-if="active == 'third'" class="content_box"> <mapview v-if="active == 'third'"></mapview> </div> <!-- 地址预览 --> @@ -323,7 +284,7 @@ @handle-closed="handleClose" @is-fullscreen="onFullscreen" ></dialog-header> <div :class="{'fullscreen1':isFullscreen}"> <div :class="{ fullscreen1: isFullscreen }"> <mapview v-if="showMapView"></mapview> </div> </el-dialog> @@ -352,39 +313,23 @@ :show-close="false" :close-on-click-modal="false" > <div style="width:100%;height:50vh"> <el-form ref="form" :model="editLayer" label-width="150px" > <div style="width: 100%; height: 50vh"> <el-form ref="form" :model="editLayer" label-width="150px"> <el-form-item :label="$t('dataManage.vmobj.name')"> <el-input v-model="editLayer.name"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.format')"> <el-input disabled v-model="editLayer.type" ></el-input> <el-input disabled v-model="editLayer.type"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.depName')"> <el-input disabled v-model="editLayer.depName" ></el-input> <el-input disabled v-model="editLayer.depName"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.dirName')"> <el-input disabled v-model="editLayer.dirName" ></el-input> <el-input disabled v-model="editLayer.dirName"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.versionNumber')"> <el-input disabled v-model="editLayer.verName" ></el-input> <el-input disabled v-model="editLayer.verName"></el-input> </el-form-item> <el-form-item :label="$t('common.publishAddress')"> <el-input v-model="editLayer.url"></el-input> @@ -394,12 +339,11 @@ size="small" type="primary" @click="setEditLayerSubmit" >{{$t('common.submit')}}</el-button> <el-button size="small" type="info" @click="setEditLayerCancle" >{{$t('common.cancel')}}</el-button> >{{ $t("common.submit") }}</el-button > <el-button size="small" type="info" @click="setEditLayerCancle">{{ $t("common.cancel") }}</el-button> </el-form-item> </el-form> </div> @@ -411,7 +355,7 @@ width="50%" :close-on-click-modal="false" > <div style="width:100%;height:50vh"> <div style="width: 100%; height: 50vh"> <p>{{ $t("dataManage.vmobj.name") }}:{{ itemdetail.name }}</p> <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.format") }}:{{ itemdetail.type }}</p> @@ -420,7 +364,9 @@ <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.dirName") }}:{{ itemdetail.dirName }}</p> <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.versionNumber") }}:{{ itemdetail.verName }}</p> <p> {{ $t("dataManage.vmobj.versionNumber") }}:{{ itemdetail.verName }} </p> <el-divider></el-divider> <p>{{ $t("common.publishAddress") }}:{{ itemdetail.url }}</p> <el-divider></el-divider> @@ -428,9 +374,13 @@ <el-divider></el-divider> <p>{{ $t("common.releaseTime") }}:{{ itemdetail.createTime }}</p> <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.updateonuser") }}:{{ itemdetail.updateName }}</p> <p> {{ $t("dataManage.vmobj.updateonuser") }}:{{ itemdetail.updateName }} </p> <el-divider></el-divider> <p>{{ $t("dataManage.vmobj.updateontime") }}:{{ itemdetail.updateTime }}</p> <p> {{ $t("dataManage.vmobj.updateontime") }}:{{ itemdetail.updateTime }} </p> <el-divider></el-divider> </div> </el-dialog> @@ -442,12 +392,8 @@ :close-on-click-modal="false" :show-close="false" > <div style="width:100%; "> <el-form ref="form" :model="insertLayer" label-width="150px" > <div style="width: 100%"> <el-form ref="form" :model="insertLayer" label-width="150px"> <el-form-item :label="$t('dataManage.vmobj.name')"> <el-input v-model="insertLayer.name" @@ -455,27 +401,15 @@ ></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.numberFiles')"> <el-input disabled v-model="insertLayer.number" ></el-input> <el-input disabled v-model="insertLayer.number"></el-input> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.labe14')" v-show="formInline.type =='DOM'" v-show="formInline.type == 'DOM'" > <el-select style="width:100%" v-model="insertLayer.noData" > <el-option label="黑色" value="0" ></el-option> <el-option label="白色" value="255" ></el-option> <el-select style="width: 100%" v-model="insertLayer.noData"> <el-option label="黑色" value="0"></el-option> <el-option label="白色" value="255"></el-option> </el-select> </el-form-item> <el-form-item :label="$t('dataManage.vmobj.minLevel')"> @@ -484,7 +418,7 @@ :placeholder="$t('dataManage.vmobj.labe11')" ></el-input> --> <el-select style="width:100%" style="width: 100%" v-model="insertLayer.min" :placeholder="$t('dataManage.vmobj.labe11')" > @@ -503,7 +437,7 @@ :placeholder="$t('dataManage.vmobj.labe12')" ></el-input> --> <el-select style="width:100%" style="width: 100%" v-model="insertLayer.max" :placeholder="$t('dataManage.vmobj.labe12')" > @@ -521,46 +455,42 @@ size="small" type="primary" @click="setinsertLayerSubmit()" >{{$t('common.submit')}}</el-button> >{{ $t("common.submit") }}</el-button > <el-button size="small" type="info" @click="setinsertLayerCancel()" >{{$t('common.cancel')}}</el-button> >{{ $t("common.cancel") }}</el-button > </el-form-item> </el-form> </div> </el-dialog> <div class="loadBox" v-if="loadDialogVisible" > <div style="widht:100%; margin:20px; color:white"> <div style="margin-left:99%"> <el-link @click="setloadDialogVisible()" style="color:white" > X</el-link> <div class="loadBox" v-if="loadDialogVisible"> <div style="widht: 100%; margin: 20px; color: white"> <div style="margin-left: 99%"> <el-link @click="setloadDialogVisible()" style="color: white"> X</el-link > </div> </div> <div v-loading="true" element-loading-background="rgba(0, 0, 0, 0.0) " element-loading-text="数据发布中" style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); " > </div> style="margin: 0px 20px; widht: 100%; height: calc(100% - 80px)" ></div> </div> </div> </template> <script> import axios from 'axios'; import dialogHeader from './dialogHeader.vue' import mapview from '../../components/preview_map.vue' import MyBread from "../../components/MyBread.vue" import axios from "axios"; import dialogHeader from "./dialogHeader.vue"; import mapview from "../../components/preview_map.vue"; import MyBread from "../../components/MyBread.vue"; import { selectdepTab, selectdirTab, @@ -570,16 +500,17 @@ publish_deletes, publish_update, publish_insert, } from '../../api/api.js' } from "../../api/api.js"; export default { components: { MyBread, mapview, 'dialog-header': dialogHeader, MyBread, mapview, "dialog-header": dialogHeader, }, data() { return { active: 'first', active: "first", formInline: { dirid: null, dirName: null, @@ -587,34 +518,40 @@ verid: null, depName: null, name: "", type: "" type: "", }, listData: { pageIndex: 1, pageSize: 100, count: 0 count: 0, }, multipleSelection: [], tableData: [], depOption: [], dirOption: [], verOption: [], typeOption: [{ value: 'DOM', label: '影像数据(.tif, .img)' }, { value: 'DEM', label: '高程数据(.tif)' }, { value: 'MPT', label: '场景数据(.mpt)' }, { value: '3DML', label: '三维模型(.3dml)' }, { value: 'BIM', label: '三维模型(.fbx, .ifc, .rvt)' }], typeOption: [ { value: "DOM", label: "影像数据(.tif, .img)", }, { value: "DEM", label: "高程数据(.tif)", }, { value: "MPT", label: "场景数据(.mpt)", }, { value: "3DML", label: "三维模型(.3dml)", }, { value: "BIM", label: "三维模型(.fbx, .ifc, .rvt)", }, ], defaultProps: { label: "name", value: "id", @@ -631,39 +568,47 @@ detailsDialogVisible: false, itemdetail: {}, insertDialogVisible: false, insertLayer: { name: '', number: null, min: 4, max: 18, noData: '0' }, insertLayer: { name: "", number: null, min: 4, max: 18, noData: "0" }, loadDialogVisible: false, options: [], isFullscreen: false, } }; }, watch: { "formInline.depid"() { this.$refs.treeSelect.visible = false; }, "formInline.dirid"() { this.$refs.treeSelect1.visible = false; }, }, methods: { copyText(row, column, cell, event) { // 双击复制 let save = function (e) { e.clipboardData.setData('text/plain', event.target.innerText); e.preventDefault(); //阻止默认行为 } document.addEventListener('copy', save);//添加一个copy事件 document.execCommand("copy");//执行copy方法 this.$message({ message: '复制成功', type: 'success' })//提示 e.clipboardData.setData("text/plain", event.target.innerText); e.preventDefault(); //阻止默认行为 }; document.addEventListener("copy", save); //添加一个copy事件 document.execCommand("copy"); //执行copy方法 this.$message({ message: "复制成功", type: "success" }); //提示 }, setOptions() { var std = []; for (var i = 0; i < 23; i++) { std.push({ value: i, label: i }) label: i, }); } this.options = std; }, setloadDialogVisible() { this.loadDialogVisible = false this.loadDialogVisible = false; }, setinsertLayerCancel() { this.insertDialogVisible = false; this.insertLayer = { name: '', number: null, min: 4, max: 18 }; this.insertLayer = { name: "", number: null, min: 4, max: 18 }; }, //发布提交 async setinsertLayerSubmit() { @@ -671,35 +616,34 @@ var max = this.insertLayer.max; var name = this.insertLayer.name; if (!name) { this.$message.error("名称不能为空") return this.$message.error("名称不能为空"); return; } if (!min) { this.$message.error("请输入最小级别(0 ~ 20)") return this.$message.error("请输入最小级别(0 ~ 20)"); return; } else { if (parseInt(min) < 0 || parseInt(min) > 20) { this.$message.error(" 最小级别不能小于 0 或大于 20 ") return this.$message.error(" 最小级别不能小于 0 或大于 20 "); return; } } if (!max) { this.$message.error("请输入最大级别(0 ~ 20)") return this.$message.error("请输入最大级别(0 ~ 20)"); return; } else { if (parseInt(max) < 0 || parseInt(max) > 20) { this.$message.error(" 最大级别不能小于 0 或大于 20 ") return this.$message.error(" 最大级别不能小于 0 或大于 20 "); return; } } if (parseInt(min) > parseInt(max)) { this.$message.error("最小级别不得大于最大级别") return this.$message.error("最小级别不得大于最大级别"); return; } var std = []; for (var i in this.multipleSelection) { std.push(this.multipleSelection[i].id) std.push(this.multipleSelection[i].id); } var obj = { dircode: this.formInline.dirid, @@ -709,61 +653,59 @@ name: name, ids: std, type: this.formInline.type, noData: this.insertLayer.noData } this.loadDialogVisible = true noData: this.insertLayer.noData, }; this.loadDialogVisible = true; this.insertDialogVisible = false; const data = await publish_insert(obj); if (data.code != 200 || data.count > 0) { this.$message.error("数据发布失败") this.$message.error("数据发布失败"); } else { this.$message({ message: '数据发布成功', type: 'success' message: "数据发布成功", type: "success", }); } this.loadDialogVisible = false this.loadDialogVisible = false; this.getTableData(); }, //数据发布 async setPagePublish() { if (this.multipleSelection.length == 0) { this.$message("请选择要发布的数据") return this.$message("请选择要发布的数据"); return; } if (this.formInline.type == "DOM" || this.formInline.type == "DEM") { this.insertLayer.name = this.formInline.dirName; this.insertLayer.number = this.multipleSelection.length this.insertLayer.noData = '0'; this.insertLayer.number = this.multipleSelection.length; this.insertLayer.noData = "0"; this.insertDialogVisible = true; } else { var std = []; for (var i in this.multipleSelection) { std.push(this.multipleSelection[i].id) std.push(this.multipleSelection[i].id); } var obj = { dircode: this.formInline.dirid, depcode: this.formInline.depid, ids: std, type: this.formInline.type } this.loadDialogVisible = true type: this.formInline.type, }; this.loadDialogVisible = true; this.insertDialogVisible = false; const data = await publish_insert(obj); if (data.code != 200) { this.$message.error("数据发布失败") this.$message.error("数据发布失败"); } else { this.$message({ message: '数据发布成功', type: 'success' message: "数据发布成功", type: "success", }); } this.loadDialogVisible = false this.loadDialogVisible = false; this.getTableData(); } }, @@ -780,12 +722,12 @@ } const data = await publish_update(this.editLayer); if (data.code != 200) { this.$message.error("数据修改失败") return this.$message.error("数据修改失败"); return; } this.$message({ message: '数据修改成功', type: 'success' message: "数据修改成功", type: "success", }); this.getTableData(); this.editDialogVisible = false; @@ -795,34 +737,34 @@ if (this.editLayer == this.updateLayer) { this.editDialogVisible = false; } else { this.$confirm('确认关闭?') .then(_ => { this.$confirm("确认关闭?") .then((_) => { done(); }) .catch(_ => { this.editLayer = JSON.parse(this.updateLayer) .catch((_) => { this.editLayer = JSON.parse(this.updateLayer); this.editDialogVisible = false; }); } }, //修改弹窗 setPreviewEdit(res) { this.updateLayer = JSON.stringify(res) //备份; this.updateLayer = JSON.stringify(res); //备份; this.editLayer = JSON.parse(JSON.stringify(res)); this.editDialogVisible = true; }, //删除 setPageDelete() { if (this.multipleSelection.length == 0) { return this.$message.error("请选择要删除的数据") return this.$message.error("请选择要删除的数据"); } else { var that = this this.$confirm('确定是否删除所选内容?') .then(_ => { var that = this; this.$confirm("确定是否删除所选内容?") .then((_) => { done(); }) .catch(_ => { that.deletePage() .catch((_) => { that.deletePage(); }); } }, @@ -833,12 +775,12 @@ } const data = await publish_deletes({ ids: std.toString() }); if (data.code != 200) { this.$message.error("单位列表获取失败") return this.$message.error("单位列表获取失败"); return; } else { this.$message({ message: '删除成功', type: 'success' message: "删除成功", type: "success", }); this.getTableData(); } @@ -858,37 +800,36 @@ this.getTableData(); this.dialogVisible = false; this.showMapView = false; }, // 获取多选选中的对象 handleSelectionChange(val) { this.multipleSelection = val this.multipleSelection = val; }, //单位转换 stateFormatSizes(row, column) { if (row.sizes >= 1024) { const val = parseFloat(row.sizes / 1024).toFixed(3) return val + " GB" const val = parseFloat(row.sizes / 1024).toFixed(3); return val + " GB"; } else { return row.sizes + " MB" return row.sizes + " MB"; } }, //格式化地址 formatLayer(row, column) { let data = row.layer let data = row.layer; if (data == null) { return data return data; } return data.replace("{host}", iisHost) return data.replace("{host}", iisHost); }, //格式化时间 formatData(row, column) { let data = row[column.property] let data = row[column.property]; if (data == null) { return data return data; } return this.format(data) return this.format(data); }, //分页切换 handleCurrentChange(val) { @@ -905,18 +846,18 @@ setTabsChange(res) { switch (res) { case 1: this.active = 'first'; this.active = "first"; this.setPageStart(); break; case 2: this.active = 'second'; this.active = "second"; this.setPageStart(); break; case 3: this.$store.state.previewLayer = { url: "menuLayer" } this.active = 'third'; url: "menuLayer", }; this.active = "third"; break; } @@ -930,22 +871,22 @@ verid: null, depName: null, name: "", type: "" } type: "", }; if (this.active == "first") { this.listData = { pageIndex: 1, pageSize: 10, count: 0 } this.showPageSize = [10, 50, 100, 200] count: 0, }; this.showPageSize = [10, 50, 100, 200]; } else { this.listData = { pageIndex: 1, pageSize: 10, count: 0 } this.showPageSize = [10, 50, 100, 200] count: 0, }; this.showPageSize = [10, 50, 100, 200]; } this.formInline.type = this.typeOption[0].value; @@ -956,28 +897,27 @@ async getDirTreeList() { const data = await selectdirTab(); if (data.code != 200) { this.$message.error("单位列表获取失败") return this.$message.error("单位列表获取失败"); return; } this.dirOption = this.treeData(data.result); this.formInline.dirid = this.dirOption[0].code; this.formInline.dirName = this.dirOption[0].name; this.getVerList(this.dirOption[0].id) this.getVerList(this.dirOption[0].id); }, //获取版本列表 async getVerList(res) { const data = await meta_selectVerByDirid({ dirid: res }) const data = await meta_selectVerByDirid({ dirid: res }); if (data.code != 200) { this.$message.error("版本列表获取失败") return this.$message.error("版本列表获取失败"); return; } this.verOption = data.result this.verOption = data.result; this.formInline.verid = data.result[0].id; this.getTableData(); }, //版本列表切换 handleVerChange(value) { this.formInline.verid = value; this.getTableData(); }, @@ -988,15 +928,15 @@ }, //单位列表切换 handleDepChange(data, node, nodeData) { this.formInline.depid = data.code this.formInline.depName = data.name this.formInline.depid = data.code; this.formInline.depName = data.name; this.getTableData(); }, //目录列表切换 handleDirChange(data, node, nodeData) { this.formInline.dirid = data.code this.formInline.dirName = data.name this.getVerList(data.id) this.formInline.dirid = data.code; this.formInline.dirName = data.name; this.getVerList(data.id); }, //获取Table表格数据 async getTableData() { @@ -1004,20 +944,16 @@ this.listData.count = 0; this.listData.pageIndex = 1; if (this.active == "first") { this.listData.depcode = this.formInline.depid; this.listData.dircode = this.formInline.dirid; this.listData.name = this.formInline.name; this.listData.type = this.formInline.type; this.listData.verid = this.formInline.verid; const data = await publish_selectMetasByPage(this.listData) const data = await publish_selectMetasByPage(this.listData); if (data.code != 200) { } if (data.result) { var that = this var that = this; var val = data.result.filter((res) => { if (res.createTime) { @@ -1027,21 +963,20 @@ if (res.url) { res.url = res.url.replace("{host}", iisHost); } return res }) return res; }); this.tableData = val; this.listData.count = data.count; } } else { } else { if (this.formInline.name) { this.listData.name = this.formInline.name this.listData.name = this.formInline.name; } const data = await publish_selectByPage(this.listData); if (data.result) { var that = this var that = this; var val = data.result.filter((res) => { if (res.createTime) { res.createTime = that.format(res.createTime); @@ -1052,8 +987,8 @@ if (res.url) { res.url = res.url.replace("{host}", iisHost); } return res }) return res; }); this.tableData = val; this.listData.count = data.count; } @@ -1071,50 +1006,50 @@ var s = time.getSeconds(); return ( y + '-' + "-" + this.add0(m) + '-' + "-" + this.add0(d) + ' ' + " " + h + ':' + ":" + mm + ':' + ":" + s ); }, //格式化时间 add0(m) { return m < 10 ? '0' + m : m; return m < 10 ? "0" + m : m; }, //获取单位列表 async getDepTreeList() { const data = await selectdepTab(); if (data.code != 200) { this.$message.error("单位列表获取失败") return this.$message.error("单位列表获取失败"); return; } this.depOption = this.treeData(data.result); this.formInline.depid = this.depOption[0].code this.formInline.depName = this.depOption[0].name this.formInline.depid = this.depOption[0].code; this.formInline.depName = this.depOption[0].name; }, //树列表生成 treeData(source) { let cloneData = JSON.parse(JSON.stringify(source)) // 对源数据深度克隆 return cloneData.filter(father => { let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 return cloneData.filter((father) => { // 循环所有项 let branchArr = cloneData.filter(child => father.id == child.pid) // 对比ID,分别上下级菜单,并返回数据 branchArr.length > 0 ? (father.children = branchArr) : "" // 给父级添加一个children属性,并赋值 return father.pid == 0 // 返回一级菜单 }) let branchArr = cloneData.filter((child) => father.id == child.pid); // 对比ID,分别上下级菜单,并返回数据 branchArr.length > 0 ? (father.children = branchArr) : ""; // 给父级添加一个children属性,并赋值 return father.pid == 0; // 返回一级菜单 }); }, }, mounted() { this.active = 'first'; this.active = "first"; this.setPageStart(); this.setOptions(); } } }, }; </script> <style lang="less" scoped> src/views/datamanage/versionManage.vue
@@ -1,19 +1,14 @@ <template> <div class="verSionBox"> <My-bread :list="[ <My-bread :list="[ `${$t('dataManage.dataManage')}`, `${$t('dataManage.versionManage')}`, ]"></My-bread> ]" ></My-bread> <el-divider /> <div class="inquire subpage_Div" ref="container" > <el-form ref="ruleForm" :model="ruleForm" :inline="true" > <div class="inquire subpage_Div" ref="container"> <el-form ref="ruleForm" :model="ruleForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> <el-form-item size="small"> @@ -22,6 +17,7 @@ v-model="ruleForm.dirid" placeholder="请选择存储目录" style="width: 200px" ref="treeSelect" > <el-option :value="ruleForm.dirid" @@ -55,12 +51,13 @@ <el-input v-model="ruleForm.name" :placeholder="$t('shuJuGuanLi.lable5')" ><i ><i slot="suffix" class="el-icon-search" @click="onSubmit('ruleForm')" style="padding-right: 8px" ></i></el-input> ></i ></el-input> </el-form-item> </div> <div> @@ -71,7 +68,8 @@ @click="(InsertFormdialog = true), getSelectdirTab()" icon="el-icon-plus" size="small" >{{ $t("common.append") }}</el-button> >{{ $t("common.append") }}</el-button > <!-- <el-button @click="onSubmit('ruleForm')" icon="el-icon-search" @@ -84,7 +82,8 @@ @click="resetForm('ruleForm')" icon="el-icon-delete" size="small" >{{ $t("common.empty") }}</el-button> >{{ $t("common.empty") }}</el-button > </el-form-item> </div> </div> @@ -92,10 +91,7 @@ </div> <div class="dividing-line"></div> <div class="table_box" :style="styleVar" > <div class="table_box" :style="styleVar"> <el-table :data="tableData" style="width: 100%" @@ -108,11 +104,7 @@ :label="$t('dataManage.vmobj.index')" width="70px" /> <el-table-column align="center" prop="id" v-if="false" /> <el-table-column align="center" prop="id" v-if="false" /> <el-table-column align="center" prop="name" @@ -150,10 +142,7 @@ :label="$t('dataManage.vmobj.updateontime')" :formatter="formatTime" /> <el-table-column min-width="150" :label="$t('common.operate')" > <el-table-column min-width="150" :label="$t('common.operate')"> <template slot-scope="scope"> <el-button v-if="btnStatus.update" @@ -164,21 +153,20 @@ type="warning" size="small" plain >{{ $t("common.update") }}</el-button> >{{ $t("common.update") }}</el-button > <el-button v-if="btnStatus.delete" @click="handleDelete(scope.$index, scope.row)" type="danger" size="small" plain >{{ $t("common.delete") }}</el-button> >{{ $t("common.delete") }}</el-button > </template> </el-table-column> </el-table> <div class="pagination_box" style="margin-top: 15px" > <div class="pagination_box" style="margin-top: 15px"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -198,10 +186,7 @@ :before-close="handleClose" > <div style="height: 500px; overflow: auto"> <el-form :model="upform" label-position="top" > <el-form :model="upform" label-position="top"> <el-form-item :label="$t('dataManage.vmobj.name')" :label-width="formLabelWidth" @@ -209,7 +194,7 @@ <el-input v-model="upform.name" autocomplete="off" style="width:85%" style="width: 85%" ></el-input> </el-form-item> <el-form-item @@ -220,7 +205,7 @@ :popper-append-to-body="false" v-model="upform.dirid" :placeholder="$t('shuJuGuanLi.pselect.select')" style="width:85%" style="width: 85%" > <el-option :value="upform.dirid" @@ -251,27 +236,16 @@ <el-input v-model="upform.descr" autocomplete="off" style="width:85%" style="width: 85%" ></el-input> </el-form-item> </el-form> </div> <div slot="footer" type="info" class="dialog-footer" > <el-button size="small" @click="editFromDataClose" >{{ <div slot="footer" type="info" class="dialog-footer"> <el-button size="small" @click="editFromDataClose">{{ $t("common.close") }}</el-button> <el-button size="small" @click="editFromData" class="primary" >{{ <el-button size="small" @click="editFromData" class="primary">{{ $t("common.confirm") }}</el-button> </div> @@ -283,16 +257,13 @@ :before-close="handleCloseadd" > <div style="height: 500px; overflow: auto"> <el-form :model="insertform" label-position="top" > <el-form :model="insertform" label-position="top"> <el-form-item :label="$t('dataManage.vmobj.name')" :label-width="formLabelWidth" > <el-input style="width:85%" style="width: 85%" v-model="insertform.name" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueName1')" @@ -306,7 +277,7 @@ :popper-append-to-body="false" v-model="insertform.dirName" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedirectory')" style="width:85%" style="width: 85%" > <el-option :value="insertform.path" @@ -336,30 +307,19 @@ :label-width="formLabelWidth" > <el-input style="width:85%" style="width: 85%" v-model="insertform.descr" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedescription')" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedescription')" ></el-input> </el-form-item> </el-form> </div> <div slot="footer" class="dialog-footer" > <el-button @click="insertFromDataClose" type="info" size="small" >{{ <div slot="footer" class="dialog-footer"> <el-button @click="insertFromDataClose" type="info" size="small">{{ $t("common.close") }}</el-button> <el-button @click="insertFromData" class="primary" size="small" >{{ <el-button @click="insertFromData" class="primary" size="small">{{ $t("common.confirm") }}</el-button> </div> @@ -484,7 +444,7 @@ upform: {}, ruleForm: {}, insertform: { name:"" name: "", }, tableData: [], companyOption: [], @@ -557,9 +517,8 @@ this.insertform.dirid = value; }, catalogChangeAdd(data, node, nodeData) { this.insertform.path = data.id this.insertform.dirid = data.id this.insertform.path = data.id; this.insertform.dirid = data.id; // this.$set(this.insertform, "path", data.id); this.$set(this.insertform, "dirName", data.name); }, @@ -689,11 +648,11 @@ editFromDataClose() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.dialogFormVisible = false this.dialogFormVisible = false; this.upform = {}; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); // this.dialogFormVisible = false; // this.upform = {}; }, @@ -724,16 +683,15 @@ insertFromDataClose() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.InsertFormdialog = false this.InsertFormdialog = false; this.insertform = {}; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); // this.InsertFormdialog = false; // this.insertform = {}; }, async insertFromData() { if (this.insertform.dirid == null) { this.$message({ message: "请选择角色所属单位", @@ -802,24 +760,27 @@ handleClose() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.dialogFormVisible = false this.dialogFormVisible = false; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); }, handleCloseadd() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.InsertFormdialog = false this.InsertFormdialog = false; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); }, }, watch: { pathId: { immediate: true, handler(val) { }, handler(val) {}, }, "ruleForm.dirid"() { this.$refs.treeSelect.visible = false; }, }, }; src/views/maintenance/userManagement.vue
@@ -1,20 +1,15 @@ <template> <div class="userInfo_box"> <My-bread :list="[ <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('userManage.userManage')}`, ]"></My-bread> ]" ></My-bread> <el-divider /> <div class="inquire subpage_Div" ref="container" > <el-form ref="queryForm" :model="queryForm" :inline="true" > <div class="inquire subpage_Div" ref="container"> <el-form ref="queryForm" :model="queryForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> <el-form-item @@ -27,6 +22,7 @@ size="small" placeholder="请选择" style="width: 200px" ref="treeSelect" > <el-option :value="queryForm.depid" @@ -44,37 +40,37 @@ </el-select> </el-form-item> <el-form-item prop="uname" :label="$t('userManage.userInfoObj.uname')" prop="uname" :label="$t('userManage.userInfoObj.uname')" > <el-input v-model="queryForm.uname" size="small" :placeholder="$t('userManage.userInfoObj.unamePlaceholder')" style="width: 200px" v-model="queryForm.uname" size="small" :placeholder="$t('userManage.userInfoObj.unamePlaceholder')" style="width: 200px" > <i slot="suffix" class="el-icon-search" @click="queryInfo"></i> </el-input> </el-form-item> </div> <div> <!-- <el-form-item>--> <!-- <el-button--> <!-- type="primary"--> <!-- size="small"--> <!-- @click="queryInfo('queryForm')"--> <!-- icon="el-icon-search"--> <!-- >--> <!-- {{ $t("operatManage.ELM.search") }}--> <!-- </el-button>--> <!-- </el-form-item>--> <!-- <el-form-item>--> <!-- <el-button--> <!-- type="primary"--> <!-- size="small"--> <!-- @click="queryInfo('queryForm')"--> <!-- icon="el-icon-search"--> <!-- >--> <!-- {{ $t("operatManage.ELM.search") }}--> <!-- </el-button>--> <!-- </el-form-item>--> <el-form-item> <el-button v-if="menuStatus.insert" type="success" size="small" @click="showAddDialog" icon="el-icon-plus" v-if="menuStatus.insert" type="success" size="small" @click="showAddDialog" icon="el-icon-plus" > {{ $t("common.append") }} </el-button> @@ -86,7 +82,7 @@ @click="editPwd" type="warning" icon="el-icon-unlock" >{{ $t("common.changepassWord") }} >{{ $t("common.changepassWord") }} </el-button> </el-form-item> <el-form-item> @@ -102,10 +98,10 @@ </el-form-item> <el-form-item> <el-button type="info" size="small" @click="resetInfo('queryForm')" icon="el-icon-refresh" type="info" size="small" @click="resetInfo('queryForm')" icon="el-icon-refresh" > {{ $t("operatManage.ELM.reset") }} </el-button> @@ -115,10 +111,7 @@ </el-form> </div> <div class="dividing-line"></div> <div class="table_box" :style="styleVar" > <div class="table_box" :style="styleVar"> <el-table ref="filterTable" :data="tableData" @@ -128,10 +121,7 @@ height="calc(100% - 45px)" @selection-change="handleSelectionChange" > <el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" /> <el-table-column align="center" type="index" @@ -212,23 +202,11 @@ :label="$t('userManage.userInfoObj.status')" > <template slot-scope="scope"> <el-tag v-if="scope.row.status == 0" type="success" >正常</el-tag> <el-tag v-if="scope.row.status == 1" type="info" >禁用</el-tag> <el-tag v-if="scope.row.status == 2" type="warning" >删除</el-tag> <el-tag v-if="scope.row.status == 0" type="success">正常</el-tag> <el-tag v-if="scope.row.status == 1" type="info">禁用</el-tag> <el-tag v-if="scope.row.status == 2" type="warning">删除</el-tag> <el-tag v-if="scope.row.status == 3">申请</el-tag> <el-tag v-if="scope.row.status == 4" type="danger" >拒批</el-tag> <el-tag v-if="scope.row.status == 4" type="danger">拒批</el-tag> </template> </el-table-column> <!-- <el-table-column @@ -248,14 +226,12 @@ plain @click="editInfo(scope.row)" size="small" >{{ $t("common.update") }}</el-button> >{{ $t("common.update") }}</el-button > </template> </el-table-column> </el-table> <div style="margin-top: 10px;" class="pagination_box" > <div style="margin-top: 10px" class="pagination_box"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -280,47 +256,45 @@ :before-close="handleClose" :close-on-click-modal="false" > <div style="height: 500px; overflow: auto"> <el-form :model="editForm" ref="editForm" :rules="rules" style="display: flex" > <div> <el-form-item prop="uid" :label="$t('userManage.userInfoObj.uid')" v-if="behavior == '新增用户'" :label-width="formLabelWidth" > <el-input v-model="editForm.uid" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.uid')" ></el-input> <div class="isNewUser" v-if="isNewUser" <div style="height: 500px; overflow: auto"> <el-form :model="editForm" ref="editForm" :rules="rules" style="display: flex" > <div> <el-form-item prop="uid" :label="$t('userManage.userInfoObj.uid')" v-if="behavior == '新增用户'" :label-width="formLabelWidth" > <img src="../../assets/img/success.png" /> {{ $t("userManage.userInfoObj.uid") }} </div> </el-form-item> <el-form-item v-if="behavior == '修改信息'" :label="$t('userManage.userInfoObj.uid')" :label-width="formLabelWidth" > <el-input v-model="editForm.uid" autocomplete="off" disabled ></el-input> </el-form-item> <!-- <el-form-item <el-input v-model="editForm.uid" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.uid') " ></el-input> <div class="isNewUser" v-if="isNewUser"> <img src="../../assets/img/success.png" /> {{ $t("userManage.userInfoObj.uid") }} </div> </el-form-item> <el-form-item v-if="behavior == '修改信息'" :label="$t('userManage.userInfoObj.uid')" :label-width="formLabelWidth" > <el-input v-model="editForm.uid" autocomplete="off" disabled ></el-input> </el-form-item> <!-- <el-form-item v-if="behavior == '修改信息'" prop="oldPwd" :label="$t('userManage.userInfoObj.origpassword')" @@ -333,7 +307,7 @@ show-password ></el-input> </el-form-item> --> <!-- <el-form-item <!-- <el-form-item prop="pwd" v-if="behavior == '新增用户'" :label="$t('userManage.userInfoObj.pwd')" @@ -346,7 +320,7 @@ show-password ></el-input> </el-form-item> --> <!-- <el-form-item <!-- <el-form-item prop="checkPass" v-if="behavior == '新增用户'" :label="$t('userManage.userInfoObj.confirmPassword')" @@ -359,76 +333,87 @@ autocomplete="off" ></el-input> </el-form-item> --> <el-form-item prop="uname" :label="$t('userManage.userInfoObj.username')" :label-width="formLabelWidth" > <el-input v-model="editForm.uname" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.username')" ></el-input> </el-form-item> <el-form-item prop="sex" :label="$t('userManage.userInfoObj.sex')" :label-width="formLabelWidth" > <el-select :popper-append-to-body="false" v-model="editForm.sex" clearable :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.sex')" <el-form-item prop="uname" :label="$t('userManage.userInfoObj.username')" :label-width="formLabelWidth" > <el-option v-for="item in sexOpt" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> <el-form-item prop="natives" :label="$t('userManage.userInfoObj.nativePlace')" :label-width="formLabelWidth" > <el-input v-model="editForm.natives" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.nativePlace')" ></el-input> </el-form-item> <el-form-item prop="depid" :label-width="formLabelWidth" :label="$t('userManage.userInfoObj.depName')" > <el-select :popper-append-to-body="false" v-model="editForm.depid" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.depName')" @focus="setOptionWidth" <el-input v-model="editForm.uname" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.username') " ></el-input> </el-form-item> <el-form-item prop="sex" :label="$t('userManage.userInfoObj.sex')" :label-width="formLabelWidth" > <el-option :value="editForm.depid" :label="editForm.depName" :style="{ width: selectOptionWidth, height: selectheight }" <el-select :popper-append-to-body="false" v-model="editForm.sex" clearable :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('userManage.userInfoObj.sex') " > <el-tree ref="editcaderHandle" :data="treeOptions" :default-expand-all="defaultexpand" node-key="id" :props="defaultProps" @node-click="handeditChange" /> </el-option> </el-select> <!-- <el-cascader <el-option v-for="item in sexOpt" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> <el-form-item prop="natives" :label="$t('userManage.userInfoObj.nativePlace')" :label-width="formLabelWidth" > <el-input v-model="editForm.natives" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.nativePlace') " ></el-input> </el-form-item> <el-form-item prop="depid" :label-width="formLabelWidth" :label="$t('userManage.userInfoObj.depName')" > <el-select :popper-append-to-body="false" v-model="editForm.depid" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('userManage.userInfoObj.depName') " @focus="setOptionWidth" > <el-option :value="editForm.depid" :label="editForm.depName" :style="{ width: selectOptionWidth, height: selectheight }" > <el-tree ref="editcaderHandle" :data="treeOptions" :default-expand-all="defaultexpand" node-key="id" :props="defaultProps" @node-click="handeditChange" /> </el-option> </el-select> <!-- <el-cascader v-model="editForm.depid" :options="treeOptions" filterable @@ -445,119 +430,135 @@ }" > </el-cascader> --> </el-form-item> <el-form-item prop="idcard" :label="$t('userManage.userInfoObj.identityCard')" :label-width="formLabelWidth" > <el-input v-model="editForm.idcard" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.identityCard')" ></el-input> </el-form-item> </div> <div style="width: 45%"> <el-form-item prop="job" :label="$t('userManage.userInfoObj.job')" :label-width="formLabelWidth" > <el-input v-model="editForm.job" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.job')" ></el-input> </el-form-item> <el-form-item prop="edu" :label="$t('userManage.userInfoObj.edu')" :label-width="formLabelWidth" > <el-input v-model="editForm.edu" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.edu')" ></el-input> </el-form-item> <el-form-item prop="addr" :label="$t('userManage.userInfoObj.addr')" :label-width="formLabelWidth" > <el-input v-model="editForm.addr" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.addr')" ></el-input> </el-form-item> <el-form-item prop="email" :label="$t('userManage.userInfoObj.email')" :label-width="formLabelWidth" > <el-input v-model="editForm.email" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.email')" ></el-input> </el-form-item> <el-form-item prop="contact" :label="$t('userManage.userInfoObj.contact')" :label-width="formLabelWidth" > <el-input v-model="editForm.contact" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.contact')" ></el-input> </el-form-item> <el-form-item prop="status" :label="$t('userManage.userInfoObj.status')" :label-width="formLabelWidth" > <el-select :popper-append-to-body="false" v-model="editForm.status" clearable :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.status')" </el-form-item> <el-form-item prop="idcard" :label="$t('userManage.userInfoObj.identityCard')" :label-width="formLabelWidth" > <el-option v-for="item in statusOpt" :key="item.value" :label="item.label" :value="item.value" <el-input v-model="editForm.idcard" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.identityCard') " ></el-input> </el-form-item> </div> <div style="width: 45%"> <el-form-item prop="job" :label="$t('userManage.userInfoObj.job')" :label-width="formLabelWidth" > <el-input v-model="editForm.job" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.job') " ></el-input> </el-form-item> <el-form-item prop="edu" :label="$t('userManage.userInfoObj.edu')" :label-width="formLabelWidth" > <el-input v-model="editForm.edu" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.edu') " ></el-input> </el-form-item> <el-form-item prop="addr" :label="$t('userManage.userInfoObj.addr')" :label-width="formLabelWidth" > <el-input v-model="editForm.addr" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.addr') " ></el-input> </el-form-item> <el-form-item prop="email" :label="$t('userManage.userInfoObj.email')" :label-width="formLabelWidth" > <el-input v-model="editForm.email" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.email') " ></el-input> </el-form-item> <el-form-item prop="contact" :label="$t('userManage.userInfoObj.contact')" :label-width="formLabelWidth" > <el-input v-model="editForm.contact" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.contact') " ></el-input> </el-form-item> <el-form-item prop="status" :label="$t('userManage.userInfoObj.status')" :label-width="formLabelWidth" > <el-select :popper-append-to-body="false" v-model="editForm.status" clearable :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('userManage.userInfoObj.status') " > </el-option> </el-select> </el-form-item> <el-form-item prop="bak" :label="$t('userManage.userInfoObj.remarks')" :label-width="formLabelWidth" > <el-input v-model="editForm.bak" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.remarks')" ></el-input> </el-form-item> </div> </el-form> </div> <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer" > <el-button size="small" type="info" @click="cancelEdit()" >{{ <el-option v-for="item in statusOpt" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> <el-form-item prop="bak" :label="$t('userManage.userInfoObj.remarks')" :label-width="formLabelWidth" > <el-input v-model="editForm.bak" autocomplete="off" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.userInfoObj.remarks') " ></el-input> </el-form-item> </div> </el-form> </div> <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer"> <el-button size="small" type="info" @click="cancelEdit()">{{ $t("common.reset") }}</el-button> <el-button @@ -565,18 +566,11 @@ type="primary" @click="sendEdit('editForm')" v-loading.fullscreen.lock="fullscreenLoading" >{{ $t("common.submit") }}</el-button> >{{ $t("common.submit") }}</el-button > </div> <div v-else slot="footer" class="dialog-footer" > <el-button size="small" type="info" @click="cancelAdd('editForm')" >{{ <div v-else slot="footer" class="dialog-footer"> <el-button size="small" type="info" @click="cancelAdd('editForm')">{{ $t("common.reset") }}</el-button> <el-button @@ -584,7 +578,8 @@ type="primary" @click="sendAdd('editForm')" v-loading.fullscreen.lock="fullscreenLoading" >{{ $t("common.submit") }}</el-button> >{{ $t("common.submit") }}</el-button > </div> </el-dialog> <el-dialog @@ -593,7 +588,6 @@ :before-close="handleClose" :close-on-click-modal="false" > <el-form :model="pwdForm" ref="pwdForm" @@ -610,8 +604,11 @@ v-model="pwdForm.adminPwd" autocomplete="off" show-password style="width:85%" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.AdminPassword')" style="width: 85%" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.AdminPassword') " ></el-input> </el-form-item> <el-form-item @@ -624,8 +621,10 @@ v-model="pwdForm.newPwd" autocomplete="off" show-password style="width:85%" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.NPassword')" style="width: 85%" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.NPassword') " ></el-input> </el-form-item> <el-form-item @@ -638,21 +637,16 @@ v-model="pwdForm.checkPwd" autocomplete="off" show-password style="width:85%" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.SPassword')" style="width: 85%" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.SPassword') " ></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer" > <el-button size="small" type="info" @click="cancelReset - 'pwdForm'" >{{ <div slot="footer" class="dialog-footer"> <el-button size="small" type="info" @click="cancelReset - 'pwdForm'">{{ $t("common.reset") }}</el-button> <el-button @@ -660,7 +654,8 @@ type="primary" @click="sendReset('pwdForm')" v-loading.fullscreen.lock="fullscreenLoading" >{{ $t("common.submit") }}</el-button> >{{ $t("common.submit") }}</el-button > </div> </el-dialog> </div> @@ -920,9 +915,14 @@ tableHeight: 0, timer: 0, styleVar: { "height": "calc(100% - 109px)", height: "calc(100% - 109px)", }, }; }, watch: { "queryForm.depName"() { this.$refs.treeSelect.visible = false; }, }, beforeDestroy() { this.timer && clearTimeout(this.timer); @@ -961,7 +961,7 @@ }); } }) .catch((res) => { }); .catch((res) => {}); queryPageUser({ pageIndex: 1, @@ -978,7 +978,7 @@ }); } }) .catch((res) => { }); .catch((res) => {}); }, treeData(source) { let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 @@ -1116,8 +1116,6 @@ }, //重置密码 editPwd() { var std = []; for (var i in this.multipleSelection) { std.push(this.multipleSelection[i].id); @@ -1163,8 +1161,7 @@ this.resetPwd = false; this.getUserInfo(); } else { } else { this.$message({ message: res.msg, type: "error", @@ -1241,7 +1238,7 @@ done(); }) .catch((_) => { }); .catch((_) => {}); }, //提交编辑 sendEdit(formName) { @@ -1334,7 +1331,7 @@ this.getUserInfo(); this.getpublickey(); window.addEventListener("resize", this.onResize); this.calHeight() this.calHeight(); }, created() { var val = this.$store.state.currentPerms; src/views/userManage/roleManage.vue
@@ -1,19 +1,14 @@ <template> <div class="logLog_box"> <My-bread :list="[ <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('userManage.roleManage')}`, ]"></My-bread> ]" ></My-bread> <el-divider /> <div class="inquire subpage_Div" ref="container" > <el-form ref="ruleForm" :model="roleForm" :inline="true" > <div class="inquire subpage_Div" ref="container"> <el-form ref="ruleForm" :model="roleForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> <el-form-item @@ -26,6 +21,7 @@ v-model="roleForm.depValue" :placeholder="$t('userManage.RM.ownedSystemHolder')" style="width: 200px" ref="treeSelect" > <el-option :value="roleForm.depid" @@ -47,21 +43,14 @@ :placeholder="$t('common.pleaseInput')" /> --> </el-form-item> <el-form-item :label="$t('userManage.RM.roleName')" prop="username" > <el-form-item :label="$t('userManage.RM.roleName')" prop="username"> <el-input v-model="roleForm.username" :placeholder="$t('userManage.RM.roleNameHolder')" size="small" style="width: 200px" > <i slot="suffix" class="el-icon-search" @click="onSubmit" ></i> <i slot="suffix" class="el-icon-search" @click="onSubmit"></i> </el-input> </el-form-item> </div> @@ -81,9 +70,10 @@ size="small" @click="setInsertFormdialog" v-if="menuStatus.insert" ><i class="el-icon-circle-plus-outline"></i> {{ ><i class="el-icon-circle-plus-outline"></i> {{ $t("userManage.RM.add") }}</el-button> }}</el-button > </el-form-item> <el-form-item> <el-button @@ -91,18 +81,17 @@ size="small" @click="handleDelete()" v-if="menuStatus.delete" ><i class="el-icon-delete"></i> {{ ><i class="el-icon-delete"></i> {{ $t("common.delete") }}</el-button> }}</el-button > </el-form-item> <el-form-item> <el-button type="info" size="small" @click="resetForm('ruleForm')" ><i class="el-icon-delete"></i> {{ <el-button type="info" size="small" @click="resetForm('ruleForm')" ><i class="el-icon-delete"></i> {{ $t("userManage.RM.reset") }}</el-button> }}</el-button > </el-form-item> </div> </div> @@ -155,10 +144,7 @@ </el-form> </div> <div class="dividing-line"></div> <div class="table_box subpage_Div" :style="styleVar" > <div class="table_box subpage_Div" :style="styleVar"> <el-table :data="tableData" style="width: 100%" @@ -166,21 +152,14 @@ height="calc(100% - 45px)" @selection-change="handleSelectionChange" > <el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" /> <el-table-column align="center" type="index" :label="$t('userManage.RM.index')" width="70px" /> <el-table-column align="center" prop="id" v-if="false" /> <el-table-column align="center" prop="id" v-if="false" /> <el-table-column align="center" prop="name" @@ -247,22 +226,20 @@ @click="showDetail(scope.$index, scope.row)" size="small" plain >{{ $t("common.see") }}</el-button> >{{ $t("common.see") }}</el-button > <el-button v-if="menuStatus.update" type="warning" @click="handleEdit(scope.$index, scope.row)" size="small" plain >{{ $t("common.update") }}</el-button> >{{ $t("common.update") }}</el-button > </template> </el-table-column> </el-table> <div style="margin-top: 10px" class="pagination_box" > <div style="margin-top: 10px" class="pagination_box"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -283,19 +260,19 @@ :visible.sync="InsertFormdialog" > <div style="height: 500px; overflow: auto"> <el-form :model="insertform" label-position="top" > <el-form :model="insertform" label-position="top"> <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth" > <el-input style="width:85%" style="width: 85%" v-model="insertform.name" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.roleName')" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.RM.roleName') " ></el-input> </el-form-item> <el-form-item @@ -307,9 +284,11 @@ <el-select :popper-append-to-body="false" v-model="insertform.depValue" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.RM.ownedSystem')" style="width:85%" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('userManage.RM.ownedSystem') " style="width: 85%" > <el-option :value="insertform.depid" @@ -342,10 +321,13 @@ :label-width="formLabelWidth" > <el-input style="width:85%" style="width: 85%" v-model="insertform.descr" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.describe')" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.RM.describe') " ></el-input> </el-form-item> <el-form-item @@ -361,9 +343,12 @@ label="0" >否</el-radio> --> <el-select style="width:85%" style="width: 85%" v-model="insertform.isAdmin" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.RM.isAdmin')" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('userManage.RM.isAdmin') " > <el-option v-for="item in options" @@ -378,29 +363,22 @@ :label-width="formLabelWidth" > <el-input style="width:85%" style="width: 85%" v-model="insertform.bak" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.RM.remarks')" :placeholder=" $t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('userManage.RM.remarks') " ></el-input> </el-form-item> </el-form> </div> <div slot="footer" class="dialog-footer" > <el-button size="small" @click="insertFromClose" >{{ <div slot="footer" class="dialog-footer"> <el-button size="small" @click="insertFromClose">{{ $t("common.close") }}</el-button> <el-button type="primary" size="small" @click="insertFromData" >{{ <el-button type="primary" size="small" @click="insertFromData">{{ $t("common.confirm") }}</el-button> </div> @@ -411,10 +389,7 @@ :before-close="handleCloseEdit" > <div style="height: 500px; overflow: auto"> <el-form :model="updateform" label-position="top" > <el-form :model="updateform" label-position="top"> <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth" @@ -422,7 +397,7 @@ <el-input v-model="updateform.name" autocomplete="off" style="width:85%" style="width: 85%" ></el-input> </el-form-item> @@ -435,7 +410,7 @@ :popper-append-to-body="false" v-model="updateform.depValue" placeholder="请选择" style="width:85%" style="width: 85%" > <el-option :value="updateform.depid" @@ -476,10 +451,7 @@ v-model="updateform.isAdmin" label="0" >否</el-radio> --> <el-select style="width:85%" v-model="updateform.isAdmin" > <el-select style="width: 85%" v-model="updateform.isAdmin"> <el-option v-for="item in options" :key="item.value" @@ -495,7 +467,7 @@ <el-input v-model="updateform.descr" autocomplete="off" style="width:85%" style="width: 85%" ></el-input> </el-form-item> <el-form-item @@ -505,64 +477,38 @@ <el-input v-model="updateform.bak" autocomplete="off" style="width:85%" style="width: 85%" ></el-input> </el-form-item> </el-form> </div> <div slot="footer" class="dialog-footer" > <el-button size="small" @click="updateFromClose" >{{ <div slot="footer" class="dialog-footer"> <el-button size="small" @click="updateFromClose">{{ $t("common.close") }}</el-button> <el-button type="primary" size="small" @click="updateFromData" >{{ <el-button type="primary" size="small" @click="updateFromData">{{ $t("common.confirm") }}</el-button> </div> </el-dialog> <div class="leftTree subpage_Div box_div" v-if="showCata" > <div class="leftTree subpage_Div box_div" v-if="showCata"> <div class="treeBox"> <role-dep-tree></role-dep-tree> </div> <div class="btnBox"> <el-button type="primary" size="small" @click="selectCataName" >确定</el-button> <el-button type="info" size="small" @click="showCata = false" >取消</el-button> <el-button type="primary" size="small" @click="selectCataName" >确定</el-button > <el-button type="info" size="small" @click="showCata = false" >取消</el-button > </div> </div> <div class="infoBox_box" v-show="showinfoBox" > <div class="infoBox_box" v-show="showinfoBox"> <div class="infoBox box_div subpage_Div"> <div slot="header" class="clearfix" > <div slot="header" class="clearfix"> <span>{{ $t("dataManage.styleObj.deInformation") }}</span> <div style="float: right; cursor: pointer" @click="closeDetial" > <div style="float: right; cursor: pointer" @click="closeDetial"> <i class="el-icon-close"></i> </div> </div> @@ -690,20 +636,30 @@ styleVar: { height: "calc(100% - 109px)", }, options: [{ value: 0, label: '普通用户' }, { value: 1, label: '超级管理员' }, { value: 2, label: '数据管理员' }, { value: 3, label: '领导' }] options: [ { value: 0, label: "普通用户", }, { value: 1, label: "超级管理员", }, { value: 2, label: "数据管理员", }, { value: 3, label: "领导", }, ], }; }, watch: { "roleForm.depValue"() { this.$refs.treeSelect.visible = false; }, }, methods: { onResize() { @@ -852,7 +808,7 @@ this.InsertFormdialog = false; this.insertform = {}; }) .catch((_) => { }); .catch((_) => {}); }, async insertFromData() { if (this.insertform.depValue == null) { @@ -885,7 +841,7 @@ this.updateform = {}; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); }, async updateFromData() { if (this.updateform.depValue == null) { @@ -990,17 +946,17 @@ handleClose() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.InsertFormdialog = false this.InsertFormdialog = false; }) .catch((_) => { }); .catch((_) => {}); }, handleCloseEdit() { this.$confirm("关闭后无法保存,是否关闭?") .then((_) => { this.UpdateFormdialog = false this.UpdateFormdialog = false; this.getRoleTabelData(); }) .catch((_) => { }); .catch((_) => {}); }, }, beforeDestroy() {