From 09a1635f5182a166771e0c827450cdfc00f052b8 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期一, 26 二月 2024 16:53:38 +0800 Subject: [PATCH] 代码更新 --- src/views/userManage/templateManage.vue | 838 +++++++++++++++++++++++++++++++---------------------------- 1 files changed, 440 insertions(+), 398 deletions(-) diff --git a/src/views/userManage/templateManage.vue b/src/views/userManage/templateManage.vue index b46d4fb..b9e2abd 100644 --- a/src/views/userManage/templateManage.vue +++ b/src/views/userManage/templateManage.vue @@ -1,191 +1,123 @@ <template> <div class="authorityManagement_box"> <My-bread :list="[ - `${$t('dataManage.dataManage')}`, - `${$t('dataManage.templateManage')}`, - ]"></My-bread> + `${$t('dataManage.dataManage')}`, + `${$t('dataManage.templateManage')}`, + ]"></My-bread> <el-divider /> - <div class="searchComp subpage_Div"> - <el-form - ref="ruleForm" - :model="ruleForm" - :inline="true" - > - <el-form-item> - <el-input - v-model="ruleForm.name" - :placeholder="$t('common.pleaseInput')" - /> - </el-form-item> - <el-form-item> - <el-button - icon="el-icon-search" - @click="setRefreshTable" - type="primary" - size="small" - >{{ $t('common.iquery') }}</el-button> - </el-form-item> - <el-form-item> - <el-button - icon="el-icon-refresh" - @click="restRefreshTable" - type="info" - size="small" - >{{ $t('common.empty') }}</el-button> - </el-form-item> - <el-form-item> - <el-button - v-if="btnStatus.insert" - @click="setTableInsert" - icon="el-icon-edit" - type="success" - size="small" - >{{ $t('common.append') }}</el-button> - </el-form-item> - <el-form-item> - <el-button - v-if="btnStatus.delete" - icon="el-icon-delete" - @click="delTableData" - type="danger" - size="small" - >{{ $t('common.delete') }}</el-button> - </el-form-item> + <div class="searchComp subpage_Div" ref="container"> + <el-form ref="ruleForm" :model="ruleForm" :inline="true"> + <div class="flex_box"> + <div style="margin-right: auto"> + <el-form-item :label="$t('userManage.authorityM.name')"> + <el-input style="width:200px" size="small" v-model="ruleForm.name" + :placeholder="$t('userManage.authorityM.nameHolder')"> + <i slot="suffix" class="el-icon-search" @click="setRefreshTable"></i> + </el-input> + </el-form-item> + </div> + <div> + + <!-- <el-form-item>--> + <!-- <el-button--> + <!-- icon="el-icon-search"--> + <!-- @click="setRefreshTable"--> + <!-- type="primary"--> + <!-- size="small"--> + <!-- >{{ $t('common.iquery') }}</el-button>--> + <!-- </el-form-item>--> + <el-form-item> + <el-button v-if="btnStatus.insert" @click="setTableInsert" icon="el-icon-edit" type="success" + size="small">{{ $t('common.append') }}</el-button> + </el-form-item> + <el-form-item> + <el-button v-if="btnStatus.delete" icon="el-icon-delete" @click="delTableData" type="danger" size="small">{{ + $t('common.delete') }}</el-button> + </el-form-item> + <el-form-item> + <el-button icon="el-icon-refresh" @click="restRefreshTable" type="info" size="small">{{ $t('common.empty') + }}</el-button> + </el-form-item> + </div> + </div> </el-form> </div> - <div> - <el-table - :data="tableData" - style="width: 100%" - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - align="center" - type="index" - :label="$t('dataManage.styleObj.index')" - width="70px" - /> - <el-table-column - align="center" - prop="name" - :label="$t('dataManage.styleObj.name')" - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.fileType')" - > + <div class="dividing-line"></div> + <div class="table_box" :style="styleVar"> + <el-table :data="tableData" style="width: 100%" border @selection-change="handleSelectionChange" + height="calc(100% - 45px)"> + <el-table-column type="selection" width="55" /> + <el-table-column align="center" type="index" :label="$t('dataManage.styleObj.index')" width="70px" /> + <el-table-column align="center" prop="name" :label="$t('dataManage.styleObj.name')" /> + <el-table-column align="center" prop="type" :label="$t('common.fileType')"> <template slot-scope="scope"> <span v-if="scope.row.type == 1">World妯℃澘 </span> <span v-else-if="scope.row.type == 2">Excel妯℃澘</span> + <span v-else-if="scope.row.type == 3">Zip妯℃澘</span> </template> </el-table-column> - <el-table-column - align="center" - prop="code" - :label="$t('common.domCode')" - /> - <el-table-column + <el-table-column align="center" prop="code" :label="$t('common.templateType')" :formatter="codeData" /> + <!-- <el-table-column align="center" prop="fname" :label="$t('common.filePath')" - /> - <el-table-column + /> --> + <!-- <el-table-column align="center" prop="bak" :label="$t('common.bak')" - /> - <el-table-column - align="center" - prop="createName" - :label="$t('dataManage.vmobj.createonuser')" - /> - <el-table-column - align="center" - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - :formatter="formatData" - /> - <el-table-column - min-width="100" - :label="$t('dataManage.dictionaryManageObj.operation')" - > + /> --> + <el-table-column align="center" prop="createName" :label="$t('dataManage.vmobj.createonuser')" /> + <el-table-column align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')" + :formatter="formatData" /> + <el-table-column min-width="100" :label="$t('dataManage.dictionaryManageObj.operation')"> <template slot-scope="scope"> - <el-button - v-if="btnStatus.select" - @click="showDetail(scope.$index, scope.row)" - type="primary" - plain - size="small" - >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-button> - <el-button - v-if="btnStatus.update" - @click="handleEdit(scope.$index, scope.row)" - type="warning" - plain - size="small" - >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-button> - <el-button - v-if="btnStatus.download" - plain - @click="handleDownload(scope.$index, scope.row)" - type="info" - size="small" - >{{ $t('common.download') }}</el-button> + <el-button v-if="btnStatus.select" @click="showDetail(scope.$index, scope.row)" type="primary" plain + size="small">{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-button> + <el-button v-if="btnStatus.update" @click="handleEdit(scope.$index, scope.row)" type="warning" plain + size="small">{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-button> + <el-button v-if="btnStatus.download" plain @click="handleDownload(scope.$index, scope.row)" type="info" + size="small">{{ $t('common.download') }}</el-button> </template> </el-table-column> </el-table> <div style="margin-top:10px"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="listData.count" - > + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="listData.count"> </el-pagination> </div> </div> <!-- 鏂板 --> - <el-dialog - :title=" - behavior == '鏂板' - ? `${$t('common.append')}` - : `${$t('common.update')}` - " - :visible.sync="dialogVisible" - width="50%" - :before-close="handleClose" - :show-close="false" - > - <div> - <el-form - ref="form" - :model="editForm" - label-width="100px" - > + <el-dialog :title="behavior == '鏂板' + ? `${$t('common.append')}` + : `${$t('common.update')}` + " :visible.sync="dialogVisible" :before-close="handleClose"> + <div style="height: 500px; overflow: auto"> + <el-form ref="form" :model="editForm" label-width="100px" label-position="top"> <el-form-item :label="$t('dataManage.styleObj.name')"> - <el-input + <el-input style="width:85%" v-model="editForm.name" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('dataManage.styleObj.name')"></el-input> + </el-form-item> + <el-form-item :label="$t('common.templateType')"> + <!-- <el-input style="width:100%" - v-model=" editForm.name" - ></el-input> + v-model=" editForm.code" + ></el-input> --> + <el-select :popper-append-to-body="false" style="width:85%" @change="selFileCodeChange" + v-model="editForm.code" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('dataManage.common.templateType')"> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> </el-form-item> <el-form-item :label="$t('common.fileType')"> - <el-select - :popper-append-to-body="false" - v-model="editForm.type" - @change="selFileTypeChange" - placeholder="璇烽�夋嫨娲诲姩鍖哄煙" - style="width:100%" - > - <el-option + <el-select :popper-append-to-body="false" v-model="editForm.type" @change="selFileTypeChange" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('common.fileType')" style="width:85%"> + <el-option v-for="item in typeOption" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + <!-- <el-option label="World妯℃澘" value="1" ></el-option> @@ -193,228 +125,174 @@ label="Excel妯℃澘" value="2" ></el-option> - </el-select> - </el-form-item> - <el-form-item :label="$t('common.domCode')"> - <!-- <el-input - style="width:100%" - v-model=" editForm.code" - ></el-input> --> - <el-select - :popper-append-to-body="false" - style="width:100%" - v-model="editForm.code" - placeholder="璇烽�夋嫨" - > <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> + label="Zip妯℃澘" + value="3" + ></el-option> --> </el-select> </el-form-item> + <el-form-item :label="$t('common.filePath')"> <div class="BoxFlex"> <div class="BoxFlexinput"> - <el-input - v-model="editForm.fname" - disabled - autocomplete="off" - style="width:100%" - ></el-input> + <el-input v-model="editForm.fname" disabled autocomplete="off" style="width:100%"></el-input> </div> - <div> - <input - name="file1" - type="file" - id="editFile" - multiple="multiple" - :accept="selectFileType" - style="display: none" - @change="geteditFile(1)" - /> - <el-button - style="margin-left: 6px;" - type="primary" - size="small" - :underline="false" - @click="geteditFile(0)" - >閫夋嫨</el-button> - <el-button - type="primary" - size="small" - :underline="false" - @click="geteditFile(2)" - >涓婁紶</el-button> + <div class="BoxFlexbutton"> + <input name="file1" type="file" id="editFile" multiple="multiple" :accept="selectFileType" + style="display: none" @change="geteditFile(1)" /> + <el-button style="margin-left: 6px;" type="primary" size="small" :underline="false" + @click="geteditFile(0)">閫夋嫨</el-button> + <el-button type="primary" size="small" :underline="false" @click="geteditFile(2)">涓婁紶</el-button> </div> </div> </el-form-item> <el-form-item :label="$t('common.bak')"> - <el-input - style="width:100%" - v-model="editForm.bak" - ></el-input> + <el-input style="width:85%" v-model="editForm.bak" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.bak')"></el-input> </el-form-item> </el-form> </div> - <div - v-if="behavior =='鏂板'" - slot="footer" - class="dialog-footer" - > - <el-button - size="small" - @click="closeInsertData" - >鍙� 娑�</el-button> - <el-button - type="primary" - size="small" - @click="addInsertData" - >纭� 瀹�</el-button> + <div v-if="behavior == '鏂板'" slot="footer" class="dialog-footer"> + <el-button size="small" @click="closeInsertData">鍙� 娑�</el-button> + <el-button type="primary" size="small" @click="addInsertData">纭� 瀹�</el-button> </div> - <div - v-if="behavior !='鏂板'" - slot="footer" - class="dialog-footer" - > - <el-button - size="small" - @click="closeEditData" - >鍙� 娑�</el-button> - <el-button - type="primary" - size="small" - @click="addEditData" - >纭� 瀹�</el-button> + <div v-if="behavior != '鏂板'" slot="footer" class="dialog-footer"> + <el-button size="small" @click="closeEditData">鍙� 娑�</el-button> + <el-button type="primary" size="small" @click="addEditData">纭� 瀹�</el-button> </div> </el-dialog> - <div - class="infoBox subpage_Div box_div" - v-show="showinfoBox" - > + <div class="infoBox_box" v-show="showinfoBox"> + <div class="infoBox subpage_Div box_div"> - <div - slot="header" - class="clearfix" - > - <span>{{ $t('dataManage.styleObj.deInformation') }}</span> - <div - style="float: right; cursor: pointer" - @click="closeDetial" - > - <i class="el-icon-close"></i> + <div slot="header" class="clearfix"> + <span>{{ $t('dataManage.styleObj.deInformation') }}</span> + <div style="float: right; cursor: pointer" @click="closeDetial"> + <i class="el-icon-close"></i> + </div> </div> - </div> - <el-divider></el-divider> - <div class="contentBox"> - <p> - <label> {{ $t('dataManage.styleObj.name') }}:</label> - <label class="boxlabel">{{ itemdetail.name }}</label> - </p> <el-divider></el-divider> - <p> - <p> - <label> {{ $t('common.fileType') }}:</label> - <label class="boxlabel">{{ itemdetail.fileType }}</label> - </p> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('common.domCode') }}:</label> - <label class="boxlabel">{{ itemdetail.code }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('common.filePath') }}:</label> - <label class="boxlabel">{{ itemdetail.fname }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('common.bak') }}:</label> - <label class="boxlabel">{{ itemdetail.bak }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.vmobj.createonuser') }}:</label> - <label class="boxlabel">{{ itemdetail.createName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.vmobj.createontime') }}:</label> - <label class="boxlabel">{{ itemdetail.cTime }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.vmobj.updateonuser') }}:</label> - <label class="boxlabel">{{ itemdetail.updateName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.vmobj.updateontime') }}:</label> - <label class="boxlabel">{{ itemdetail.uTime }}</label> - </p> - <el-divider></el-divider> - </div> + <div class="contentBox"> + <p> + <label> {{ $t('dataManage.styleObj.name') }}:</label> + <label class="boxlabel">{{ itemdetail.name }}</label> + </p> + <el-divider></el-divider> + <p> + <p> + <label> {{ $t('common.fileType') }}:</label> + <label class="boxlabel">{{ itemdetail.fileType }}</label> + </p> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('common.templateType') }}:</label> + <label class="boxlabel">{{ itemdetail.code }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('common.filePath') }}:</label> + <label class="boxlabel">{{ itemdetail.fname }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('common.bak') }}:</label> + <label class="boxlabel">{{ itemdetail.bak }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.vmobj.createonuser') }}:</label> + <label class="boxlabel">{{ itemdetail.createName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.vmobj.createontime') }}:</label> + <label class="boxlabel">{{ itemdetail.cTime }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.vmobj.updateonuser') }}:</label> + <label class="boxlabel">{{ itemdetail.updateName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.vmobj.updateontime') }}:</label> + <label class="boxlabel">{{ itemdetail.uTime }}</label> + </p> + <el-divider></el-divider> + </div> + </div> </div> - <iframe - id="downFrame" - src="" - style="display: none; border: 0; padding: 0; height: 0; width: 0" - ></iframe> + <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe> </div> </template> <script> - import MyBread from "../../components/MyBread.vue"; import { report_selectByPageAndCount, report_upload, report_insert, report_deletes, - report_update -} from '../../api/api.js' -import { getToken } from '@/utils/auth'; + report_update, +} from "../../api/api.js"; +import { getToken } from "@/utils/auth"; export default { name: "templateManage", - components: { MyBread, }, + components: { MyBread }, data() { return { - options: [{ - value: 'countSizes', - label: '鏁版嵁閲忕粺璁�' - }, { - value: 'countServices', - label: '鏈嶅姟璋冪敤閲忕粺璁�' - }, { - value: 'countOperates ', - label: '鐢ㄦ埛娴侀噺缁熻' - }], + options: [ + { + value: "countSizes", + label: "鏁版嵁閲忕粺璁�", + }, + { + value: "countServices", + label: "鏈嶅姟璋冪敤閲忕粺璁�", + }, + { + value: "countOperates", + label: "鐢ㄦ埛娴侀噺缁熻", + }, + { + value: "dataTable", + label: "涓婁紶鏁版嵁琛ㄦ牸妯℃澘", + }, + { + value: "uploadDir", + label: "涓婁紶鐩綍缁撴瀯妯℃澘", + }, + { + value: "dirFolder", + label: "鐩綍缁撴瀯鏂囦欢澶规ā鏉�", + }, { + value: "countExplorationPoints", + label: "閽诲瓟鏁版嵁缁熻", + }, + ], itemdetail: {}, showinfoBox: false, - behavior: '鏂板', - selectFileType: '*.*', + behavior: "鏂板", + selectFileType: "*.*", editForm: { - fname: '', - guid: '', - name: '', - code: '', - type: '', - bak: '', + fname: "", + guid: "", + name: "", + code: "", + type: "", + bak: "", }, multipleSelection: [], dialogVisible: false, tableData: [], ruleForm: { - name: '' + name: "", }, listData: { pageIndex: 1, pageSize: 10, - name: '', + name: "", count: 0, }, btnStatus: { @@ -425,14 +303,42 @@ insert: false, update: false, }, - } + tableHeight: 0, + timer: 0, + styleVar: { + height: "calc(100% - 109px)", + }, + typeOption: [], + rowGuid: null, + }; }, created() { this.showPermsBtn(); this.showTableData(); - + }, + beforeDestroy() { + this.timer && clearTimeout(this.timer); + window.removeEventListener("resize", this.onResize); + }, + mounted() { + window.addEventListener("resize", this.onResize); + this.calHeight(); }, methods: { + onResize() { + this.timer && clearTimeout(this.timer); + this.timer = setTimeout(() => { + 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 + 30}px)`; + // this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; + }); + }, //淇敼鍙栨秷 closeEditData() { this.closeInsertData(); @@ -441,98 +347,197 @@ var blackTheme; if (this.$store.state.themeflag == true) { blackTheme = { - customClass: "Black_theme" - } + customClass: "Black_theme", + }; } - this.$confirm('纭鍏抽棴锛�', blackTheme) + this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?", blackTheme) .then((_) => { this.closeInsertData(); - }) .catch((_) => { }); + }, + codeData(row, column) { + + var code = row.code; + let val = this.options.filter(res => { + if (res.value == code) { + return res + } + }) + if (val.length > 0) { + return val[0].label + } else { + return code + } + }, //鏌ョ湅 showDetail(index, row) { this.itemdetail = row; if (parseInt(row.type) == 1) { - this.itemdetail.fileType = "World妯℃澘" + this.itemdetail.fileType = "World妯℃澘"; } else if (parseInt(row.type) == 2) { - this.itemdetail.fileType = "Excel妯℃澘" + this.itemdetail.fileType = "Excel妯℃澘"; + } else if (parseInt(row.type) == 3) { + this.itemdetail.fileType = "Zip妯℃澘"; } - if (row.code == 'countSizes') { - this.itemdetail.code = "鏁版嵁閲忕粺璁�" - } else if (row.code == 'countServices') { - this.itemdetail.code = "鏈嶅姟璋冪敤閲忕粺璁�" - }else if (row.code == 'countOperates') { - this.itemdetail.code = "鐢ㄦ埛娴侀噺缁熻" - } + var val = this.options.filter(res => { + if (res.value == row.code) { + return res + } + }) + this.itemdetail.code = val[0].label; + // if (row.code.indexOf("countSizes") != -1) { + // this.itemdetail.code = "鏁版嵁閲忕粺璁�"; + // } else if (row.code.indexOf("countServices") != -1) { + // this.itemdetail.code = "鏈嶅姟璋冪敤閲忕粺璁�"; + // } else if (row.code.indexOf("countOperates") != -1) { + // this.itemdetail.code = "鐢ㄦ埛娴侀噺缁熻"; + // } else if (row.code.indexOf("countOperates") != -1) { + // this.itemdetail.code = "鐢ㄦ埛娴侀噺缁熻"; + // } else if (row.code.indexOf("countOperates") != -1) { + // this.itemdetail.code = "鐢ㄦ埛娴侀噺缁熻"; + // } - this.itemdetail.uTime = this.format(row.updateTime); - this.showinfoBox = true + this.itemdetail.cTime = this.format(row.createTime); + if (row.updateTime) { + + this.itemdetail.uTime = this.format(row.updateTime); + } + // this.itemdetail.uTime = this.format(row.updateTime); + this.showinfoBox = true; }, //鍏抽棴鏌ョ湅 closeDetial() { - this.showinfoBox = false + this.showinfoBox = false; }, //涓嬭浇 handleDownload(index, row) { var token = getToken(); - var url = BASE_URL + "/report/download?token=" + token + "&guid=" + row.guid; + var url = + BASE_URL + "/report/download?token=" + token + "&guid=" + row.guid; $("#downFrame").attr("src", url).click(); }, //淇敼鎻愪氦 async addEditData() { + this.editForm.guid = this.rowGuid; + debugger const data = await report_update(this.editForm); if (data.code != 200) { return this.$message.error("淇敼澶辫触"); } this.$message({ - message: '淇敼鎴愬姛', - type: 'success' + message: "淇敼鎴愬姛", + type: "success", }); this.closeInsertData(); }, //鏂囦欢绫诲瀷鍒囨崲 selFileTypeChange(val) { if (parseInt(val) == 1) { - this.selectFileType = ".docx" + this.selectFileType = ".docx"; } else if (parseInt(val) == 2) { - this.selectFileType = ".xlsx" + this.selectFileType = ".xlsx"; + } else if (parseInt(val) == 3) { + this.selectFileType = ".zip"; } }, + selFileCodeChange(res) { + var name; + for (var i in this.options) { + if (this.options[i].value == res) { + name = this.options[i].label + break; + } + } + + if (name.indexOf('缁熻') > -1) { + this.typeOption = [{ + label: "World妯℃澘", + value: "1" + }, { + label: "Excel妯℃澘", + value: "2" + }] + + } else { + this.typeOption = [{ + label: "World妯℃澘", + value: "1" + }, { + label: "Excel妯℃澘", + value: "2" + }, { + label: "Zip妯℃澘", + value: "3" + }] + } + this.editForm.type = this.typeOption[0].value + }, + + + + //淇敼 handleEdit(index, row) { - this.behavior = "淇敼" + this.behavior = "淇敼"; this.editForm = row; if (parseInt(row.type) == 1) { - this.selectFileType = ".docx" + this.selectFileType = ".docx"; } else if (parseInt(row.type) == 2) { - this.selectFileType = ".xlsx" + this.selectFileType = ".xlsx"; } + this.rowGuid = row.guid; this.dialogVisible = true; }, //鍒犻櫎 async delTableData() { if (this.multipleSelection.length == 0) { - return this.$message('璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁'); + return this.$message("璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁"); } var std = []; for (var i in this.multipleSelection) { - std.push(this.multipleSelection[i].id) + std.push(this.multipleSelection[i].id); } - const data = await report_deletes({ ids: std.toString() }) - if (data.code != 200) { - return this.$message.error("鍒犻櫎澶辫触"); - } - this.$message({ - message: '鍒犻櫎鎴愬姛', - type: 'success' - }); - this.setRefreshTable(); + this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユā鍧�, 鏄惁缁х画?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(async () => { + const data = await report_deletes({ ids: std.toString() }); + if (data.code == 200) { + this.InsertFormdialog = false; + this.$message({ + message: "鍒犻櫎鎴愬姛锛�", + type: "success", + }); + this.setRefreshTable(); + } else { + this.$message({ + message: "鍒犻櫎澶辫触锛�", + type: "warning", + }); + } + }) + .catch(() => { + this.$message({ + type: "info", + message: "宸插彇娑堝垹闄�", + }); + }); + // const data = await report_deletes({ ids: std.toString() }) + // if (data.code != 200) { + // return this.$message.error("鍒犻櫎澶辫触"); + // } + // this.$message({ + // message: '鍒犻櫎鎴愬姛', + // type: 'success' + // }); + // this.setRefreshTable(); }, - //閲嶇疆鏌ヨ restRefreshTable() { @@ -552,8 +557,8 @@ return this.$message.error("鏂板澶辫触"); } this.$message({ - message: '鏂板鎴愬姛', - type: 'success' + message: "鏂板鎴愬姛", + type: "success", }); this.closeInsertData(); }, @@ -561,21 +566,21 @@ closeInsertData() { this.dialogVisible = false; this.editForm = { - fname: '', - guid: '', - name: '', - code: '', - type: '', - bak: '', - } + fname: "", + guid: "", + name: "", + code: "", + type: "", + bak: "", + }; this.setRefreshTable(); document.getElementById("editFile").value = ""; }, //鏂囦欢涓婁紶 async geteditFile(res) { if (res == 0) { - if (this.editForm.type == '') { - return this.$message('璇烽�夋嫨涓婁紶鏂囦欢绫诲瀷'); + if (this.editForm.type == "") { + return this.$message("璇烽�夋嫨涓婁紶鏂囦欢绫诲瀷"); } $("#editFile").click(); @@ -592,8 +597,8 @@ formData.append("file", fs.files[0]); var val_data = await report_upload(formData); if (val_data.code == 200) { - - this.editForm.guid = val_data.result; + // this.editForm.guid = val_data.result; + this.rowGuid = val_data.result; this.$message({ message: "涓婁紶鎴愬姛锛�", type: "success", @@ -605,7 +610,6 @@ }); } } - }, //鏍煎紡鍖栧垪琛� formatData(row, column) { @@ -625,20 +629,56 @@ var h = time.getHours(); var mm = time.getMinutes(); var s = time.getSeconds(); - return y + '-' + this.add0(m) + '-' + this.add0(d); + return y + "-" + this.add0(m) + "-" + this.add0(d); }, //鏍煎紡鍖栨椂闂� add0(m) { - return m < 10 ? '0' + m : m; + return m < 10 ? "0" + m : m; }, //Table閫夋嫨浜嬩欢 handleSelectionChange(val) { this.multipleSelection = val; }, + + editFormStart() { + this.editForm.code = "countSizes"; + var name; + for (var i in this.options) { + if (this.options[i].value == this.editForm.code) { + name = this.options[i].label + break; + } + } + + if (name.indexOf('缁熻') > -1) { + this.typeOption = [{ + label: "World妯℃澘", + value: "1" + }, { + label: "Excel妯℃澘", + value: "2" + }] + + } else { + this.typeOption = [{ + label: "World妯℃澘", + value: "1" + }, { + label: "Excel妯℃澘", + value: "2" + }, { + label: "Zip妯℃澘", + value: "3" + }] + } + this.editForm.type = this.typeOption[0].value + }, + //鏂板寮圭獥 setTableInsert() { - this.behavior = "鏂板" - this.dialogVisible = true + this.editFormStart(); + this.behavior = "鏂板"; + this.dialogVisible = true; }, //鍒嗛〉鍒囨崲 handleSizeChange(val) { @@ -658,8 +698,9 @@ if (data.code != 200) { return this.$message.error("鍒楄〃璋冪敤澶辫触"); } + this.tableData = data.result; - this.listData.count = data.count + this.listData.count = data.count; }, //鏉冮檺閰嶇疆 showPermsBtn() { @@ -677,24 +718,29 @@ .authorityManagement_box { height: 98%; width: 98%; - padding: 1%; + padding: 0.5%; .el-input { width: 730px; } .searchComp { - margin: 10px auto; + //padding: 8px; + //margin-top: 20px; border-radius: 5px; + + //margin-bottom: 20px; .el-form-item { margin: 5px; } + .el-input { width: 467px; } } + .leftTree { position: absolute; z-index: 10; @@ -708,31 +754,27 @@ height: 550px; overflow: auto; } + .btnBox { width: 160px; margin: 10px auto 0; } } + .bottom { width: 100%; height: 85%; + .rightTable { height: 100%; width: 100%; + .table_box { width: 100%; height: 80%; margin: 0 auto; overflow: auto; } - } - } - .BoxFlex { - display: flex; - justify-content: space-around; - width: 100%; - .BoxFlexinput { - flex: 1; } } } -- Gitblit v1.9.3