style:业务申请
Showing
4 changed files
with
99 additions
and
94 deletions
... | @@ -11,6 +11,29 @@ export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') { | ... | @@ -11,6 +11,29 @@ export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') { |
11 | removeTreeListItem(treeList[i].children, dictId) | 11 | removeTreeListItem(treeList[i].children, dictId) |
12 | } | 12 | } |
13 | } | 13 | } |
14 | // 创造id | ||
15 | export function getUuid (len, radix) { | ||
16 | var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split( | ||
17 | "" | ||
18 | ); | ||
19 | var uuid = [], | ||
20 | i; | ||
21 | radix = radix || chars.length; | ||
22 | if (len) { | ||
23 | for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)]; | ||
24 | } else { | ||
25 | var r; | ||
26 | uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-"; | ||
27 | uuid[14] = "4"; | ||
28 | for (i = 0; i < 36; i++) { | ||
29 | if (!uuid[i]) { | ||
30 | r = 0 | (Math.random() * 16); | ||
31 | uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r]; | ||
32 | } | ||
33 | } | ||
34 | } | ||
35 | return uuid.join(""); | ||
36 | } | ||
14 | 37 | ||
15 | // 上移下移 | 38 | // 上移下移 |
16 | export function upward (index, data) { | 39 | export function upward (index, data) { | ... | ... |
... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
22 | </template> | 22 | </template> |
23 | 23 | ||
24 | <script> | 24 | <script> |
25 | import { upward, down, removeTreeListItem } from '@/utils/operation' | 25 | import { getUuid, upward, down, removeTreeListItem } from '@/utils/operation' |
26 | export default { | 26 | export default { |
27 | props: { | 27 | props: { |
28 | value: { type: Boolean, default: false }, | 28 | value: { type: Boolean, default: false }, |
... | @@ -220,8 +220,11 @@ export default { | ... | @@ -220,8 +220,11 @@ export default { |
220 | { | 220 | { |
221 | dcode: '', | 221 | dcode: '', |
222 | dname: '', | 222 | dname: '', |
223 | isenable: '1', | ||
224 | normcode: '', | ||
225 | normname: '', | ||
226 | bsmDict: getUuid(32), | ||
223 | typeid: row.typeid, | 227 | typeid: row.typeid, |
224 | children: null | ||
225 | } | 228 | } |
226 | ) | 229 | ) |
227 | this.keyList = []; | 230 | this.keyList = []; |
... | @@ -237,6 +240,11 @@ export default { | ... | @@ -237,6 +240,11 @@ export default { |
237 | { | 240 | { |
238 | dcode: '', | 241 | dcode: '', |
239 | dname: '', | 242 | dname: '', |
243 | isenable: '1', | ||
244 | normcode: '', | ||
245 | normname: '', | ||
246 | bsmDict: getUuid(32), | ||
247 | typeid: this.ruleForm.typeid, | ||
240 | } | 248 | } |
241 | ) | 249 | ) |
242 | this.addIndexes() | 250 | this.addIndexes() | ... | ... |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <dialogBox | 3 | <dialogBox title="查询权利信息" @submitForm="submitForm" saveButton="发起申请" width="85%" @closeDialog="closeDialog" |
4 | title="查询权利信息" | 4 | v-model="value"> |
5 | @submitForm="submitForm" | ||
6 | saveButton="发起申请" | ||
7 | width="85%" | ||
8 | @closeDialog="closeDialog" | ||
9 | v-model="value" | ||
10 | > | ||
11 | <div class="from-clues"> | 5 | <div class="from-clues"> |
12 | <!-- 表单部分 --> | 6 | <!-- 表单部分 --> |
13 | <div class="from-clues-header"> | 7 | <div class="from-clues-header"> |
... | @@ -15,60 +9,33 @@ | ... | @@ -15,60 +9,33 @@ |
15 | <el-row> | 9 | <el-row> |
16 | <el-col :span="5"> | 10 | <el-col :span="5"> |
17 | <el-form-item label="权利类型"> | 11 | <el-form-item label="权利类型"> |
18 | <el-select | 12 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> |
19 | v-model="queryForm.qllx" | 13 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> |
20 | filterable | ||
21 | clearable | ||
22 | placeholder="请选择权利类型" | ||
23 | > | ||
24 | <el-option | ||
25 | v-for="item in qllxs" | ||
26 | :key="item.value" | ||
27 | :label="item.label" | ||
28 | :value="item.value" | ||
29 | > | ||
30 | </el-option> | 14 | </el-option> |
31 | </el-select> | 15 | </el-select> |
32 | </el-form-item> | 16 | </el-form-item> |
33 | </el-col> | 17 | </el-col> |
34 | <el-col :span="6"> | 18 | <el-col :span="6"> |
35 | <el-form-item label="不动产单元号"> | 19 | <el-form-item label="不动产单元号"> |
36 | <el-input | 20 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
37 | placeholder="请输入不动产单元号" | ||
38 | v-model="queryForm.bdcdyh" | ||
39 | clearable | ||
40 | class="width200px" | ||
41 | > | ||
42 | </el-input> | 21 | </el-input> |
43 | </el-form-item> | 22 | </el-form-item> |
44 | </el-col> | 23 | </el-col> |
45 | <el-col :span="5"> | 24 | <el-col :span="5"> |
46 | <el-form-item label="业务号"> | 25 | <el-form-item label="业务号"> |
47 | <el-input | 26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> |
48 | placeholder="请输入业务号" | ||
49 | v-model="queryForm.ywh" | ||
50 | clearable | ||
51 | class="width200px" | ||
52 | > | ||
53 | </el-input> | 27 | </el-input> |
54 | </el-form-item> | 28 | </el-form-item> |
55 | </el-col> | 29 | </el-col> |
56 | <el-col :span="6"> | 30 | <el-col :span="6"> |
57 | <el-form-item label="不动产权证号"> | 31 | <el-form-item label="不动产权证号"> |
58 | <el-input | 32 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
59 | placeholder="请输入不动产权证号" | ||
60 | v-model="queryForm.bdcqzh" | ||
61 | clearable | ||
62 | class="width200px" | ||
63 | > | ||
64 | </el-input> | 33 | </el-input> |
65 | </el-form-item> | 34 | </el-form-item> |
66 | </el-col> | 35 | </el-col> |
67 | <el-col :span="2" class="btnCol"> | 36 | <el-col :span="2" class="btnCol"> |
68 | <el-form-item> | 37 | <el-form-item> |
69 | <el-button type="primary" @click="queryClick()" | 38 | <el-button type="primary" @click="queryClick()">查询</el-button> |
70 | >查询</el-button | ||
71 | > | ||
72 | </el-form-item> | 39 | </el-form-item> |
73 | </el-col> | 40 | </el-col> |
74 | </el-row> | 41 | </el-row> |
... | @@ -76,17 +43,9 @@ | ... | @@ -76,17 +43,9 @@ |
76 | </div> | 43 | </div> |
77 | <!-- 表格 --> | 44 | <!-- 表格 --> |
78 | <div class="from-clues-content"> | 45 | <div class="from-clues-content"> |
79 | <lb-table | 46 | <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage" |
80 | :page-size="pageData.pageSize" | 47 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
81 | heightNumSetting | 48 | @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> |
82 | :current-page.sync="pageData.currentPage" | ||
83 | :total="pageData.total" | ||
84 | @size-change="handleSizeChange" | ||
85 | @p-current-change="handleCurrentChange" | ||
86 | @selection-change="handleSelectionChange" | ||
87 | :column="tableData.columns" | ||
88 | :data="tableData.data" | ||
89 | > | ||
90 | </lb-table> | 49 | </lb-table> |
91 | </div> | 50 | </div> |
92 | </div> | 51 | </div> |
... | @@ -94,13 +53,16 @@ | ... | @@ -94,13 +53,16 @@ |
94 | </div> | 53 | </div> |
95 | </template> | 54 | </template> |
96 | <script> | 55 | <script> |
97 | import { datas } from "./gyjsydsyqdata.js"; | 56 | import { datas, sendThis } from "./gyjsydsyqdata.js"; |
98 | import { selectBdcdy } from "@/api/ywbl.js"; | 57 | import table from "@/utils/mixin/table"; |
58 | import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js"; | ||
99 | export default { | 59 | export default { |
100 | props: { | 60 | props: { |
101 | value: { type: Boolean, default: false }, | 61 | value: { type: Boolean, default: false }, |
62 | bsmSqyw: { type: String, default: '' }, | ||
102 | }, | 63 | }, |
103 | data() { | 64 | mixins: [table], |
65 | data () { | ||
104 | return { | 66 | return { |
105 | appliDialog: false, | 67 | appliDialog: false, |
106 | queryForm: { | 68 | queryForm: { |
... | @@ -111,55 +73,59 @@ export default { | ... | @@ -111,55 +73,59 @@ export default { |
111 | sqywbm: "A03100", | 73 | sqywbm: "A03100", |
112 | }, | 74 | }, |
113 | qllxs: [], | 75 | qllxs: [], |
114 | pageData: { | ||
115 | pageSize: 10, | ||
116 | currentPage: 1, | ||
117 | total: 0, | ||
118 | }, | ||
119 | tableData: { | 76 | tableData: { |
77 | total: 0, | ||
120 | columns: datas.columns(), | 78 | columns: datas.columns(), |
121 | data: [], | 79 | data: [], |
122 | }, | 80 | }, |
81 | bdcdyid: '', | ||
82 | bdcdyh: '', | ||
123 | }; | 83 | }; |
124 | }, | 84 | }, |
125 | created() { | 85 | mounted () { |
126 | this.init(); | 86 | sendThis(this); |
87 | }, | ||
88 | watch: { | ||
89 | value () { | ||
90 | this.fetchData() | ||
91 | }, | ||
127 | }, | 92 | }, |
128 | methods: { | 93 | methods: { |
129 | init(data) { | 94 | fetchData () { |
130 | selectBdcdy({ ...this.queryForm, ...this.pageData, ...data }) | 95 | if (this.value) { |
131 | .then((res) => { | 96 | selectBdcdy({ ...this.queryForm, ...this.pageData }) |
132 | if (res.code === 200) { | 97 | .then((res) => { |
133 | let { total, records } = res.result; | 98 | if (res.code === 200) { |
134 | this.pageData.total = total; | 99 | let { total, records } = res.result; |
135 | this.tableData.data = records; | 100 | this.tableData.total = total; |
136 | } | 101 | this.tableData.data = records; |
137 | }) | 102 | } |
138 | .catch(() => {}); | 103 | }) |
104 | } | ||
139 | }, | 105 | }, |
140 | 106 | submitForm () { | |
141 | submitForm() { | 107 | if (this.bdcdyid == '') { |
142 | this.$emit("input", false); | 108 | this.$message.error('请至少选择一条数据'); |
143 | const { href } = this.$router.resolve("/fqsq"); | 109 | return |
144 | window.open(href, "_blank"); | 110 | } |
111 | startBusinessFlow({ | ||
112 | bsmSqyw: this.bsmSqyw, | ||
113 | bdcdyid: this.bdcdyid, | ||
114 | bdcdyh: this.bdcdyh | ||
115 | }).then(res => { | ||
116 | this.$emit('input', false) | ||
117 | const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw) | ||
118 | window.open(href, '_blank'); | ||
119 | }) | ||
145 | }, | 120 | }, |
146 | 121 | ||
147 | closeDialog() { | 122 | closeDialog () { |
148 | this.$emit("input", false); | 123 | this.$emit("input", false); |
149 | }, | 124 | }, |
150 | 125 | handleSelectionChange (val) { | |
151 | handleSizeChange(val) { | 126 | this.bdcdyid = val.map(item => item.dyhbsm ? item.dyhbsm : '').join(',') |
152 | this.list({ | 127 | this.bdcdyh = val.map(item => item.bdcdyh ? item.bdcdyh : '').join(',') |
153 | pageSize: val, | 128 | } |
154 | currentPage: this.pageData.currentPage, | ||
155 | }); | ||
156 | }, | ||
157 | |||
158 | handleCurrentChange(val) { | ||
159 | this.list({ pageSize: this.pageData.pageSize, currentPage: val }); | ||
160 | }, | ||
161 | |||
162 | handleSelectionChange(val) {}, | ||
163 | }, | 129 | }, |
164 | }; | 130 | }; |
165 | </script> | 131 | </script> | ... | ... |
... | @@ -17,7 +17,14 @@ class data extends filter { | ... | @@ -17,7 +17,14 @@ class data extends filter { |
17 | { | 17 | { |
18 | label: '序号', | 18 | label: '序号', |
19 | type: 'index', | 19 | type: 'index', |
20 | width: '50' | 20 | width: '50', |
21 | render: (h, scope) => { | ||
22 | return ( | ||
23 | <div> | ||
24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
25 | </div> | ||
26 | ) | ||
27 | } | ||
21 | }, | 28 | }, |
22 | { | 29 | { |
23 | prop: "status", | 30 | prop: "status", |
... | @@ -63,4 +70,5 @@ class data extends filter { | ... | @@ -63,4 +70,5 @@ class data extends filter { |
63 | let datas = new data() | 70 | let datas = new data() |
64 | export { | 71 | export { |
65 | datas, | 72 | datas, |
73 | sendThis | ||
66 | } | 74 | } | ... | ... |
-
Please register or sign in to post a comment