Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
943ebf77 by renchao@pashanhoo.com
Options

style:受理信息模块功能的完善

1 parent d316a1a0
Inline Side-by-side
Showing 5 changed files with 189 additions and 192 deletions
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 47
48 .el-dialog__header { 48 .el-dialog__header {
49 margin-bottom: 10px; 49 margin-bottom: 10px;
50 color: #4A4A4A; 50 color: #FFFFFF;
51 background-color: #FCFDFD; 51 background-color: #FCFDFD;
52 border-bottom: 1px solid #E4EBF4; 52 border-bottom: 1px solid #E4EBF4;
53 } 53 }
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </lb-table> 3 </lb-table>
4 </template> 4 </template>
5 <script> 5 <script>
6 import addQlr from './addQlr.vue' 6 import addQlr from './dialog/addQlr.vue'
7 import { mapGetters } from 'vuex' 7 import { mapGetters } from 'vuex'
8 export default { 8 export default {
9 components: { 9 components: {
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> 3 <lb-table :column="column" :pagination="false" :key="key" :data="tableDataList">
4 </lb-table> 4 </lb-table>
5 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 5 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
6 </div> 6 </div>
7 </template> 7 </template>
8 <script> 8 <script>
9 import addQlr from './addQlr.vue' 9 import addQlr from './dialog/addQlr.vue'
10 import { mapGetters } from 'vuex' 10 import { mapGetters } from 'vuex'
11 export default { 11 export default {
12 components: { 12 components: {
13 addQlr 13 addQlr
14 }, 14 },
15 computed: { 15 computed: {
16 ...mapGetters(["dictData"]), 16 ...mapGetters(["dictData"]),
17 }, 17 },
18 props: { 18 props: {
19 tableData: { 19 tableData: {
20 type: Array, 20 type: Array,
21 default: function () { 21 default: function () {
22 return [] 22 return []
23 }
24 },
25 gyfs: {
26 type: String,
27 default: '1'
23 } 28 }
24 }, 29 },
25 gyfs: { 30 data () {
26 type: String, 31 return {
27 default: '1' 32 key: 0,
28 } 33 dataIndex: 0,
29 }, 34 dialog: false,
30 data () { 35 isaddupdate: false,
31 return { 36 showButton: this.$route.query.viewtype ? false : true,
32 key: 0, 37 details: {},
33 dataIndex: 0, 38 tableDataList: [],
34 dialog: false, 39 InformationTable: [
35 isaddupdate: false, 40 {
36 showButton: this.$route.query.viewtype ? false : true, 41 width: '50',
37 details: {}, 42 renderHeader: (h, scope) => {
38 tableDataList: [], 43 return <div> {
39 InformationTable: [ 44 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
40 { 45 }
41 width: '50', 46 </div>
42 renderHeader: (h, scope) => { 47 },
43 return <div> { 48 render: (h, scope) => {
44 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> 49 return (
50 <div>
51 {
52 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
53 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
54 }
55 </div>
56 )
45 } 57 }
46 </div>
47 }, 58 },
48 render: (h, scope) => { 59 {
49 return ( 60 label: '身份证读卡器',
50 <div> 61 align: 'center',
51 { 62 render: (h, scope) => {
52 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : 63 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
53 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> 64 }
65 },
66 {
67 prop: "sqrmc",
68 label: "姓名/名称"
69 },
70 {
71 prop: "zjzl",
72 label: "证件种类",
73 render: (h, scope) => {
74 return this.dictData['A30'] && this.dictData['A30'].map(option => {
75 if (option.dcode == scope.row.zjzl) {
76 return <span>{option.dname}</span>
54 } 77 }
55 </div> 78 })
56 ) 79 }
57 } 80 },
58 }, 81 {
59 { 82 prop: "zjh",
60 label: '身份证读卡器', 83 label: "证件号"
61 align: 'center', 84 },
62 render: (h, scope) => { 85 {
63 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> 86 prop: "dh",
87 label: "联系电话"
88 },
89 {
90 label: '操作',
91 render: (h, scope) => {
92 return (
93 <div>
94 {
95 this.$route.query.viewtype ? <el-button
96 icon="el-icon-view"
97 type="text"
98 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
99 icon="el-icon-edit-outline"
100 type="text"
101 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
102 }
103 </div>
104 )
105 }
64 } 106 }
107 ],
108 column: []
109 }
110 },
111 watch: {
112 tableData: {
113 handler: function (val, oldVal) {
114 let that = this
115 this.$nextTick(() => {
116 if (val.length == 0 || !val) {
117 that.tableDataList = _.cloneDeep([{
118 sqrmc: '',
119 dlrzjlx: '',
120 dlrzjh: '',
121 fr: ''
122 }])
123 } else {
124 that.tableDataList = _.cloneDeep(val)
125 }
126 })
65 }, 127 },
66 { 128 immediate: true,
67 prop: "sqrmc", 129 deep: true
68 label: "姓名/名称" 130 },
69 }, 131 gyfs: {
70 { 132 handler (newVal, oldValue) {
71 prop: "zjzl", 133 let dataList = _.cloneDeep(this.InformationTable)
72 label: "证件种类", 134 if (newVal == 0) {
73 render: (h, scope) => { 135 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
74 return this.dictData['A30'] && this.dictData['A30'].map(option => { 136 this.column = _.cloneDeep(dataList)
75 if (option.dcode == scope.row.zjzl) { 137
76 return <span>{option.dname}</span> 138 } else if ((newVal == '1' || newVal == '3')) {
77 } 139 this.column = dataList
140 } else {
141 this.column = _.cloneDeep(dataList)
142 this.column.splice(
143 2, 0, {
144 prop: "fs",
145 label: "份数"
78 }) 146 })
79 } 147 }
80 }, 148 },
81 { 149 immediate: true
82 prop: "zjh", 150 }
83 label: "证件号" 151 },
84 }, 152 methods: {
85 { 153 handleupdateDetail (value) {
86 prop: "dh", 154 if (this.isaddupdate) {
87 label: "联系电话" 155 if (!_.isEqual(value, this.tableData)) {
88 }, 156 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
89 { 157 this.$emit('upDateQlrxxList', this.tableDataList)
90 label: '操作',
91 render: (h, scope) => {
92 return (
93 <div>
94 {
95 this.$route.query.viewtype ? <el-button
96 icon="el-icon-view"
97 type="text"
98 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
99 icon="el-icon-edit-outline"
100 type="text"
101 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
102 }
103 </div>
104 )
105 } 158 }
106 } 159 } else {
107 ], 160 if (!_.isEqual(value, this.tableData)) {
108 column: [] 161 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
109 } 162 this.$emit('upDateQlrxxList', this.tableDataList)
110 },
111 watch: {
112 tableData: {
113 handler: function (val, oldVal) {
114 let that = this
115 this.$nextTick(() => {
116 if (val.length == 0 || !val) {
117 that.tableDataList = _.cloneDeep([{
118 sqrmc: '',
119 dlrzjlx: '',
120 dlrzjh: '',
121 fr: ''
122 }])
123 } else {
124 that.tableDataList = _.cloneDeep(val)
125 } 163 }
126 }) 164 }
165 this.key++
127 }, 166 },
128 immediate: true, 167 // 新增
129 deep: true 168 addClick () {
130 }, 169 if (this.gyfs == '0' && this.tableDataList.length > 0) {
131 gyfs: { 170 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
132 handler (newVal, oldValue) {
133 let dataList = _.cloneDeep(this.InformationTable)
134 if (newVal == 0) {
135 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
136 this.column = _.cloneDeep(dataList)
137
138 } else if ((newVal == '1' || newVal == '3')) {
139 this.column = dataList
140 } else { 171 } else {
141 this.column = _.cloneDeep(dataList) 172 this.dialog = true
142 this.column.splice( 173 this.isaddupdate = true
143 2, 0, {
144 prop: "fs",
145 label: "份数"
146 })
147 } 174 }
148 }, 175 },
149 immediate: true
150 }
151 },
152 methods: {
153 handleupdateDetail (value) {
154 if (this.isaddupdate) {
155 if (!_.isEqual(value, this.tableData)) {
156 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
157 this.$emit('upDateQlrxxList', this.tableDataList)
158 }
159 } else {
160 if (!_.isEqual(value, this.tableData)) {
161 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
162 this.$emit('upDateQlrxxList', this.tableDataList)
163 }
164 }
165 },
166
167 // 新增
168 addClick () {
169 if(this.gyfs == '0' && this.tableDataList.length > 0){
170 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
171 }else{
172 this.dialog = true
173 this.isaddupdate = true
174 }
175 },
176 176
177 // 删除 177 // 删除
178 deleClick (index, row) { 178 deleClick (index, row) {
179 this.$confirm('确定要删除吗, 是否继续?', '提示', { 179 this.$confirm('确定要删除吗, 是否继续?', '提示', {
180 confirmButtonText: '确定', 180 confirmButtonText: '确定',
181 cancelButtonText: '取消', 181 cancelButtonText: '取消',
182 type: 'warning' 182 type: 'warning'
183 }).then(() => { 183 }).then(() => {
184 this.tableData.splice(index, 1) 184 this.tableData.splice(index, 1)
185 }).catch(() => { 185 }).catch(() => {
186 }); 186 });
187 }, 187 },
188 188
189 // 身份证读取 189 // 身份证读取
190 readClick () { }, 190 readClick () { },
191 191
192 // 修改 192 // 修改
193 editClick (index, row) { 193 editClick (index, row) {
194 // popupDialog("申请人信息", "workflow/components/addQlr", { 194 // popupDialog("申请人信息", "workflow/components/addQlr", {
195 // showButton: this.$route.query.viewtype ? false : true, 195 // showButton: this.$route.query.viewtype ? false : true,
196 // dataIndex :index, 196 // dataIndex :index,
197 // details :row, 197 // details :row,
198 // isaddupdate :false 198 // isaddupdate :false
199 // }); 199 // });
200 this.dataIndex = index 200 this.dataIndex = index
201 this.dialog = true 201 this.dialog = true
202 this.details = row 202 this.details = row
203 this.isaddupdate = false 203 this.isaddupdate = false
204 }, 204 },
205 queryViewClick (index, row) { 205 queryViewClick (index, row) {
206 // popupDialog("申请人信息", "workflow/components/addQlr", { 206 // popupDialog("申请人信息", "workflow/components/addQlr", {
207 // showButton: this.$route.query.viewtype ? false : true, 207 // showButton: this.$route.query.viewtype ? false : true,
208 // details: row, 208 // details: row,
209 // }); 209 // });
210 this.dialog = true 210 this.dialog = true
211 this.details = row 211 this.details = row
212 }
212 } 213 }
213 } 214 }
214 }
215 </script> 215 </script>
216 <style scoped lang='scss'>
217
218 </style>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 </lb-table> 3 </lb-table>
4 </template> 4 </template>
5 <script> 5 <script>
6 import addQlr from './addQlr.vue' 6 import addQlr from './dialog/addQlr.vue'
7 import { mapGetters } from 'vuex' 7 import { mapGetters } from 'vuex'
8 export default { 8 export default {
9 components: { 9 components: {
......