From cf585780ca83908649c5fad7c07b5e45c4f12b67 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 18 九月 2023 14:14:45 +0800 Subject: [PATCH] 首页样式修改 --- Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue | 224 +++++++++++++++++++++++++++++++++---------------------- 1 files changed, 134 insertions(+), 90 deletions(-) diff --git a/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue b/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue index 347fef0..61ebc48 100644 --- a/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue +++ b/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue @@ -5,7 +5,7 @@ <div class="testbox" style=""> <div> </div> - <el-row style="width: 100%;margin-bottom: 20px"> + <el-row style="width: 100%;margin-bottom: 10px"> <div> <el-button v-for="(item, index) in masterVrBtnList" v-if="!['PREVIEW', 'DELETEFILE', 'revisefile', 'DOWNLOADFILE', 'UPLOADFILE'].includes(item.uniqueFlag)" @@ -16,7 +16,7 @@ }} </el-button> <span v-if="tableHeadFindData.length > 0"> - <el-select v-model="keyWordFind" slot="prepend" placeholder="璇烽�夋嫨" size="small"> + <el-select slot="prepend" v-model="keyWordFind" placeholder="璇烽�夋嫨" size="small"> <el-option v-for="item in tableHeadFindData" :label="item.label" :value="item.prop"></el-option> </el-select> <el-input v-model="WupinFindValue" placeholder="璇疯緭鍏ュ叧閿瓧鎸夊洖杞︽煡璇�" @@ -47,13 +47,14 @@ :prop="item.prop" :show-overflow-tooltip="true" :sortable="item.sortable" :width="item.width" + v-if="!item.hidden" align="center"> </el-table-column> </el-table> </el-row> <!-- 鏂板--> <FormTemplateDialog :codeClassifyOid="this.codeClassifyOid" :codeRuleOid="this.codeRuleOid" - :disabledProp="disabledProp" :templateOid="templateOid" :visible.sync="addvisible" + :disabledProp="disabledProp" :templateOid="templateOid" :visible.sync="addvisible" :TreeValue="TreeValue" type="add" @submit="AddSumbit"> </FormTemplateDialog> @@ -66,8 +67,8 @@ <FormTemplateDialog :codeClassifyOid="this.codeClassifyOid" :codeRuleOid="this.codeRuleOid" :disabledProp="disabledProp" :rowOid="rowOid" :templateOid="templateOid" :title="'宸插彂甯冩暟鎹洿鏀�'" - type="edit" - :visible.sync="DataVisible" @submit="updataSumbit"></FormTemplateDialog> + :visible.sync="DataVisible" + type="edit" @submit="updataSumbit"></FormTemplateDialog> <!-- 鍙戝竷--> <set-personnel :parameter="this.parameter" :title="title" :visible.sync="visibleFlow" @onLoad="onLoad"></set-personnel> @@ -92,7 +93,7 @@ <ResembleQueryDialog :codeClassifyOid="codeClassifyOid" :codeRuleOid="this.codeRuleOid" :rowOid="rowOid" :templateOid="templateOid" :visible.sync="similarVisible"></ResembleQueryDialog> <div class="block" style="display: flex; justify-content: flex-end"> - <el-pagination :current-page="page.currentPage" :page-size="page.pageSizes" :page-sizes="page.pageSizes" + <el-pagination :current-page="page.currentPage" :page-size="page.pageSize" :page-sizes="page.pageSizes" :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange"> @@ -116,7 +117,7 @@ </basic-container> </template> <script> -import {MasterTable, TableData, FindData, addSaveCode, editSaveCode, deleteCode, upSaveCode} from "@/api/GetItem"; +import {MasterTable, TableData, FindData, addSaveCode, editSaveCode, deleteCode, upSaveCode,applyGroupCode,receiveEditApply} from "@/api/GetItem"; import {processTS, changeStatus} from "@/api/template/setPersonnel" import {listCodeAttributeByClassId} from "@/api/integration/integration.js"; import integrationTransfer from "@/views/integration/integrationTransfer"; @@ -154,6 +155,10 @@ tableDataArray: { type: Array, }, + TreeValue:{ + type: String, + default: "", + }, total: { type: String, default: "", @@ -175,16 +180,17 @@ tableHeadBtnData: { type: Array, }, - Treedata:{ - type:Array - } + Treedata: { + type: Array + }, + }, data() { return { // 鐘舵�佹悳绱� statusSelect: "all", // 鍏抽敭瀛楁煡璇� - keyWordFind:"", + keyWordFind: "", searchResults: [], //棣栭〉鍙充晶鎼滅储 WupinFindValue: "", @@ -193,7 +199,7 @@ //鍚姩娴佺▼ parameter: { ids: [], - btmtype:'', + btmtype: '', code: "", type: '', // this.visibleDeactivate ?'ENABLE':this.visibleEnable ? 'DISABLE' :this.visibleRecovery ? 'ROLLBACK' :'PUBLIC' @@ -242,7 +248,7 @@ datetime: "datetime", }, tableData: [], - tableHeight: 'calc(100vh - 330px)', + tableHeight: 'calc(100vh - 350px)', DataVisible: false, tableHeadData: [], items: {}, @@ -263,7 +269,7 @@ fileDocClassifyName: '', hasDownload: true, hasUpload: true, - height: 100 + height: 110 }, result: '' }; @@ -280,8 +286,8 @@ created() { // const index = this.$route.query.id.indexOf('@name=') + '@name='.length; // this.result = this.$route.query.id.substring(index); - getUserInfo().then(res=>{ - this.result=res.data.data.realName + getUserInfo().then(res => { + this.result = res.data.data.realName }) }, mounted() { @@ -328,12 +334,12 @@ } } - if(_index==0){ - this.keyWordFind=record.field + if (_index == 0) { + this.keyWordFind = record.field } }) this.tableHeadFindDatas = newval; - this.WupinFindValue='' + this.WupinFindValue = '' }, }, total: { @@ -373,7 +379,6 @@ limit: this.page.pageSize, 'conditionMap[lcstatus]': lcstatus }).then(res => { - console.log(res) this.tableData = res.data.data }) }, @@ -383,7 +388,7 @@ this.tableHeight = 'calc(100vh - 630px)'; this.$refs.dataTable.doLayout() } else { - this.tableHeight = 'calc(100vh - 330px)'; + this.tableHeight = 'calc(100vh - 350px)'; this.$refs.dataTable.doLayout() } }, @@ -412,9 +417,47 @@ if (uniqueFlag === 'CODERECYCLE') return this.Recovery() //鍒犻櫎 if (uniqueFlag === 'CODEDELETE') return this.enumDeleteRow() + //鐢宠闆嗗洟鐮佹暟鎹� + if (uniqueFlag === 'applyGroupCode') return this.applyGroupCode() + //鏇存柊闆嗗洟鐮佹暟鎹� + if (uniqueFlag === 'receiveEditApply') return this.receiveEditApply() // 鐩镐技椤规煡璇� // if(uniqueFlag === 'CODEEDIT') return this.similarHandler() }); + }, + //鐢宠闆嗗洟鐮佹暟鎹� + applyGroupCode(){ + if(this.selectRow.length <= 0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹ā鏉匡紒') + }else { + // const requestData = this.selectRow.forEach(item => { + // return { oids: item.oid, btmName: item.btmname }; + // }); + const oids = this.selectRow.map(item => item.oid).join(','); + applyGroupCode({ oids, btmName: this.selectRow[0].btmname }).then(res=>{ + if(res.data.code==200){ + this.$message.success('鐢宠鎴愬姛') + } + this.onLoad() + }) + } + }, + //鏇存柊闆嗗洟鐮佹暟鎹� + receiveEditApply(){ + if(this.selectRow.length <= 0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹ā鏉匡紒') + }else { + // const requestData = this.selectRow.forEach(item => { + // return { oids: item.oid, btmName: item.btmname }; + // }); + const oids = this.selectRow.map(item => item.oid).join(','); + receiveEditApply({ oids, btmName: this.selectRow[0].btmname }).then(res => { + if(res.data.code==200){ + this.$message.success('鏇存柊鎴愬姛') + this.onLoad() + } + }); + } }, openD() { this.getListCodeByClassId(); @@ -430,75 +473,72 @@ this.transferData = data; } }, - handelTransferSave(val) { - console.log('鍙戝竷', val) - }, rend() { this.tableData = this.tableHeadData; }, // 鍙戝竷 setHandler() { var options = { - processUse:'PUBLIC', - processUseText:'鐢宠', - allowStatus:'Editing', - allowStatusText:'宸茬紪杈�', - startStatus:'Auditing', - resetStatus:'Editing', - batchTitle:'鎵归噺鎻愪氦缂栫爜鏁版嵁鍒版祦绋嬪鎵�', - title:'鎻愪氦缂栫爜鏁版嵁鍒版祦绋嬪鎵�' + processUse: 'PUBLIC', + processUseText: '鐢宠', + allowStatus: 'Editing', + allowStatusText: '宸茬紪杈�', + startStatus: 'Auditing', + resetStatus: 'Editing', + batchTitle: '鎵归噺鎻愪氦缂栫爜鏁版嵁鍒版祦绋嬪鎵�', + title: '鎻愪氦缂栫爜鏁版嵁鍒版祦绋嬪鎵�' } - this.checkStatusAndSubmitProcess(options,'Released'); + this.checkStatusAndSubmitProcess(options, 'Released'); }, //鍋滅敤 Deactivate() { var options = { - processUse:'DISABLE', - processUseText:'鍋滅敤', - allowStatus:'Released', - allowStatusText:'宸插彂甯�', - resetStatus:'Released', - batchTitle:'鎵归噺鍋滅敤(鍐荤粨)鐨勭紪鐮佹暟鎹�', - title:'鍋滅敤(鍐荤粨)缂栫爜鏁版嵁', - confirmMsg:'鏄惁瑕佸仠鐢ㄨ繖浜涙暟鎹�' + processUse: 'DISABLE', + processUseText: '鍋滅敤', + allowStatus: 'Released', + allowStatusText: '宸插彂甯�', + resetStatus: 'Released', + batchTitle: '鎵归噺鍋滅敤(鍐荤粨)鐨勭紪鐮佹暟鎹�', + title: '鍋滅敤(鍐荤粨)缂栫爜鏁版嵁', + confirmMsg: '鏄惁瑕佸仠鐢ㄨ繖浜涙暟鎹�' } - this.checkStatusAndSubmitProcess(options,'Disabled'); + this.checkStatusAndSubmitProcess(options, 'Disabled'); }, //鍚敤 Enable() { var options = { - processUse:'ENABLE', - processUseText:'鍚敤', - allowStatus:'Disabled', - allowStatusText:'宸插仠鐢�', - resetStatus:'Disabled', - batchTitle:'鎵归噺鍚敤(瑙e喕)鐨勭紪鐮佹暟鎹�', - title:'鍚敤(瑙e喕)缂栫爜鏁版嵁', - confirmMsg:'鏄惁瑕佸惎鐢�(瑙e喕)杩欎簺鏁版嵁' + processUse: 'ENABLE', + processUseText: '鍚敤', + allowStatus: 'Disabled', + allowStatusText: '宸插仠鐢�', + resetStatus: 'Disabled', + batchTitle: '鎵归噺鍚敤(瑙e喕)鐨勭紪鐮佹暟鎹�', + title: '鍚敤(瑙e喕)缂栫爜鏁版嵁', + confirmMsg: '鏄惁瑕佸惎鐢�(瑙e喕)杩欎簺鏁版嵁' } - this.checkStatusAndSubmitProcess(options,'Released'); + this.checkStatusAndSubmitProcess(options, 'Released'); }, //鍥炴敹 Recovery() { var options = { - processUse:'ROLLBACK', - processUseText:'鍥炴敹', - allowStatus:'Released,Disabled', - allowStatusText:'宸插彂甯�,宸插仠鐢�', - batchTitle:'鎵归噺鍥炴敹鐨勭紪鐮佹暟鎹�', - title:'鍥炴敹缂栫爜鏁版嵁', - confirmMsg:'鏄惁瑕佸洖鏀惰繖浜涙暟鎹�', + processUse: 'ROLLBACK', + processUseText: '鍥炴敹', + allowStatus: 'Released,Disabled', + allowStatusText: '宸插彂甯�,宸插仠鐢�', + batchTitle: '鎵归噺鍥炴敹鐨勭紪鐮佹暟鎹�', + title: '鍥炴敹缂栫爜鏁版嵁', + confirmMsg: '鏄惁瑕佸洖鏀惰繖浜涙暟鎹�', } - this.checkStatusAndSubmitProcess(options,'TakeBack'); + this.checkStatusAndSubmitProcess(options, 'TakeBack'); }, - checkStatusAndSubmitProcess(options,targetLcstatus){ + checkStatusAndSubmitProcess(options, targetLcstatus) { // 缂栬緫涓�-鍙兘鍙戝竷锛屼笉鑳藉洖鏀� // 瀹℃牳涓�-浠�涔堥兘涓嶈兘鍋� // 宸插彂甯�-鍋滅敤銆佸洖鏀� // 鍋滅敤-鍙兘鍚敤銆佸洖鏀� if (this.selectRow.length <= 0) { this.$message.warning("璇烽�夋嫨鏁版嵁"); - } else if (this.selectRow.length >1000) { + } else if (this.selectRow.length > 1000) { this.$message.warning("姣忔鎻愪氦鍒版祦绋嬬殑鏁伴噺璇蜂笉瑕佽秴杩�1000鏉�"); } else { //瀹℃壒鐨勬暟鎹殑鐘舵�佸繀椤荤浉鍚� @@ -512,27 +552,27 @@ this.$message.warning("閫夋嫨鐨勬暟鎹腑鐘舵�佹棤闇�鍐嶆墽琛屽綋鍓嶆搷浣�"); return false; } - if(options.processUseText=='鐢宠' && !validatenull(this.selectRow[0].copyfromversion)){ - options.processUseText='淇敼' - options.processUse='EDIT' + if (options.processUseText == '鐢宠' && !validatenull(this.selectRow[0].copyfromversion)) { + options.processUseText = '淇敼' + options.processUse = 'EDIT' } - let checkStatus = this.selectRow.every(item => options.allowStatus.indexOf(item.lcstatus)!=-1); - if(!checkStatus){ - this.$message.warning('鍙湁鐘舵�佹槸銆�'+options.allowStatusText+'銆戠殑鏁版嵁鎵嶅彲浠ュ彂璧锋祦绋�'); - return false; + let checkStatus = this.selectRow.every(item => options.allowStatus.indexOf(item.lcstatus) != -1); + if (!checkStatus) { + this.$message.warning('鍙湁鐘舵�佹槸銆�' + options.allowStatusText + '銆戠殑鏁版嵁鎵嶅彲浠ュ彂璧锋祦绋�'); + return false; } processTS({templateId: this.templateOid, buttonTypeKey: options.processUse}).then(res => { if (res.data.data.records && res.data.data.records.length != 0) { - this.parameter.ids=this.oids; - this.parameter.processName = this.result + '-'+options.processUseText+'[' + this.Treedata[0].name + '-' + this.selectRow[0].name + ']'; + this.parameter.ids = this.oids; + this.parameter.processName = this.result + '-' + options.processUseText + '[' + this.Treedata[0].name + '-' + this.selectRow[0].name + ']'; this.parameter.type = options.processUse; this.parameter.code = this.templateOid - this.parameter.btmtype=this.selectRow[0].btmname || this.selectRow[0].btmtype; - this.parameter.vars= { + this.parameter.btmtype = this.selectRow[0].btmname || this.selectRow[0].btmtype; + this.parameter.vars = { codeClassifyOid: this.codeClassifyOid, templateOid: this.templateOid }; - this.title = this.selectRow.length>1?options.batchTitle:options.title; + this.title = this.selectRow.length > 1 ? options.batchTitle : options.title; this.visibleDeactivate = true; } else { this.$confirm('褰撳墠鍒嗙被娌℃湁娣诲姞娴佺▼妯℃澘锛屾槸鍚︿笉鐢ㄦ祦绋嬪鎵圭洿鎺ユ墽琛�?', '鎻愮ず', { @@ -540,7 +580,11 @@ cancelButtonText: '鍙栨秷', type: 'warning' }).then(() => { - changeStatus({oid: this.oids.join(','), btmname: this.selectRow[0].btmname, lcStatus: targetLcstatus}).then(res => { + changeStatus({ + oid: this.oids.join(','), + btmname: this.selectRow[0].btmname, + lcStatus: targetLcstatus + }).then(res => { if (res.data.code == 200) { this.$message.success(options.processUseText + '鎴愬姛') this.onLoad() @@ -595,7 +639,6 @@ list.push(item.oid) }) deleteCode({codeClassifyOid: this.codeClassifyOid, oidList: list}).then(res => { - console.log(res) if (res.data.code === 200) { this.$message({ type: 'success', @@ -763,31 +806,32 @@ }, //澧炲姞淇濆瓨 AddSumbit(val) { - this.addvisible = false; addSaveCode(val).then(res => { this.$nextTick(() => { + this.addvisible = false; + this.$message.success("淇濆瓨鎴愬姛"); this.onLoad() }) }) }, //淇敼鍥炶皟 EditSumbit(val) { - this.editvisible = false; editSaveCode(val).then(res => { this.$nextTick(() => { + this.editvisible = false; + this.$message.success("淇濆瓨鎴愬姛"); this.onLoad() }) }) }, //鏁版嵁鏇存敼鍥炶皟 - updataSumbit(val){ - this.DataVisible = false; + updataSumbit(val) { val.copyFromVersion = this.rowOid; - val.oid='' - console.log(val) - upSaveCode(val).then(res=>{ - console.log(res) + val.oid = ''; + upSaveCode(val).then(res => { this.$nextTick(() => { + this.DataVisible = false; + this.$message.success("淇濆瓨鎴愬姛"); this.onLoad() }) }) @@ -808,7 +852,7 @@ codeClassifyOid: this.codeClassifyOid, page: this.page.currentPage, limit: this.page.pageSize, - [ 'conditionMap[' + this.keyWordFind + ']']: '*' + this.WupinFindValue + '*' + ['conditionMap[' + this.keyWordFind + ']']: '*' + this.WupinFindValue + '*' }).then(res => { this.tableData = res.data.data }) @@ -829,8 +873,12 @@ } } -/deep/ .el-button { +.el-button { margin: 0 10px 10px 0; +} + +/deep/ .dialog-footer .el-button { + margin: 0 10px 0 0; } .main { @@ -846,11 +894,7 @@ } .bottom { - margin-top: 20px; - overflow-y: scroll; + margin-top: 10px; } -.el-collapse-item__content { - padding-bottom: 0; -} </style> -- Gitblit v1.9.3