style:批量清单
Showing
3 changed files
with
166 additions
and
167 deletions
This diff is collapsed.
Click to expand it.
| 1 | <template> | 1 | <template> |
| 2 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 2 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
| 3 | </lb-table> | 3 | </lb-table> |
| 4 | </template> | 4 | </template> |
| 5 | <script> | 5 | <script> |
| 6 | import addQlr from './addQlr.vue' | 6 | import addQlr from './addQlr.vue' |
| 7 | import { mapGetters } from 'vuex' | 7 | import { mapGetters } from 'vuex' |
| 8 | export default { | 8 | export default { |
| 9 | components: { | 9 | components: { |
| 10 | addQlr | 10 | addQlr |
| 11 | }, | 11 | }, |
| 12 | computed: { | 12 | computed: { |
| 13 | ...mapGetters(["dictData"]), | 13 | ...mapGetters(["dictData"]), |
| 14 | }, | 14 | }, |
| 15 | props: { | 15 | props: { |
| 16 | tableData: { | 16 | tableData: { |
| 17 | type: Array, | 17 | type: Array, |
| 18 | default: function () { | 18 | default: function () { |
| 19 | return [] | 19 | return [] |
| 20 | } | ||
| 21 | }, | ||
| 22 | gyfs: { | ||
| 23 | type: String, | ||
| 24 | default: '1' | ||
| 20 | } | 25 | } |
| 21 | }, | 26 | }, |
| 22 | gyfs: { | 27 | data () { |
| 23 | type: String, | 28 | return { |
| 24 | default: '1' | 29 | key: 0, |
| 25 | } | 30 | dataIndex: 0, |
| 26 | }, | 31 | dialog: false, |
| 27 | data () { | 32 | details: {}, |
| 28 | return { | 33 | tableDataList: [], |
| 29 | key: 0, | 34 | qlrCommonTable: [ |
| 30 | dataIndex: 0, | 35 | { |
| 31 | dialog: false, | 36 | label: '序号', |
| 32 | details: {}, | 37 | type: 'index', |
| 33 | tableDataList: [], | 38 | width: '50', |
| 34 | qlrCommonTable: [ | 39 | render: (h, scope) => { |
| 35 | { | 40 | return ( |
| 36 | label: '序号', | 41 | <div> |
| 37 | type: 'index', | 42 | {scope.$index + 1} |
| 38 | width: '50', | 43 | </div> |
| 39 | render: (h, scope) => { | 44 | ) |
| 40 | return ( | 45 | } |
| 41 | <div> | 46 | }, |
| 42 | {scope.$index + 1} | 47 | { |
| 43 | </div> | 48 | prop: "qllxmc", |
| 44 | ) | 49 | label: "权利类型" |
| 50 | }, | ||
| 51 | { | ||
| 52 | prop: "bdcqzh", | ||
| 53 | label: "不动产权证号" | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | prop: "qlrmc", | ||
| 57 | label: "权利人" | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | prop: "ytmc", | ||
| 61 | label: "用途" | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | prop: "mj", | ||
| 65 | label: "面积" | ||
| 66 | }, | ||
| 67 | { | ||
| 68 | prop: "zl", | ||
| 69 | label: "坐落" | ||
| 70 | }, | ||
| 71 | ], | ||
| 72 | column: this.qlrCommonTable | ||
| 73 | } | ||
| 74 | }, | ||
| 75 | watch: { | ||
| 76 | tableData: { | ||
| 77 | handler: function (val, oldVal) { | ||
| 78 | let that = this | ||
| 79 | if (val.length == 0 || !val) { | ||
| 80 | that.tableDataList = _.cloneDeep([{ | ||
| 81 | sqrmc: '', | ||
| 82 | dlrzjlx: '', | ||
| 83 | dlrzjh: '', | ||
| 84 | fr: '' | ||
| 85 | }]) | ||
| 86 | } else { | ||
| 87 | that.tableDataList = _.cloneDeep(val) | ||
| 45 | } | 88 | } |
| 46 | }, | 89 | }, |
| 47 | { | 90 | immediate: true, |
| 48 | prop: "qllxmc", | 91 | deep: true |
| 49 | label: "权利类型" | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | prop: "bdcqzh", | ||
| 53 | label: "不动产权证号" | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | prop: "qlrmc", | ||
| 57 | label: "权利人" | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | prop: "ytmc", | ||
| 61 | label: "用途" | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | prop: "mj", | ||
| 65 | label: "面积" | ||
| 66 | }, | ||
| 67 | { | ||
| 68 | prop: "zl", | ||
| 69 | label: "坐落" | ||
| 70 | }, | ||
| 71 | ], | ||
| 72 | column: this.qlrCommonTable | ||
| 73 | } | ||
| 74 | }, | ||
| 75 | watch: { | ||
| 76 | tableData: { | ||
| 77 | handler: function (val, oldVal) { | ||
| 78 | let that = this | ||
| 79 | if (val.length == 0 || !val) { | ||
| 80 | that.tableDataList = _.cloneDeep([{ | ||
| 81 | sqrmc: '', | ||
| 82 | dlrzjlx: '', | ||
| 83 | dlrzjh: '', | ||
| 84 | fr: '' | ||
| 85 | }]) | ||
| 86 | } else { | ||
| 87 | that.tableDataList = _.cloneDeep(val) | ||
| 88 | } | ||
| 89 | }, | 92 | }, |
| 90 | immediate: true, | 93 | gyfs: { |
| 91 | deep: true | 94 | handler (newVal, oldValue) { |
| 95 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 96 | if (newVal == '1') { | ||
| 97 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 98 | } else if ((newVal == '2')) { | ||
| 99 | this.column = dataList | ||
| 100 | } else { | ||
| 101 | this.column = _.cloneDeep(dataList) | ||
| 102 | this.column.splice( | ||
| 103 | 2, 0, { | ||
| 104 | prop: "fs", | ||
| 105 | label: "份数" | ||
| 106 | }) | ||
| 107 | } | ||
| 108 | }, | ||
| 109 | immediate: true | ||
| 110 | } | ||
| 92 | }, | 111 | }, |
| 93 | gyfs: { | 112 | methods: { |
| 94 | handler (newVal, oldValue) { | ||
| 95 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 96 | if (newVal == '1') { | ||
| 97 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 98 | } else if ((newVal == '2')) { | ||
| 99 | this.column = dataList | ||
| 100 | } else { | ||
| 101 | this.column = _.cloneDeep(dataList) | ||
| 102 | this.column.splice( | ||
| 103 | 2, 0, { | ||
| 104 | prop: "fs", | ||
| 105 | label: "份数" | ||
| 106 | }) | ||
| 107 | } | ||
| 108 | }, | ||
| 109 | immediate: true | ||
| 110 | } | 113 | } |
| 111 | }, | ||
| 112 | methods: { | ||
| 113 | } | 114 | } |
| 114 | } | ||
| 115 | </script> | 115 | </script> |
| 116 | <style scoped lang='scss'> | 116 | <style scoped lang='scss'> |
| 117 | |||
| 118 | </style> | 117 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -154,75 +154,75 @@ | ... | @@ -154,75 +154,75 @@ |
| 154 | </div> | 154 | </div> |
| 155 | </template> | 155 | </template> |
| 156 | <script> | 156 | <script> |
| 157 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; | 157 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; |
| 158 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; | 158 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; |
| 159 | import { mapGetters } from "vuex"; | 159 | import { mapGetters } from "vuex"; |
| 160 | export default { | 160 | export default { |
| 161 | data () { | 161 | data () { |
| 162 | return { | 162 | return { |
| 163 | disabled: true, | 163 | disabled: true, |
| 164 | flagTop: this.flag ? "top" : "", | 164 | flagTop: this.flag ? "top" : "", |
| 165 | rules: {}, | 165 | rules: {}, |
| 166 | //传递参数 | 166 | //传递参数 |
| 167 | propsParam: {}, | 167 | propsParam: {}, |
| 168 | //页面数据 | 168 | //页面数据 |
| 169 | ruleForm: {}, | 169 | ruleForm: { |
| 170 | isJfOperation: false, | 170 | slywxx: {}, |
| 171 | tableData: [] | 171 | cfdj: {}, |
| 172 | }; | 172 | }, |
| 173 | }, | 173 | isJfOperation: false, |
| 174 | created () { | 174 | tableData: [] |
| 175 | this.propsParam = this.$attrs; | 175 | }; |
| 176 | var formdata = new FormData(); | 176 | }, |
| 177 | if (this.propsParam.djlx == '400') { | 177 | created () { |
| 178 | this.isJfOperation = true; | 178 | this.propsParam = this.$attrs; |
| 179 | } | 179 | var formdata = new FormData(); |
| 180 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 180 | if (this.propsParam.djlx == '400') { |
| 181 | formdata.append("djlx", this.propsParam.djlx); | 181 | this.isJfOperation = true; |
| 182 | BatchInit(formdata).then((res) => { | ||
| 183 | if (res.code === 200 && res.result) { | ||
| 184 | this.ruleForm = res.result | ||
| 185 | } | 182 | } |
| 186 | }); | 183 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 187 | }, | 184 | formdata.append("djlx", this.propsParam.djlx); |
| 188 | watch: { | 185 | BatchInit(formdata).then((res) => { |
| 189 | 186 | if (res.code === 200 && res.result) { | |
| 190 | }, | 187 | this.ruleForm = res.result |
| 191 | components: { cfBdcdyTable }, | 188 | } |
| 192 | props: { | 189 | }) |
| 193 | flag: { | ||
| 194 | type: Boolean, | ||
| 195 | default: false, | ||
| 196 | }, | 190 | }, |
| 197 | fetch: { | 191 | components: { cfBdcdyTable }, |
| 198 | type: Boolean, | 192 | props: { |
| 199 | default: false, | 193 | flag: { |
| 194 | type: Boolean, | ||
| 195 | default: false, | ||
| 196 | }, | ||
| 197 | fetch: { | ||
| 198 | type: Boolean, | ||
| 199 | default: false, | ||
| 200 | }, | ||
| 201 | }, | ||
| 202 | computed: { | ||
| 203 | ...mapGetters(["dictData"]), | ||
| 200 | }, | 204 | }, |
| 201 | }, | ||
| 202 | computed: { | ||
| 203 | ...mapGetters(["dictData"]), | ||
| 204 | }, | ||
| 205 | 205 | ||
| 206 | methods: { | 206 | methods: { |
| 207 | onSubmit () { | 207 | onSubmit () { |
| 208 | this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq; | 208 | this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq; |
| 209 | batchSaveData(this.ruleForm).then((res) => { | 209 | batchSaveData(this.ruleForm).then((res) => { |
| 210 | if (res.code === 200) { | 210 | if (res.code === 200) { |
| 211 | this.$message.success('保存成功'); | 211 | this.$message.success('保存成功'); |
| 212 | } | 212 | } |
| 213 | }); | 213 | }); |
| 214 | }, | ||
| 215 | changeCflx (e) { | ||
| 216 | let cflxItem = {} | ||
| 217 | cflxItem = this.dictData['A32'].find((item) => { | ||
| 218 | return item.dcode == e | ||
| 219 | }) | ||
| 220 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
| 221 | } | ||
| 214 | }, | 222 | }, |
| 215 | changeCflx (e) { | 223 | }; |
| 216 | let cflxItem = {} | ||
| 217 | cflxItem = this.dictData['A32'].find((item) => { | ||
| 218 | return item.dcode == e | ||
| 219 | }) | ||
| 220 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | ||
| 221 | } | ||
| 222 | }, | ||
| 223 | }; | ||
| 224 | </script> | 224 | </script> |
| 225 | <style scoped lang='scss'> | 225 | <style scoped lang='scss'> |
| 226 | @import "~@/styles/public.scss"; | 226 | @import "~@/styles/public.scss"; |
| 227 | @import "~@/styles/slxx/slxx.scss"; | 227 | @import "~@/styles/slxx/slxx.scss"; |
| 228 | </style> | 228 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment