style:多选
Showing
8 changed files
with
64 additions
and
24 deletions
| ... | @@ -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 | }, | ... | ... |
-
Please register or sign in to post a comment