| | |
| | | width="60%" |
| | | @close="closeDialog" |
| | | > |
| | | <el-form v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px"> |
| | | <el-form ref="form" v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="åç§°"> |
| | | <el-form-item label="åç§°" prop="viName"> |
| | | <el-input v-model="form.viName" placeholder="请è¾å
¥åç§°" size="mini"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="ç»å®è¡¨å"> |
| | | <el-form-item label="ç»å®è¡¨å" prop="itemInObj"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <el-select v-model="form.itemInObj" clearable placeholder="è¯·éæ©ç»å®è¡¨å" size="mini"> |
| | | <el-select v-model="form.itemInObj" clearable placeholder="è¯·éæ©ç»å®è¡¨å" size="mini" |
| | | @change="formSelectChange"> |
| | | <el-option v-for="(item,index) in selectList" :key="index" :label="item.viName" |
| | | :value="item.id"></el-option> |
| | | </el-select> |
| | | <el-button plain size="mini" style="margin-left: 3px" type="success" @click="formSelectClickHandler">éæ© |
| | | </el-button> |
| | | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¾ç¤ºå段"> |
| | | <div style="display: flex; align-items: center"> |
| | | <div style="height: 260px; width: 160px; border: 1px solid #bdbbbb;overflow-y: auto"> |
| | | <el-table |
| | | :data="form.itemSelectOutFieldList" |
| | | :highlight-current-row="true" |
| | | style="width: 100%" |
| | | @row-click="showLabelLeftRowClick"> |
| | | <el-table-column |
| | | align="center" |
| | | label="å¯ä½¿ç¨å段" |
| | | prop="id"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div style="margin-left: 10px; margin-right: 10px"> |
| | | <el-button circle icon="el-icon-back" style="margin-right: 10px" |
| | | @click="showLeftTransferClick"></el-button> |
| | | <el-button circle icon="el-icon-right" @click="showRightTransferClick"></el-button> |
| | | </div> |
| | | <div style="height: 260px; width: 160px; border: 1px solid #bdbbbb;overflow-y: auto"> |
| | | <el-table |
| | | :data="form.itemOutFieldList" |
| | | :highlight-current-row="true" |
| | | style="width: 100%" |
| | | @row-click="showLabelRightRowClick"> |
| | | <el-table-column |
| | | align="center" |
| | | label="éè¦ä½¿ç¨å段" |
| | | prop="id"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="æç´¢å段"> |
| | | <div style="display: flex; align-items: center"> |
| | | <div style="height: 260px; width: 160px; border: 1px solid #bdbbbb;overflow-y: auto"> |
| | | <el-table |
| | | :data="form.itemSearchFieldList" |
| | | :highlight-current-row="true" |
| | | style="width: 100%" |
| | | @row-click="searchLeftRowClick"> |
| | | <el-table-column |
| | | align="center" |
| | | label="å¯ä¾æç´¢å段" |
| | | prop="id"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div style="margin-left: 10px; margin-right: 10px"> |
| | | <el-button circle icon="el-icon-back" style="margin-right: 10px" |
| | | @click="searchLeftTransferClick"></el-button> |
| | | <el-button circle icon="el-icon-right" @click="searchRightTransferClick"></el-button> |
| | | </div> |
| | | <div style="height: 260px; width: 160px; border: 1px solid #bdbbbb;overflow-y: auto"> |
| | | <el-table |
| | | :data="form.itemKeyFieldList" |
| | | :highlight-current-row="true" |
| | | style="width: 100%" |
| | | @row-click="searchRightRowClick"> |
| | | <el-table-column |
| | | align="center" |
| | | label="éæç´¢å段" |
| | | prop="id"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="å"> |
| | | <el-select v-model="form.itemFileWidthSelect" placeholder="è¯·éæ©å" size="mini" @change="itemFileWidthChange"> |
| | | <el-option v-for="(item,index) in form.itemFieldWidthList" :key="index" :label="item.key" |
| | | :value="item.key"></el-option> |
| | | <el-col :span="24"> |
| | | <el-form-item label="æ¾ç¤ºå段" prop="showLabel"> |
| | | <el-select v-model="form.itemOutFieldList" multiple placeholder="è¯·éæ©" style="width: 100%" |
| | | @change="outFileChange"> |
| | | <el-option |
| | | v-for="(item,index) in form.itemSelectOutFieldList" |
| | | :key="index" |
| | | :label="item.id" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="宽度"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <el-input v-model="form.itemWidth" placeholder="请è¾å
¥å®½åº¦" size="mini" style="width: 193px" |
| | | type="number"></el-input> |
| | | <el-button plain size="mini" style="margin-left: 3px" type="success" @click="widthSetUpClickHandler">设置 |
| | | </el-button> |
| | | </div> |
| | | <el-col :span="24"> |
| | | <el-form-item label="æç´¢å段"> |
| | | <el-select v-model="form.itemKeyFieldList" multiple placeholder="è¯·éæ©" style="width: 100%"> |
| | | <el-option |
| | | v-for="(item,index) in form.itemSearchFieldList" |
| | | :key="index" |
| | | :label="item.id" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | |
| | | <el-col :span="24"> |
| | | <el-form-item label="设置å宽"> |
| | | <div style="height: 150px; width: 100%; border: 1px solid #bdbbbb;overflow-y: auto"> |
| | | <el-table |
| | | :data="form.itemFieldWidthList" |
| | | :highlight-current-row="true" |
| | | border |
| | | stripe |
| | | style="width: 100%" |
| | | @row-click="itemFileWidthRowClick"> |
| | | <el-table-column |
| | | align="center" |
| | | label="åå" |
| | | prop="key"> |
| | | <template slot-scope="scope"> |
| | | <el-tag size="medium">{{ scope.row.key }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="å宽" |
| | | prop="value"> |
| | | <template slot-scope="scope"> |
| | | <el-tag size="medium">{{ scope.row.value }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <avue-crud |
| | | :data="form.itemFieldWidthList" |
| | | :option="fileWidthOption"> |
| | | </avue-crud> |
| | | |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | |
| | | <el-button @click="closeDialog">å æ¶</el-button> |
| | | <el-button type="primary" @click="dialogSaveClickHandler">ç¡® å®</el-button> |
| | | </span> |
| | | |
| | | <el-dialog |
| | | v-dialogDrag |
| | | v-loading="selectFormLoading" |
| | | :visible.sync="selectFormVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="表åéæ©" |
| | | width="50%"> |
| | | <avue-crud |
| | | ref="crud" |
| | | :data="selectFormData" |
| | | :option="selectFormOption" |
| | | @selection-change="selectionChange" |
| | | @row-click="rowClick"> |
| | | |
| | | </avue-crud> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="selectFormVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="selectFormAddClickHandler">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </el-dialog> |
| | | |
| | | </template> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | fileWidthOption: { |
| | | ...basicOption, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | refreshBtn: false, |
| | | highlightCurrentRow: true, |
| | | height: 200, |
| | | menu: false, |
| | | selection: false, |
| | | column: [ |
| | | { |
| | | label: 'åå', |
| | | prop: 'key', |
| | | }, |
| | | { |
| | | label: 'å宽', |
| | | prop: 'value', |
| | | cell: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请è¾å
¥å宽', |
| | | trigger: 'blur' |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | searchQtNameList: [], |
| | | formLoading: false, |
| | | itemImgHeight: '', |
| | |
| | | selectFormData: [], |
| | | selectFormLoading: false, |
| | | selectFormVisible: false, |
| | | rules: {}, |
| | | rules: { |
| | | viName: [{ |
| | | required: true, |
| | | message: '请è¾å
¥åç§°', |
| | | trigger: 'blur' |
| | | }], |
| | | itemInObj: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©ç»å®è¡¨å', |
| | | trigger: 'change' |
| | | }], |
| | | showLabel: [{ |
| | | required: true, |
| | | message: 'è¯·éæ©æ¾ç¤ºå段', |
| | | trigger: 'submit' |
| | | }], |
| | | }, |
| | | form: { |
| | | viName: '', // åç§° |
| | | itemPageSize: '', // æ¯é¡µå¯æ¾ç¤ºè¡æ° |
| | |
| | | itemKeyFieldList: [], // éè¦æç´¢åæ®µ |
| | | itemWidth: '250', // 宽度 |
| | | itemFieldWidthList: [], // 设置å宽æ°ç» ä¸ itemOutFieldList ç¸å¹é
|
| | | itemFileWidthSelect: '', // åä¸ææ¡ |
| | | searchLabel: '', // æ¥è¯¢å段 |
| | | searchNumber: '1', // æ¥è¯¢æ¬¡æ° |
| | | searchSql: '', // æ¥è¯¢sql |
| | |
| | | itemKeyFieldList: [], // éè¦æç´¢åæ®µ |
| | | itemWidth: '250', // 宽度 |
| | | itemFieldWidthList: [], // 设置å宽æ°ç» ä¸ itemOutFieldList ç¸å¹é
|
| | | itemFileWidthSelect: '', // åä¸ææ¡ |
| | | searchLabel: '', // æ¥è¯¢å段 |
| | | searchNumber: '1', // æ¥è¯¢æ¬¡æ° |
| | | searchSql: '', // æ¥è¯¢sql |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | // å
³éå¯¹è¯æ¡ |
| | | closeDialog() { |
| | | this.visible = false; |
| | | this.form = {...this.defaultForm}; |
| | | }, |
| | | |
| | | // éæ©è¡¨åå
³éå¯¹è¯æ¡ |
| | | closeSelectFormDialog() { |
| | | |
| | | }, |
| | | |
| | | // éæ©ç»å®è¡¨å |
| | | formSelectClickHandler() { |
| | | this.selectFormVisible = true; |
| | | const params = { |
| | | 'conditionMap[typeName]': this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name, |
| | | 'conditionMap[viType]': 'Form', |
| | | 'conditionMap[viTypeFlag]': this.treeRadio === '0' ? 'BtmType' : this.treeRadio === '1' ? 'LinkType' : '', |
| | | } |
| | | gridPortalVIDatas(1, -1, params).then(res => { |
| | | if (res.data.code === 200) { |
| | | const data = res.data.data; |
| | | this.selectFormData = data; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // è·ååå§åè¡¨æ ¼ééè¦çé»è®¤æ°æ® |
| | | getFormSelectList() { |
| | | this.formLoading = true; |
| | |
| | | const list = data.filter(item => |
| | | !this.form.itemOutFieldList.some(outItem => outItem.id === item.id) |
| | | ); |
| | | this.getSearchSelectList(); |
| | | this.getSearchSelectList(); // éæ©è¡¨å䏿æ¥å£ |
| | | this.getFormSelect(); // æ¥è¯¢æ¨¡æ¿ä¸ææ¥å£ |
| | | this.getDbList(); // å廿ä½ä¸ææ¥å£ |
| | | this.$set(this.form, 'itemSelectOutFieldList', list); |
| | | this.formLoading = false; |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // æ¥è¯¢æ¨¡æ¿ä¸ææ¥å£æ¥è¯¢ |
| | | getSearchSelectList() { |
| | | getObjTypeQTs({btName: this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name}).then(res => { |
| | | this.searchQtNameList = res.data.data; |
| | | }) |
| | | // å
³éå¯¹è¯æ¡ |
| | | closeDialog() { |
| | | this.visible = false; |
| | | this.$refs.form.clearValidate(); |
| | | this.form = {...this.defaultForm}; |
| | | }, |
| | | |
| | | // è¡¨æ ¼å¤é |
| | | selectionChange(list) { |
| | | this.selectList = list; |
| | | }, |
| | | |
| | | // è¡ç¹å» |
| | | rowClick(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = []; |
| | | } |
| | | ); |
| | | }, |
| | | |
| | | // 表åéæ©ç¡®å® |
| | | selectFormAddClickHandler() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.error('请è³å°éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | |
| | | if (this.selectList.length > 1) { |
| | | this.$message.error('åªè½éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | // è·åéæ©è¡¨åæ°æ® |
| | | getFormSelect() { |
| | | const params = { |
| | | id: this.selectList[0].id, |
| | | 'conditionMap[typeName]': this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name, |
| | | 'conditionMap[viType]': 'Form', |
| | | 'conditionMap[viTypeFlag]': this.treeRadio === '0' ? 'BtmType' : this.treeRadio === '1' ? 'LinkType' : '', |
| | | } |
| | | gridPortalVIDatas(1, -1, params).then(res => { |
| | | if (res.data.code === 200) { |
| | | const data = res.data.data; |
| | | this.selectList = data; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // 表åéæ©changeäºä»¶ |
| | | formSelectChange(val) { |
| | | // console.log(val); |
| | | this.form.itemOutFieldList = []; |
| | | this.form.itemKeyFieldList = []; |
| | | this.form.itemFieldWidthList = []; |
| | | |
| | | const params = { |
| | | id: val, |
| | | viType: '1' |
| | | } |
| | | getPortalVIById(params).then(res => { |
| | |
| | | } |
| | | }); |
| | | this.form.itemSelectOutFieldList = data; |
| | | this.selectFormVisible = false; |
| | | } |
| | | }) |
| | | this.form.itemInObj = this.selectList[0].id; |
| | | }, |
| | | |
| | | // æ¾ç¤ºåæ®µå·¦ä¾§è¡¨æ ¼è¡ç¹å» |
| | | showLabelLeftRowClick(row) { |
| | | this.showLabelLeftRow = row; |
| | | // æ¾ç¤ºå段change |
| | | outFileChange(val) { |
| | | this.form.itemSearchFieldList = this.form.itemOutFieldList.map(item => { |
| | | return { |
| | | id: item |
| | | } |
| | | }) |
| | | this.form.itemFieldWidthList = this.form.itemOutFieldList.map(item => { |
| | | return { |
| | | $cellEdit: true, |
| | | key: item, |
| | | value: '250', |
| | | |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // æ¾ç¤ºå段å³ä¾§è¡¨æ ¼è¡ç¹å» |
| | | showLabelRightRowClick(row) { |
| | | this.showLabelRightRow = row; |
| | | }, |
| | | |
| | | // æç´¢åæ®µå·¦ä¾§è¡¨æ ¼è¡ç¹å» |
| | | searchLeftRowClick(row) { |
| | | this.searchLeftRow = row; |
| | | }, |
| | | |
| | | // æç´¢å段å³ä¾§è¡¨æ ¼è¡ç¹å» |
| | | searchRightRowClick(row) { |
| | | this.searchRightRow = row; |
| | | }, |
| | | |
| | | // æ¾ç¤ºåæ®µç©¿æ¢æ¡å·¦ç§» |
| | | showLeftTransferClick() { |
| | | if (func.isEmptyObject(this.showLabelRightRow)) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | this.form.itemSelectOutFieldList.unshift(this.showLabelRightRow); |
| | | this.form.itemOutFieldList = this.form.itemOutFieldList.filter(item => item.id !== this.showLabelRightRow.id); |
| | | this.form.itemSearchFieldList = this.form.itemOutFieldList; |
| | | this.form.itemFieldWidthList = this.form.itemFieldWidthList.filter(item => item.key !== this.showLabelRightRow.id); |
| | | this.form.itemFileWidthSelect = this.form.itemFieldWidthList.length >= 1 ? this.form.itemFieldWidthList[0].key : ''; |
| | | this.showLabelRightRow = {}; |
| | | }, |
| | | |
| | | // æ¾ç¤ºåæ®µç©¿æ¢æ¡å³ç§» |
| | | showRightTransferClick() { |
| | | if (func.isEmptyObject(this.showLabelLeftRow)) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | |
| | | |
| | | const onlyFlag = this.form.itemOutFieldList.some(item => item.id === this.showLabelLeftRow.id); |
| | | |
| | | if (onlyFlag) { |
| | | this.$message.error('è¯·æ£æ¥æ¯å¦æéå¤é¡¹'); |
| | | this.form.itemSelectOutFieldList = this.form.itemSelectOutFieldList.filter(selectItem => |
| | | !this.form.itemOutFieldList.some(outItem => outItem.id === selectItem.id) |
| | | ) |
| | | return; |
| | | } |
| | | |
| | | this.form.itemOutFieldList.push(this.showLabelLeftRow); |
| | | this.form.itemSearchFieldList = this.form.itemOutFieldList; |
| | | |
| | | // è¿æ»¤ itemSelectOutFieldListï¼ç§»é¤ id ä¸ showLabelLeftRow.id ç¸åç对象 |
| | | this.form.itemSelectOutFieldList = this.form.itemSelectOutFieldList.filter(item => item.id !== this.showLabelLeftRow.id); |
| | | this.form.itemFieldWidthList.push({ |
| | | key: this.showLabelLeftRow.id, |
| | | value: this.form.itemWidth |
| | | }); |
| | | this.form.itemFileWidthSelect = this.form.itemFieldWidthList[0].key; |
| | | this.showLabelLeftRow = {}; |
| | | |
| | | }, |
| | | |
| | | // æç´¢åæ®µç©¿æ¢æ¡å·¦ç§» |
| | | searchLeftTransferClick() { |
| | | if (func.isEmptyObject(this.searchRightRow)) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | this.form.itemSearchFieldList.unshift(this.searchRightRow); |
| | | this.form.itemKeyFieldList = this.form.itemKeyFieldList.filter(item => item.id !== this.searchRightRow.id) |
| | | this.searchRightRow = {}; |
| | | }, |
| | | |
| | | // æç´¢èªå¨ç©¿æ¢æ¡å³ç§» |
| | | searchRightTransferClick() { |
| | | if (func.isEmptyObject(this.searchLeftRow)) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | |
| | | this.form.itemKeyFieldList.push(this.searchLeftRow); |
| | | |
| | | this.form.itemSearchFieldList = this.form.itemSearchFieldList.filter(item => item.id !== this.searchLeftRow.id); |
| | | this.searchLeftRow = {}; |
| | | }, |
| | | |
| | | // 设置å宽è¡ç¹å» |
| | | itemFileWidthRowClick(row) { |
| | | this.itemFileWidthRow = row; |
| | | this.form.itemFileWidthSelect = row.key; |
| | | this.form.itemWidth = row.value; |
| | | }, |
| | | |
| | | // å䏿change |
| | | itemFileWidthChange(val) { |
| | | this.itemFileWidthChangeVal = val; |
| | | }, |
| | | |
| | | // 设置宽度 |
| | | widthSetUpClickHandler() { |
| | | if (this.form.itemFileWidthSelect) { |
| | | const item = this.form.itemFieldWidthList.find(item => item.key === this.form.itemFileWidthSelect); |
| | | item.value = this.form.itemWidth; |
| | | } |
| | | // æ¥è¯¢æ¨¡æ¿ä¸ææ¥å£æ¥è¯¢ |
| | | getSearchSelectList() { |
| | | getObjTypeQTs({btName: this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name}).then(res => { |
| | | this.searchQtNameList = res.data.data; |
| | | }) |
| | | }, |
| | | |
| | | // è·åå廿使°æ® |
| | |
| | | |
| | | // è¡¨æ ¼å¯¹è¯æ¡ä¿å |
| | | dialogSaveClickHandler() { |
| | | const paramsForm = {...this.form}; |
| | | paramsForm.itemSelectOutFieldList = this.form.itemSelectOutFieldList.map(item => item.id); // å¯ä½¿ç¨å段 |
| | | paramsForm.itemOutFieldList = this.form.itemOutFieldList.map(item => item.id); // éè¦ä½¿ç¨å段 |
| | | paramsForm.itemSearchFieldList = this.form.itemSearchFieldList.map(item => item.id); // å¯ä¾æç´¢å段 |
| | | paramsForm.itemKeyFieldList = this.form.itemKeyFieldList.map(item => item.id); // éè¦ä½¿ç¨å段 |
| | | paramsForm.itemImgWH = `${this.itemImgWidth},${this.itemImgHeight}`; |
| | | const params = { |
| | | id: this.form.editNodeId, |
| | | prm: { |
| | | formQtName: '', |
| | | prmItemList: [ |
| | | paramsForm |
| | | ], |
| | | }, |
| | | typeFlag: this.treeRadio, |
| | | typeFlagText: this.treeRadio === '0' ? "ä¸å¡ç±»åç表å" : '龿¥ç±»åç表å', |
| | | typeName: this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name, // ä¸å¡ç±»åå or 龿¥ç±»åå |
| | | viName: this.form.viName, |
| | | viType: 0, |
| | | viTypeText: "è¡¨æ ¼" |
| | | } |
| | | savePortalVI(params).then(res => { |
| | | // console.log(params); |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | // this.closeDialog(); |
| | | this.$emit('updataTable'); |
| | | this.visible = false; |
| | | this.$refs.form.validate((valid) => { |
| | | if (valid) { |
| | | const paramsForm = {...this.form}; |
| | | paramsForm.itemSelectOutFieldList = this.form.itemSelectOutFieldList.map(item => item.id); // å¯ä½¿ç¨å段 |
| | | paramsForm.itemOutFieldList = this.form.itemOutFieldList; // éè¦ä½¿ç¨å段 |
| | | paramsForm.itemSearchFieldList = this.form.itemSearchFieldList.map(item => item.id); // å¯ä¾æç´¢å段 |
| | | paramsForm.itemKeyFieldList = this.form.itemKeyFieldList; // éè¦ä½¿ç¨å段 |
| | | paramsForm.itemImgWH = `${this.itemImgWidth},${this.itemImgHeight}`; |
| | | const params = { |
| | | id: this.form.editNodeId, |
| | | prm: { |
| | | formQtName: '', |
| | | prmItemList: [ |
| | | paramsForm |
| | | ], |
| | | }, |
| | | typeFlag: this.treeRadio, |
| | | typeFlagText: this.treeRadio === '0' ? "ä¸å¡ç±»åç表å" : '龿¥ç±»åç表å', |
| | | typeName: this.treeRadio === '0' ? this.TreeNodeRow.id : this.TreeNodeRow.name, // ä¸å¡ç±»åå or 龿¥ç±»åå |
| | | viName: this.form.viName, |
| | | viType: 0, |
| | | viTypeText: "è¡¨æ ¼" |
| | | } |
| | | savePortalVI(params).then(res => { |
| | | // console.log(params); |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | // this.closeDialog(); |
| | | this.$emit('updataTable'); |
| | | // this.$refs.form.clearValidate(); |
| | | this.visible = false; |
| | | } |
| | | }) |
| | | } else { |
| | | return false; |
| | | } |
| | | }) |
| | | }); |
| | | } |
| | | } |
| | | } |