style:受理信息
Showing
3 changed files
with
43 additions
and
96 deletions
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData"> | 3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableDataList"> |
4 | </lb-table> | 4 | </lb-table> |
5 | <addQlr v-model="dialog" :details="details" /> | 5 | <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" /> |
6 | </div> | 6 | </div> |
7 | </template> | 7 | </template> |
8 | <script> | 8 | <script> |
... | @@ -27,21 +27,9 @@ export default { | ... | @@ -27,21 +27,9 @@ export default { |
27 | default: '1' | 27 | default: '1' |
28 | } | 28 | } |
29 | }, | 29 | }, |
30 | watch: { | ||
31 | tableData: { | ||
32 | handler: function (val, oldVal) { | ||
33 | if (val.length == 0) { | ||
34 | this.tableDataList = [{}] | ||
35 | } else { | ||
36 | this.tableDataList = _.cloneDeep(val) | ||
37 | } | ||
38 | }, | ||
39 | immediate: true, | ||
40 | deep: true | ||
41 | } | ||
42 | }, | ||
43 | data () { | 30 | data () { |
44 | return { | 31 | return { |
32 | dataIndex: 0, | ||
45 | dialog: false, | 33 | dialog: false, |
46 | details: {}, | 34 | details: {}, |
47 | tableDataList: [], | 35 | tableDataList: [], |
... | @@ -112,17 +100,21 @@ export default { | ... | @@ -112,17 +100,21 @@ export default { |
112 | }, | 100 | }, |
113 | watch: { | 101 | watch: { |
114 | tableData: { | 102 | tableData: { |
115 | handler (newValue, oldValue) { | 103 | handler: function (val, oldVal) { |
116 | this.$emit('updateValue', newValue) | 104 | let that = this |
105 | if (val.length == 0 || !val) { | ||
106 | that.tableDataList = [{}] | ||
107 | } else { | ||
108 | that.tableDataList = _.cloneDeep(val) | ||
109 | } | ||
117 | }, | 110 | }, |
111 | immediate: true, | ||
118 | deep: true | 112 | deep: true |
119 | }, | 113 | }, |
120 | '$route.query.bsmSlsq': { | 114 | '$route.query.bsmSlsq': { |
121 | handler (newValue, oldValue) { | 115 | handler (newValue, oldValue) { |
122 | // 获取列表数据 | 116 | // 获取列表数据 |
123 | |||
124 | // this.details = | 117 | // this.details = |
125 | |||
126 | }, | 118 | }, |
127 | deep: true | 119 | deep: true |
128 | }, | 120 | }, |
... | @@ -146,9 +138,9 @@ export default { | ... | @@ -146,9 +138,9 @@ export default { |
146 | } | 138 | } |
147 | }, | 139 | }, |
148 | methods: { | 140 | methods: { |
149 | // 获取列表数据 | 141 | updateDetail (value) { |
150 | getList () { | 142 | this.tableDataList[this.dataIndex] = value |
151 | 143 | this.$emit('upDateQlrxxList', this.tableDataList) | |
152 | }, | 144 | }, |
153 | // 添加 | 145 | // 添加 |
154 | handleAdd () { | 146 | handleAdd () { |
... | @@ -161,8 +153,10 @@ export default { | ... | @@ -161,8 +153,10 @@ export default { |
161 | // 身份证读取 | 153 | // 身份证读取 |
162 | readClick () { }, | 154 | readClick () { }, |
163 | // 修改 | 155 | // 修改 |
164 | handleEdit () { | 156 | handleEdit (index, row) { |
157 | this.dataIndex = index | ||
165 | this.dialog = true | 158 | this.dialog = true |
159 | this.details = row | ||
166 | }, | 160 | }, |
167 | handleView () { | 161 | handleView () { |
168 | this.dialog = true | 162 | this.dialog = true | ... | ... |
... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
37 | </el-form-item> | 37 | </el-form-item> |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="8"> | 39 | <el-col :span="8"> |
40 | <el-form-item label="性别" prop="xb"> | 40 | <el-form-item label="性别"> |
41 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | 41 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> |
42 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 42 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
43 | </el-option> | 43 | </el-option> |
... | @@ -47,17 +47,17 @@ | ... | @@ -47,17 +47,17 @@ |
47 | </el-row> | 47 | </el-row> |
48 | <el-row> | 48 | <el-row> |
49 | <el-col :span="8"> | 49 | <el-col :span="8"> |
50 | <el-form-item label="法人名称" prop="frmc"> | 50 | <el-form-item label="法人名称"> |
51 | <el-input v-model="ruleForm.frmc"></el-input> | 51 | <el-input v-model="ruleForm.frmc"></el-input> |
52 | </el-form-item> | 52 | </el-form-item> |
53 | </el-col> | 53 | </el-col> |
54 | <el-col :span="8"> | 54 | <el-col :span="8"> |
55 | <el-form-item label="国家/地区" prop="gjdq"> | 55 | <el-form-item label="国家/地区"> |
56 | <el-input v-model="ruleForm.gjdq"></el-input> | 56 | <el-input v-model="ruleForm.gjdq"></el-input> |
57 | </el-form-item> | 57 | </el-form-item> |
58 | </el-col> | 58 | </el-col> |
59 | <el-col :span="8"> | 59 | <el-col :span="8"> |
60 | <el-form-item label="户籍所在省市" prop="szss"> | 60 | <el-form-item label="户籍所在省市"> |
61 | <el-input v-model="ruleForm.szss"></el-input> | 61 | <el-input v-model="ruleForm.szss"></el-input> |
62 | </el-form-item> | 62 | </el-form-item> |
63 | </el-col> | 63 | </el-col> |
... | @@ -65,12 +65,12 @@ | ... | @@ -65,12 +65,12 @@ |
65 | 65 | ||
66 | <el-row> | 66 | <el-row> |
67 | <el-col :span="16"> | 67 | <el-col :span="16"> |
68 | <el-form-item label="地址" prop="dz"> | 68 | <el-form-item label="地址"> |
69 | <el-input v-model="ruleForm.dz"></el-input> | 69 | <el-input v-model="ruleForm.dz"></el-input> |
70 | </el-form-item> | 70 | </el-form-item> |
71 | </el-col> | 71 | </el-col> |
72 | <el-col :span="8"> | 72 | <el-col :span="8"> |
73 | <el-form-item label="邮编" prop="yb"> | 73 | <el-form-item label="邮编"> |
74 | <el-input v-model="ruleForm.yb"></el-input> | 74 | <el-input v-model="ruleForm.yb"></el-input> |
75 | </el-form-item> | 75 | </el-form-item> |
76 | </el-col> | 76 | </el-col> |
... | @@ -78,17 +78,17 @@ | ... | @@ -78,17 +78,17 @@ |
78 | 78 | ||
79 | <el-row> | 79 | <el-row> |
80 | <el-col :span="8"> | 80 | <el-col :span="8"> |
81 | <el-form-item label="发证机关" prop="fzjg"> | 81 | <el-form-item label="发证机关"> |
82 | <el-input v-model="ruleForm.fzjg"></el-input> | 82 | <el-input v-model="ruleForm.fzjg"></el-input> |
83 | </el-form-item> | 83 | </el-form-item> |
84 | </el-col> | 84 | </el-col> |
85 | <el-col :span="8"> | 85 | <el-col :span="8"> |
86 | <el-form-item label="电子邮件" prop="dzyj"> | 86 | <el-form-item label="电子邮件"> |
87 | <el-input v-model="ruleForm.dzyj"></el-input> | 87 | <el-input v-model="ruleForm.dzyj"></el-input> |
88 | </el-form-item> | 88 | </el-form-item> |
89 | </el-col> | 89 | </el-col> |
90 | <el-col :span="8"> | 90 | <el-col :span="8"> |
91 | <el-form-item label="权利比例" prop="qlbl"> | 91 | <el-form-item label="权利比例"> |
92 | <el-input v-model="ruleForm.qlbl"></el-input> | 92 | <el-input v-model="ruleForm.qlbl"></el-input> |
93 | </el-form-item> | 93 | </el-form-item> |
94 | </el-col> | 94 | </el-col> |
... | @@ -96,12 +96,12 @@ | ... | @@ -96,12 +96,12 @@ |
96 | 96 | ||
97 | <el-row> | 97 | <el-row> |
98 | <el-col :span="8"> | 98 | <el-col :span="8"> |
99 | <el-form-item label="工作单位" prop="gzdw"> | 99 | <el-form-item label="工作单位"> |
100 | <el-input v-model="ruleForm.gzdw"></el-input> | 100 | <el-input v-model="ruleForm.gzdw"></el-input> |
101 | </el-form-item> | 101 | </el-form-item> |
102 | </el-col> | 102 | </el-col> |
103 | <el-col :span="16"> | 103 | <el-col :span="16"> |
104 | <el-form-item label="代理机构" prop="dljg"> | 104 | <el-form-item label="代理机构"> |
105 | <el-input v-model="ruleForm.dljg"></el-input> | 105 | <el-input v-model="ruleForm.dljg"></el-input> |
106 | </el-form-item> | 106 | </el-form-item> |
107 | </el-col> | 107 | </el-col> |
... | @@ -109,17 +109,17 @@ | ... | @@ -109,17 +109,17 @@ |
109 | 109 | ||
110 | <el-row> | 110 | <el-row> |
111 | <el-col :span="8"> | 111 | <el-col :span="8"> |
112 | <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone"> | 112 | <el-form-item label="联系电话" :rules="$rules.common.phone"> |
113 | <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input> | 113 | <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input> |
114 | </el-form-item> | 114 | </el-form-item> |
115 | </el-col> | 115 | </el-col> |
116 | <el-col :span="8"> | 116 | <el-col :span="8"> |
117 | <el-form-item label="代理人姓名" prop="dlrxm"> | 117 | <el-form-item label="代理人姓名"> |
118 | <el-input v-model="ruleForm.dlrxm"></el-input> | 118 | <el-input v-model="ruleForm.dlrxm"></el-input> |
119 | </el-form-item> | 119 | </el-form-item> |
120 | </el-col> | 120 | </el-col> |
121 | <el-col :span="8"> | 121 | <el-col :span="8"> |
122 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> | 122 | <el-form-item label="代理人证件类型"> |
123 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | 123 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> |
124 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 124 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
125 | </el-option> | 125 | </el-option> |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | </el-row> | 129 | </el-row> |
130 | <el-row> | 130 | <el-row> |
131 | <el-col :span="8"> | 131 | <el-col :span="8"> |
132 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 132 | <el-form-item label="代理人证件号"> |
133 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | 133 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> |
134 | </el-form-item> | 134 | </el-form-item> |
135 | </el-col> | 135 | </el-col> |
... | @@ -137,7 +137,6 @@ | ... | @@ -137,7 +137,6 @@ |
137 | </el-form> | 137 | </el-form> |
138 | </dialogBox> | 138 | </dialogBox> |
139 | </template> | 139 | </template> |
140 | |||
141 | <script> | 140 | <script> |
142 | import { mapGetters } from 'vuex' | 141 | import { mapGetters } from 'vuex' |
143 | export default { | 142 | export default { |
... | @@ -183,48 +182,6 @@ export default { | ... | @@ -183,48 +182,6 @@ export default { |
183 | ], | 182 | ], |
184 | zjh: [ | 183 | zjh: [ |
185 | { required: true, message: '证件号', trigger: 'blur' } | 184 | { required: true, message: '证件号', trigger: 'blur' } |
186 | ], | ||
187 | xb: [ | ||
188 | { required: true, message: '性别', trigger: 'change' } | ||
189 | ], | ||
190 | frmc: [ | ||
191 | { required: true, message: '法人名称', trigger: 'blur' } | ||
192 | ], | ||
193 | gjdq: [ | ||
194 | { required: true, message: '国家/地区', trigger: 'blur' } | ||
195 | ], | ||
196 | szss: [ | ||
197 | { required: true, message: '户籍所在省市', trigger: 'blur' } | ||
198 | ], | ||
199 | dz: [ | ||
200 | { required: true, message: '地址', trigger: 'blur' } | ||
201 | ], | ||
202 | yb: [ | ||
203 | { required: true, message: '邮编', trigger: 'blur' } | ||
204 | ], | ||
205 | fzjg: [ | ||
206 | { required: true, message: '发证机关', trigger: 'blur' } | ||
207 | ], | ||
208 | dzyj: [ | ||
209 | { required: true, message: '电子邮件', trigger: 'blur' } | ||
210 | ], | ||
211 | qlbl: [ | ||
212 | { required: true, message: '权利比例', trigger: 'blur' } | ||
213 | ], | ||
214 | gzdw: [ | ||
215 | { required: true, message: '工作单位', trigger: 'blur' } | ||
216 | ], | ||
217 | dljg: [ | ||
218 | { required: true, message: '代理机构', trigger: 'blur' } | ||
219 | ], | ||
220 | dlrxm: [ | ||
221 | { required: true, message: '代理人姓名', trigger: 'blur' } | ||
222 | ], | ||
223 | dlrzjlx: [ | ||
224 | { required: true, message: '代理人证件类型', trigger: 'change' } | ||
225 | ], | ||
226 | dlrzjh: [ | ||
227 | { required: true, message: '代理人证件号', trigger: 'blur' } | ||
228 | ] | 185 | ] |
229 | } | 186 | } |
230 | } | 187 | } |
... | @@ -240,17 +197,11 @@ export default { | ... | @@ -240,17 +197,11 @@ export default { |
240 | this.$refs['ruleForm'].resetFields(); | 197 | this.$refs['ruleForm'].resetFields(); |
241 | }, | 198 | }, |
242 | submitForm () { | 199 | submitForm () { |
243 | this.$refs['ruleForm.'].validate((valid) => { | 200 | this.$emit("input", false); |
244 | if (valid) { | 201 | this.$emit("updateDetail", this.ruleForm); |
245 | this.$emit("input", false); | 202 | } |
246 | } else { | 203 | } |
247 | console.log('error submit!!'); | 204 | } |
248 | return false; | ||
249 | } | ||
250 | }); | ||
251 | }, | ||
252 | }, | ||
253 | }; | ||
254 | </script> | 205 | </script> |
255 | <style scoped lang="scss"> | 206 | <style scoped lang="scss"> |
256 | .submit-button { | 207 | .submit-button { | ... | ... |
... | @@ -150,7 +150,8 @@ | ... | @@ -150,7 +150,8 @@ |
150 | </el-form-item> | 150 | </el-form-item> |
151 | </el-col> | 151 | </el-col> |
152 | </el-row> | 152 | </el-row> |
153 | <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> | 153 | <InformationTable :tableData="ruleForm.qlrxx" @upDateQlrxxList="upDateQlrxxList" |
154 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> | ||
154 | <div class="slxx_title title-block"> | 155 | <div class="slxx_title title-block"> |
155 | 登记原因 | 156 | 登记原因 |
156 | <div class="triangle"></div> | 157 | <div class="triangle"></div> |
... | @@ -190,9 +191,6 @@ export default { | ... | @@ -190,9 +191,6 @@ export default { |
190 | ...res.result.qlxxdatas, | 191 | ...res.result.qlxxdatas, |
191 | ...res.result.jsydsyqdatas | 192 | ...res.result.jsydsyqdatas |
192 | } | 193 | } |
193 | if (this.ruleForm.gyfs == '1') { | ||
194 | this.ruleForm.qlrxx = [{}] | ||
195 | } | ||
196 | } | 194 | } |
197 | }) | 195 | }) |
198 | }, | 196 | }, |
... | @@ -234,6 +232,10 @@ export default { | ... | @@ -234,6 +232,10 @@ export default { |
234 | } | 232 | } |
235 | }, | 233 | }, |
236 | methods: { | 234 | methods: { |
235 | // 更新权利人信息 | ||
236 | upDateQlrxxList (val) { | ||
237 | this.ruleForm.qlrxx = val | ||
238 | }, | ||
237 | list (bsmSldy) { | 239 | list (bsmSldy) { |
238 | var formdata = new FormData(); | 240 | var formdata = new FormData(); |
239 | formdata.append("bsmSldy", bsmSldy); | 241 | formdata.append("bsmSldy", bsmSldy); | ... | ... |
-
Please register or sign in to post a comment