Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e838bfde by 任超
Options

style：业务办理

1 parent 5cdcc043
Inline Side-by-side
Showing 6 changed files with 45 additions and 13 deletions
...@@ -18,7 +18,8 @@ ...@@ -18,7 +18,8 @@
18 display: flex; 18 display: flex;
19 font-size: 12px; 19 font-size: 12px;
20 flex-wrap: wrap; 20 flex-wrap: wrap;
21 padding-top: 10px; 21 padding-top: 5px;
22 height: 30px;
22 23
23 span { 24 span {
24 display: flex; 25 display: flex;
......
...@@ -20,21 +20,18 @@ export default { ...@@ -20,21 +20,18 @@ export default {
20 handleSizeChange (val) { 20 handleSizeChange (val) {
21 this.pageData.currentPage = 1 21 this.pageData.currentPage = 1
22 this.pageData.pageSize = val 22 this.pageData.pageSize = val
23 if (this.fetchData) {
24 this.fetchData()
25 }
26 if (this.queryClick) {
27 this.queryClick() 23 this.queryClick()
28 }
29 }, 24 },
30 handleCurrentChange (val) { 25 handleCurrentChange (val) {
31 this.pageData.currentPage = val 26 this.pageData.currentPage = val
32 if (this.fetchData) { 27 if (this.fetchData) {
33 this.fetchData() 28 this.fetchData()
34 } 29 }
30 console.log('this.queryClick,', this.queryClick, 'this.fetchData', this.fetchData);
35 if (this.queryClick) { 31 if (this.queryClick) {
36 this.queryClick() 32 this.queryClick()
37 } 33 }
34 console.log(val, this.pageData.currentPage, 'this.pageDatathis.pageData');
38 }, 35 },
39 handleDel () { 36 handleDel () {
40 let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize) 37 let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize)
......
...@@ -2,7 +2,8 @@ export default { ...@@ -2,7 +2,8 @@ export default {
2 data () { 2 data () {
3 return { 3 return {
4 isSearch: false, 4 isSearch: false,
5 searchList: [] 5 searchList: [],
6 otherForm: {}
6 } 7 }
7 }, 8 },
8 methods: { 9 methods: {
...@@ -10,14 +11,24 @@ export default { ...@@ -10,14 +11,24 @@ export default {
10 this.isSearch = true 11 this.isSearch = true
11 }, 12 },
12 getSearch (val) { 13 getSearch (val) {
14 console.log(val, 222222222222);
15 this.otherForm = val
13 let obj = { ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' } 16 let obj = { ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
14 this.searchList = Object.entries(val).map((item) => { 17 this.searchList = Object.entries({ ...this.searchForm, ...val }).map((item) => {
15 const [name, value] = item 18 const [name, value] = item
16 if (value) return { name: obj[name], value } 19 if (value) return { name: obj[name], value }
17 }).filter(Boolean) 20 }).filter(Boolean)
18 }, 21 },
19 hanldeCleanAll () { 22 hanldeCleanAll () {
23 this.searchForm = {}
24 this.queryForm = {
25 ywly: "",
26 qllx: "",
27 djlx: "",
28 ywh: ""
29 }
20 this.searchList = [] 30 this.searchList = []
31 this.queryClick()
21 } 32 }
22 } 33 }
23 } 34 }
......
...@@ -71,8 +71,9 @@ export default { ...@@ -71,8 +71,9 @@ export default {
71 }, 71 },
72 submitForm () { 72 submitForm () {
73 this.$emit('getSearch', this.ruleForm) 73 this.$emit('getSearch', this.ruleForm)
74 this.$refs['ruleForm'].resetFields() 74 console.log(this.ruleForm);
75 this.$emit('input', false) 75 this.$emit('input', false)
76 this.$refs['ruleForm'].resetFields()
76 } 77 }
77 } 78 }
78 } 79 }
......
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
5 <el-row> 5 <el-row>
6 <el-col :span="5"> 6 <el-col :span="5">
7 <el-form-item label="业务来源"> 7 <el-form-item label="业务来源">
8 <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源"> 8 <el-select v-model="queryForm.ywly" class="width100" filterable
9 @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源">
9 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
10 </el-option> 11 </el-option>
11 </el-select> 12 </el-select>
...@@ -13,7 +14,8 @@ ...@@ -13,7 +14,8 @@
13 </el-col> 14 </el-col>
14 <el-col :span="5"> 15 <el-col :span="5">
15 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
16 <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型"> 17 <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')"
18 filterable clearable placeholder="请选择权利类型">
17 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 19 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
18 </el-option> 20 </el-option>
19 </el-select> 21 </el-select>
...@@ -21,7 +23,8 @@ ...@@ -21,7 +23,8 @@
21 </el-col> 23 </el-col>
22 <el-col :span="5"> 24 <el-col :span="5">
23 <el-form-item label="登记类型"> 25 <el-form-item label="登记类型">
24 <el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型"> 26 <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')"
27 filterable clearable placeholder="请选择登记类型">
25 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 28 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
26 </el-option> 29 </el-option>
27 </el-select> 30 </el-select>
...@@ -86,6 +89,12 @@ export default { ...@@ -86,6 +89,12 @@ export default {
86 djlx: "", 89 djlx: "",
87 ywh: "", 90 ywh: "",
88 }, 91 },
92 searchForm: {
93 ywlymc: '',
94 qllxmc: '',
95 djlxmc: '',
96 ywh: ''
97 },
89 tableData: { 98 tableData: {
90 total: 0, 99 total: 0,
91 columns: datas.columns(), 100 columns: datas.columns(),
...@@ -105,9 +114,19 @@ export default { ...@@ -105,9 +114,19 @@ export default {
105 } 114 }
106 }, 115 },
107 methods: { 116 methods: {
117 handleSelect (bs, mc, code) {
118 let that = this
119 this.dictData[bs].forEach(item => {
120 if (item.dcode == this.queryForm[code]) {
121 this.searchForm[mc] = item.dname
122 }
123 })
124 },
108 // 列表渲染接口 125 // 列表渲染接口
109 queryClick () { 126 queryClick () {
110 this.$startLoading() 127 this.$startLoading()
128 this.searchForm.ywh = this.queryForm.ywh
129 this.getSearch()
111 searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => { 130 searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
112 this.$endLoading() 131 this.$endLoading()
113 if (res.code === 200) { 132 if (res.code === 200) {
...@@ -125,8 +144,8 @@ export default { ...@@ -125,8 +144,8 @@ export default {
125 } 144 }
126 }) 145 })
127 }, 146 },
147
128 handelItem (index) { 148 handelItem (index) {
129 console.log(index);
130 this.searchList.splice(index, 1) 149 this.searchList.splice(index, 1)
131 }, 150 },
132 handleSort (val) { 151 handleSort (val) {
......
...@@ -82,6 +82,9 @@ export default { ...@@ -82,6 +82,9 @@ export default {
82 closeDialog () { 82 closeDialog () {
83 this.$emit("closeDialog"); 83 this.$emit("closeDialog");
84 }, 84 },
85 queryClick () {
86 this.fetchData()
87 },
85 fetchData () { 88 fetchData () {
86 this.queryForm.sqywbm = this.djywbm; 89 this.queryForm.sqywbm = this.djywbm;
87 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { 90 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......