style:数据列表
Showing
2 changed files
with
34 additions
and
61 deletions
| ... | @@ -20,17 +20,9 @@ | ... | @@ -20,17 +20,9 @@ |
| 20 | </div> | 20 | </div> |
| 21 | <!-- 表格 --> | 21 | <!-- 表格 --> |
| 22 | <div class="from-clues-content"> | 22 | <div class="from-clues-content"> |
| 23 | <lb-table | 23 | <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" |
| 24 | :page-size="pageData.size" | 24 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
| 25 | @sort-change="handleSort" | 25 | :column="tableData.columns" :data="tableData.data"> |
| 26 | :current-page.sync="pageData.current" | ||
| 27 | :total="pageData.total" | ||
| 28 | @selection-change="handleSelectionChange" | ||
| 29 | @size-change="handleSizeChange" | ||
| 30 | @p-current-change="handleCurrentChange" | ||
| 31 | :column="tableData.columns" | ||
| 32 | :data="tableData.data" | ||
| 33 | > | ||
| 34 | </lb-table> | 26 | </lb-table> |
| 35 | </div> | 27 | </div> |
| 36 | </div> | 28 | </div> |
| ... | @@ -42,10 +34,10 @@ export default { | ... | @@ -42,10 +34,10 @@ export default { |
| 42 | name: "sqcxjl", | 34 | name: "sqcxjl", |
| 43 | components: {}, | 35 | components: {}, |
| 44 | mixins: [table], | 36 | mixins: [table], |
| 45 | mounted() { | 37 | mounted () { |
| 46 | sendThis(this); | 38 | sendThis(this); |
| 47 | }, | 39 | }, |
| 48 | data() { | 40 | data () { |
| 49 | return { | 41 | return { |
| 50 | queryForm: { | 42 | queryForm: { |
| 51 | ywly: "", | 43 | ywly: "", |
| ... | @@ -60,15 +52,15 @@ export default { | ... | @@ -60,15 +52,15 @@ export default { |
| 60 | }, | 52 | }, |
| 61 | 53 | ||
| 62 | ywlys: datas.ywlys(), | 54 | ywlys: datas.ywlys(), |
| 63 | 55 | ||
| 64 | tableData: { | 56 | tableData: { |
| 65 | columns: datas.columns(), | 57 | columns: datas.columns(), |
| 66 | data: [ | 58 | data: [ |
| 67 | { | 59 | { |
| 68 | slsj: "2022-5-12", | 60 | cxbm: "111111111111", |
| 69 | }, | 61 | }, |
| 70 | { | 62 | { |
| 71 | slsj: "2022-5-13", | 63 | cxbm: "222222222222222", |
| 72 | }, | 64 | }, |
| 73 | ], | 65 | ], |
| 74 | }, | 66 | }, |
| ... | @@ -76,11 +68,11 @@ export default { | ... | @@ -76,11 +68,11 @@ export default { |
| 76 | }, | 68 | }, |
| 77 | methods: { | 69 | methods: { |
| 78 | // 初始化数据 | 70 | // 初始化数据 |
| 79 | fetchData() {}, | 71 | fetchData () { }, |
| 80 | handleSort(name, sort) { | 72 | handleSort (name, sort) { |
| 81 | console.log(name, sort); | 73 | console.log(name, sort); |
| 82 | }, | 74 | }, |
| 83 | openDialog() { | 75 | openDialog () { |
| 84 | console.log(999999999999999); | 76 | console.log(999999999999999); |
| 85 | }, | 77 | }, |
| 86 | }, | 78 | }, | ... | ... |
| ... | @@ -16,72 +16,53 @@ class data extends filter { | ... | @@ -16,72 +16,53 @@ class data extends filter { |
| 16 | width: '50' | 16 | width: '50' |
| 17 | }, | 17 | }, |
| 18 | { | 18 | { |
| 19 | prop: "ywly", | 19 | prop: "cxly", |
| 20 | label: "业务来源", | 20 | label: "查询来源", |
| 21 | }, | 21 | }, |
| 22 | { | 22 | { |
| 23 | prop: "lczt", | 23 | prop: "cxlx", |
| 24 | label: "流程状态", | 24 | label: "查询类型", |
| 25 | }, | 25 | }, |
| 26 | { | 26 | { |
| 27 | prop: "zbhj", | 27 | label: "查询编号", |
| 28 | label: "在办环节", | 28 | render: (h, scope) => { |
| 29 | }, | 29 | return <el-button onClick={() => { vm.openDialog(scope) }} type="text">{scope.row.cxbm}</el-button> |
| 30 | { | 30 | } |
| 31 | prop: "ywh", | ||
| 32 | label: "业务号", | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: "sqywmc", | ||
| 36 | label: "申请业务名称", | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | prop: "qlr", | ||
| 40 | label: "权利人", | ||
| 41 | }, | 31 | }, |
| 42 | { | 32 | { |
| 43 | prop: "ywr", | 33 | prop: "cxsj", |
| 44 | label: "义务人", | 34 | label: "查询时间", |
| 45 | }, | 35 | }, |
| 46 | { | 36 | { |
| 47 | prop: "zl", | 37 | prop: "slry", |
| 48 | label: "坐落", | 38 | label: "受理人员", |
| 49 | }, | 39 | }, |
| 50 | { | 40 | { |
| 51 | prop: "slsj", | 41 | prop: "sqr", |
| 52 | label: "受理时间", | 42 | label: "申请人", |
| 53 | sortable: 'custom' | ||
| 54 | }, | 43 | }, |
| 55 | { | 44 | { |
| 56 | prop: "slry", | 45 | prop: "yqlrgx", |
| 57 | label: "受理人员", | 46 | label: "与权利人的关系", |
| 58 | }, | 47 | }, |
| 59 | { | 48 | { |
| 60 | prop: "zrsj", | 49 | prop: "qlr", |
| 61 | label: "转入时间", | 50 | label: "权利人", |
| 62 | sortable: 'custom' | ||
| 63 | }, | 51 | }, |
| 64 | { | 52 | { |
| 65 | label: '操作', | 53 | prop: "xcyt", |
| 66 | width: '80', | 54 | label: "查询用途", |
| 67 | align: 'center', | ||
| 68 | fixed: 'right', | ||
| 69 | render: (h, scope) => { | ||
| 70 | return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button> | ||
| 71 | } | ||
| 72 | } | 55 | } |
| 73 | ] | 56 | ] |
| 74 | } | 57 | } |
| 75 | 58 | ywlys () { | |
| 76 | ywlys(){ | 59 | return [ |
| 77 | return[ | ||
| 78 | { value: 1, label: "办事大厅" }, | 60 | { value: 1, label: "办事大厅" }, |
| 79 | { value: 2, label: "微信小程序" }, | 61 | { value: 2, label: "微信小程序" }, |
| 80 | { value: 3, label: "法院端" }, | 62 | { value: 3, label: "法院端" }, |
| 81 | { value: 4, label: "银行端" }, | 63 | { value: 4, label: "银行端" }, |
| 82 | ] | 64 | ] |
| 83 | } | 65 | } |
| 84 | |||
| 85 | } | 66 | } |
| 86 | let datas = new data() | 67 | let datas = new data() |
| 87 | export { | 68 | export { | ... | ... |
-
Please register or sign in to post a comment