feat;申请业务规则
Showing
6 changed files
with
63 additions
and
50 deletions
| ... | @@ -6,8 +6,8 @@ import request from '@/utils/request' | ... | @@ -6,8 +6,8 @@ import request from '@/utils/request' | 
| 6 | export function getSysSqdjywBysearch (data) { | 6 | export function getSysSqdjywBysearch (data) { | 
| 7 | return request({ | 7 | return request({ | 
| 8 | url: '/system/sysSqdjyw/getSysSqdjywBysearch', | 8 | url: '/system/sysSqdjyw/getSysSqdjywBysearch', | 
| 9 | method: 'get', | 9 | method: 'post', | 
| 10 | params: data | 10 | data | 
| 11 | }) | 11 | }) | 
| 12 | } | 12 | } | 
| 13 | 13 | ... | ... | 
| ... | @@ -14,6 +14,16 @@ | ... | @@ -14,6 +14,16 @@ | 
| 14 | border: 1px solid #e8edf3; | 14 | border: 1px solid #e8edf3; | 
| 15 | } | 15 | } | 
| 16 | 16 | ||
| 17 | &-header { | ||
| 18 | .el-select { | ||
| 19 | width: 200px; | ||
| 20 | } | ||
| 21 | |||
| 22 | .el-input { | ||
| 23 | width: 200px; | ||
| 24 | } | ||
| 25 | } | ||
| 26 | |||
| 17 | &-content { | 27 | &-content { | 
| 18 | width: 100%; | 28 | width: 100%; | 
| 19 | padding: 10px; | 29 | padding: 10px; | 
| ... | @@ -33,11 +43,12 @@ | ... | @@ -33,11 +43,12 @@ | 
| 33 | } | 43 | } | 
| 34 | } | 44 | } | 
| 35 | 45 | ||
| 36 | .el-form-item--small.el-form-item{ | 46 | .el-form-item--small.el-form-item { | 
| 37 | margin-bottom: 15px; | 47 | margin-bottom: 15px; | 
| 38 | 48 | ||
| 39 | } | 49 | } | 
| 40 | } | 50 | } | 
| 51 | |||
| 41 | //*****end*通用表单查询条件,列表样式******// | 52 | //*****end*通用表单查询条件,列表样式******// | 
| 42 | 53 | ||
| 43 | 54 | ... | ... | 
| 1 | export default { | 1 | export default { | 
| 2 | methods: { | 2 | data () { | 
| 3 | handleSelectionChange (val) { | 3 | return { | 
| 4 | console.log(val); | 4 | pageData: { | 
| 5 | currentPage: 1, | ||
| 6 | pageSize: 10 | ||
| 7 | } | ||
| 8 | } | ||
| 9 | }, | ||
| 10 | created () { | ||
| 11 | this.fetchData() | ||
| 5 | }, | 12 | }, | 
| 13 | methods: { | ||
| 6 | handleSizeChange (val) { | 14 | handleSizeChange (val) { | 
| 7 | console.log(val); | 15 | this.pageData.currentPage = 1 | 
| 16 | this.pageData.pageSize = val | ||
| 17 | this.fetchData() | ||
| 8 | }, | 18 | }, | 
| 9 | handleCurrentChange (val) { | 19 | handleCurrentChange (val) { | 
| 10 | console.log(val); | 20 | this.pageData.currentPage = val | 
| 11 | }, | 21 | this.fetchData() | 
| 22 | } | ||
| 12 | } | 23 | } | 
| 13 | } | 24 | } | ... | ... | 
| ... | @@ -14,16 +14,13 @@ | ... | @@ -14,16 +14,13 @@ | 
| 14 | </el-col> | 14 | </el-col> | 
| 15 | <el-col :span="6"> | 15 | <el-col :span="6"> | 
| 16 | <el-form-item label="登记业务编码"> | 16 | <el-form-item label="登记业务编码"> | 
| 17 | <el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable class="width200px"> | 17 | <el-input placeholder="请输入登记业务编码" v-model="queryForm.djywbm" clearable> | 
| 18 | </el-input> | 18 | </el-input> | 
| 19 | </el-form-item> | 19 | </el-form-item> | 
| 20 | </el-col> | 20 | </el-col> | 
| 21 | <el-col :span="6"> | 21 | <el-col :span="12" class="btnCol"> | 
| 22 | </el-col> | ||
| 23 | |||
| 24 | <el-col :span="6" class="btnCol"> | ||
| 25 | <el-form-item> | 22 | <el-form-item> | 
| 26 | <el-button type="primary" @click="queryClick()">查询</el-button> | 23 | <el-button type="primary" @click="fetchData()">查询</el-button> | 
| 27 | <el-button @click="moreQueryClick()">高级查询</el-button> | 24 | <el-button @click="moreQueryClick()">高级查询</el-button> | 
| 28 | </el-form-item> | 25 | </el-form-item> | 
| 29 | </el-col> | 26 | </el-col> | 
| ... | @@ -32,18 +29,19 @@ | ... | @@ -32,18 +29,19 @@ | 
| 32 | </div> | 29 | </div> | 
| 33 | <!-- 表格 --> | 30 | <!-- 表格 --> | 
| 34 | <div class="from-clues-content"> | 31 | <div class="from-clues-content"> | 
| 35 | <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" | 32 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" | 
| 36 | :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange" | 33 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 
| 37 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 34 | :data="tableData.data"> | 
| 38 | </lb-table> | 35 | </lb-table> | 
| 39 | </div> | 36 | </div> | 
| 40 | <editDialog v-model="isDialog" /> | 37 | <editDialog v-model="isDialog" /> | 
| 41 | </div> | 38 | </div> | 
| 42 | </template> | 39 | </template> | 
| 43 | <script> | 40 | <script> | 
| 44 | import table from "@/utils/mixin/table"; | 41 | import table from "@/utils/mixin/table" | 
| 45 | import editDialog from "./components/editDialog.vue" | 42 | import editDialog from "./components/editDialog.vue" | 
| 46 | import { datas, sendThis } from "./sqywgzdata"; | 43 | import { datas, sendThis } from "./sqywgzdata" | 
| 44 | import { getSysSqdjywBysearch } from "@/api/sqywgz.js" | ||
| 47 | export default { | 45 | export default { | 
| 48 | name: "djbcx", | 46 | name: "djbcx", | 
| 49 | components: { | 47 | components: { | 
| ... | @@ -60,32 +58,28 @@ export default { | ... | @@ -60,32 +58,28 @@ export default { | 
| 60 | qllx: "", | 58 | qllx: "", | 
| 61 | djywbm: "", | 59 | djywbm: "", | 
| 62 | }, | 60 | }, | 
| 63 | pageData: { | ||
| 64 | current: 1, | ||
| 65 | size: 10, | ||
| 66 | total: 2, | ||
| 67 | }, | ||
| 68 | |||
| 69 | ywlys: datas.ywlys(), | 61 | ywlys: datas.ywlys(), | 
| 70 | |||
| 71 | tableData: { | 62 | tableData: { | 
| 63 | total: 0, | ||
| 72 | columns: datas.columns(), | 64 | columns: datas.columns(), | 
| 73 | data: [ | 65 | data: [ | 
| 74 | { | 66 | { | 
| 75 | slsj: "2022-5-12", | 67 | slsj: "2022-5-12", | 
| 76 | }, | 68 | } | 
| 77 | { | 69 | ] | 
| 78 | slsj: "2022-5-13", | 70 | } | 
| 79 | }, | 71 | } | 
| 80 | ], | ||
| 81 | }, | ||
| 82 | }; | ||
| 83 | }, | 72 | }, | 
| 84 | methods: { | 73 | methods: { | 
| 85 | // 初始化数据 | 74 | // 初始化数据 | 
| 86 | fetchData () { }, | 75 | fetchData () { | 
| 87 | handleSort (name, sort) { | 76 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => { | 
| 88 | console.log(name, sort); | 77 | if (res.code === 200) { | 
| 78 | let { total, records } = res.result | ||
| 79 | this.tableData.total = total | ||
| 80 | this.tableData.data = records | ||
| 81 | } | ||
| 82 | }) | ||
| 89 | }, | 83 | }, | 
| 90 | editClick () { | 84 | editClick () { | 
| 91 | this.isDialog = true | 85 | this.isDialog = true | ... | ... | 
| ... | @@ -13,18 +13,15 @@ class data extends filter { | ... | @@ -13,18 +13,15 @@ class data extends filter { | 
| 13 | { | 13 | { | 
| 14 | label: '序号', | 14 | label: '序号', | 
| 15 | type: 'index', | 15 | type: 'index', | 
| 16 | width: '50' | 16 | width: '50', | 
| 17 | render: (h, scope) => { | ||
| 18 | return ( | ||
| 19 | <div> | ||
| 20 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 21 | </div> | ||
| 22 | ) | ||
| 23 | } | ||
| 17 | }, | 24 | }, | 
| 18 | // { | ||
| 19 | // label: "权属状态", | ||
| 20 | // render: (h, scope) => { | ||
| 21 | // return ( | ||
| 22 | // <div> | ||
| 23 | // <span>{scope.row.qszt}</span> | ||
| 24 | // </div> | ||
| 25 | // ) | ||
| 26 | // } | ||
| 27 | // }, | ||
| 28 | { | 25 | { | 
| 29 | prop: "sqfl", | 26 | prop: "sqfl", | 
| 30 | label: "申请分类", | 27 | label: "申请分类", | 
| ... | @@ -66,7 +63,7 @@ class data extends filter { | ... | @@ -66,7 +63,7 @@ class data extends filter { | 
| 66 | render: (h, scope) => { | 63 | render: (h, scope) => { | 
| 67 | return ( | 64 | return ( | 
| 68 | <div> | 65 | <div> | 
| 69 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick (scope) }}>修改</el-button> | 66 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button> | 
| 70 | </div> | 67 | </div> | 
| 71 | ) | 68 | ) | 
| 72 | } | 69 | } | ... | ... | 
- 
Please register or sign in to post a comment
