80e6e98d by 任超

style:多选

1 parent e3e7094e
...@@ -47,7 +47,7 @@ export default { ...@@ -47,7 +47,7 @@ export default {
47 }, 47 },
48 border: { 48 border: {
49 type: Boolean, 49 type: Boolean,
50 default: false, 50 default: true,
51 }, 51 },
52 showHeader: { 52 showHeader: {
53 type: Boolean, 53 type: Boolean,
......
...@@ -40,9 +40,10 @@ ...@@ -40,9 +40,10 @@
40 </div> 40 </div>
41 <!-- 表格 --> 41 <!-- 表格 -->
42 <div class="from-clues-content"> 42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 43 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 44 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 45 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
46 :data="tableData.data">
46 </lb-table> 47 </lb-table>
47 </div> 48 </div>
48 <div class="submit_button"> 49 <div class="submit_button">
...@@ -86,6 +87,11 @@ export default { ...@@ -86,6 +87,11 @@ export default {
86 sendThis(this) 87 sendThis(this)
87 }, 88 },
88 methods: { 89 methods: {
90 //点击行选中或取消复选框
91 handleRowClick (row, column, event) {
92 //通过ref绑定后这里使用$refs.table来操作bom元素
93 this.$refs.table.toggleRowSelection(row);
94 },
89 closeDialog () { 95 closeDialog () {
90 this.$emit("closeDialog") 96 this.$emit("closeDialog")
91 }, 97 },
......
...@@ -41,9 +41,10 @@ ...@@ -41,9 +41,10 @@
41 </div> 41 </div>
42 <!-- 表格 --> 42 <!-- 表格 -->
43 <div class="from-clues-content"> 43 <div class="from-clues-content">
44 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 44 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
45 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
46 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
47 :data="tableData.data">
47 </lb-table> 48 </lb-table>
48 </div> 49 </div>
49 <div class="submit_button"> 50 <div class="submit_button">
...@@ -85,6 +86,11 @@ export default { ...@@ -85,6 +86,11 @@ export default {
85 sendThis(this) 86 sendThis(this)
86 }, 87 },
87 methods: { 88 methods: {
89 //点击行选中或取消复选框
90 handleRowClick (row, column, event) {
91 //通过ref绑定后这里使用$refs.table来操作bom元素
92 this.$refs.table.toggleRowSelection(row);
93 },
88 closeDialog () { 94 closeDialog () {
89 this.$emit("closeDialog") 95 this.$emit("closeDialog")
90 }, 96 },
......
...@@ -40,9 +40,10 @@ ...@@ -40,9 +40,10 @@
40 </div> 40 </div>
41 <!-- 表格 --> 41 <!-- 表格 -->
42 <div class="from-clues-content"> 42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 43 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 44 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 45 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
46 :data="tableData.data">
46 </lb-table> 47 </lb-table>
47 </div> 48 </div>
48 <div class="submit_button"> 49 <div class="submit_button">
...@@ -85,6 +86,11 @@ export default { ...@@ -85,6 +86,11 @@ export default {
85 sendThis(this); 86 sendThis(this);
86 }, 87 },
87 methods: { 88 methods: {
89 //点击行选中或取消复选框
90 handleRowClick (row, column, event) {
91 //通过ref绑定后这里使用$refs.table来操作bom元素
92 this.$refs.table.toggleRowSelection(row);
93 },
88 closeDialog () { 94 closeDialog () {
89 this.$emit("closeDialog") 95 this.$emit("closeDialog")
90 }, 96 },
......
...@@ -42,9 +42,10 @@ ...@@ -42,9 +42,10 @@
42 </div> 42 </div>
43 <!-- 表格 --> 43 <!-- 表格 -->
44 <div class="from-clues-content"> 44 <div class="from-clues-content">
45 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 45 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
46 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 46 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
47 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 47 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
48 :data="tableData.data">
48 </lb-table> 49 </lb-table>
49 </div> 50 </div>
50 <div class="submit_button"> 51 <div class="submit_button">
...@@ -55,7 +56,6 @@ ...@@ -55,7 +56,6 @@
55 </template> 56 </template>
56 <script> 57 <script>
57 //抵押权首次登记 58 //抵押权首次登记
58 import Cookies from 'js-cookie'
59 import { datas, sendThis } from "../javascript/diyaq.js"; 59 import { datas, sendThis } from "../javascript/diyaq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 60 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table"; 61 import table from "@/utils/mixin/table";
...@@ -88,6 +88,11 @@ export default { ...@@ -88,6 +88,11 @@ export default {
88 sendThis(this); 88 sendThis(this);
89 }, 89 },
90 methods: { 90 methods: {
91 //点击行选中或取消复选框
92 handleRowClick (row, column, event) {
93 //通过ref绑定后这里使用$refs.table来操作bom元素
94 this.$refs.table.toggleRowSelection(row);
95 },
91 closeDialog () { 96 closeDialog () {
92 this.$emit("closeDialog"); 97 this.$emit("closeDialog");
93 }, 98 },
......
...@@ -55,9 +55,10 @@ ...@@ -55,9 +55,10 @@
55 </el-form> 55 </el-form>
56 </div> 56 </div>
57 <div class="from-clues-content"> 57 <div class="from-clues-content">
58 <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 58 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
59 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 59 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
60 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 60 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
61 :data="tableData.data">
61 </lb-table> 62 </lb-table>
62 </div> 63 </div>
63 <div class="submit_button"> 64 <div class="submit_button">
...@@ -106,6 +107,11 @@ export default { ...@@ -106,6 +107,11 @@ export default {
106 sendThis(this) 107 sendThis(this)
107 }, 108 },
108 methods: { 109 methods: {
110 //点击行选中或取消复选框
111 handleRowClick (row, column, event) {
112 //通过ref绑定后这里使用$refs.table来操作bom元素
113 this.$refs.table.toggleRowSelection(row);
114 },
109 closeDialog () { 115 closeDialog () {
110 this.$emit("closeDialog"); 116 this.$emit("closeDialog");
111 }, 117 },
......
...@@ -26,9 +26,10 @@ ...@@ -26,9 +26,10 @@
26 </div> 26 </div>
27 <!-- 表格 --> 27 <!-- 表格 -->
28 <div class="from-clues-content"> 28 <div class="from-clues-content">
29 <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 29 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
30 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 30 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
31 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 31 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
32 :data="tableData.data">
32 </lb-table> 33 </lb-table>
33 </div> 34 </div>
34 <div class="submit_button"> 35 <div class="submit_button">
...@@ -71,9 +72,13 @@ export default { ...@@ -71,9 +72,13 @@ export default {
71 }, 72 },
72 mounted () { 73 mounted () {
73 sendThis(this); 74 sendThis(this);
74 console.log(Cookies.get("bsmSqyw"));
75 }, 75 },
76 methods: { 76 methods: {
77 //点击行选中或取消复选框
78 handleRowClick (row, column, event) {
79 //通过ref绑定后这里使用$refs.table来操作bom元素
80 this.$refs.table.toggleRowSelection(row);
81 },
77 closeDialog () { 82 closeDialog () {
78 this.$emit("closeDialog"); 83 this.$emit("closeDialog");
79 }, 84 },
......
...@@ -40,9 +40,10 @@ ...@@ -40,9 +40,10 @@
40 </div> 40 </div>
41 <!-- 表格 --> 41 <!-- 表格 -->
42 <div class="from-clues-content"> 42 <div class="from-clues-content">
43 <lb-table border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 43 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 44 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 45 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
46 :data="tableData.data">
46 </lb-table> 47 </lb-table>
47 </div> 48 </div>
48 <div class="submit_button"> 49 <div class="submit_button">
...@@ -86,6 +87,11 @@ export default { ...@@ -86,6 +87,11 @@ export default {
86 sendThis(this); 87 sendThis(this);
87 }, 88 },
88 methods: { 89 methods: {
90 //点击行选中或取消复选框
91 handleRowClick (row, column, event) {
92 //通过ref绑定后这里使用$refs.table来操作bom元素
93 this.$refs.table.toggleRowSelection(row);
94 },
89 closeDialog () { 95 closeDialog () {
90 this.$emit("closeDialog"); 96 this.$emit("closeDialog");
91 }, 97 },
......