style:已办箱
Showing
14 changed files
with
393 additions
and
350 deletions
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 14:09:11 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
5 | <el-form :model="ruleForm" label-width="80px"> | 10 | <el-form :model="ruleForm" label-width="80px"> |
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 ></el-input> | 14 | <el-input></el-input> |
10 | </el-form-item> | 15 | </el-form-item> |
11 | </el-col> | 16 | </el-col> |
12 | <el-col :span="19" class="btnColRight"> | 17 | <el-col :span="19" class="btnColRight"> |
13 | <el-form-item> | 18 | <el-form-item> |
14 | <el-button type="primary" native-type="submit" >查询</el-button> | 19 | <el-button type="primary" native-type="submit">查询</el-button> |
15 | </el-form-item> | 20 | </el-form-item> |
16 | </el-col> | 21 | </el-col> |
17 | </el-row> | 22 | </el-row> |
18 | </el-form> | 23 | </el-form> |
19 | </div> | ||
20 | <!-- 表格 --> | ||
21 | </div> | 24 | </div> |
22 | </template> | 25 | <!-- 表格 --> |
26 | </div> | ||
27 | </template> | ||
23 | <script> | 28 | <script> |
24 | import table from "@/utils/mixin/table"; | 29 | import table from "@/utils/mixin/table"; |
25 | export default { | 30 | export default { |
26 | name: "gxhpz", | 31 | name: "gxhpz", |
27 | components: { }, | 32 | components: {}, |
28 | mixins: [table], | 33 | mixins: [table], |
29 | mounted () { | 34 | mounted () { |
30 | }, | 35 | }, |
... | @@ -40,5 +45,5 @@ | ... | @@ -40,5 +45,5 @@ |
40 | </script> | 45 | </script> |
41 | <style scoped lang="scss"> | 46 | <style scoped lang="scss"> |
42 | @import "~@/styles/public.scss"; | 47 | @import "~@/styles/public.scss"; |
43 | </style> | 48 | </style> |
44 | 49 | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 14:09:29 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -31,50 +36,50 @@ | ... | @@ -31,50 +36,50 @@ |
31 | </div> | 36 | </div> |
32 | </template> | 37 | </template> |
33 | <script> | 38 | <script> |
34 | import { mapGetters } from 'vuex' | 39 | import { mapGetters } from 'vuex' |
35 | import { sysSqywmbszSearch } from '@/api/sysSqywmbsz' | 40 | import { sysSqywmbszSearch } from '@/api/sysSqywmbsz' |
36 | import table from "@/utils/mixin/table" | 41 | import table from "@/utils/mixin/table" |
37 | import { datas, sendThis } from "./qtjfjmb" | 42 | import { datas, sendThis } from "./qtjfjmb" |
38 | export default { | 43 | export default { |
39 | name: "qtjfjmb", | 44 | name: "qtjfjmb", |
40 | mixins: [table], | 45 | mixins: [table], |
41 | mounted () { | 46 | mounted () { |
42 | sendThis(this); | 47 | sendThis(this); |
43 | this.queryClick() | 48 | this.queryClick() |
44 | }, | ||
45 | computed: { | ||
46 | ...mapGetters(['dictData']) | ||
47 | }, | ||
48 | data () { | ||
49 | return { | ||
50 | queryForm: { | ||
51 | qllx: "" | ||
52 | }, | ||
53 | tableData: { | ||
54 | total: 0, | ||
55 | columns: datas.columns(), | ||
56 | data: [] | ||
57 | }, | ||
58 | bsmMb: '' | ||
59 | } | ||
60 | }, | ||
61 | methods: { | ||
62 | // 初始化数据 | ||
63 | queryClick () { | ||
64 | this.$startLoading(); | ||
65 | sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => { | ||
66 | this.$endLoading(); | ||
67 | let { records, total } = res.result | ||
68 | this.tableData.data = records ? records : [] | ||
69 | this.tableData.total = total ? total : 0 | ||
70 | }) | ||
71 | }, | 49 | }, |
72 | editClick (row) { | 50 | computed: { |
73 | this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') | 51 | ...mapGetters(['dictData']) |
52 | }, | ||
53 | data () { | ||
54 | return { | ||
55 | queryForm: { | ||
56 | qllx: "" | ||
57 | }, | ||
58 | tableData: { | ||
59 | total: 0, | ||
60 | columns: datas.columns(), | ||
61 | data: [] | ||
62 | }, | ||
63 | bsmMb: '' | ||
64 | } | ||
65 | }, | ||
66 | methods: { | ||
67 | // 初始化数据 | ||
68 | queryClick () { | ||
69 | this.$startLoading(); | ||
70 | sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => { | ||
71 | this.$endLoading(); | ||
72 | let { records, total } = res.result | ||
73 | this.tableData.data = records ? records : [] | ||
74 | this.tableData.total = total ? total : 0 | ||
75 | }) | ||
76 | }, | ||
77 | editClick (row) { | ||
78 | this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') | ||
79 | } | ||
74 | } | 80 | } |
75 | } | 81 | } |
76 | } | ||
77 | </script> | 82 | </script> |
78 | <style scoped lang="scss"> | 83 | <style scoped lang="scss"> |
79 | @import "~@/styles/public.scss"; | 84 | @import "~@/styles/public.scss"; |
80 | </style> | 85 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | 功能:单元状态设定 | 2 | * @Description: 单元状态设定 |
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 14:10:44 | ||
3 | --> | 5 | --> |
4 | <template> | 6 | <template> |
5 | <div class='该组件名称'> | 7 | <div class='该组件名称'> |
... | @@ -48,108 +50,108 @@ | ... | @@ -48,108 +50,108 @@ |
48 | </div> | 50 | </div> |
49 | </template> | 51 | </template> |
50 | <script> | 52 | <script> |
51 | export default { | 53 | export default { |
52 | props: { | 54 | props: { |
53 | ruleForm: { | 55 | ruleForm: { |
54 | type: Object, default: {} | 56 | type: Object, default: {} |
57 | }, | ||
58 | subData: { | ||
59 | type: Object, default: () => { | ||
60 | return {} | ||
61 | } | ||
62 | } | ||
55 | }, | 63 | }, |
56 | subData: { | 64 | data () { |
57 | type: Object, default: () => { | 65 | return { |
58 | return {} | 66 | dataList: { |
67 | sxql: [], | ||
68 | sxzt: [] | ||
69 | } | ||
59 | } | 70 | } |
60 | } | 71 | }, |
61 | }, | 72 | watch: { |
62 | data () { | ||
63 | return { | ||
64 | dataList: { | 73 | dataList: { |
65 | sxql: [], | 74 | handler (newValue, oldValue) { |
66 | sxzt: [] | 75 | this.$emit('updateValue', newValue) |
67 | } | 76 | }, |
68 | } | 77 | deep: true |
69 | }, | 78 | }, |
70 | watch: { | 79 | subData: { |
71 | dataList: { | 80 | handler (newValue, oldValue) { |
72 | handler (newValue, oldValue) { | 81 | if (!_.isEqual(newValue.sxql, this.dataList.sxql)) { |
73 | this.$emit('updateValue', newValue) | 82 | this.dataList.sxql = _.cloneDeep(newValue.sxql) |
83 | } | ||
84 | if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) { | ||
85 | this.dataList.sxzt = _.cloneDeep(newValue.sxzt) | ||
86 | } | ||
87 | }, | ||
88 | deep: true | ||
74 | }, | 89 | }, |
75 | deep: true | ||
76 | }, | 90 | }, |
77 | subData: { | 91 | methods: { |
78 | handler (newValue, oldValue) { | 92 | handleSelect (item) { |
79 | if (!_.isEqual(newValue.sxql, this.dataList.sxql)) { | 93 | if (item.checked) { |
80 | this.dataList.sxql = _.cloneDeep(newValue.sxql) | 94 | item.selected = '0' |
81 | } | ||
82 | if (!_.isEqual(newValue.sxzt, this.dataList.sxzt)) { | ||
83 | this.dataList.sxzt = _.cloneDeep(newValue.sxzt) | ||
84 | } | 95 | } |
85 | }, | 96 | }, |
86 | deep: true | 97 | handleSelectall () { |
87 | }, | 98 | this.dataList.sxql.forEach(item => { |
88 | }, | 99 | item.checked = true |
89 | methods: { | 100 | }) |
90 | handleSelect (item) { | 101 | }, |
91 | if (item.checked) { | 102 | handleInvert () { |
92 | item.selected = '0' | 103 | this.dataList.sxql.forEach(item => { |
104 | item.checked = false | ||
105 | }) | ||
93 | } | 106 | } |
94 | }, | ||
95 | handleSelectall () { | ||
96 | this.dataList.sxql.forEach(item => { | ||
97 | item.checked = true | ||
98 | }) | ||
99 | }, | ||
100 | handleInvert () { | ||
101 | this.dataList.sxql.forEach(item => { | ||
102 | item.checked = false | ||
103 | }) | ||
104 | } | 107 | } |
105 | } | 108 | } |
106 | } | ||
107 | </script> | 109 | </script> |
108 | <style scoped lang='scss'> | 110 | <style scoped lang='scss'> |
109 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
110 | 112 | ||
111 | .dyztsd-title { | 113 | .dyztsd-title { |
112 | @include flex; | 114 | @include flex; |
113 | align-items: center; | 115 | align-items: center; |
114 | justify-content: space-between; | 116 | justify-content: space-between; |
115 | padding-left: 20px; | 117 | padding-left: 20px; |
116 | } | 118 | } |
117 | 119 | ||
118 | .qlxx-list { | 120 | .qlxx-list { |
119 | @include flex; | 121 | @include flex; |
120 | flex-wrap: wrap; | 122 | flex-wrap: wrap; |
121 | padding-left: 20px; | 123 | padding-left: 20px; |
122 | 124 | ||
123 | li { | 125 | li { |
124 | width: 33%; | 126 | width: 33%; |
125 | margin-bottom: 15px; | 127 | margin-bottom: 15px; |
128 | } | ||
126 | } | 129 | } |
127 | } | ||
128 | |||
129 | .screen-list { | ||
130 | @include flex; | ||
131 | align-items: center; | ||
132 | flex-wrap: wrap; | ||
133 | border: 1px solid $borderColor; | ||
134 | border-bottom: none; | ||
135 | 130 | ||
136 | li { | 131 | .screen-list { |
137 | @include flex; | 132 | @include flex; |
138 | align-items: center; | 133 | align-items: center; |
139 | width: 50%; | 134 | flex-wrap: wrap; |
140 | line-height: 50px; | 135 | border: 1px solid $borderColor; |
141 | border-bottom: 1px solid $borderColor; | 136 | border-bottom: none; |
142 | padding-left: 20px; | ||
143 | } | ||
144 | 137 | ||
145 | &-left { | 138 | li { |
146 | margin-right: 20px; | 139 | @include flex; |
147 | width: 160px; | 140 | align-items: center; |
148 | white-space: nowrap; | 141 | width: 50%; |
149 | } | 142 | line-height: 50px; |
143 | border-bottom: 1px solid $borderColor; | ||
144 | padding-left: 20px; | ||
145 | } | ||
150 | 146 | ||
151 | li:nth-child(odd) { | 147 | &-left { |
152 | border-right: 1px solid $borderColor; | 148 | margin-right: 20px; |
149 | width: 160px; | ||
150 | white-space: nowrap; | ||
151 | } | ||
152 | |||
153 | li:nth-child(odd) { | ||
154 | border-right: 1px solid $borderColor; | ||
155 | } | ||
153 | } | 156 | } |
154 | } | ||
155 | </style> | 157 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 14:11:20 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -36,65 +41,65 @@ | ... | @@ -36,65 +41,65 @@ |
36 | </div> | 41 | </div> |
37 | </template> | 42 | </template> |
38 | <script> | 43 | <script> |
39 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
40 | import editDialog from "./components/editDialog.vue"; | 45 | import editDialog from "./components/editDialog.vue"; |
41 | import componentDialog from "./sqywDetail.vue"; | 46 | import componentDialog from "./sqywDetail.vue"; |
42 | import { datas, sendThis } from "./sqywgzdata"; | 47 | import { datas, sendThis } from "./sqywgzdata"; |
43 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js"; | 48 | import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/sysSqdjyw.js"; |
44 | export default { | 49 | export default { |
45 | name: "djbcx", | 50 | name: "djbcx", |
46 | components: { | 51 | components: { |
47 | editDialog, | 52 | editDialog, |
48 | componentDialog, | 53 | componentDialog, |
49 | }, | 54 | }, |
50 | mixins: [table], | 55 | mixins: [table], |
51 | mounted () { | 56 | mounted () { |
52 | sendThis(this); | 57 | sendThis(this); |
53 | this.queryClick(); | 58 | this.queryClick(); |
54 | }, | ||
55 | data () { | ||
56 | return { | ||
57 | qllxmc: "", | ||
58 | isDialog: false, | ||
59 | queryForm: { | ||
60 | qllx: "", | ||
61 | djywbm: "", | ||
62 | }, | ||
63 | qllxs: datas.qllxs(), | ||
64 | tableData: { | ||
65 | total: 0, | ||
66 | columns: datas.columns(), | ||
67 | data: [], | ||
68 | }, | ||
69 | detailList: [], | ||
70 | bsmSqyw: "", | ||
71 | sqqlRule: "", | ||
72 | }; | ||
73 | }, | ||
74 | methods: { | ||
75 | // 初始化数据 | ||
76 | queryClick () { | ||
77 | this.$startLoading(); | ||
78 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then( | ||
79 | (res) => { | ||
80 | this.$endLoading(); | ||
81 | if (res.code === 200) { | ||
82 | let { total, records } = res.result; | ||
83 | this.tableData.total = total ? total : 0; | ||
84 | this.tableData.data = records ? records : []; | ||
85 | } | ||
86 | } | ||
87 | ); | ||
88 | }, | 59 | }, |
89 | // 修改 | 60 | data () { |
90 | editClick (row) { | 61 | return { |
91 | this.sqqlRule = row; | 62 | qllxmc: "", |
92 | // this.dialogVisible = true; | 63 | isDialog: false, |
93 | this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%') | 64 | queryForm: { |
65 | qllx: "", | ||
66 | djywbm: "", | ||
67 | }, | ||
68 | qllxs: datas.qllxs(), | ||
69 | tableData: { | ||
70 | total: 0, | ||
71 | columns: datas.columns(), | ||
72 | data: [], | ||
73 | }, | ||
74 | detailList: [], | ||
75 | bsmSqyw: "", | ||
76 | sqqlRule: "", | ||
77 | }; | ||
78 | }, | ||
79 | methods: { | ||
80 | // 初始化数据 | ||
81 | queryClick () { | ||
82 | this.$startLoading(); | ||
83 | getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then( | ||
84 | (res) => { | ||
85 | this.$endLoading(); | ||
86 | if (res.code === 200) { | ||
87 | let { total, records } = res.result; | ||
88 | this.tableData.total = total ? total : 0; | ||
89 | this.tableData.data = records ? records : []; | ||
90 | } | ||
91 | } | ||
92 | ); | ||
93 | }, | ||
94 | // 修改 | ||
95 | editClick (row) { | ||
96 | this.sqqlRule = row; | ||
97 | // this.dialogVisible = true; | ||
98 | this.$popupDialog(row.nodename, "system/sqywgz/sqywDetail", this.sqqlRule, '80%') | ||
99 | } | ||
94 | } | 100 | } |
95 | } | 101 | } |
96 | } | ||
97 | </script> | 102 | </script> |
98 | <style scoped lang="scss"> | 103 | <style scoped lang="scss"> |
99 | @import "~@/styles/public.scss"; | 104 | @import "~@/styles/public.scss"; |
100 | </style> | 105 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | 功能:高级搜索 | 2 | * @Description: |
3 | 作者:calliope | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 14:08:17 | ||
4 | --> | 5 | --> |
5 | <template> | 6 | <template> |
6 | <dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue" | 7 | <dialogBox :isButton="false" :isFullscreen="false" width="50%" @closeDialog="closeDialog" v-model="myValue" |
... | @@ -9,7 +10,7 @@ | ... | @@ -9,7 +10,7 @@ |
9 | <el-row> | 10 | <el-row> |
10 | <el-col :span="8"> | 11 | <el-col :span="8"> |
11 | <el-form-item label="申请业务名称" prop="sqywmc"> | 12 | <el-form-item label="申请业务名称" prop="sqywmc"> |
12 | <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input> | 13 | <el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input> |
13 | </el-form-item> | 14 | </el-form-item> |
14 | </el-col> | 15 | </el-col> |
15 | <el-col :span="8"> | 16 | <el-col :span="8"> |
... | @@ -42,63 +43,63 @@ | ... | @@ -42,63 +43,63 @@ |
42 | </template> | 43 | </template> |
43 | <script> | 44 | <script> |
44 | 45 | ||
45 | export default { | 46 | export default { |
46 | props: { | 47 | props: { |
47 | value: { type: Boolean, default: false }, | 48 | value: { type: Boolean, default: false }, |
48 | advancedForm:{type: Object, default: "" } | 49 | advancedForm: { type: Object, default: "" } |
49 | }, | ||
50 | data () { | ||
51 | return { | ||
52 | myValue: this.value, | ||
53 | ruleForm: { | ||
54 | sqywmc: '', | ||
55 | qlrmc: '', | ||
56 | ywrmc: '', | ||
57 | slsj: '' | ||
58 | } | ||
59 | } | ||
60 | }, | ||
61 | watch: { | ||
62 | value (val) { | ||
63 | this.myValue = val | ||
64 | }, | 50 | }, |
65 | advancedForm(){ | 51 | data () { |
66 | this.ruleForm={...this.advancedForm} | 52 | return { |
67 | } | 53 | myValue: this.value, |
68 | }, | 54 | ruleForm: { |
69 | 55 | sqywmc: '', | |
70 | 56 | qlrmc: '', | |
71 | methods: { | 57 | ywrmc: '', |
72 | closeDialog () { | 58 | slsj: '' |
73 | this.$emit('input', false) | 59 | } |
60 | } | ||
74 | }, | 61 | }, |
75 | resetForm () { | 62 | watch: { |
76 | this.$refs['ruleForm'].resetFields() | 63 | value (val) { |
77 | this.ruleForm={ | 64 | this.myValue = val |
78 | sqywmc: '', | 65 | }, |
79 | qlrmc: '', | 66 | advancedForm () { |
80 | ywrmc: '', | 67 | this.ruleForm = { ...this.advancedForm } |
81 | slsj: '' | ||
82 | } | 68 | } |
83 | }, | 69 | }, |
84 | submitForm () { | ||
85 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) | ||
86 | this.$emit('input', false) | ||
87 | this.$refs['ruleForm'].resetFields() | ||
88 | 70 | ||
71 | |||
72 | methods: { | ||
73 | closeDialog () { | ||
74 | this.$emit('input', false) | ||
75 | }, | ||
76 | resetForm () { | ||
77 | this.$refs['ruleForm'].resetFields() | ||
78 | this.ruleForm = { | ||
79 | sqywmc: '', | ||
80 | qlrmc: '', | ||
81 | ywrmc: '', | ||
82 | slsj: '' | ||
83 | } | ||
84 | }, | ||
85 | submitForm () { | ||
86 | this.$emit('getSearch', _.cloneDeep(this.ruleForm)) | ||
87 | this.$emit('input', false) | ||
88 | this.$refs['ruleForm'].resetFields() | ||
89 | |||
90 | } | ||
89 | } | 91 | } |
90 | } | 92 | } |
91 | } | ||
92 | </script> | 93 | </script> |
93 | <style scoped lang='scss'> | 94 | <style scoped lang='scss'> |
94 | @import '~@/styles/public.scss'; | 95 | @import "~@/styles/public.scss"; |
95 | 96 | ||
96 | .search-btn { | 97 | .search-btn { |
97 | padding: 0 20px 20px 20px; | 98 | padding: 0 20px 20px 20px; |
98 | text-align: right; | 99 | text-align: right; |
99 | } | 100 | } |
100 | 101 | ||
101 | /deep/.el-icon-date { | 102 | /deep/.el-icon-date { |
102 | display: none; | 103 | display: none; |
103 | } | 104 | } |
104 | </style> | 105 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 16:31:05 | 4 | * @LastEditTime: 2023-07-19 14:38:31 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -114,7 +114,7 @@ | ... | @@ -114,7 +114,7 @@ |
114 | class="loadingtext" | 114 | class="loadingtext" |
115 | @sort-change="handleSort" | 115 | @sort-change="handleSort" |
116 | :current-page.sync="pageData.currentPage" | 116 | :current-page.sync="pageData.currentPage" |
117 | :heightNum="295" | 117 | :heightNum="305" |
118 | :total="tableData.total" | 118 | :total="tableData.total" |
119 | @size-change="handleSizeChange" | 119 | @size-change="handleSizeChange" |
120 | @p-current-change="handleCurrentChange" | 120 | @p-current-change="handleCurrentChange" | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 13:59:35 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -12,7 +17,7 @@ | ... | @@ -12,7 +17,7 @@ |
12 | </el-select> | 17 | </el-select> |
13 | </el-form-item> | 18 | </el-form-item> |
14 | </el-col> | 19 | </el-col> |
15 | <el-col :span="4"> | 20 | <el-col :span="4"> |
16 | <el-form-item label="登记类型"> | 21 | <el-form-item label="登记类型"> |
17 | <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> | 22 | <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> |
18 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 23 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
... | @@ -23,7 +28,7 @@ | ... | @@ -23,7 +28,7 @@ |
23 | <el-col :span="4"> | 28 | <el-col :span="4"> |
24 | <el-form-item label="权属状态"> | 29 | <el-form-item label="权属状态"> |
25 | <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型"> | 30 | <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型"> |
26 | <el-option | 31 | <el-option |
27 | v-for="item in qsztlist" | 32 | v-for="item in qsztlist" |
28 | :key="item.dcode" | 33 | :key="item.dcode" |
29 | :label="item.dname" | 34 | :label="item.dname" |
... | @@ -44,7 +49,7 @@ | ... | @@ -44,7 +49,7 @@ |
44 | </el-form-item> | 49 | </el-form-item> |
45 | </el-col> | 50 | </el-col> |
46 | </el-row> | 51 | </el-row> |
47 | <el-row> | 52 | <el-row> |
48 | <el-col :span="5"> | 53 | <el-col :span="5"> |
49 | <el-form-item label="业务号:"> | 54 | <el-form-item label="业务号:"> |
50 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 55 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> |
... | @@ -89,22 +94,22 @@ | ... | @@ -89,22 +94,22 @@ |
89 | </div> | 94 | </div> |
90 | </template> | 95 | </template> |
91 | <script> | 96 | <script> |
92 | import { mapGetters } from "vuex"; | 97 | import { mapGetters } from "vuex"; |
93 | import table from "@/utils/mixin/table"; | 98 | import table from "@/utils/mixin/table"; |
94 | import { datas, sendThis } from "./djbcxdata"; | 99 | import { datas, sendThis } from "./djbcxdata"; |
95 | import { getDjbBysearch } from "@/api/search.js"; | 100 | import { getDjbBysearch } from "@/api/search.js"; |
96 | 101 | ||
97 | export default { | 102 | export default { |
98 | name: "djbcx", | 103 | name: "djbcx", |
99 | mixins: [table], | 104 | mixins: [table], |
100 | mounted () { | 105 | mounted () { |
101 | sendThis(this); | 106 | sendThis(this); |
102 | this.queryClick() | 107 | this.queryClick() |
103 | }, | 108 | }, |
104 | data () { | 109 | data () { |
105 | return { | 110 | return { |
106 | // 权属状态 | 111 | // 权属状态 |
107 | qsztlist: [ | 112 | qsztlist: [ |
108 | { | 113 | { |
109 | dcode: "1", | 114 | dcode: "1", |
110 | dname: "现势", | 115 | dname: "现势", |
... | @@ -113,90 +118,90 @@ export default { | ... | @@ -113,90 +118,90 @@ export default { |
113 | dcode: "2", | 118 | dcode: "2", |
114 | dname: "历史", | 119 | dname: "历史", |
115 | }, | 120 | }, |
116 | ], | 121 | ], |
117 | queryForm: { | 122 | queryForm: { |
118 | qszt: "1", | 123 | qszt: "1", |
119 | qllx: "", | 124 | qllx: "", |
120 | bdcdyh: "", | 125 | bdcdyh: "", |
121 | bdcqzh: "", | 126 | bdcqzh: "", |
122 | ywh: "", | 127 | ywh: "", |
128 | }, | ||
129 | pageData: { | ||
130 | current: 1, | ||
131 | size: 10, | ||
132 | total: 0, | ||
133 | }, | ||
134 | tableData: { | ||
135 | columns: datas.columns(), | ||
136 | data: [], | ||
137 | }, | ||
138 | qllxs: [], | ||
139 | isDialog: false, | ||
140 | djbxxData: {}, | ||
141 | }; | ||
142 | }, | ||
143 | computed: { | ||
144 | ...mapGetters(["dictData"]), | ||
145 | }, | ||
146 | methods: { | ||
147 | // 初始化数据 | ||
148 | queryClick () { | ||
149 | this.$startLoading() | ||
150 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
151 | this.$endLoading() | ||
152 | if (res.code === 200) { | ||
153 | let { total, records } = res.result; | ||
154 | this.tableData.data = records; | ||
155 | this.tableData.total = total; | ||
156 | } | ||
157 | }); | ||
123 | }, | 158 | }, |
124 | pageData: { | 159 | handleSort (name, sort) { |
125 | current: 1, | 160 | console.log(name, sort); |
126 | size: 10, | ||
127 | total: 0, | ||
128 | }, | 161 | }, |
129 | tableData: { | 162 | // 高级查询 |
130 | columns: datas.columns(), | 163 | moreQueryClick () { }, |
131 | data: [], | 164 | openDialog (scroll) { |
165 | this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%'); | ||
132 | }, | 166 | }, |
133 | qllxs: [], | 167 | handleLpbClick (item) { |
134 | isDialog: false, | 168 | this.$popupDialog('楼盘表', 'lpb/index', { |
135 | djbxxData: {}, | 169 | bsm: '' |
136 | }; | 170 | }, '85%') |
137 | }, | 171 | }, |
138 | computed: { | 172 | // ywhClick (item) { |
139 | ...mapGetters(["dictData"]), | 173 | // const { href } = this.$router.resolve( |
140 | }, | 174 | // "/djbworkFrame?bdcdyid=" + |
141 | methods: { | 175 | // item.bdcdyid+ |
142 | // 初始化数据 | 176 | // "&bdcdyh=" + |
143 | queryClick () { | 177 | // item.bdcdyh+ |
144 | this.$startLoading() | 178 | // "&qllx="+ |
145 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { | 179 | // item.qllx+ |
146 | this.$endLoading() | 180 | // "&bsmQlxx="+ |
147 | if (res.code === 200) { | 181 | // item.bsmQlxx+ |
148 | let { total, records } = res.result; | 182 | // "&viewtype=1" |
149 | this.tableData.data = records; | 183 | // ); |
150 | this.tableData.total = total; | 184 | // localStorage.setItem('ywbl', JSON.stringify(item)); |
151 | } | 185 | // window.open(href, `urlname${item.bdcdyid}`); |
152 | }); | ||
153 | }, | ||
154 | handleSort (name, sort) { | ||
155 | console.log(name, sort); | ||
156 | }, | ||
157 | // 高级查询 | ||
158 | moreQueryClick () { }, | ||
159 | openDialog (scroll) { | ||
160 | this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%'); | ||
161 | }, | ||
162 | handleLpbClick (item) { | ||
163 | this.$popupDialog('楼盘表', 'lpb/index', { | ||
164 | bsm: '' | ||
165 | }, '85%') | ||
166 | }, | ||
167 | // ywhClick (item) { | ||
168 | // const { href } = this.$router.resolve( | ||
169 | // "/djbworkFrame?bdcdyid=" + | ||
170 | // item.bdcdyid+ | ||
171 | // "&bdcdyh=" + | ||
172 | // item.bdcdyh+ | ||
173 | // "&qllx="+ | ||
174 | // item.qllx+ | ||
175 | // "&bsmQlxx="+ | ||
176 | // item.bsmQlxx+ | ||
177 | // "&viewtype=1" | ||
178 | // ); | ||
179 | // localStorage.setItem('ywbl', JSON.stringify(item)); | ||
180 | // window.open(href, `urlname${item.bdcdyid}`); | ||
181 | 186 | ||
182 | // }, | 187 | // }, |
188 | } | ||
183 | } | 189 | } |
184 | } | ||
185 | </script> | 190 | </script> |
186 | <style scoped lang="scss"> | 191 | <style scoped lang="scss"> |
187 | @import "~@/styles/public.scss"; | 192 | @import "~@/styles/public.scss"; |
188 | 193 | ||
189 | .icon-circle { | 194 | .icon-circle { |
190 | position: relative; | 195 | position: relative; |
191 | } | 196 | } |
192 | 197 | ||
193 | .icon-circle::before { | 198 | .icon-circle::before { |
194 | content: ""; | 199 | content: ""; |
195 | width: 4px; | 200 | width: 4px; |
196 | height: 4px; | 201 | height: 4px; |
197 | border-radius: 50%; | 202 | border-radius: 50%; |
198 | background: #000; | 203 | background: #000; |
199 | top: 0px; | 204 | top: 0px; |
200 | left: 0px; | 205 | left: 0px; |
201 | } | 206 | } |
202 | </style> | 207 | </style> | ... | ... |
-
Please register or sign in to post a comment