¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '@/router/axios'; |
| | | |
| | | // ç³é¢åæ°æ® |
| | | export const getList = (params) => { |
| | | return request({ |
| | | url: '/api/ubcs-applyjtcodeservice/DockingPreApplyCode/page', |
| | | method: 'get', |
| | | params: params |
| | | }) |
| | | } |
| | |
| | | // 屿§æ å° |
| | | export const gridAttrMapping = (params) => { |
| | | return request({ |
| | | url: '/api//ubcs-applyjtcodeservice/DockingPreApplyCode/gridAttrMapping', |
| | | url: '/api/ubcs-applyjtcodeservice/DockingPreApplyCode/gridAttrMapping', |
| | | method: 'get', |
| | | params: params |
| | | }) |
| | |
| | | return request({ |
| | | url: '/api/ubcs-applyjtcodeservice/DockingPreApplyCode/syncClassifyModel', |
| | | method: 'post', |
| | | data: params |
| | | params: params |
| | | }) |
| | | } |
| | |
| | | |
| | | targetData() { |
| | | if (this.targetOrder === 'original') { |
| | | console.log('11111') |
| | | return this.data.filter(item => this.value.indexOf(item) > -1 |
| | | ); |
| | | } else { |
| | | console.log('22222') |
| | | return this.value.reduce((arr, cur) => { |
| | | const val = this.dataObj[cur]; |
| | | if (val) { |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :table-loading="loading" :data="data" :option="option" :search.sync="searchParam" :page.sync="page" |
| | | ref="crud" @refresh-change="getDataList" @search-change="handleSearch" @search-reset="handleReset" |
| | | @size-change="handleSizePage" @current-change="handleCurrentPage" @on-load="getDataList"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-document" size="small" type="primary" @click="handleStatus">éå¢ç³è¯·ç¶æ |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getList } from '@/api/integration/application.js' |
| | | import { dateFormat } from '@/util/date.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | data: [], |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | searchParam: {}, |
| | | option: { |
| | | height: "auto", |
| | | index: true, |
| | | border: true, |
| | | addBtn: false, |
| | | columnBtn: false, |
| | | searchMenuSpan: 8, |
| | | highlightCurrentRow: true, |
| | | menu:false, |
| | | column: [ |
| | | { |
| | | label: 'ç³è¯·åå·', |
| | | prop: 'id', |
| | | width: 300, |
| | | fixed: true, |
| | | search: true, |
| | | }, { |
| | | label: 'éå¢ç ', |
| | | width: 200, |
| | | prop: 'groupCode', |
| | | search: true, |
| | | }, { |
| | | label: 'æä½ç±»å', |
| | | width: 200, |
| | | prop: 'operationType', |
| | | type: 'select', |
| | | search: true, |
| | | dicData: [{ |
| | | label: 'ç³è¯·', |
| | | value: 1 |
| | | }, { |
| | | label: 'æ´æ¹', |
| | | value: 2 |
| | | }] |
| | | }, { |
| | | label: 'ç³è¯·åæ°æ®ä¿¡æ¯', |
| | | width: 300, |
| | | prop: 'description' |
| | | }, |
| | | { |
| | | label: 'å建æ¶é´', |
| | | width: 200, |
| | | prop: 'createTime', |
| | | type: 'datetime', |
| | | search: true, |
| | | }, |
| | | { |
| | | label: 'æ´æ¹æ¶é´', |
| | | width: 200, |
| | | prop: 'lastModifyTime', |
| | | type: 'datetime', |
| | | search: true, |
| | | formatter: () => { |
| | | |
| | | } |
| | | }, { |
| | | label: 'è¿åæ è¯', |
| | | width: 100, |
| | | prop: 'code' |
| | | }, |
| | | { |
| | | label: 'è¿åä¿¡æ¯', |
| | | width: 300, |
| | | prop: 'content' |
| | | }, |
| | | { |
| | | label: 'æ¶æ¯ä¿¡æ¯', |
| | | width: 300, |
| | | prop: 'msg' |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | handleStatus() { |
| | | |
| | | }, |
| | | async getDataList() { |
| | | this.loading = true |
| | | console.log(this.searchParam) |
| | | const { pageSize, currentPage, total } = this.page |
| | | let param = { size: pageSize, current: currentPage } |
| | | const response = await getList({ ...param, ...this.searchParam }) |
| | | if (response.status === 200) { |
| | | this.loading = false |
| | | console.log(response) |
| | | const data = response.data.data |
| | | this.data = data.records |
| | | this.page.total = data.total |
| | | } else this.loading = false |
| | | }, |
| | | handleSizePage(event) { |
| | | this.page.pageSize = event |
| | | }, |
| | | handleCurrentPage(event) { |
| | | this.page.currentPage = event |
| | | }, |
| | | handleReset() { |
| | | this.searchParam = {} |
| | | }, |
| | | handleSearch(form, done) { |
| | | const { id, groupCode, operationType } = form |
| | | let dataTime = { id, groupCode, operationType } |
| | | if (form.hasOwnProperty('createTime')) { |
| | | dataTime = { createTime: dateFormat(form.createTime), ...dataTime } |
| | | } |
| | | if (form.hasOwnProperty('lastModifyTime')) { |
| | | dataTime = { lastModifyTime: dateFormat(form.lastModifyTime), ...dataTime } |
| | | } |
| | | console.log(dataTime) |
| | | this.searchParam = dataTime |
| | | this.page.currentPage = 1 |
| | | this.getDataList() |
| | | done() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <el-card> |
| | | <el-form :model="form"> |
| | | <el-form-item label="éå¢åç±»" label-width="70px" size="small"> |
| | | <el-select clearable ref="selectTree" v-model="form.groupValue" placeholder="è¯·éæ©" |
| | | <el-select clearable ref="selectTree" v-model="groupVal" placeholder="è¯·éæ©" |
| | | popper-class="popperTreeSelect"> |
| | | <el-option :value="groupVal" :label="groupVal"> |
| | | <el-tree ref="groupTree" :data="groupTreeData" empty-text="ææ æ°æ®" :props="defaultProps" |
| | |
| | | @row-dblclick="handleMapingRowClick" @selection-change="selectionChange" @select="setCurrentRow" |
| | | @select-all="handleSelectAll"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" :disabled="disabledPush" @click="dialogPush = true">æ° å¢ |
| | | <el-button icon="el-icon-plus" size="small" type="primary" :disabled="disabledPush" |
| | | @click="dialogPush = true">æ° å¢ |
| | | </el-button> |
| | | <el-button icon="el-icon-check" size="small" type="primary" @click="handleSave">ä¿ å |
| | | </el-button> |
| | | <el-button icon="el-icon-connection" size="small" type="primary" @click="handleSync">åæ¥æ¨¡å |
| | | <el-button icon="el-icon-connection" size="small" type="primary" |
| | | @click="handleSync('all')">åæ¥ä¸»æ¨¡å |
| | | </el-button> |
| | | <el-button icon="el-icon-connection" size="small" type="primary" |
| | | @click="handleSync('one')">åæ¥è¯¦ç»æ¨¡å |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | |
| | | </el-card> |
| | | </el-main> |
| | | </el-container> |
| | | <!-- <el-dialog title="ç¼ç 屿§" :visible.sync="dialogPush" append-to-body="true" destroy-on-close width="30%" |
| | | :before-close="handleClose"> |
| | | <el-form :model="form"> |
| | | <el-form-item label="æ¥è¯¢æ¡ä»¶" label-width="70px" size="small"> |
| | | <el-input v-model="form.name" autocomplete="off" @change="handleQuery"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <p class="text_tip">*éæ©åç±»è¿è¡å±æ§è¿æ»¤, æè
è¾å
¥å±æ§çå
¨æ¼æè
ç®æ¼è¿è¡æ¥è¯¢! å¦: å§å (å¯è¾å
¥xmæxinming )</p> |
| | | <transfer v-model="transferValue" :data="transferData" :filter-method="filterMethod" |
| | | filter-placeholder="请è¾å
¥æ¼é³å
¨æ¼æè
æ¼é³ç¼©å" :props="transferProps"></transfer> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogPush = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="handelTransferSave">ä¿ å</el-button> |
| | | </span> |
| | | </el-dialog> --> |
| | | <integration-transfer :visible.sync="dialogPush" :data="transferData" :props="transferProps" |
| | | @save="handelTransferSave"></integration-transfer> |
| | | <integration-transfer :visible.sync="dialogPush" :data="transferData" :disabledData="filtermapping" |
| | | :props="transferProps" @save="handelTransferSave"></integration-transfer> |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | window.handleBlur = that.handleBlur |
| | | |
| | | }, |
| | | computed: { |
| | | filtermapping() { |
| | | const data = this.mappingData.filter(item => { |
| | | return !(Object.prototype.hasOwnProperty.call(item, 'targetAttrName') && (item.targetAttrName === null || item.targetAttrName === undefined || item.targetAttrName === "")) |
| | | }) |
| | | const transfer = data.map(obj => { |
| | | return obj.targetAttrName |
| | | }) |
| | | return transfer |
| | | } |
| | | }, |
| | | methods: { |
| | | // æ¥å£å·¦ä¾§æ |
| | | async getReferCodeClassifyTree() { |
| | |
| | | if (response.status === 200) { |
| | | this.loading = false |
| | | this.mappingData = response.data.data |
| | | console.log(this.filtermapping) |
| | | } |
| | | }, |
| | | // æ¥å£è·å屿§æ å°åå¼èå´ |
| | |
| | | message: "ä¿åæå!" |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | // åæ¥æ°æ® |
| | | async handleSync() { |
| | | const response = await syncClassifyModel({ dockingPreAttrMappingVOList: this.tableData }) |
| | | async handleSync(type = 'all') { |
| | | let param = { operationType: type } |
| | | if (type === 'one') { |
| | | param.classifyId = this.form.groupValue |
| | | } |
| | | if (this.form.groupValue === '' && type === 'one') { |
| | | this.$message({ |
| | | type: "error", |
| | | message: "è¯·éæ©ä¸æ¡éå¢åç±»" |
| | | }); |
| | | } else { |
| | | console.log(param) |
| | | const response = await syncClassifyModel(param) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | } |
| | | } |
| | | }, |
| | | handelTransferSave(event) { |
| | | let that = this |
| | |
| | | const findRow = that.mappingData.findIndex(item => item.metaListId === that.mappingForm.metaListId) |
| | | that.mappingData[findRow].targetAttrName = transferValue[0].name |
| | | that.mappingData[findRow].targetAttrId = transferValue[0].oid |
| | | this.dialogPush =false |
| | | this.dialogPush = false |
| | | } |
| | | |
| | | }, |
| | |
| | | }, |
| | | // éå¢åç±»æ ç¹å» |
| | | handleNodeClick(data) { |
| | | this.form.groupValue = data.name |
| | | this.form.groupValue = data.oid |
| | | this.groupVal = data.name |
| | | this.$refs.selectTree.blur() |
| | | this.getGridAttrMapping(data.oid) |
| | |
| | | if (event === 'mapping') this.$refs.crudMapping.rowCell(this.mappingForm, this.mappingForm.$index) |
| | | }, |
| | | // é墿 å°å±æ§è¡éæ©åå
æ ¼ç¼è¾ï¼åå»ï¼ |
| | | handleMapingRowClick(row, column, cell, event) { |
| | | console.log(row) |
| | | handleMapingRowClick(row, column) { |
| | | clearTimeout(this.times) |
| | | this.mappingForm = row |
| | | if (column.label === 'é»è®¤å¼' || column.label === '屿§åç§°') this.$refs.crudMapping.rowCell(row, row.$index) |
| | | }, |
| | | // é墿 å°å±æ§è¡éæ©ï¼åå»ï¼ |
| | | handleMapingClick(row, column, cell, event) { |
| | | handleMapingClick(row) { |
| | | clearTimeout(this.times) |
| | | this.mappingForm = row |
| | | this.times = setTimeout(() => { |
| | |
| | | }, 300) |
| | | }, |
| | | // 屿§åå¼èå´åå
æ ¼ç¼è¾ï¼åå»ï¼ |
| | | handleRowClick(row, column, cell, event) { |
| | | handleRowClick(row) { |
| | | this.rangeForm = row |
| | | this.$refs.crudRange.rowCell(row, row.$index) |
| | | }, |
| | | // 屿§åå¼èå´åå
æ ¼ç¼è¾å |
| | | handleUpdate(row, index, done, loading) { |
| | | handleUpdate(row, index, done) { |
| | | console.log(row) |
| | | console.log(index) |
| | | let data = [] |
| | | const findRow = this.mappingData.findIndex(item => item.metaListId === row.metaListId) |
| | | this.rangeData[index] = row |
| | | console.log(this.rangeData) |
| | |
| | | done(); |
| | | }, |
| | | // 屿§åå¼èå´åå
æ ¼ç¼è¾å |
| | | handleMapingUpdate(row, index, done, loading) { |
| | | handleMapingUpdate(row, index, done) { |
| | | console.log(row) |
| | | console.log('ä¿®æ¹å', row) |
| | | this.$message({ |
| | |
| | | components: { |
| | | transfer |
| | | }, |
| | | name: 'Integration', |
| | | name: 'IntegrationTransfer', |
| | | props: { |
| | | // æ¯å¦æå¼ |
| | | visible: { |
| | | typeof: Boolean, |
| | | default: false |
| | | }, |
| | | // å¼¹çªæ é¢ |
| | | title: { |
| | | typeof: String, |
| | | default: 'ç¼ç 屿§' |
| | |
| | | disabled: 'disabled' |
| | | }; |
| | | } |
| | | }, |
| | | // 妿æç¹æ®æä½ï¼ä¸æ¡æ°æ®åªè½ç¨ä¸æ¬¡çæä½ï¼å°±éè¦æç¦ç¨çæ°æ®å段ç¨lebel对åºçå¼ä¼ éè¿æ¥ |
| | | disabledData: { |
| | | typeof: Array, |
| | | default: () => [] |
| | | }, |
| | | // æ¥è¯¢ææ¬æ¡çplaceholder |
| | | filterPlaceholder: { |
| | |
| | | pinyin.setOptions({ checkPolyphone: false, charCase: 1 }); |
| | | let name = this.props.label |
| | | let key = this.props.key |
| | | let objs = this.data.map(item => { |
| | | let data = this.data.map(item => { |
| | | let objitem = { disabled: false, ...item } |
| | | if (this.disabledData.length !== 0) { |
| | | this.disabledData.forEach(element => { |
| | | if (objitem[name] === element) objitem.disabled = true |
| | | }); |
| | | } |
| | | return objitem |
| | | }) |
| | | return data.map(item => { |
| | | let pinYin = pinyin.getFullChars(item[this.props.label]) |
| | | let renPing = pinyin.getCamelChars(item[this.props.label]) |
| | | const obj = { pinyins: pinYin, renPing: renPing, disabled: false, [name]: item[this.props.label], [key]: item[this.props.key] } |
| | | const obj = { pinyins: pinYin, renPing: renPing, [name]: item[this.props.label], [key]: item[this.props.key], disabled: item.disabled } |
| | | return obj |
| | | }) |
| | | console.log(objs) |
| | | return objs |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | }, |
| | | // ç¡®å®æé®ï¼è¿åå½åæ°æ®åä¿®æ¹åçæ°æ® |
| | | handelTransferSave() { |
| | | let that =this |
| | | let datas= that.newdata |
| | | let that = this |
| | | let datas = that.newdata |
| | | const findtra = datas.findIndex(item => item.oid === that.transferValue[0].oid) |
| | | datas[findtra].disabled = true |
| | | const obj = { |
| | |
| | | proxy: { |
| | | '/api': { |
| | | //æ¬å°æå¡æ¥å£å°å |
| | | target: 'http://localhost:37000', |
| | | // target: 'http://localhost:37000', |
| | | // target: 'http://192.168.1.63:37000', |
| | | //target: 'http://192.168.3.7:37000', |
| | | // target: 'http://dev.vci-tech.com:37000', |
| | | //target: 'http://dev.vci-tech.com:37000', |
| | | target: 'http://dev.vci-tech.com:37000', |
| | | // target: 'http://192.168.1.51:37000/', |
| | | //è¿ç¨æ¼ç¤ºæå¡å°å,å¯ç¨äºç´æ¥å¯å¨é¡¹ç® |
| | | // target: 'https://saber.bladex.vip/api', |