¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud |
| | | :addBtn="false" |
| | | :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | ref="crud" |
| | | @selection-change="selectionChange" |
| | | > |
| | | <template #menu-left> |
| | | <div style="display: flex;"> |
| | | <el-button type="primary" size="default" icon="el-icon-circle-plus" @click="importData">导å
¥</el-button> |
| | | <el-button type="primary" size="default" icon="el-icon-circle-plus" plain @click="handleWarehouse" style="margin-left: 12px;">å
¥åº</el-button> |
| | | </div> |
| | | </template> |
| | | </avue-crud> |
| | | <el-dialog title="DNCæä»¶å¯¼å
¥" append-to-body v-model="excelBox" width="555px"> |
| | | <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter"> |
| | | <!-- <template #excelTemplate> |
| | | <el-button type="primary" @click="handleTemplate"> |
| | | ç¹å»ä¸è½½<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> --> |
| | | </avue-form> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | getList, |
| | | } from '@/api/system/user'; |
| | | export default { |
| | | data() { |
| | | return { |
| | | selection: [], |
| | | excelBox: false, |
| | | loading: false, |
| | | option: { |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | labelWidth: 120, |
| | | emptyBtn: false, |
| | | searchSpan: 8, |
| | | menu: false, |
| | | selection: true, |
| | | column: [ |
| | | // { |
| | | // label: 'æä»¶è·¯å¾', |
| | | // type: 'input', |
| | | // prop: 'keyword', |
| | | // hide: true |
| | | // }, |
| | | { |
| | | label: 'ä»»å¡ç¼å·', |
| | | prop: 'programNo' |
| | | }, |
| | | { |
| | | label: 'ç¨åºåç§°', |
| | | prop: 'programName', |
| | | }, |
| | | { |
| | | label: 'æä»¶å°è¾¾æ¶é´', |
| | | prop: 'fileBackTime', |
| | | }, |
| | | { |
| | | label: 'æä»¶æ°æ®åºç¼å·', |
| | | prop: 'id', |
| | | }, |
| | | // { |
| | | // label: 'å¤çç¶æ', |
| | | // prop: '', |
| | | // }, |
| | | // { |
| | | // label: 'å¤çæ¹å¼', |
| | | // prop: '' |
| | | // }, |
| | | // { |
| | | // label: 'å¤çæ¶é´', |
| | | // prop: '' |
| | | // }, |
| | | // { |
| | | // label: 'å¤ç人', |
| | | // prop: '' |
| | | // }, |
| | | { |
| | | label: 'MD5å¼', |
| | | prop: 'md5', |
| | | } |
| | | ], |
| | | }, |
| | | data: [], |
| | | excelForm: {}, |
| | | excelOption: { |
| | | submitBtn: false, |
| | | emptyBtn: false, |
| | | column: [ |
| | | { |
| | | label: 'æä»¶å¯¼å
¥', |
| | | prop: 'excelFile', |
| | | type: 'upload', |
| | | drag: true, |
| | | loadText: 'DNCæä»¶å¯¼å
¥ï¼è¯·ç¨ç', |
| | | span: 24, |
| | | propsHttp: { |
| | | res: 'data', |
| | | }, |
| | | tip: '', |
| | | action: '/blade-mdm/program/dncsendback/upload', |
| | | }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | methods: { |
| | | selectionChange(selection) { |
| | | this.selection = selection; |
| | | }, |
| | | importData () { |
| | | this.excelBox = true; |
| | | }, |
| | | uploadAfter(res, done, loading, column) { |
| | | window.console.log(column); |
| | | this.excelBox = false; |
| | | console.log('data', res); |
| | | this.data = res || [] |
| | | done(); |
| | | }, |
| | | handleWarehouse(row,index) { |
| | | if(this.selection.length == 0) { |
| | | this.$message.error("è¯·éæ©æ°æ®") |
| | | }else { |
| | | var selection = []; |
| | | this.selection.forEach(item=> { |
| | | selection.push(item.id); |
| | | }) |
| | | this.loading = true; |
| | | var obj = { |
| | | ids: selection.join(","), |
| | | } |
| | | axios({ |
| | | url: '/blade-mdm/program/mdmimport/upload', |
| | | method: 'post', |
| | | params: obj, |
| | | }).then( |
| | | res => { |
| | | console.log(res); |
| | | if (res.data.code === 200) { |
| | | this.$message.success("æä½æå"); |
| | | this.loading = false; |
| | | this.data = [] |
| | | } else { |
| | | this.$message.success(res.data.msg || "æä½å¤±è´¥"); |
| | | } |
| | | |
| | | } |
| | | ); |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | |
| | | </style> |
| | |
| | | params: obj, |
| | | }).then( |
| | | res => { |
| | | this.$message.success("æä½æå"); |
| | | this.loading = false; |
| | | console.log(res); |
| | | if (res.data.code === 200) { |
| | | this.$message.success("æä½æå"); |
| | | this.loading = false; |
| | | this.data = [] |
| | | } else { |
| | | this.$message.success(res.data.msg || "æä½å¤±è´¥"); |
| | | } |
| | | |
| | | } |
| | | ); |
| | | } |