99228a65 by 任超

style:受理信息

1 parent 4a8b0984
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);
......