Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ca427820 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents ae96d3ac 50d019dc
Inline Side-by-side
Showing 8 changed files with 418 additions and 95 deletions
...@@ -10,6 +10,11 @@ import Base from './components/Base/base' // 全局组件引入 ...@@ -10,6 +10,11 @@ import Base from './components/Base/base' // 全局组件引入
10 import mixin from '@/utils/mixin/theme.js' 10 import mixin from '@/utils/mixin/theme.js'
11 Vue.mixin(mixin); 11 Vue.mixin(mixin);
12 12
13 import rules from './utils/rule.js'
14 // 全局方法挂载
15 Vue.prototype.$rules = rules
16
17
13 import { theme } from "@/directive/theme.js" 18 import { theme } from "@/directive/theme.js"
14 Vue.directive("theme", theme) 19 Vue.directive("theme", theme)
15 20
......
1 // 手机号码验证
2 const validatePhone = (rule, value, callback) => {
3 const patter = new RegExp('^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$')
4 if (!patter.test(value)) {
5 return callback(new Error('请输入正确格式的手机号！'))
6 } else {
7 callback() // 必须有此项回调，否则验证会一直不通过
8 }
9 }
10 export default {
11 common: {
12 phone: [{// 手机号
13 required: true,
14 message: '手机号不能为空'
15 }, {
16 validator: validatePhone,
17 trigger: 'blur'
18 }]
19 }
20 }
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div> 2 <div>
3 <lb-table :column="InformationTable" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData"> 3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData">
4 </lb-table> 4 </lb-table>
5 <addQlr v-model="dialog" />
5 </div> 6 </div>
6 </template> 7 </template>
7 <script> 8 <script>
9 import addQlr from './addQlr.vue'
8 import { mapGetters } from 'vuex' 10 import { mapGetters } from 'vuex'
9 export default { 11 export default {
12 components: {
13 addQlr
14 },
10 computed: { 15 computed: {
11 ...mapGetters(["dictData"]), 16 ...mapGetters(["dictData"]),
12 }, 17 },
...@@ -14,15 +19,20 @@ export default { ...@@ -14,15 +19,20 @@ export default {
14 tableData: { 19 tableData: {
15 type: Array, 20 type: Array,
16 default: [] 21 default: []
22 },
23 gyfs: {
24 type: String,
25 default: '1'
17 } 26 }
18 }, 27 },
19 data () { 28 data () {
20 return { 29 return {
30 dialog: false,
21 InformationTable: [ 31 InformationTable: [
22 { 32 {
23 width: '60', 33 width: '60',
24 renderHeader: (h, scope) => { 34 renderHeader: (h, scope) => {
25 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> 35 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
26 }, 36 },
27 render: (h, scope) => { 37 render: (h, scope) => {
28 return ( 38 return (
...@@ -39,52 +49,35 @@ export default { ...@@ -39,52 +49,35 @@ export default {
39 }, 49 },
40 { 50 {
41 prop: "sqrmc", 51 prop: "sqrmc",
42 label: "姓名/名称", 52 label: "姓名/名称"
43 render: (h, scope) => {
44 return (
45 <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
46 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
47 )
48 }
49 }, 53 },
50 { 54 {
51 prop: "dlrzjlx", 55 prop: "dlrzjlx",
52 label: "证件种类", 56 label: "证件种类"
53 render: (h, scope) => {
54 return (
55 <el-select value={scope.row[scope.column.property]}>
56 {
57 this.dictData && this.dictData['A30'].map(option => {
58 return (
59 <el-option label={option.dname} value={option.dcode}></el-option>
60 )
61 })
62 }
63 </el-select>
64 )
65 }
66 }, 57 },
67 { 58 {
68 prop: "dlrzjh", 59 prop: "dlrzjh",
69 label: "证件号", 60 label: "证件号"
70 render: (h, scope) => {
71 return (
72 <el-input placeholder="证件号" value={scope.row[scope.column.property]}
73 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
74 )
75 }
76 }, 61 },
77 { 62 {
78 prop: "fr", 63 prop: "fr",
79 label: "法人", 64 label: "法人"
65 },
66 {
67 label: '修改',
80 render: (h, scope) => { 68 render: (h, scope) => {
81 return ( 69 return (
82 <el-input placeholder="法人" value={scope.row[scope.column.property]} 70 <div>
83 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 71 <el-button
72 icon="el-icon-edit-outline"
73 type="text"
74 onClick={() => { this.handleEdit(scope.$index, scope.row) }}>编辑</el-button>
75 </div>
84 ) 76 )
85 } 77 }
86 } 78 }
87 ] 79 ],
80 column: this.InformationTable
88 } 81 }
89 }, 82 },
90 watch: { 83 watch: {
...@@ -93,20 +86,31 @@ export default { ...@@ -93,20 +86,31 @@ export default {
93 this.$emit('updateValue', newValue) 86 this.$emit('updateValue', newValue)
94 }, 87 },
95 deep: true 88 deep: true
89 },
90 gyfs: {
91 handler (newVal, oldValue) {
92 let dataList = _.cloneDeep(this.InformationTable)
93 if (newVal == '1') {
94 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
95 } else if ((newVal == '2')) {
96 this.column = dataList
97 } else {
98 this.column = _.cloneDeep(dataList)
99 this.column.splice(
100 2, 0, {
101 prop: "fs",
102 label: "份数"
103 })
104 }
105 },
106 immediate: true
96 } 107 }
97 }, 108 },
98 methods: { 109 methods: {
99 // 添加 110 // 添加
100 handleAdd () { 111 handleAdd () {
101 this.tableData.push( 112 console.log(11111111111);
102 { 113 this.dialog = true
103 sqrmc: '',
104 dlrzjlx: '',
105 dlrzjh: '',
106 fr: ''
107 }
108 )
109 this.key++
110 }, 114 },
111 // 减 115 // 减
112 handleMinus (index, row) { 116 handleMinus (index, row) {
...@@ -114,9 +118,8 @@ export default { ...@@ -114,9 +118,8 @@ export default {
114 }, 118 },
115 // 身份证读取 119 // 身份证读取
116 readClick () { }, 120 readClick () { },
117
118 // 修改 121 // 修改
119 editClick () { }, 122 handleEdit () { },
120 } 123 }
121 } 124 }
122 </script> 125 </script>
......
1 <template>
2 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
3 @closeDialog="closeDialog">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="8">
7 <el-form-item label="权利人类型" prop="qlrlx">
8 <el-select v-model="ruleForm.qlrlx" class="width100" placeholder="请选择">
9 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
10 </el-option>
11 </el-select>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="姓名/名称" prop="xm">
16 <el-input v-model="ruleForm.xm" maxlegth="15"></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="证件种类" prop="zjzl">
21 <el-select v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
22 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
23 </el-option>
24 </el-select>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="8">
30 <el-form-item label="证件号" prop="zjh">
31 <el-input v-model="ruleForm.zjh" maxlength="15"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone">
36 <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="性别" prop="xb">
41 <el-select v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
42 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
43 </el-option>
44 </el-select>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <el-row>
49 <el-col :span="8">
50 <el-form-item label="法人名称" prop="frmc">
51 <el-input v-model="ruleForm.frmc"></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="国家/地区" prop="gjdq">
56 <el-input v-model="ruleForm.gjdq"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="户籍所在省市" prop="szss">
61 <el-input v-model="ruleForm.szss"></el-input>
62 </el-form-item>
63 </el-col>
64 </el-row>
65
66 <el-row>
67 <el-col :span="16">
68 <el-form-item label="地址" prop="dz">
69 <el-input v-model="ruleForm.dz"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="邮编" prop="yb">
74 <el-input v-model="ruleForm.yb"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78
79 <el-row>
80 <el-col :span="8">
81 <el-form-item label="发证机关" prop="fzjg">
82 <el-input v-model="ruleForm.fzjg"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="电子邮件" prop="dzyj">
87 <el-input v-model="ruleForm.dzyj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="权利比例" prop="qlbl">
92 <el-input v-model="ruleForm.qlbl"></el-input>
93 </el-form-item>
94 </el-col>
95 </el-row>
96
97 <el-row>
98 <el-col :span="8">
99 <el-form-item label="工作单位" prop="gzdw">
100 <el-input v-model="ruleForm.gzdw"></el-input>
101 </el-form-item>
102 </el-col>
103 <el-col :span="16">
104 <el-form-item label="代理机构" prop="dljg">
105 <el-input v-model="ruleForm.dljg"></el-input>
106 </el-form-item>
107 </el-col>
108 </el-row>
109
110 <el-row>
111 <el-col :span="8">
112 <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone">
113 <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item label="代理人姓名" prop="dlrxm">
118 <el-input v-model="ruleForm.dlrxm"></el-input>
119 </el-form-item>
120 </el-col>
121 <el-col :span="8">
122 <el-form-item label="代理人证件类型" prop="dlrzjlx">
123 <el-select 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">
125 </el-option>
126 </el-select>
127 </el-form-item>
128 </el-col>
129 </el-row>
130 <el-row>
131 <el-col :span="8">
132 <el-form-item label="代理人证件号" prop="dlrzjh">
133 <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
134 </el-form-item>
135 </el-col>
136 </el-row>
137 </el-form>
138 </dialogBox>
139 </template>
140
141 <script>
142 import { mapGetters } from 'vuex'
143 export default {
144 props: {
145 value: { type: Boolean, default: false },
146 },
147 computed: {
148 ...mapGetters(["dictData"]),
149 },
150 data () {
151 return {
152 myValue: this.value,
153 ruleForm: {
154 qlrlx: '',
155 xm: '',
156 zjzl: '',
157 zjh: '',
158 lxdh: '',
159 xb: '',
160 frmc: '',
161 gjdq: '',
162 szss: '',
163 dz: '',
164 yb: '',
165 fzjg: '',
166 dzyj: '',
167 qlbl: '',
168 gzdw: '',
169 dljg: '',
170 dlrxm: '',
171 dlrzjlx: '',
172 dlrzjh: ''
173 },
174 rules: {
175 qlrlx: [
176 { required: true, message: '权利人类型', trigger: 'change' }
177 ],
178 xm: [
179 { required: true, message: '姓名/名称', trigger: 'blur' }
180 ],
181 zjzl: [
182 { required: true, message: '证件种类', trigger: 'change' }
183 ],
184 zjh: [
185 { 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 gjdqc: [
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 ]
229 }
230 }
231 },
232 watch: {
233 value (val) {
234 this.myValue = val;
235 },
236 },
237 methods: {
238 closeDialog () {
239 this.$emit("input", false);
240 },
241 submitForm () {
242 this.$emit("input", false);
243 },
244 },
245 };
246 </script>
247 <style scoped lang="scss">
248 .submit-button {
249 text-align: center;
250 height: 52px;
251 padding-top: 10px;
252 background-color: #fff;
253 }
254 </style>
...@@ -15,6 +15,20 @@ ...@@ -15,6 +15,20 @@
15 </div> 15 </div>
16 <!-- 材料预览 --> 16 <!-- 材料预览 -->
17 <div class="clyl-box" v-else> 17 <div class="clyl-box" v-else>
18 <div class="menu-tree">
19 <div class="item">
20 材料目录
21 <i :class="iclass" @click="iconClick()"></i>
22 <el-collapse-transition>
23 <div v-show="menuOpen">
24 <div v-for="item in tableData" :key="item.bsmSj"
25 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)">
26 {{ item.sjmc }}
27 </div>
28 </div>
29 </el-collapse-transition>
30 </div>
31 </div>
18 <image-preview :previewImg="previewImg" /> 32 <image-preview :previewImg="previewImg" />
19 </div> 33 </div>
20 </div> 34 </div>
...@@ -41,6 +55,9 @@ export default { ...@@ -41,6 +55,9 @@ export default {
41 label: "材料预览", 55 label: "材料预览",
42 }, 56 },
43 ], 57 ],
58 menuOpen: true,
59 iclass: "itemIcon el-icon-caret-bottom",
60 treeCheckId: "",
44 checkedId: "1", 61 checkedId: "1",
45 column: [ 62 column: [
46 { 63 {
...@@ -171,7 +188,6 @@ export default { ...@@ -171,7 +188,6 @@ export default {
171 key: 0, 188 key: 0,
172 tableData: [], 189 tableData: [],
173 previewImg: { 190 previewImg: {
174 bsmCatalog: '',
175 index: 0, 191 index: 0,
176 selectedIndex: 0, 192 selectedIndex: 0,
177 imgList: [ 193 imgList: [
...@@ -211,7 +227,6 @@ export default { ...@@ -211,7 +227,6 @@ export default {
211 }; 227 };
212 // 接口待调 228 // 接口待调
213 move(obj).then((res) => { 229 move(obj).then((res) => {
214 console.log("111111", res);
215 this.clmlmxInit(); 230 this.clmlmxInit();
216 }); 231 });
217 }, 232 },
...@@ -248,7 +263,7 @@ export default { ...@@ -248,7 +263,7 @@ export default {
248 // 新增弹窗保存 263 // 新增弹窗保存
249 addSave (data) { 264 addSave (data) {
250 let maxXh = 0; 265 let maxXh = 0;
251 this.tableData.forEach((item) => { 266 this.tableData && this.tableData.forEach((item) => {
252 if (item.xh > maxXh) { 267 if (item.xh > maxXh) {
253 maxXh = item.xh; 268 maxXh = item.xh;
254 } 269 }
...@@ -267,7 +282,7 @@ export default { ...@@ -267,7 +282,7 @@ export default {
267 message: "新增成功", 282 message: "新增成功",
268 type: "success", 283 type: "success",
269 }); 284 });
270 this.tableData = res.result; 285 this.tableData = res.result ? res.result : [];
271 // 加载表格 286 // 加载表格
272 this.clmlmxInit(); 287 this.clmlmxInit();
273 } 288 }
...@@ -435,6 +450,7 @@ export default { ...@@ -435,6 +450,7 @@ export default {
435 padding-left: 18px; 450 padding-left: 18px;
436 color: #6b6b6b; 451 color: #6b6b6b;
437 cursor: pointer; 452 cursor: pointer;
453 box-sizing: border-box;
438 } 454 }
439 455
440 .checked { 456 .checked {
......
1 <template> 1 <template>
2 <dialogBox 2 <dialogBox title="新建材料信息" width="40%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
3 title="新建材料信息" 3 :isFullscreen="false">
4 width="40%"
5 v-model="myValue"
6 :isButton="false"
7 >
8 <el-form :model="ruleForm" ref="ruleForm" label-width="120px"> 4 <el-form :model="ruleForm" ref="ruleForm" label-width="120px">
9 <el-row> 5 <el-row>
10 <el-col :span="24"> 6 <el-col :span="24">
...@@ -21,10 +17,6 @@ ...@@ -21,10 +17,6 @@
21 </el-col> 17 </el-col>
22 </el-row> 18 </el-row>
23 </el-form> 19 </el-form>
24 <div class="submit-button" style="padding-bottom: 20px">
25 <el-button type="primary" @click="onSave">保存</el-button>
26 <el-button @click="closeDialog">取消</el-button>
27 </div>
28 </dialogBox> 20 </dialogBox>
29 </template> 21 </template>
30 22
...@@ -34,7 +26,7 @@ export default { ...@@ -34,7 +26,7 @@ export default {
34 props: { 26 props: {
35 value: { type: Boolean, default: false }, 27 value: { type: Boolean, default: false },
36 }, 28 },
37 data() { 29 data () {
38 return { 30 return {
39 myValue: this.value, 31 myValue: this.value,
40 ruleForm: { 32 ruleForm: {
...@@ -44,15 +36,15 @@ export default { ...@@ -44,15 +36,15 @@ export default {
44 }; 36 };
45 }, 37 },
46 watch: { 38 watch: {
47 value(val) { 39 value (val) {
48 this.myValue = val; 40 this.myValue = val;
49 }, 41 },
50 }, 42 },
51 methods: { 43 methods: {
52 closeDialog() { 44 closeDialog () {
53 this.$emit("input", false); 45 this.$emit("input", false);
54 }, 46 },
55 onSave() { 47 handleSubmit () {
56 this.$parent.addSave(this.ruleForm); 48 this.$parent.addSave(this.ruleForm);
57 this.$emit("input", false); 49 this.$emit("input", false);
58 }, 50 },
......
1 <template> 1 <template>
2 <div class="slxx"> 2 <div class="slxx">
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" 3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
4 label-width="140px"> 4 label-width="120px">
5 <div class="slxx_con"> 5 <div class="slxx_con">
6 <div class="slxx_title">受理信息</div> 6 <div class="slxx_title">受理信息</div>
7 <el-row :gutter="10"> 7 <el-row :gutter="10">
8 <el-col :span="8"> 8 <el-col :span="8">
9 <el-form-item label="业务号：" prop="ywh"> 9 <el-form-item label="业务号：" prop="ywh">
10 <el-input disabled v-model="ruleForm.ywh" class="width300px"></el-input> 10 <el-input disabled v-model="ruleForm.ywh"></el-input>
11 </el-form-item> 11 </el-form-item>
12 </el-col> 12 </el-col>
13 <el-col :span="8"> 13 <el-col :span="8">
14 <el-form-item label="受理人员：" prop="slry"> 14 <el-form-item label="受理人员：" prop="slry">
15 <el-input disabled v-model="ruleForm.slry" class="width300px"></el-input> 15 <el-input disabled v-model="ruleForm.slry"></el-input>
16 </el-form-item> 16 </el-form-item>
17 </el-col> 17 </el-col>
18 <el-col :span="8"> 18 <el-col :span="8">
19 <el-form-item label="受理时间：" prop="slsj"> 19 <el-form-item label="受理时间：" prop="slsj">
20 <el-input disabled v-model="ruleForm.slsj" class="width300px"></el-input> 20 <el-input disabled v-model="ruleForm.slsj"></el-input>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
23 </el-row> 23 </el-row>
24 <el-row :gutter="10"> 24 <el-row :gutter="10">
25 <el-col :span="8"> 25 <el-col :span="8">
26 <el-form-item label="权利类型：" prop="qllx"> 26 <el-form-item label="权利类型：" prop="qllx">
27 <el-select disabled v-model="ruleForm.qllx" class="width300px" filterable clearable placeholder="请选择权利类型"> 27 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
29 </el-option> 29 </el-option>
30 </el-select> 30 </el-select>
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </el-col> 32 </el-col>
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="登记类型：" prop="djlx"> 34 <el-form-item label="登记类型：" prop="djlx">
35 <el-select disabled v-model="ruleForm.djlx" class="width300px" filterable clearable placeholder="请选择登记类型"> 35 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item label="登记情形：" prop="djqx"> 42 <el-form-item label="登记情形：" prop="djqx">
43 <el-input disabled class="width300px" v-model="ruleForm.djqxmc"></el-input> 43 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
44 </el-form-item> 44 </el-form-item>
45 </el-col> 45 </el-col>
46 </el-row> 46 </el-row>
...@@ -48,35 +48,34 @@ ...@@ -48,35 +48,34 @@
48 <el-row :gutter="10"> 48 <el-row :gutter="10">
49 <el-col :span="8"> 49 <el-col :span="8">
50 <el-form-item label="宗地代码：" prop="zddm"> 50 <el-form-item label="宗地代码：" prop="zddm">
51 <el-input disabled v-model="ruleForm.zddm" class="width300px"></el-input> 51 <el-input disabled v-model="ruleForm.zddm"></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="bdcdyh"> 55 <el-form-item label="不动产单元号：" prop="bdcdyh">
56 <el-input disabled v-model="ruleForm.bdcdyh" class="width300px"></el-input> 56 <el-input disabled v-model="ruleForm.bdcdyh"></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="qlxzmc"> 60 <el-form-item label="权利性质：" prop="qlxzmc">
61 <el-input disabled v-model="ruleForm.qlxzmc" class="width300px"></el-input> 61 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
62 </el-form-item> 62 </el-form-item>
63 </el-col> 63 </el-col>
64 </el-row> 64 </el-row>
65 <el-row :gutter="10"> 65 <el-row :gutter="10">
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item label="宗地面积：" prop="zdmj"> 67 <el-form-item label="宗地面积：" prop="zdmj">
68 <el-input disabled v-model="ruleForm.zdmj" class="width300px"></el-input> 68 <el-input disabled v-model="ruleForm.zdmj"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 <el-col :span="8"> 71 <el-col :span="8">
72 <el-form-item label="土地用途：" prop="tdyt"> 72 <el-form-item label="土地用途：" prop="tdyt">
73 <el-input disabled v-model="ruleForm.tdyt" class="width300px"></el-input> 73 <el-input disabled v-model="ruleForm.tdyt"></el-input>
74 </el-form-item> 74 </el-form-item>
75 </el-col> 75 </el-col>
76 <el-col :span="8"> 76 <el-col :span="8">
77 <el-form-item label="权利设定方式：" prop="qlsdfs"> 77 <el-form-item label="权利设定方式：" prop="qlsdfs">
78 <el-select disabled v-model="ruleForm.qlsdfs" filterable class="width300px" clearable 78 <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
79 placeholder="请选择权利设定方式">
80 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 79 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
81 </el-option> 80 </el-option>
82 </el-select> 81 </el-select>
...@@ -86,26 +85,26 @@ ...@@ -86,26 +85,26 @@
86 <el-row :gutter="10"> 85 <el-row :gutter="10">
87 <el-col :span="8"> 86 <el-col :span="8">
88 <el-form-item label="取得价格：" prop="qdjg"> 87 <el-form-item label="取得价格：" prop="qdjg">
89 <el-input disabled v-model="ruleForm.qdjg" class="width300px"></el-input> 88 <el-input disabled v-model="ruleForm.qdjg"></el-input>
90 </el-form-item> 89 </el-form-item>
91 </el-col> 90 </el-col>
92 91
93 <el-col :span="16"> 92 <el-col :span="16">
94 <el-form-item label="坐落：" prop="zl"> 93 <el-form-item label="坐落：" prop="zl">
95 <el-input disabled class="width300px" v-model="ruleForm.zl"></el-input> 94 <el-input disabled v-model="ruleForm.zl"></el-input>
96 </el-form-item> 95 </el-form-item>
97 </el-col> 96 </el-col>
98 </el-row> 97 </el-row>
99 <el-row :gutter="10"> 98 <el-row :gutter="10">
100 <el-col :span="8"> 99 <el-col :span="8">
101 <el-form-item label="使用期限：" prop="tdsyqx"> 100 <el-form-item label="使用期限：" prop="tdsyqx">
102 <el-input disabled v-model="ruleForm.tdsyqx" class="width300px"></el-input> 101 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
103 </el-form-item> 102 </el-form-item>
104 </el-col> 103 </el-col>
105 104
106 <el-col :span="16"> 105 <el-col :span="16">
107 <el-form-item label="使用权起止时间：" prop="qssj"> 106 <el-form-item label="使用权起止时间：" prop="qssj">
108 <el-input disabled v-model="ruleForm.syqqzsj" class="width300px"></el-input> 107 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
109 </el-form-item> 108 </el-form-item>
110 </el-col> 109 </el-col>
111 </el-row> 110 </el-row>
...@@ -118,19 +117,33 @@ ...@@ -118,19 +117,33 @@
118 </el-row> 117 </el-row>
119 <div class="slxx_title">权利人信息</div> 118 <div class="slxx_title">权利人信息</div>
120 <el-row :gutter="10"> 119 <el-row :gutter="10">
121 <el-col> 120 <el-col :span="14">
122 <el-form-item label="共有方式："> 121 <el-form-item label="共有方式：">
123 <el-radio-group disabled v-model="ruleForm.gyfs"> 122 <el-radio-group v-model="ruleForm.gyfs">
124 <el-radio label="单独所有"></el-radio> 123 <el-radio label="1">单独所有</el-radio>
125 <el-radio label="共同共有"></el-radio> 124 <el-radio label="2">共同共有</el-radio>
126 <el-radio label="按份所有"></el-radio> 125 <el-radio label="3">按份所有</el-radio>
127 </el-radio-group> 126 </el-radio-group>
128 </el-form-item> 127 </el-form-item>
129 </el-col> 128 </el-col>
130 <el-col> 129 <el-col :span="5" v-show="ruleForm.gyfs=='2'">
131 <InformationTable :tableData="ruleForm.qlrxx" /> 130 <el-form-item label="是否分别持证：">
131 <el-radio-group v-model="ruleForm.sffbcz">
132 <el-radio label="1">是</el-radio>
133 <el-radio label="0">否</el-radio>
134 </el-radio-group>
135 </el-form-item>
136 </el-col>
137 <el-col :span="5" v-show="ruleForm.gyfs=='2'">
138 <el-form-item label="持证人：">
139 <el-select v-model="ruleForm.czr" placeholder="持证人">
140 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
141 </el-option>
142 </el-select>
143 </el-form-item>
132 </el-col> 144 </el-col>
133 </el-row> 145 </el-row>
146 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
134 <div class="slxx_title">登记原因</div> 147 <div class="slxx_title">登记原因</div>
135 <el-row :gutter="10"> 148 <el-row :gutter="10">
136 <el-col> 149 <el-col>
...@@ -169,6 +182,7 @@ export default { ...@@ -169,6 +182,7 @@ export default {
169 flagTop: this.flag ? "top" : "", 182 flagTop: this.flag ? "top" : "",
170 tdytOption: [], 183 tdytOption: [],
171 qlsdfsOption: [], 184 qlsdfsOption: [],
185 czrOptions: [],
172 ruleForm: { 186 ruleForm: {
173 ywh: "", 187 ywh: "",
174 slry: "", 188 slry: "",
...@@ -189,7 +203,11 @@ export default { ...@@ -189,7 +203,11 @@ export default {
189 syqqzsj: "", 203 syqqzsj: "",
190 fj: "", 204 fj: "",
191 djyy: "", 205 djyy: "",
192 gyfs: "", 206 gyfs: "1",
207 // 是否分别持证
208 sffbcz: '',
209 // 持证人
210 czr: ''
193 }, 211 },
194 rules: { 212 rules: {
195 } 213 }
...@@ -198,12 +216,10 @@ export default { ...@@ -198,12 +216,10 @@ export default {
198 methods: { 216 methods: {
199 list (bsmSldy) { 217 list (bsmSldy) {
200 var formdata = new FormData(); 218 var formdata = new FormData();
201 //可以通过append()方法来追加数据
202 formdata.append("bsmSldy", bsmSldy); 219 formdata.append("bsmSldy", bsmSldy);
203 Init(formdata).then((res) => { 220 Init(formdata).then((res) => {
204 if (res.code === 200 && res.result) { 221 if (res.code === 200 && res.result) {
205 this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 222 this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
206 console.log(this.ruleForm, 'this.ruleForm');
207 } 223 }
208 }) 224 })
209 }, 225 },
...@@ -214,6 +230,22 @@ export default { ...@@ -214,6 +230,22 @@ export default {
214 <style scoped lang='scss'> 230 <style scoped lang='scss'>
215 @import "~@/styles/public.scss"; 231 @import "~@/styles/public.scss";
216 232
233 /deep/.el-form-item__label {
234 padding: 0;
235 }
236
237 /deep/.el-radio {
238 margin-right: 10px;
239 }
240
241 /deep/.el-select {
242 width: 100%;
243 }
244
245 /deep/.el-form-item {
246 margin-bottom: 8px;
247 }
248
217 .slxx { 249 .slxx {
218 box-sizing: border-box; 250 box-sizing: border-box;
219 padding-right: 15px; 251 padding-right: 15px;
......
...@@ -120,7 +120,7 @@ export default { ...@@ -120,7 +120,7 @@ export default {
120 }, 120 },
121 mounted () { 121 mounted () {
122 if (this.$route.query.bsmSlsq) { 122 if (this.$route.query.bsmSlsq) {
123 this.expandInfo(this.$route.query.bsmSlsq,this.$route.query.bestepid); 123 this.expandInfo(this.$route.query.bsmSlsq, this.$route.query.bestepid);
124 this.list(this.$route.query.bsmSlsq) 124 this.list(this.$route.query.bsmSlsq)
125 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq 125 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
126 this.queryForm.bestepid = this.$route.query.bestepid 126 this.queryForm.bestepid = this.$route.query.bestepid
...@@ -134,10 +134,11 @@ export default { ...@@ -134,10 +134,11 @@ export default {
134 var formdata = new FormData(); 134 var formdata = new FormData();
135 formdata.append("bsmSlsq", id); 135 formdata.append("bsmSlsq", id);
136 leftMenu(formdata).then(res => { 136 leftMenu(formdata).then(res => {
137 console.log(res, 'eeeeeeeeeeee');
137 if (res.code === 200) { 138 if (res.code === 200) {
138 this.unitData = res.result 139 this.unitData = res.result ? res.result : []
139 setTimeout(() => { 140 setTimeout(() => {
140 that.$refs.slxx[0].list(that.unitData[0].bsmSldy) 141 that.$refs?.slxx[0].list(that.unitData && that.unitData[0].bsmSldy)
141 this.taskId = that.unitData[0].taskId 142 this.taskId = that.unitData[0].taskId
142 this.bsmBusiness = that.unitData[0].bsmBusiness 143 this.bsmBusiness = that.unitData[0].bsmBusiness
143 }, 300); 144 }, 300);
...@@ -145,7 +146,7 @@ export default { ...@@ -145,7 +146,7 @@ export default {
145 }) 146 })
146 }, 147 },
147 //获取环节扩展信息 148 //获取环节扩展信息
148 expandInfo (bsmSlsq,bestepid) { 149 expandInfo (bsmSlsq, bestepid) {
149 let that = this 150 let that = this
150 var formdata = new FormData(); 151 var formdata = new FormData();
151 formdata.append("bsmSlsq", bsmSlsq); 152 formdata.append("bsmSlsq", bsmSlsq);
......