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