1
Showing
3 changed files
with
55 additions
and
24 deletions
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | <el-input | 14 | <el-input |
| 15 | placeholder="请输入编号" | 15 | placeholder="请输入编号" |
| 16 | v-model="queryForm.cxbh" | 16 | v-model="queryForm.cxbh" |
| 17 | class="width200px" | 17 | class="width100" |
| 18 | clearable | 18 | clearable |
| 19 | @clear="queryClick()" | 19 | @clear="queryClick()" |
| 20 | > | 20 | > |
| ... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
| 26 | <el-input | 26 | <el-input |
| 27 | placeholder="请输入申请人" | 27 | placeholder="请输入申请人" |
| 28 | v-model="queryForm.sqr" | 28 | v-model="queryForm.sqr" |
| 29 | class="width200px" | 29 | class="width100" |
| 30 | @clear="queryClick()" | 30 | @clear="queryClick()" |
| 31 | clearable | 31 | clearable |
| 32 | > | 32 | > | ... | ... |
| ... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
| 16 | @clear="queryClick()" | 16 | @clear="queryClick()" |
| 17 | v-model="queryForm.cxbh" | 17 | v-model="queryForm.cxbh" |
| 18 | clearable | 18 | clearable |
| 19 | class="width200px" | 19 | class="width100" |
| 20 | > | 20 | > |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| ... | @@ -28,7 +28,7 @@ | ... | @@ -28,7 +28,7 @@ |
| 28 | @clear="queryClick()" | 28 | @clear="queryClick()" |
| 29 | v-model="queryForm.sqr" | 29 | v-model="queryForm.sqr" |
| 30 | clearable | 30 | clearable |
| 31 | class="width200px" | 31 | class="width100" |
| 32 | > | 32 | > |
| 33 | </el-input> | 33 | </el-input> |
| 34 | </el-form-item> | 34 | </el-form-item> | ... | ... |
| ... | @@ -2,23 +2,45 @@ | ... | @@ -2,23 +2,45 @@ |
| 2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
| 3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> | 5 | <el-form |
| 6 | :model="queryForm" | ||
| 7 | ref="queryForm" | ||
| 8 | @submit.native.prevent | ||
| 9 | label-width="70px" | ||
| 10 | > | ||
| 6 | <el-row> | 11 | <el-row> |
| 7 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 8 | <el-form-item label="查询编号"> | 13 | <el-form-item label="查询编号"> |
| 9 | <el-input placeholder="请输入编号" @clear="queryClick()" v-model="queryForm.cxbh" class="width200px" clearable> | 14 | <el-input |
| 15 | placeholder="请输入编号" | ||
| 16 | @clear="queryClick()" | ||
| 17 | v-model="queryForm.cxbh" | ||
| 18 | class="width100" | ||
| 19 | clearable | ||
| 20 | > | ||
| 10 | </el-input> | 21 | </el-input> |
| 11 | </el-form-item> | 22 | </el-form-item> |
| 12 | </el-col> | 23 | </el-col> |
| 13 | <el-col :span="5"> | 24 | <el-col :span="5"> |
| 14 | <el-form-item label="申请人"> | 25 | <el-form-item label="申请人"> |
| 15 | <el-input placeholder="请输入申请人" @clear="queryClick()" v-model="queryForm.sqr" class="width200px" clearable> | 26 | <el-input |
| 27 | placeholder="请输入申请人" | ||
| 28 | @clear="queryClick()" | ||
| 29 | v-model="queryForm.sqr" | ||
| 30 | class="width100" | ||
| 31 | clearable | ||
| 32 | > | ||
| 16 | </el-input> | 33 | </el-input> |
| 17 | </el-form-item> | 34 | </el-form-item> |
| 18 | </el-col> | 35 | </el-col> |
| 19 | <el-col :span="14" class="btnColRight"> | 36 | <el-col :span="14" class="btnColRight"> |
| 20 | <el-form-item> | 37 | <el-form-item> |
| 21 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 38 | <el-button |
| 39 | type="primary" | ||
| 40 | native-type="submit" | ||
| 41 | @click="queryClick()" | ||
| 42 | >查询</el-button | ||
| 43 | > | ||
| 22 | <el-button @click="moreQueryClick()">高级查询</el-button> | 44 | <el-button @click="moreQueryClick()">高级查询</el-button> |
| 23 | </el-form-item> | 45 | </el-form-item> |
| 24 | </el-col> | 46 | </el-col> |
| ... | @@ -27,9 +49,18 @@ | ... | @@ -27,9 +49,18 @@ |
| 27 | </div> | 49 | </div> |
| 28 | <!-- 表格 --> | 50 | <!-- 表格 --> |
| 29 | <div class="from-clues-content" id="divcontentid"> | 51 | <div class="from-clues-content" id="divcontentid"> |
| 30 | <lb-table :page-size="pageData.size" border id="sqcxjl" @sort-change="handleSort" | 52 | <lb-table |
| 31 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 53 | :page-size="pageData.size" |
| 32 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 54 | border |
| 55 | id="sqcxjl" | ||
| 56 | @sort-change="handleSort" | ||
| 57 | :current-page.sync="pageData.current" | ||
| 58 | :total="tableData.total" | ||
| 59 | @size-change="handleSizeChange" | ||
| 60 | @p-current-change="handleCurrentChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 33 | </lb-table> | 64 | </lb-table> |
| 34 | </div> | 65 | </div> |
| 35 | </div> | 66 | </div> |
| ... | @@ -41,10 +72,10 @@ import { getJtfcPage } from "@/api/jtfc"; | ... | @@ -41,10 +72,10 @@ import { getJtfcPage } from "@/api/jtfc"; |
| 41 | export default { | 72 | export default { |
| 42 | name: "sqcxjl", | 73 | name: "sqcxjl", |
| 43 | mixins: [table], | 74 | mixins: [table], |
| 44 | mounted () { | 75 | mounted() { |
| 45 | sendThis(this); | 76 | sendThis(this); |
| 46 | }, | 77 | }, |
| 47 | data () { | 78 | data() { |
| 48 | return { | 79 | return { |
| 49 | queryForm: { | 80 | queryForm: { |
| 50 | cxbh: "", | 81 | cxbh: "", |
| ... | @@ -58,12 +89,12 @@ export default { | ... | @@ -58,12 +89,12 @@ export default { |
| 58 | }; | 89 | }; |
| 59 | }, | 90 | }, |
| 60 | methods: { | 91 | methods: { |
| 61 | queryClick () { | 92 | queryClick() { |
| 62 | this.fetchData(); | 93 | this.fetchData(); |
| 63 | }, | 94 | }, |
| 64 | // 初始化数据 | 95 | // 初始化数据 |
| 65 | fetchData () { | 96 | fetchData() { |
| 66 | this.$startLoading('divcontentid'); | 97 | this.$startLoading("divcontentid"); |
| 67 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 98 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 68 | this.$endLoading(); | 99 | this.$endLoading(); |
| 69 | if (res.code === 200) { | 100 | if (res.code === 200) { |
| ... | @@ -73,23 +104,23 @@ export default { | ... | @@ -73,23 +104,23 @@ export default { |
| 73 | } | 104 | } |
| 74 | }); | 105 | }); |
| 75 | }, | 106 | }, |
| 76 | handleSort (name, sort) { | 107 | handleSort(name, sort) { |
| 77 | console.log(name, sort); | 108 | console.log(name, sort); |
| 78 | }, | 109 | }, |
| 79 | // 查看 | 110 | // 查看 |
| 80 | handleViewClick (scope) { | 111 | handleViewClick(scope) { |
| 81 | var sqcxBsm = scope.row.bsmSqcx; | 112 | var sqcxBsm = scope.row.bsmSqcx; |
| 82 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | 113 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { |
| 83 | height: "800px", | 114 | height: "800px", |
| 84 | formData: { | 115 | formData: { |
| 85 | sqcxBsm: sqcxBsm, | 116 | sqcxBsm: sqcxBsm, |
| 86 | }, | 117 | }, |
| 87 | cancel: function () { }, //取消事件的回调 | 118 | cancel: function () {}, //取消事件的回调 |
| 88 | confirm: function () { } | 119 | confirm: function () {}, |
| 89 | }) | 120 | }); |
| 90 | } | 121 | }, |
| 91 | } | 122 | }, |
| 92 | } | 123 | }; |
| 93 | </script> | 124 | </script> |
| 94 | <style scoped lang="scss"> | 125 | <style scoped lang="scss"> |
| 95 | @import "~@/styles/public.scss"; | 126 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment