| | |
| | | <template v-else-if="tabsType == 'tab4'"> |
| | | <avue-crud :addBtn="false" :option="tabsFormOption4" :data="tabsForm4" ref="crud4" @selection-change="selectionChange"> |
| | | <template #menu-left> |
| | | <el-button :size="size" type="primary" @click="comparison" :disabled="selectionList.length < 2">对比</el-button> |
| | | <el-button :size="size" type="primary" @click="comparison" :disabled="selectionList.length != 2">对比</el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <!-- 文件对比 --> |
| | | <code-diff :old-string="this.content1" :new-string="this.content2" output-format="side-by-side"/> |
| | | </template> |
| | | |
| | | <el-dialog title="升版" append-to-body v-model="upgradeModal" width="500"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | content1: "", |
| | | content2: "", |
| | | selectionList: [], |
| | | targetRow: {}, |
| | | upgradeModal: false, |
| | |
| | | placeholder: " " |
| | | }, |
| | | { |
| | | label: '最后修改时间', |
| | | label: '修改时间', |
| | | prop: 'updateTime', |
| | | disabled: true, |
| | | placeholder: " " |
| | |
| | | this.getFile(row.id); |
| | | //获取历史记录 |
| | | this.getHistory(row.id); |
| | | //清空对比记录 |
| | | this.content1 = ""; |
| | | this.content2 = ""; |
| | | } |
| | | this.$nextTick(()=> { |
| | | this.tabsType = 'tab1'; |
| | |
| | | ); |
| | | }, |
| | | comparison() { //对比 |
| | | |
| | | this.loading = true; |
| | | axios({ |
| | | url: '/blade-mdm/program/node/compare-content', |
| | | method: 'get', |
| | | params: {id1:this.selectionList[0].id,id2:this.selectionList[1].id}, |
| | | }).then( |
| | | res => { |
| | | this.loading = false; |
| | | this.content1 = res.data.data.content1; |
| | | this.content2 = res.data.data.content2; |
| | | } |
| | | ); |
| | | }, |
| | | selectionChange(list) { |
| | | this.selectionList = list; |