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