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