From 45b2e8254acfaa2372fc20a2becc23254e3c7cd3 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期四, 30 十一月 2023 10:59:09 +0800
Subject: [PATCH] 创建基础规则菜单
---
Source/UBCS-WEB/src/components/Master/MasterTransfer.vue | 334 +++++++++++++++++++++++++++++--------------------------
1 files changed, 176 insertions(+), 158 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/Master/MasterTransfer.vue b/Source/UBCS-WEB/src/components/Master/MasterTransfer.vue
index 24ea436..7ddabc7 100644
--- a/Source/UBCS-WEB/src/components/Master/MasterTransfer.vue
+++ b/Source/UBCS-WEB/src/components/Master/MasterTransfer.vue
@@ -1,53 +1,56 @@
<template>
-<el-dialog :visible.sync="dialogPush" append-to-body :close-on-click-modal="false" @close="escHandler" title="瀵煎嚭" style="width: 1550px; margin: auto">
- <div style="margin-bottom: 20px;">
- <div>
- <span>瀵煎嚭鏂瑰紡锛�</span>
- <el-radio-group v-model="radio">
- <el-radio :label="0">閫夋嫨</el-radio>
- <el-radio :label="1">鍏ㄩ儴</el-radio>
- <el-radio :label="2">椤电爜</el-radio>
- </el-radio-group>
- <span v-if="radio === 2" style="margin-left: 20px;"><el-input style="width: 150px" v-model="pageExport"></el-input> 锛堣緭鍏ラ〉鐮佹垨鑰呴〉闈㈣寖鍥达紝濡傦細1-10)锛�</span>
+ <el-dialog :close-on-click-modal="false" :visible.sync="dialogPush" append-to-body style="width: 1550px; margin: auto"
+ title="瀵煎嚭"
+ @close="escHandler">
+ <div style="margin-bottom: 20px;">
+ <div>
+ <span>瀵煎嚭鏂瑰紡锛�</span>
+ <el-radio-group v-model="radio">
+ <el-radio :label="0">閫夋嫨</el-radio>
+ <el-radio :label="1">鍏ㄩ儴</el-radio>
+ <el-radio :label="2">椤电爜</el-radio>
+ </el-radio-group>
+ <span v-if="radio === 2" style="margin-left: 20px;"><el-input v-model="pageExport" style="width: 150px"></el-input> 锛堣緭鍏ラ〉鐮佹垨鑰呴〉闈㈣寖鍥达紝濡傦細1-10锛�</span>
+ </div>
</div>
- </div>
- <div style="text-align: center">
- <el-transfer
- style="text-align: left; display: inline-block;height: 400px"
- filterable
- :filter-method="filterMethod"
- filter-placeholder="鍏抽敭璇嶆悳绱�"
- v-model="value"
- :titles="['鏈�夊睘鎬�', '宸查�夊睘鎬�']"
- :data="data">
- </el-transfer>
- </div>
- <div style="display: flex;justify-content: flex-end;">
- <el-button size="small" plain type="success" @click="handleExcel">纭畾</el-button>
- <el-button size="small" plain @click="escHandler">鍙栨秷</el-button>
- </div>
-</el-dialog>
+ <div style="text-align: center">
+ <el-transfer
+ v-model="value"
+ :data="data"
+ :filter-method="filterMethod"
+ :titles="['鏈�夊睘鎬�', '宸查�夊睘鎬�']"
+ filter-placeholder="鍏抽敭璇嶆悳绱�"
+ filterable
+ style="text-align: left; display: inline-block;height: 400px">
+ </el-transfer>
+ </div>
+ <div style="display: flex;justify-content: flex-end;">
+ <el-button plain size="small" type="success" @click="handleExcel">纭畾</el-button>
+ <el-button plain size="small" @click="escHandler">鍙栨秷</el-button>
+ </div>
+ </el-dialog>
</template>
<script>
-import {exportCode,FindData} from '@/api/GetItem'
+import {exportCode, FindData} from '@/api/GetItem'
import func from "@/util/func";
+
export default {
-name: "MasterTransfer",
- props:['visible','tableHeadData','codeClassifyOid','tableData','selectRow','templateOid','limit'],
- data(){
+ name: "MasterTransfer",
+ props: ['visible', 'tableHeadData', 'codeClassifyOid', 'tableData', 'selectRow', 'templateOid', 'limit'],
+ data() {
return {
- pageExport:"",
+ pageExport: "",
data: [],
value: [],
filterMethod(query, item) {
return item.label.indexOf(query) > -1;
},
- dialogPush:this.visible,
- radio:0,
- tableHeadFindData:[],
- tableExportData:[],
- option:{
+ dialogPush: this.visible,
+ radio: 0,
+ tableHeadFindData: [],
+ tableExportData: [],
+ option: {
title: '鏂囨。鏍囬',
column: [{
label: '涓绘暟鎹�',
@@ -56,14 +59,14 @@
}],
data: []
},
- exportArr:{},
- exportArrTwo:{},
- ids:""
+ exportArr: {},
+ exportArrTwo: {},
+ ids: ""
};
},
- watch:{
+ watch: {
//鐩戝惉鍒濆鍖�
- visible (){
+ visible() {
this.dialogPush = this.visible;
},
//琛ㄥご鏁版嵁 鐢ㄦ潵娓叉煋绌挎妗�
@@ -90,160 +93,175 @@
}
}
},
- tableData(){
+ tableData() {
// 灏嗗�奸噷闈㈢殑true鎴杅alse鏀瑰彉涓烘槸鎴栧惁
this.option.data = this.tableData.map(obj => {
- for (let prop in obj) {
- if (obj[prop] === "true") {
- obj[prop] = "鏄�";
- } else if (obj[prop] === "false") {
- obj[prop] = "鍚�";
- }
+ for (let prop in obj) {
+ if (obj[prop] === "true") {
+ obj[prop] = "鏄�";
+ } else if (obj[prop] === "false") {
+ obj[prop] = "鍚�";
}
+ }
return obj;
});
},
- codeClassifyOid:{
- handler(newval,oldval){
+ codeClassifyOid: {
+ handler(newval, oldval) {
}
},
- value:{
- handler(newval,oldval){
- console.log('value',newval)
+ value: {
+ handler(newval, oldval) {
+ // console.log('value', newval)
}
}
},
- computed:{
-
- },
+ computed: {},
mounted() {
},
- methods:{
- escHandler(){
+ methods: {
+ escHandler() {
this.$emit('update:visible', false);
- this.value=[];
- this.radio=0
+ this.value = [];
+ this.radio = 0
},
//鍏抽棴椤甸潰
- recoverPage(){
+ recoverPage() {
this.$emit('update:visible', false);
},
- handleExcel(){
- this.value.map(index => this.tableHeadData[index].prop).forEach((item, index) => {
- this.exportArr[`attrIdIndexMap[${index}]`] = item
- })
- if(this.radio === 0){
- if(this.selectRow.length<=0){
- this.$message.warning('璇烽�夋嫨瑕佸鍑虹殑妯℃澘')
- }else {
- //宸查�夋嫨澶氶��
- const selectList=[]
- //宸查�夋嫨灞炴��
- let exportArr={}
- this.ids = this.selectRow.map(item => item.oid).join(',')
- this.selectRow.forEach(item=>{
- selectList.push(
- item.oid
- )
- })
- if(this.value <= 0){
- this.tableHeadData.map(item => item.prop)
- .forEach((prop, index) => {
- this.exportArrTwo[`attrIdIndexMap[${index}]`] = prop;
- });
- exportCode({codeClassifyOid:this.codeClassifyOid,'conditionMap[oid]':this.ids,...this.exportArrTwo,limit:-1}).then(res=>{
- // console.log('res',res)
- if(res){
- func.downloadFileByBlobHandler(res);
- this.escHandler()
- }
- })
- }else {
-
- exportCode({codeClassifyOid:this.codeClassifyOid,'conditionMap[oid]':this.ids,...this.exportArr}).then(res=>{
- // console.log('res',res)
- if(res){
- func.downloadFileByBlobHandler(res);
- this.escHandler()
- }
- })
-
- }
- }
- }else if(this.radio === 1){
- if(this.value <= 0){
+ handleExcel() {
+ this.value.map(index => this.tableHeadData[index].prop).forEach((item, index) => {
+ this.exportArr[`attrIdIndexMap[${index}]`] = item
+ })
+ if (this.radio === 0) {
+ if (this.selectRow.length <= 0) {
+ this.$message.warning('璇烽�夋嫨瑕佸鍑虹殑妯℃澘')
+ } else {
+ //宸查�夋嫨澶氶��
+ const selectList = []
+ //宸查�夋嫨灞炴��
+ let exportArr = {}
+ this.ids = this.selectRow.map(item => item.oid).join(',')
+ this.selectRow.forEach(item => {
+ selectList.push(
+ item.oid
+ )
+ })
+ if (this.value <= 0) {
this.tableHeadData.map(item => item.prop)
.forEach((prop, index) => {
this.exportArrTwo[`attrIdIndexMap[${index}]`] = prop;
});
- exportCode({codeClassifyOid:this.codeClassifyOid,...this.exportArrTwo,limit:-1}).then(res=>{
- // console.log('res',res)
- if(res){
- func.downloadFileByBlobHandler(res);
- this.escHandler()
- }
- })
- }else {
- exportCode({codeClassifyOid:this.codeClassifyOid,...this.exportArr,limit:-1}).then(res=>{
- // console.log('res',res)
- if(res){
- func.downloadFileByBlobHandler(res);
- this.escHandler()
- }
- })
- }
- }else if(this.radio === 2){
- const input = this.pageExport.trim();
- let start, end;
- if (input.includes('-')) {
- if (input.indexOf('-') !== input.lastIndexOf('-')) {
- this.$message.warning('杈撳叆鏍煎紡閿欒锛氬彧鑳借緭鍏ヤ竴涓� - 鍙烽殧寮�');
- return;
- }
- //鍖呭惈-瑙ｆ瀽
- const range = input.split('-');
- start = Number(range[0]);
- end = Number(range[1]);
- if (isNaN(start) || isNaN(end)) {
- this.$message.warning('杈撳叆鏍煎紡閿欒');
- return;
- }
- } else {
- //涓嶅寘鍚�-瑙ｆ瀽
- start = Number(input);
- end = start;
- if (isNaN(start)) {
- this.$message.warning('杈撳叆鏍煎紡閿欒');
- return;
- }
- }
- if(this.value >=1 ){
- exportCode({ codeClassifyOid: this.codeClassifyOid, ...this.exportArr, limit: this.limit, page: start, endPage: end }).then((res) => {
+ exportCode({
+ codeClassifyOid: this.codeClassifyOid,
+ 'conditionMap[oid]': this.ids, ...this.exportArrTwo,
+ limit: -1
+ }).then(res => {
// console.log('res',res)
if (res) {
func.downloadFileByBlobHandler(res);
this.escHandler()
}
- });
- }else {
- this.tableHeadData.map(item => item.prop)
- .forEach((prop, index) => {
- this.exportArrTwo[`attrIdIndexMap[${index}]`] = prop;
- });
- exportCode({codeClassifyOid:this.codeClassifyOid,...this.exportArrTwo,limit:this.limit,page: start, endPage: end}).then(res=>{
+ })
+ } else {
+
+ exportCode({
+ codeClassifyOid: this.codeClassifyOid,
+ 'conditionMap[oid]': this.ids, ...this.exportArr
+ }).then(res => {
// console.log('res',res)
- if(res){
+ if (res) {
func.downloadFileByBlobHandler(res);
this.escHandler()
}
})
+
}
}
+ } else if (this.radio === 1) {
+ if (this.value <= 0) {
+ this.tableHeadData.map(item => item.prop)
+ .forEach((prop, index) => {
+ this.exportArrTwo[`attrIdIndexMap[${index}]`] = prop;
+ });
+ exportCode({codeClassifyOid: this.codeClassifyOid, ...this.exportArrTwo, limit: -1}).then(res => {
+ // console.log('res',res)
+ if (res) {
+ func.downloadFileByBlobHandler(res);
+ this.escHandler()
+ }
+ })
+ } else {
+ exportCode({codeClassifyOid: this.codeClassifyOid, ...this.exportArr, limit: -1}).then(res => {
+ // console.log('res',res)
+ if (res) {
+ func.downloadFileByBlobHandler(res);
+ this.escHandler()
+ }
+ })
+ }
+ } else if (this.radio === 2) {
+ const input = this.pageExport.trim();
+ let start, end;
+ if (input.includes('-')) {
+ if (input.indexOf('-') !== input.lastIndexOf('-')) {
+ this.$message.warning('杈撳叆鏍煎紡閿欒锛氬彧鑳借緭鍏ヤ竴涓� - 鍙烽殧寮�');
+ return;
+ }
+ //鍖呭惈-瑙ｆ瀽
+ const range = input.split('-');
+ start = Number(range[0]);
+ end = Number(range[1]);
+ if (isNaN(start) || isNaN(end)) {
+ this.$message.warning('杈撳叆鏍煎紡閿欒');
+ return;
+ }
+ } else {
+ //涓嶅寘鍚�-瑙ｆ瀽
+ start = Number(input);
+ end = start;
+ if (isNaN(start)) {
+ this.$message.warning('杈撳叆鏍煎紡閿欒');
+ return;
+ }
+ }
+ if (this.value >= 1) {
+ exportCode({
+ codeClassifyOid: this.codeClassifyOid, ...this.exportArr,
+ limit: this.limit,
+ page: start,
+ endPage: end
+ }).then((res) => {
+ // console.log('res',res)
+ if (res) {
+ func.downloadFileByBlobHandler(res);
+ this.escHandler()
+ }
+ });
+ } else {
+ this.tableHeadData.map(item => item.prop)
+ .forEach((prop, index) => {
+ this.exportArrTwo[`attrIdIndexMap[${index}]`] = prop;
+ });
+ exportCode({
+ codeClassifyOid: this.codeClassifyOid, ...this.exportArrTwo,
+ limit: this.limit,
+ page: start,
+ endPage: end
+ }).then(res => {
+ // console.log('res',res)
+ if (res) {
+ func.downloadFileByBlobHandler(res);
+ this.escHandler()
+ }
+ })
+ }
+ }
},
}
}
</script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
</style>
--
Gitblit v1.9.3