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