|
@@ -51,7 +51,7 @@
|
|
|
:label="scope.row.ROW_ID"
|
|
|
@click.native.prevent.stop="rowClick(scope.row)"
|
|
|
>
|
|
|
- {{ "" }}
|
|
|
+ {{ '' }}
|
|
|
</el-radio>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -117,9 +117,9 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import table from "./mergeRowTable.js";
|
|
|
+import table from './mergeRowTable.js'
|
|
|
export default {
|
|
|
- name: "MergeRowTable",
|
|
|
+ name: 'MergeRowTable',
|
|
|
extends: table,
|
|
|
props: {
|
|
|
// 合并行下标
|
|
@@ -128,7 +128,7 @@ export default {
|
|
|
},
|
|
|
//比对字段
|
|
|
comparison: {
|
|
|
- default: ""
|
|
|
+ default: ''
|
|
|
},
|
|
|
shiyHeigth: {
|
|
|
default: null
|
|
@@ -145,18 +145,18 @@ export default {
|
|
|
},
|
|
|
// 请求地址
|
|
|
requestUrl: {
|
|
|
- default: ""
|
|
|
+ default: ''
|
|
|
},
|
|
|
// 请求参数 请求体中的参数
|
|
|
requestQuery: {
|
|
|
default() {
|
|
|
- return {};
|
|
|
+ return {}
|
|
|
}
|
|
|
},
|
|
|
// 表头数据
|
|
|
columnData: {
|
|
|
default() {
|
|
|
- return [];
|
|
|
+ return []
|
|
|
}
|
|
|
},
|
|
|
// 是否显示序号
|
|
@@ -167,7 +167,7 @@ export default {
|
|
|
// radio : 显示单选框
|
|
|
// select : 显示多选框
|
|
|
selectionType: {
|
|
|
- default: ""
|
|
|
+ default: ''
|
|
|
},
|
|
|
// 是否在数据翻页后保留之前选中的数据(需指定 row-key)
|
|
|
reserveSelection: {
|
|
@@ -186,15 +186,15 @@ export default {
|
|
|
// Table 的最大高度。合法的值为数字或者单位为 px 的高度。
|
|
|
//sdada
|
|
|
maxHeight: {
|
|
|
- default: "500px"
|
|
|
+ default: '500px'
|
|
|
},
|
|
|
// 是否启用排序
|
|
|
sortable: {
|
|
|
- default: "custom"
|
|
|
+ default: 'custom'
|
|
|
},
|
|
|
// 对齐方式 left/center/right
|
|
|
align: {
|
|
|
- default: "center"
|
|
|
+ default: 'center'
|
|
|
},
|
|
|
// 是否带有纵向边框
|
|
|
border: {
|
|
@@ -211,13 +211,13 @@ export default {
|
|
|
// 行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。
|
|
|
rowClassName: {
|
|
|
default() {
|
|
|
- return ({ row, rowIndex }) => "";
|
|
|
+ return ({ row, rowIndex }) => ''
|
|
|
}
|
|
|
},
|
|
|
// 单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。
|
|
|
cellClassName: {
|
|
|
default() {
|
|
|
- return ({ row, rowIndex }) => "";
|
|
|
+ return ({ row, rowIndex }) => ''
|
|
|
}
|
|
|
},
|
|
|
loading: {
|
|
@@ -234,7 +234,7 @@ export default {
|
|
|
// 每页显示个数选择器的选项设置
|
|
|
pageSizes: {
|
|
|
default() {
|
|
|
- return [10, 20, 50, 100, 200, 1000];
|
|
|
+ return [10, 20, 50, 100, 200, 1000]
|
|
|
}
|
|
|
},
|
|
|
// 每页显示条目个数,支持 .sync 修饰符
|
|
@@ -243,36 +243,36 @@ export default {
|
|
|
},
|
|
|
//组件布局,子组件名用逗号分隔
|
|
|
layout: {
|
|
|
- default: "total, prev, pager, next, sizes, jumper"
|
|
|
+ default: 'total, prev, pager, next, sizes, jumper'
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
requestUrl() {
|
|
|
- this.refreshData();
|
|
|
+ this.refreshData()
|
|
|
},
|
|
|
drawer(val) {
|
|
|
if (val) {
|
|
|
- this.dataRadioId = null;
|
|
|
+ this.dataRadioId = null
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
// 刷新表格数据
|
|
|
refreshData() {
|
|
|
- this.requestData();
|
|
|
+ this.requestData()
|
|
|
// 多选表格清空用户的选择
|
|
|
- this.$refs.mainTable.clearSelection();
|
|
|
+ this.$refs.mainTable.clearSelection()
|
|
|
},
|
|
|
rowDbClick(row) {
|
|
|
- console.log(row);
|
|
|
- console.log("我被双击了");
|
|
|
- this.$emit("rowDbClick", row);
|
|
|
+ console.log(row)
|
|
|
+ console.log('我被双击了')
|
|
|
+ this.$emit('rowDbClick', row)
|
|
|
},
|
|
|
toggleRowExpansion(row, expanded) {
|
|
|
- this.$refs.mainTable.toggleRowExpansion(row, expanded);
|
|
|
+ this.$refs.mainTable.toggleRowExpansion(row, expanded)
|
|
|
}
|
|
|
}
|
|
|
-};
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -289,4 +289,13 @@ export default {
|
|
|
font-size: 22px;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
+
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+}
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ background-color: #dbd9d9;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
</style>
|