Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
72f495f4 by 任超
Options

style:受理申请

1 parent 4abec01a
Inline Side-by-side
Showing 7 changed files with 221 additions and 70 deletions
...@@ -5,3 +5,16 @@ ...@@ -5,3 +5,16 @@
5 export function isExternal (path) { 5 export function isExternal (path) {
6 return /^(https?:|mailto:|tel:)/.test(path) 6 return /^(https?:|mailto:|tel:)/.test(path)
7 } 7 }
8 export function validatePhone (rule, value, callback) {
9 let phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/
10 if (!value) {
11 return callback(new Error('号码不能为空!!'))
12 }
13 setTimeout(() => {
14 if (!phoneReg.test(value)) {
15 callback(new Error('格式有误'))
16 } else {
17 callback()
18 }
19 }, 100)
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,30 @@ export default { ...@@ -93,20 +86,30 @@ 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 this.dialog = true
102 {
103 sqrmc: '',
104 dlrzjlx: '',
105 dlrzjh: '',
106 fr: ''
107 }
108 )
109 this.key++
110 }, 113 },
111 // 减 114 // 减
112 handleMinus (index, row) { 115 handleMinus (index, row) {
...@@ -114,9 +117,8 @@ export default { ...@@ -114,9 +117,8 @@ export default {
114 }, 117 },
115 // 身份证读取 118 // 身份证读取
116 readClick () { }, 119 readClick () { },
117
118 // 修改 120 // 修改
119 editClick () { }, 121 handleEdit () { },
120 } 122 }
121 } 123 }
122 </script> 124 </script>
......
1 <template>
2 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
3 @closeDialog="closeDialog">
4 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
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" maxlegth="15"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="联系电话" prop="lxdh">
36 <el-input v-model="ruleForm.lxdh" maxlegth="11"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <el-row>
41
42 </el-row>
43 </el-form>
44 </dialogBox>
45 </template>
46
47 <script>
48 import { mapGetters } from 'vuex'
49 import { validatePhone } from '@/utils/validate'
50 export default {
51 props: {
52 value: { type: Boolean, default: false },
53 },
54 computed: {
55 ...mapGetters(["dictData"]),
56 },
57 data () {
58 return {
59 myValue: this.value,
60 ruleForm: {
61 qlrlx: '',
62 xm: '',
63 zjzl: '',
64 zjh: '',
65 lxdh: ''
66 },
67 rules: {
68 qlrlx: [
69 { required: true, message: '权利人类型', trigger: 'change' }
70 ],
71 xm: [
72 { required: true, message: '姓名/名称', trigger: 'blur' }
73 ],
74 zjzl: [
75 { required: true, message: '证件种类', trigger: 'change' }
76 ],
77 zjh: [
78 { required: true, message: '证件号', trigger: 'blur' }
79 ],
80 lxdh: [
81 {
82 required: true, // required就是这个框必须填写
83 message: '不能空着',
84 validator: validatePhone, // 规则
85 trigger: 'blur', // blur失去焦点，事件何时触发
86 },
87 ]
88 }
89 }
90 },
91 watch: {
92 value (val) {
93 this.myValue = val;
94 },
95 },
96 methods: {
97 closeDialog () {
98 this.$emit("input", false);
99 },
100 submitForm () {
101 this.$emit("input", false);
102 },
103 },
104 };
105 </script>
106 <style scoped lang="scss">
107 .submit-button {
108 text-align: center;
109 height: 52px;
110 padding-top: 10px;
111 background-color: #fff;
112 }
113 </style>
...@@ -171,7 +171,6 @@ export default { ...@@ -171,7 +171,6 @@ export default {
171 key: 0, 171 key: 0,
172 tableData: [], 172 tableData: [],
173 previewImg: { 173 previewImg: {
174 bsmCatalog: '',
175 index: 0, 174 index: 0,
176 selectedIndex: 0, 175 selectedIndex: 0,
177 imgList: [ 176 imgList: [
...@@ -211,7 +210,6 @@ export default { ...@@ -211,7 +210,6 @@ export default {
211 }; 210 };
212 // 接口待调 211 // 接口待调
213 move(obj).then((res) => { 212 move(obj).then((res) => {
214 console.log("111111", res);
215 this.clmlmxInit(); 213 this.clmlmxInit();
216 }); 214 });
217 }, 215 },
...@@ -248,7 +246,7 @@ export default { ...@@ -248,7 +246,7 @@ export default {
248 // 新增弹窗保存 246 // 新增弹窗保存
249 addSave (data) { 247 addSave (data) {
250 let maxXh = 0; 248 let maxXh = 0;
251 this.tableData.forEach((item) => { 249 this.tableData && this.tableData.forEach((item) => {
252 if (item.xh > maxXh) { 250 if (item.xh > maxXh) {
253 maxXh = item.xh; 251 maxXh = item.xh;
254 } 252 }
...@@ -267,7 +265,8 @@ export default { ...@@ -267,7 +265,8 @@ export default {
267 message: "新增成功", 265 message: "新增成功",
268 type: "success", 266 type: "success",
269 }); 267 });
270 this.tableData = res.result; 268 console.log(res);
269 this.tableData = res.result ? res.result : [];
271 // 加载表格 270 // 加载表格
272 this.clmlmxInit(); 271 this.clmlmxInit();
273 } 272 }
......
1 <template> 1 <template>
2 <dialogBox 2 <dialogBox title="新建材料信息" width="40%" v-model="myValue" :isFullscreen="false" :isButton="false">
3 title="新建材料信息"
4 width="40%"
5 v-model="myValue"
6 :isButton="false"
7 >
8 <el-form :model="ruleForm" ref="ruleForm" label-width="120px"> 3 <el-form :model="ruleForm" ref="ruleForm" label-width="120px">
9 <el-row> 4 <el-row>
10 <el-col :span="24"> 5 <el-col :span="24">
...@@ -34,7 +29,7 @@ export default { ...@@ -34,7 +29,7 @@ export default {
34 props: { 29 props: {
35 value: { type: Boolean, default: false }, 30 value: { type: Boolean, default: false },
36 }, 31 },
37 data() { 32 data () {
38 return { 33 return {
39 myValue: this.value, 34 myValue: this.value,
40 ruleForm: { 35 ruleForm: {
...@@ -44,15 +39,15 @@ export default { ...@@ -44,15 +39,15 @@ export default {
44 }; 39 };
45 }, 40 },
46 watch: { 41 watch: {
47 value(val) { 42 value (val) {
48 this.myValue = val; 43 this.myValue = val;
49 }, 44 },
50 }, 45 },
51 methods: { 46 methods: {
52 closeDialog() { 47 closeDialog () {
53 this.$emit("input", false); 48 this.$emit("input", false);
54 }, 49 },
55 onSave() { 50 onSave () {
56 this.$parent.addSave(this.ruleForm); 51 this.$parent.addSave(this.ruleForm);
57 this.$emit("input", false); 52 this.$emit("input", false);
58 }, 53 },
......
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">
...@@ -118,19 +118,33 @@ ...@@ -118,19 +118,33 @@
118 </el-row> 118 </el-row>
119 <div class="slxx_title">权利人信息</div> 119 <div class="slxx_title">权利人信息</div>
120 <el-row :gutter="10"> 120 <el-row :gutter="10">
121 <el-col> 121 <el-col :span="14">
122 <el-form-item label="共有方式："> 122 <el-form-item label="共有方式：">
123 <el-radio-group disabled v-model="ruleForm.gyfs"> 123 <el-radio-group v-model="ruleForm.gyfs">
124 <el-radio label="单独所有"></el-radio> 124 <el-radio label="1">单独所有</el-radio>
125 <el-radio label="共同共有"></el-radio> 125 <el-radio label="2">共同共有</el-radio>
126 <el-radio label="按份所有"></el-radio> 126 <el-radio label="3">按份所有</el-radio>
127 </el-radio-group> 127 </el-radio-group>
128 </el-form-item> 128 </el-form-item>
129 </el-col> 129 </el-col>
130 <el-col> 130 <el-col :span="5" v-show="ruleForm.gyfs=='2'">
131 <InformationTable :tableData="ruleForm.qlrxx" /> 131 <el-form-item label="是否分别持证：">
132 <el-radio-group v-model="ruleForm.sffbcz">
133 <el-radio label="1">是</el-radio>
134 <el-radio label="0">否</el-radio>
135 </el-radio-group>
136 </el-form-item>
137 </el-col>
138 <el-col :span="5" v-show="ruleForm.gyfs=='2'">
139 <el-form-item label="持证人：">
140 <el-select v-model="ruleForm.czr" placeholder="持证人">
141 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
142 </el-option>
143 </el-select>
144 </el-form-item>
132 </el-col> 145 </el-col>
133 </el-row> 146 </el-row>
147 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
134 <div class="slxx_title">登记原因</div> 148 <div class="slxx_title">登记原因</div>
135 <el-row :gutter="10"> 149 <el-row :gutter="10">
136 <el-col> 150 <el-col>
...@@ -169,6 +183,7 @@ export default { ...@@ -169,6 +183,7 @@ export default {
169 flagTop: this.flag ? "top" : "", 183 flagTop: this.flag ? "top" : "",
170 tdytOption: [], 184 tdytOption: [],
171 qlsdfsOption: [], 185 qlsdfsOption: [],
186 czrOptions: [],
172 ruleForm: { 187 ruleForm: {
173 ywh: "", 188 ywh: "",
174 slry: "", 189 slry: "",
...@@ -189,7 +204,11 @@ export default { ...@@ -189,7 +204,11 @@ export default {
189 syqqzsj: "", 204 syqqzsj: "",
190 fj: "", 205 fj: "",
191 djyy: "", 206 djyy: "",
192 gyfs: "", 207 gyfs: "1",
208 // 是否分别持证
209 sffbcz: '',
210 // 持证人
211 czr: ''
193 }, 212 },
194 rules: { 213 rules: {
195 } 214 }
...@@ -214,6 +233,14 @@ export default { ...@@ -214,6 +233,14 @@ export default {
214 <style scoped lang='scss'> 233 <style scoped lang='scss'>
215 @import "~@/styles/public.scss"; 234 @import "~@/styles/public.scss";
216 235
236 /deep/.el-form-item__label {
237 padding: 0;
238 }
239
240 /deep/.el-radio {
241 margin-right: 10px;
242 }
243
217 .slxx { 244 .slxx {
218 box-sizing: border-box; 245 box-sizing: border-box;
219 padding-right: 15px; 246 padding-right: 15px;
......
...@@ -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);
...@@ -149,6 +150,7 @@ export default { ...@@ -149,6 +150,7 @@ export default {
149 let that = this 150 let that = this
150 var formdata = new FormData(); 151 var formdata = new FormData();
151 formdata.append("bestepid", bestepid); 152 formdata.append("bestepid", bestepid);
153 console.log(formdata, 'formdata');
152 stepExpandInfo(formdata).then(res => { 154 stepExpandInfo(formdata).then(res => {
153 if (res.code === 200) { 155 if (res.code === 200) {
154 this.tabList1 = [...res.result.form] 156 this.tabList1 = [...res.result.form]
......