|
@@ -1,53 +1,68 @@
|
|
<template>
|
|
<template>
|
|
- <el-table
|
|
|
|
- :data="tableData"
|
|
|
|
- :span-method="objectSpanMethod"
|
|
|
|
- :header-cell-style="{ background: '#e1e4e5',color: '#2b2b2b', lineHeight: '30px' }"
|
|
|
|
- class="table"
|
|
|
|
- style="width: 100%;"
|
|
|
|
- height="60%"
|
|
|
|
|
|
+ <el-table
|
|
|
|
+ :data="tableData"
|
|
|
|
+ :span-method="objectSpanMethod"
|
|
|
|
+ :header-cell-style="{
|
|
|
|
+ background: '#e1e4e5',
|
|
|
|
+ color: '#2b2b2b',
|
|
|
|
+ lineHeight: '30px',
|
|
|
|
+ }"
|
|
|
|
+ class="table"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ :height="height ? height : '100%'"
|
|
|
|
+ >
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-for="(item, index) in tableHeader"
|
|
|
|
+ :key="index"
|
|
|
|
+ :prop="item[1]"
|
|
|
|
+ :label="item[0]"
|
|
|
|
+ align="left"
|
|
>
|
|
>
|
|
- <el-table-column
|
|
|
|
- v-for="(item,index) in tableHeader"
|
|
|
|
- :key="index"
|
|
|
|
- :prop="item[1]"
|
|
|
|
- :label="item[0]"
|
|
|
|
- align="left"
|
|
|
|
- >
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
- label="操作"
|
|
|
|
- align="left"
|
|
|
|
- >
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-button slot="reference" size="mini" icon="el-icon-delete"
|
|
|
|
- @click="deleteObject(scope.$index, scope.row)"/>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- </el-table>
|
|
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="操作" align="left">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button
|
|
|
|
+ slot="reference"
|
|
|
|
+ size="mini"
|
|
|
|
+ icon="el-icon-delete"
|
|
|
|
+ @click="deleteObject(scope.$index, scope.row)"
|
|
|
|
+ />
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </el-table>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
|
+import { relDel } from "@/api/datacenter";
|
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
|
-
|
|
|
|
@Component({
|
|
@Component({
|
|
- name: 'relation-table'
|
|
|
|
|
|
+ name: "relation-table",
|
|
})
|
|
})
|
|
export default class extends Vue {
|
|
export default class extends Vue {
|
|
|
|
+ @Prop({ default: Array }) tableHeader?: [];
|
|
|
|
+ @Prop({ default: Array }) tableData?: [];
|
|
|
|
+ @Prop({ default: String || Number }) height?: "";
|
|
|
|
|
|
- @Prop({default:Array}) tableHeader?:[]
|
|
|
|
- @Prop({default:Array}) tableData?:[]
|
|
|
|
-
|
|
|
|
- objectSpanMethod() {
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- deleteObject() {
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
+ objectSpanMethod() {}
|
|
|
|
+ // 删除
|
|
|
|
+ deleteObject(index: number, val: any) {
|
|
|
|
+ const data = {
|
|
|
|
+ relType: this.$route.query.relationType,
|
|
|
|
+ graphicType: this.$route.query.graphicType,
|
|
|
|
+ fromId: val.id, //主对象id
|
|
|
|
+ toId: val.objectInfo.id, //主对象id
|
|
|
|
+ };
|
|
|
|
+ relDel(data).then((res) => {
|
|
|
|
+ if (res.result == "success") {
|
|
|
|
+ this.$message.success("删除成功!");
|
|
|
|
+ this.$emit("updata");
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error("删除失败!");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
|
-
|
|
|
|
|
|
+<style scoped>
|
|
</style>
|
|
</style>
|