Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
17 changed files
with
642 additions
and
375 deletions
src/components/selectTable/index.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Descripttion: 表格选择器组件 | ||
| 3 | * @version: 1.3 | ||
| 4 | * @Author: sakuya | ||
| 5 | * @Date: 2021年6月10日10:04:07 | ||
| 6 | * @LastEditors: Please set LastEditors | ||
| 7 | * @LastEditTime: 2023-06-29 11:14:11 | ||
| 8 | --> | ||
| 9 | |||
| 10 | <template> | ||
| 11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" | ||
| 12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" | ||
| 13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> | ||
| 14 | <template #empty> | ||
| 15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> | ||
| 16 | <div class="sc-table-select__header"> | ||
| 17 | <slot name="header" :form="formData" :submit="formSubmit"></slot> | ||
| 18 | </div> | ||
| 19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> | ||
| 20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> | ||
| 21 | <el-table-column v-else type="index" width="45"> | ||
| 22 | <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> | ||
| 23 | </el-table-column> | ||
| 24 | <slot></slot> | ||
| 25 | </el-table> | ||
| 26 | <div class="sc-table-select__page"> | ||
| 27 | <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" | ||
| 28 | @current-change="reload"></el-pagination> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </template> | ||
| 32 | </el-select> | ||
| 33 | </template> | ||
| 34 | |||
| 35 | <script> | ||
| 36 | import config from "./tableSelect"; | ||
| 37 | |||
| 38 | export default { | ||
| 39 | props: { | ||
| 40 | modelValue: null, | ||
| 41 | apiObj: { type: Object, default: () => { } }, | ||
| 42 | placeholder: { type: String, default: "请选择" }, | ||
| 43 | size: { type: String, default: "small" }, | ||
| 44 | clearable: { type: Boolean, default: false }, | ||
| 45 | multiple: { type: Boolean, default: false }, | ||
| 46 | filterable: { type: Boolean, default: false }, | ||
| 47 | collapseTags: { type: Boolean, default: false }, | ||
| 48 | collapseTagsTooltip: { type: Boolean, default: false }, | ||
| 49 | disabled: { type: Boolean, default: false }, | ||
| 50 | tableWidth: { type: Number, default: 400 }, | ||
| 51 | mode: { type: String, default: "popover" }, | ||
| 52 | props: { type: Object, default: () => { } } | ||
| 53 | }, | ||
| 54 | data () { | ||
| 55 | return { | ||
| 56 | loading: false, | ||
| 57 | keyword: null, | ||
| 58 | defaultValue: [], | ||
| 59 | tableData: [], | ||
| 60 | pageSize: config.pageSize, | ||
| 61 | total: 0, | ||
| 62 | currentPage: 1, | ||
| 63 | defaultProps: { | ||
| 64 | label: config.props.label, | ||
| 65 | value: config.props.value, | ||
| 66 | page: config.request.page, | ||
| 67 | pageSize: config.request.pageSize, | ||
| 68 | keyword: config.request.keyword | ||
| 69 | }, | ||
| 70 | formData: {} | ||
| 71 | } | ||
| 72 | }, | ||
| 73 | computed: { | ||
| 74 | |||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | modelValue: { | ||
| 78 | handler () { | ||
| 79 | this.defaultValue = this.modelValue | ||
| 80 | this.autoCurrentLabel() | ||
| 81 | }, | ||
| 82 | deep: true | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | this.defaultProps = Object.assign(this.defaultProps, this.props); | ||
| 87 | this.defaultValue = this.modelValue | ||
| 88 | this.autoCurrentLabel() | ||
| 89 | }, | ||
| 90 | methods: { | ||
| 91 | //表格显示隐藏回调 | ||
| 92 | visibleChange (visible) { | ||
| 93 | if (visible) { | ||
| 94 | this.currentPage = 1 | ||
| 95 | this.keyword = null | ||
| 96 | this.formData = {} | ||
| 97 | this.getData() | ||
| 98 | } else { | ||
| 99 | this.autoCurrentLabel() | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | //获取表格数据 | ||
| 103 | async getData () { | ||
| 104 | this.loading = true; | ||
| 105 | var reqData = { | ||
| 106 | [this.defaultProps.page]: this.currentPage, | ||
| 107 | [this.defaultProps.pageSize]: this.pageSize, | ||
| 108 | [this.defaultProps.keyword]: this.keyword | ||
| 109 | } | ||
| 110 | Object.assign(reqData, this.formData) | ||
| 111 | // var res = await this.apiObj.get(reqData); | ||
| 112 | let res = { | ||
| 113 | code: 200, | ||
| 114 | data: { | ||
| 115 | total: 2, rows: [ | ||
| 116 | { | ||
| 117 | user: 11111111111, | ||
| 118 | id: 111111111111 | ||
| 119 | }, | ||
| 120 | { | ||
| 121 | user: 2222222222222, | ||
| 122 | id: 22222222222 | ||
| 123 | } | ||
| 124 | ] | ||
| 125 | }, | ||
| 126 | message: "" | ||
| 127 | } | ||
| 128 | var parseData = config.parseData(res) | ||
| 129 | this.tableData = parseData.rows; | ||
| 130 | this.total = parseData.total; | ||
| 131 | this.loading = false; | ||
| 132 | //表格默认赋值 | ||
| 133 | this.$nextTick(() => { | ||
| 134 | if (this.multiple) { | ||
| 135 | this.defaultValue.forEach(row => { | ||
| 136 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) | ||
| 137 | if (setrow.length > 0) { | ||
| 138 | this.$refs.table.toggleRowSelection(setrow[0], true); | ||
| 139 | } | ||
| 140 | }) | ||
| 141 | } else { | ||
| 142 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) | ||
| 143 | this.$refs.table.setCurrentRow(setrow[0]); | ||
| 144 | } | ||
| 145 | this.$refs.table.setScrollTop(0) | ||
| 146 | }) | ||
| 147 | }, | ||
| 148 | //插糟表单提交 | ||
| 149 | formSubmit () { | ||
| 150 | this.currentPage = 1 | ||
| 151 | this.keyword = null | ||
| 152 | this.getData() | ||
| 153 | }, | ||
| 154 | //分页刷新表格 | ||
| 155 | reload () { | ||
| 156 | this.getData() | ||
| 157 | }, | ||
| 158 | //自动模拟options赋值 | ||
| 159 | autoCurrentLabel () { | ||
| 160 | this.$nextTick(() => { | ||
| 161 | if (this.multiple) { | ||
| 162 | this.$refs.select.selected.forEach(item => { | ||
| 163 | item.currentLabel = item.value[this.defaultProps.label] | ||
| 164 | }) | ||
| 165 | } else { | ||
| 166 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] | ||
| 167 | } | ||
| 168 | }) | ||
| 169 | }, | ||
| 170 | //表格勾选事件 | ||
| 171 | select (rows, row) { | ||
| 172 | var isSelect = rows.length && rows.indexOf(row) !== -1 | ||
| 173 | if (isSelect) { | ||
| 174 | this.defaultValue.push(row) | ||
| 175 | } else { | ||
| 176 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
| 177 | } | ||
| 178 | this.autoCurrentLabel() | ||
| 179 | this.$emit('update:modelValue', this.defaultValue); | ||
| 180 | this.$emit('change', this.defaultValue); | ||
| 181 | }, | ||
| 182 | //表格全选事件 | ||
| 183 | selectAll (rows) { | ||
| 184 | var isAllSelect = rows.length > 0 | ||
| 185 | if (isAllSelect) { | ||
| 186 | rows.forEach(row => { | ||
| 187 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
| 188 | if (!isHas) { | ||
| 189 | this.defaultValue.push(row) | ||
| 190 | } | ||
| 191 | }) | ||
| 192 | } else { | ||
| 193 | this.tableData.forEach(row => { | ||
| 194 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
| 195 | if (isHas) { | ||
| 196 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
| 197 | } | ||
| 198 | }) | ||
| 199 | } | ||
| 200 | this.autoCurrentLabel() | ||
| 201 | this.$emit('update:modelValue', this.defaultValue); | ||
| 202 | this.$emit('change', this.defaultValue); | ||
| 203 | }, | ||
| 204 | click (row) { | ||
| 205 | if (this.multiple) { | ||
| 206 | //处理多选点击行 | ||
| 207 | } else { | ||
| 208 | this.defaultValue = row | ||
| 209 | this.$refs.select.blur() | ||
| 210 | this.autoCurrentLabel() | ||
| 211 | this.$emit('update:modelValue', this.defaultValue); | ||
| 212 | this.$emit('change', this.defaultValue); | ||
| 213 | } | ||
| 214 | }, | ||
| 215 | //tags删除后回调 | ||
| 216 | removeTag (tag) { | ||
| 217 | var row = this.findRowByKey(tag[this.defaultProps.value]) | ||
| 218 | this.$refs.table.toggleRowSelection(row, false); | ||
| 219 | this.$emit('update:modelValue', this.defaultValue); | ||
| 220 | }, | ||
| 221 | //清空后的回调 | ||
| 222 | clear () { | ||
| 223 | this.$emit('update:modelValue', this.defaultValue); | ||
| 224 | }, | ||
| 225 | // 关键值查询表格数据行 | ||
| 226 | findRowByKey (value) { | ||
| 227 | return this.tableData.find(item => item[this.defaultProps.value] === value) | ||
| 228 | }, | ||
| 229 | filterMethod (keyword) { | ||
| 230 | if (!keyword) { | ||
| 231 | this.keyword = null; | ||
| 232 | return false; | ||
| 233 | } | ||
| 234 | this.keyword = keyword; | ||
| 235 | this.getData() | ||
| 236 | }, | ||
| 237 | // 触发select隐藏 | ||
| 238 | blur () { | ||
| 239 | this.$refs.select.blur(); | ||
| 240 | }, | ||
| 241 | // 触发select显示 | ||
| 242 | focus () { | ||
| 243 | this.$refs.select.focus(); | ||
| 244 | } | ||
| 245 | } | ||
| 246 | } | ||
| 247 | </script> | ||
| 248 | |||
| 249 | <style scoped> | ||
| 250 | .sc-table-select__table { | ||
| 251 | padding: 12px; | ||
| 252 | } | ||
| 253 | .sc-table-select__page { | ||
| 254 | padding-top: 12px; | ||
| 255 | } | ||
| 256 | </style> |
src/components/selectTable/tableSelect.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-29 11:05:49 | ||
| 5 | */ | ||
| 6 | //表格选择器配置 | ||
| 7 | |||
| 8 | export default { | ||
| 9 | pageSize: 10, //表格每一页条数 | ||
| 10 | parseData: function (res) { | ||
| 11 | return { | ||
| 12 | data: res.data, | ||
| 13 | rows: res.data.rows, //分析行数据字段结构 | ||
| 14 | total: res.data.total, //分析总数字段结构 | ||
| 15 | msg: res.message, //分析描述字段结构 | ||
| 16 | code: res.code //分析状态字段结构 | ||
| 17 | } | ||
| 18 | }, | ||
| 19 | request: { | ||
| 20 | page: 'page', //规定当前分页字段 | ||
| 21 | pageSize: 'pageSize', //规定一页条数字段 | ||
| 22 | keyword: 'keyword' //规定搜索字段 | ||
| 23 | }, | ||
| 24 | props: { | ||
| 25 | label: 'label', //映射label显示字段 | ||
| 26 | value: 'value', //映射value值字段 | ||
| 27 | } | ||
| 28 | } |
| 1 | <!-- | ||
| 2 | * @Description: 权利人列表 | ||
| 3 | * @Autor: miaofang | ||
| 4 | * @LastEditTime: 2023-06-14 10:40:48 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | ||
| 8 | </lb-table> | ||
| 9 | </template> | ||
| 10 | <script> | ||
| 11 | import addQlr from './dialog/addQlr.vue' | ||
| 12 | import { mapGetters } from 'vuex' | ||
| 13 | export default { | ||
| 14 | components: { | ||
| 15 | addQlr | ||
| 16 | }, | ||
| 17 | computed: { | ||
| 18 | ...mapGetters(["dictData"]), | ||
| 19 | }, | ||
| 20 | props: { | ||
| 21 | tableData: { | ||
| 22 | type: Array, | ||
| 23 | default: function () { | ||
| 24 | return [] | ||
| 25 | } | ||
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | data () { | ||
| 33 | return { | ||
| 34 | key: 0, | ||
| 35 | dataIndex: 0, | ||
| 36 | dialog: false, | ||
| 37 | details: {}, | ||
| 38 | tableDataList: [], | ||
| 39 | qlrCommonTable: [ | ||
| 40 | { | ||
| 41 | label: '序号', | ||
| 42 | type: 'index', | ||
| 43 | width: '50', | ||
| 44 | render: (h, scope) => { | ||
| 45 | return ( | ||
| 46 | <div> | ||
| 47 | {scope.$index + 1} | ||
| 48 | </div> | ||
| 49 | ) | ||
| 50 | } | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | prop: "qllxmc", | ||
| 54 | label: "权利类型" | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | prop: "bdcqzh", | ||
| 58 | label: "不动产权证号" | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | prop: "qlrmc", | ||
| 62 | label: "权利人" | ||
| 63 | }, | ||
| 64 | { | ||
| 65 | prop: "ytmc", | ||
| 66 | label: "用途" | ||
| 67 | }, | ||
| 68 | { | ||
| 69 | prop: "mj", | ||
| 70 | label: "面积" | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "zl", | ||
| 74 | label: "坐落" | ||
| 75 | }, | ||
| 76 | ], | ||
| 77 | column: this.qlrCommonTable | ||
| 78 | } | ||
| 79 | }, | ||
| 80 | watch: { | ||
| 81 | tableData: { | ||
| 82 | handler: function (val, oldVal) { | ||
| 83 | let that = this | ||
| 84 | if (val.length == 0 || !val) { | ||
| 85 | that.tableDataList = _.cloneDeep([{ | ||
| 86 | sqrmc: '', | ||
| 87 | dlrzjlx: '', | ||
| 88 | dlrzjh: '', | ||
| 89 | fr: '' | ||
| 90 | }]) | ||
| 91 | } else { | ||
| 92 | that.tableDataList = _.cloneDeep(val) | ||
| 93 | } | ||
| 94 | }, | ||
| 95 | immediate: true, | ||
| 96 | deep: true | ||
| 97 | }, | ||
| 98 | gyfs: { | ||
| 99 | handler (newVal, oldValue) { | ||
| 100 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 101 | if (newVal == '1') { | ||
| 102 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 103 | } else if ((newVal == '2')) { | ||
| 104 | this.column = dataList | ||
| 105 | } else { | ||
| 106 | this.column = _.cloneDeep(dataList) | ||
| 107 | this.column.splice( | ||
| 108 | 2, 0, { | ||
| 109 | prop: "fs", | ||
| 110 | label: "份数" | ||
| 111 | }) | ||
| 112 | } | ||
| 113 | }, | ||
| 114 | immediate: true | ||
| 115 | } | ||
| 116 | }, | ||
| 117 | methods: { | ||
| 118 | } | ||
| 119 | } | ||
| 120 | </script> | ||
| 121 | <style scoped lang='scss'> | ||
| 122 | </style> |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
| 10 | <el-row> | 10 | <el-row> |
| 11 | <el-col :span="8"> | 11 | <el-col :span="8"> |
| 12 | <el-form-item label="权利人类型" prop="sqrlx"> | 12 | <el-form-item label="权利人类型1" prop="sqrlx"> |
| 13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | 13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> |
| 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 15 | </el-option> | 15 | </el-option> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
| 8 | @closeDialog="closeDialog" :isButton="showButton"> | ||
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="8"> | ||
| 12 | <el-form-item label="义务人类型1" prop="sqrlx"> | ||
| 13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="姓名/名称" prop="sqrmc"> | ||
| 21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="证件种类" prop="zjzl"> | ||
| 26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | ||
| 27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 28 | </el-option> | ||
| 29 | </el-select> | ||
| 30 | </el-form-item> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | <el-row> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="证件号" prop="zjh"> | ||
| 36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item label="联系电话" prop="dh"> | ||
| 41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item label="性别"> | ||
| 46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | ||
| 47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 48 | </el-option> | ||
| 49 | </el-select> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | </el-row> | ||
| 53 | <el-row> | ||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item label="法人名称"> | ||
| 56 | <el-input v-model="ruleForm.frmc"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item label="国家/地区"> | ||
| 61 | <el-input v-model="ruleForm.gjdq"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item label="户籍所在省市"> | ||
| 66 | <el-input v-model="ruleForm.szss"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | </el-row> | ||
| 70 | |||
| 71 | <el-row> | ||
| 72 | <el-col :span="16"> | ||
| 73 | <el-form-item label="地址"> | ||
| 74 | <el-input v-model="ruleForm.txdz"></el-input> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item label="邮编"> | ||
| 79 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | </el-row> | ||
| 83 | |||
| 84 | <el-row> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="发证机关"> | ||
| 87 | <el-input v-model="ruleForm.fzjg"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="电子邮件"> | ||
| 92 | <el-input v-model="ruleForm.dzyj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="权利比例"> | ||
| 97 | <el-input v-model="ruleForm.qlbl"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | </el-row> | ||
| 101 | |||
| 102 | <el-row> | ||
| 103 | <el-col :span="8"> | ||
| 104 | <el-form-item label="工作单位"> | ||
| 105 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | <el-col :span="16"> | ||
| 109 | <el-form-item label="代理机构"> | ||
| 110 | <el-input v-model="ruleForm.dljg"></el-input> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | </el-row> | ||
| 114 | |||
| 115 | <el-row> | ||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item label="联系电话"> | ||
| 118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | <el-col :span="8"> | ||
| 122 | <el-form-item label="代理人姓名"> | ||
| 123 | <el-input v-model="ruleForm.dlrxm"></el-input> | ||
| 124 | </el-form-item> | ||
| 125 | </el-col> | ||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item label="代理人证件类型"> | ||
| 128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | ||
| 129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 130 | </el-option> | ||
| 131 | </el-select> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | </el-row> | ||
| 135 | <el-row> | ||
| 136 | <el-col :span="8"> | ||
| 137 | <el-form-item label="代理人证件号"> | ||
| 138 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | </el-row> | ||
| 142 | </el-form> | ||
| 143 | </dialogBox> | ||
| 144 | </template> | ||
| 145 | <script> | ||
| 146 | import { mapGetters } from "vuex"; | ||
| 147 | export default { | ||
| 148 | props: { | ||
| 149 | value: { type: Boolean, default: false }, | ||
| 150 | details: { type: Object, default: {} }, | ||
| 151 | showButton: { type: Boolean, default: false } | ||
| 152 | }, | ||
| 153 | computed: { | ||
| 154 | ...mapGetters(["dictData"]), | ||
| 155 | }, | ||
| 156 | data () { | ||
| 157 | return { | ||
| 158 | myValue: this.value, | ||
| 159 | ruleForm: { | ||
| 160 | sqrlx: "", | ||
| 161 | sqrmc: "", | ||
| 162 | zjzl: "", | ||
| 163 | zjh: "", | ||
| 164 | dh: "", | ||
| 165 | xb: "", | ||
| 166 | frmc: "", | ||
| 167 | gjdq: "", | ||
| 168 | szss: "", | ||
| 169 | txdz: "", | ||
| 170 | yb: "", | ||
| 171 | fzjg: "", | ||
| 172 | dzyj: "", | ||
| 173 | qlbl: "", | ||
| 174 | gzdw: "", | ||
| 175 | dljg: "", | ||
| 176 | dlrxm: "", | ||
| 177 | dlrzjlx: "", | ||
| 178 | dlrzjh: "", | ||
| 179 | }, | ||
| 180 | rules: { | ||
| 181 | sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
| 182 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 185 | }, | ||
| 186 | }; | ||
| 187 | }, | ||
| 188 | watch: { | ||
| 189 | value (val) { | ||
| 190 | this.myValue = _.cloneDeep(val); | ||
| 191 | }, | ||
| 192 | details: { | ||
| 193 | handler: function (val, oldVal) { | ||
| 194 | this.ruleForm = val; | ||
| 195 | }, | ||
| 196 | deep: true, | ||
| 197 | }, | ||
| 198 | }, | ||
| 199 | methods: { | ||
| 200 | closeDialog () { | ||
| 201 | this.$emit("input", false); | ||
| 202 | this.$refs["ruleForm"].resetFields(); | ||
| 203 | }, | ||
| 204 | submitForm () { | ||
| 205 | this.$refs.ruleForm.validate((valid) => { | ||
| 206 | if (valid) { | ||
| 207 | this.$emit("input", false); | ||
| 208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 209 | } else { | ||
| 210 | return false; | ||
| 211 | } | ||
| 212 | }); | ||
| 213 | }, | ||
| 214 | }, | ||
| 215 | }; | ||
| 216 | </script> | ||
| 217 | <style scoped lang="scss"> | ||
| 218 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 219 | .submit-button { | ||
| 220 | text-align: center; | ||
| 221 | height: 52px; | ||
| 222 | padding-top: 10px; | ||
| 223 | background-color: #fff; | ||
| 224 | } | ||
| 225 | </style> |
| ... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; | ... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; |
| 4 | var qlxxPage = [ | 4 | var qlxxPage = [ |
| 5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, | 5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, |
| 6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, | 6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, |
| 7 | { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" }, | 7 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, |
| 8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, | 8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, |
| 9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | 9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, |
| 10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, | 10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, |
| ... | @@ -75,7 +75,9 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -75,7 +75,9 @@ export function getNode(qllx, qlxx, bdcdylx) { |
| 75 | if (bdcdylx == "4") { | 75 | if (bdcdylx == "4") { |
| 76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; | 76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; |
| 77 | } else { | 77 | } else { |
| 78 | |||
| 78 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 79 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
| 80 | console.log("node",node); | ||
| 79 | } | 81 | } |
| 80 | } else { | 82 | } else { |
| 81 | console.log("jin1111"); | 83 | console.log("jin1111"); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:41:35 | 4 | * @LastEditTime: 2023-05-17 10:41:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 7 | <div> |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ||
| 9 | :data="tableDataList"> | ||
| 8 | </lb-table> | 10 | </lb-table> |
| 11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
| 12 | </div> | ||
| 9 | </template> | 13 | </template> |
| 10 | <script> | 14 | <script> |
| 11 | import addQlr from './dialog/addQlr.vue' | 15 | import addYwr from './dialog/addYwr.vue' |
| 12 | import { mapGetters } from 'vuex' | 16 | import { mapGetters } from 'vuex' |
| 13 | export default { | 17 | export default { |
| 14 | components: { | 18 | components: { |
| 15 | addQlr | 19 | addYwr |
| 16 | }, | 20 | }, |
| 17 | computed: { | 21 | computed: { |
| 18 | ...mapGetters(["dictData"]), | 22 | ...mapGetters(["dictData"]), |
| ... | @@ -34,14 +38,16 @@ | ... | @@ -34,14 +38,16 @@ |
| 34 | key: 0, | 38 | key: 0, |
| 35 | dataIndex: 0, | 39 | dataIndex: 0, |
| 36 | dialog: false, | 40 | dialog: false, |
| 41 | isaddupdate: false, | ||
| 42 | showButton: this.$route.query.viewtype ? false : true, | ||
| 37 | details: {}, | 43 | details: {}, |
| 38 | tableDataList: [], | 44 | tableDataList: [], |
| 39 | qlrCommonTable: [ | 45 | InformationTable: [ |
| 40 | { | 46 | { |
| 41 | width: '50', | 47 | width: '50', |
| 42 | renderHeader: (h, scope) => { | 48 | renderHeader: (h, scope) => { |
| 43 | return <div> { | 49 | return <div> { |
| 44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
| 45 | } | 51 | } |
| 46 | </div> | 52 | </div> |
| 47 | }, | 53 | }, |
| ... | @@ -50,19 +56,33 @@ | ... | @@ -50,19 +56,33 @@ |
| 50 | <div> | 56 | <div> |
| 51 | { | 57 | { |
| 52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : |
| 53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
| 54 | } | 60 | } |
| 55 | </div> | 61 | </div> |
| 56 | ) | 62 | ) |
| 57 | } | 63 | } |
| 58 | }, | 64 | }, |
| 59 | { | 65 | { |
| 66 | label: '身份证读卡器', | ||
| 67 | align: 'center', | ||
| 68 | render: (h, scope) => { | ||
| 69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | ||
| 70 | } | ||
| 71 | }, | ||
| 72 | { | ||
| 60 | prop: "sqrmc", | 73 | prop: "sqrmc", |
| 61 | label: "姓名/名称" | 74 | label: "姓名/名称" |
| 62 | }, | 75 | }, |
| 63 | { | 76 | { |
| 64 | prop: "zjzl", | 77 | prop: "zjzl", |
| 65 | label: "证件种类" | 78 | label: "证件种类", |
| 79 | render: (h, scope) => { | ||
| 80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | ||
| 81 | if (option.dcode == scope.row.zjzl) { | ||
| 82 | return <span>{option.dname}</span> | ||
| 83 | } | ||
| 84 | }) | ||
| 85 | } | ||
| 66 | }, | 86 | }, |
| 67 | { | 87 | { |
| 68 | prop: "zjh", | 88 | prop: "zjh", |
| ... | @@ -73,29 +93,32 @@ | ... | @@ -73,29 +93,32 @@ |
| 73 | label: "联系电话" | 93 | label: "联系电话" |
| 74 | }, | 94 | }, |
| 75 | { | 95 | { |
| 76 | prop: "frmc", | ||
| 77 | label: "法人" | ||
| 78 | }, | ||
| 79 | { | ||
| 80 | label: '操作', | 96 | label: '操作', |
| 81 | render: (h, scope) => { | 97 | render: (h, scope) => { |
| 82 | return ( | 98 | return ( |
| 83 | <div> | 99 | <div> |
| 84 | { | 100 | { |
| 85 | <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> | 101 | this.$route.query.viewtype ? <el-button |
| 102 | icon="el-icon-view" | ||
| 103 | type="text" | ||
| 104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
| 105 | icon="el-icon-edit-outline" | ||
| 106 | type="text" | ||
| 107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
| 86 | } | 108 | } |
| 87 | </div> | 109 | </div> |
| 88 | ) | 110 | ) |
| 89 | } | 111 | } |
| 90 | } | 112 | } |
| 91 | ], | 113 | ], |
| 92 | column: this.qlrCommonTable | 114 | column: [] |
| 93 | } | 115 | } |
| 94 | }, | 116 | }, |
| 95 | watch: { | 117 | watch: { |
| 96 | tableData: { | 118 | tableData: { |
| 97 | handler: function (val, oldVal) { | 119 | handler: function (val, oldVal) { |
| 98 | let that = this | 120 | let that = this |
| 121 | this.$nextTick(() => { | ||
| 99 | if (val.length == 0 || !val) { | 122 | if (val.length == 0 || !val) { |
| 100 | that.tableDataList = _.cloneDeep([{ | 123 | that.tableDataList = _.cloneDeep([{ |
| 101 | sqrmc: '', | 124 | sqrmc: '', |
| ... | @@ -106,16 +129,19 @@ | ... | @@ -106,16 +129,19 @@ |
| 106 | } else { | 129 | } else { |
| 107 | that.tableDataList = _.cloneDeep(val) | 130 | that.tableDataList = _.cloneDeep(val) |
| 108 | } | 131 | } |
| 132 | }) | ||
| 109 | }, | 133 | }, |
| 110 | immediate: true, | 134 | immediate: true, |
| 111 | deep: true | 135 | deep: true |
| 112 | }, | 136 | }, |
| 113 | gyfs: { | 137 | gyfs: { |
| 114 | handler (newVal, oldValue) { | 138 | handler (newVal, oldValue) { |
| 115 | let dataList = _.cloneDeep(this.qlrCommonTable) | 139 | let dataList = _.cloneDeep(this.InformationTable) |
| 116 | if (newVal == '1') { | 140 | if (newVal == 0) { |
| 117 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
| 118 | } else if ((newVal == '2')) { | 142 | this.column = _.cloneDeep(dataList) |
| 143 | |||
| 144 | } else if ((newVal == '1' || newVal == '3')) { | ||
| 119 | this.column = dataList | 145 | this.column = dataList |
| 120 | } else { | 146 | } else { |
| 121 | this.column = _.cloneDeep(dataList) | 147 | this.column = _.cloneDeep(dataList) |
| ... | @@ -130,33 +156,66 @@ | ... | @@ -130,33 +156,66 @@ |
| 130 | } | 156 | } |
| 131 | }, | 157 | }, |
| 132 | methods: { | 158 | methods: { |
| 133 | updateDetail (value) { | 159 | handleupdateDetail (value) { |
| 134 | this.tableDataList[this.dataIndex] = value | 160 | if (this.isaddupdate) { |
| 135 | this.key++ | 161 | if (!_.isEqual(value, this.tableData)) { |
| 162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 163 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 164 | } | ||
| 165 | } else { | ||
| 166 | if (!_.isEqual(value, this.tableData)) { | ||
| 167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 136 | this.$emit('upDateQlrxxList', this.tableDataList) | 168 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 169 | } | ||
| 170 | } | ||
| 171 | this.key++ | ||
| 137 | }, | 172 | }, |
| 138 | // 添加 | 173 | // 新增 |
| 139 | handleAdd () { | 174 | addClick () { |
| 175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
| 176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
| 177 | } else { | ||
| 140 | this.dialog = true | 178 | this.dialog = true |
| 179 | this.isaddupdate = true | ||
| 180 | } | ||
| 141 | }, | 181 | }, |
| 142 | // 减 | 182 | |
| 143 | handleMinus (index, row) { | 183 | // 删除 |
| 184 | deleClick (index, row) { | ||
| 185 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | ||
| 186 | confirmButtonText: '确定', | ||
| 187 | cancelButtonText: '取消', | ||
| 188 | type: 'warning' | ||
| 189 | }).then(() => { | ||
| 144 | this.tableData.splice(index, 1) | 190 | this.tableData.splice(index, 1) |
| 191 | }).catch(() => { | ||
| 192 | }); | ||
| 145 | }, | 193 | }, |
| 194 | |||
| 146 | // 身份证读取 | 195 | // 身份证读取 |
| 147 | readClick () { }, | 196 | readClick () { }, |
| 197 | |||
| 148 | // 修改 | 198 | // 修改 |
| 149 | handleEdit (index, row) { | 199 | editClick (index, row) { |
| 150 | console.log(row, 'rowrowrowrowrow'); | 200 | // popupDialog("申请人信息", "workflow/components/addYwr", { |
| 201 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 202 | // dataIndex :index, | ||
| 203 | // details :row, | ||
| 204 | // isaddupdate :false | ||
| 205 | // }); | ||
| 151 | this.dataIndex = index | 206 | this.dataIndex = index |
| 152 | this.dialog = true | 207 | this.dialog = true |
| 153 | this.details = row | 208 | this.details = row |
| 209 | this.isaddupdate = false | ||
| 154 | }, | 210 | }, |
| 155 | handleView () { | 211 | queryViewClick (index, row) { |
| 212 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
| 213 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 214 | // details: row, | ||
| 215 | // }); | ||
| 156 | this.dialog = true | 216 | this.dialog = true |
| 217 | this.details = row | ||
| 157 | } | 218 | } |
| 158 | } | 219 | } |
| 159 | } | 220 | } |
| 160 | </script> | 221 | </script> |
| 161 | <style scoped lang='scss'> | ||
| 162 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| ... | @@ -338,7 +338,7 @@ | ... | @@ -338,7 +338,7 @@ |
| 338 | <script> | 338 | <script> |
| 339 | import { mapGetters } from "vuex"; | 339 | import { mapGetters } from "vuex"; |
| 340 | import { init, save } from "@/api/djbbl.js"; | 340 | import { init, save } from "@/api/djbbl.js"; |
| 341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 341 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 342 | import tdytTable from "@/views/workflow/components/tdytTable"; | 342 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 343 | // import the component | 343 | // import the component |
| 344 | // import Treeselect from '@riophae/vue-treeselect' | 344 | // import Treeselect from '@riophae/vue-treeselect' | ... | ... |
| ... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
| 38 | </el-col> | 38 | </el-col> |
| 39 | </el-row> | 39 | </el-row> |
| 40 | <div class="slxx_title title-block"> | 40 | <div class="slxx_title title-block"> |
| 41 | 房地产权(独幢、层、套、间房屋) | 41 | 国有建设用地使用权信息 |
| 42 | <div class="triangle"></div> | 42 | <div class="triangle"></div> |
| 43 | </div> | 43 | </div> |
| 44 | <el-row :gutter="10"> | 44 | <el-row :gutter="10"> |
| ... | @@ -238,7 +238,7 @@ | ... | @@ -238,7 +238,7 @@ |
| 238 | import store from "@/store/index.js"; | 238 | import store from "@/store/index.js"; |
| 239 | import { mapGetters } from "vuex"; | 239 | import { mapGetters } from "vuex"; |
| 240 | import { init, save } from "@/api/djbbl.js"; | 240 | import { init, save } from "@/api/djbbl.js"; |
| 241 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 241 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 242 | import tdytTable from "@/views/workflow/components/tdytTable"; | 242 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 243 | export default { | 243 | export default { |
| 244 | components: { qlrCommonTable, tdytTable }, | 244 | components: { qlrCommonTable, tdytTable }, | ... | ... |
| ... | @@ -72,108 +72,10 @@ | ... | @@ -72,108 +72,10 @@ |
| 72 | </el-form-item> | 72 | </el-form-item> |
| 73 | </el-col> | 73 | </el-col> |
| 74 | <el-col :span="8"> | 74 | <el-col :span="8"> |
| 75 | <el-form-item label="房地坐落:"> | 75 | <el-form-item label="不动产坐落:"> |
| 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 77 | </el-form-item> | 77 | </el-form-item> |
| 78 | </el-col> | 78 | </el-col> |
| 79 | <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 80 | <el-form-item label="土地使用权人:"> | ||
| 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 85 | <el-form-item label="独用土地面积:"> | ||
| 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 90 | <el-form-item label="分摊土地面积:"> | ||
| 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 95 | <el-form-item label="土地性质:" style="margin-bottom:3px"> | ||
| 96 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" | ||
| 97 | :normalizer="normalizer" | ||
| 98 | :show-count="true" :options="dictData['A45']" /> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 102 | <el-form-item label="房地产交易价格:"> | ||
| 103 | <div style="display:flex"> | ||
| 104 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> | ||
| 105 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 106 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 107 | </el-option> | ||
| 108 | </el-select> | ||
| 109 | </div> | ||
| 110 | </el-form-item> | ||
| 111 | </el-col> | ||
| 112 | <el-col :span="8"> | ||
| 113 | <el-form-item label="规划用途:"> | ||
| 114 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 115 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 116 | </el-option> | ||
| 117 | </el-select> | ||
| 118 | </el-form-item> | ||
| 119 | </el-col> | ||
| 120 | <el-col :span="8"> | ||
| 121 | <el-form-item label="批准用途:"> | ||
| 122 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 123 | </el-form-item> | ||
| 124 | </el-col> | ||
| 125 | <el-col :span="8"> | ||
| 126 | <el-form-item label="实际用途:"> | ||
| 127 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 128 | </el-form-item> | ||
| 129 | </el-col> | ||
| 130 | <el-col :span="8"> | ||
| 131 | <el-form-item label="房屋性质:"> | ||
| 132 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 133 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 134 | </el-option> | ||
| 135 | </el-select> | ||
| 136 | </el-form-item> | ||
| 137 | </el-col> | ||
| 138 | <el-col :span="8"> | ||
| 139 | <el-form-item label="房屋结构:"> | ||
| 140 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 141 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 142 | </el-option> | ||
| 143 | </el-select> | ||
| 144 | </el-form-item> | ||
| 145 | </el-col> | ||
| 146 | <el-col :span="8"> | ||
| 147 | <el-form-item label="所在层:"> | ||
| 148 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
| 149 | </el-form-item> | ||
| 150 | </el-col> | ||
| 151 | <el-col :span="8"> | ||
| 152 | <el-form-item label="总层数:"> | ||
| 153 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
| 154 | </el-form-item> | ||
| 155 | </el-col> | ||
| 156 | <el-col :span="8"> | ||
| 157 | <el-form-item label="建筑面积:"> | ||
| 158 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
| 159 | </el-form-item> | ||
| 160 | </el-col> | ||
| 161 | <el-col :span="8"> | ||
| 162 | <el-form-item label="专有建筑面积:"> | ||
| 163 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 164 | </el-form-item> | ||
| 165 | </el-col> | ||
| 166 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | ||
| 167 | <el-form-item label="分摊建筑面积:"> | ||
| 168 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 169 | </el-form-item> | ||
| 170 | </el-col> | ||
| 171 | <el-col :span="8"> | ||
| 172 | <el-form-item label="竣工时间:"> | ||
| 173 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 174 | </el-form-item> | ||
| 175 | </el-col> --> | ||
| 176 | |||
| 177 | <el-col :span="8"> | 79 | <el-col :span="8"> |
| 178 | <el-form-item label="不动产权证号:"> | 80 | <el-form-item label="不动产权证号:"> |
| 179 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 81 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| ... | @@ -199,15 +101,8 @@ | ... | @@ -199,15 +101,8 @@ |
| 199 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 101 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
| 200 | </el-form-item> | 102 | </el-form-item> |
| 201 | </el-col> | 103 | </el-col> |
| 202 | </el-row> | ||
| 203 | <!-- <el-row> | ||
| 204 | <el-col :span="24"> | ||
| 205 | <el-form-item label="附记:"> | ||
| 206 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | </el-row> --> | ||
| 210 | 104 | ||
| 105 | </el-row> | ||
| 211 | <div class="slxx_title title-block"> | 106 | <div class="slxx_title title-block"> |
| 212 | 权利人信息 | 107 | 权利人信息 |
| 213 | <div class="triangle"></div> | 108 | <div class="triangle"></div> |
| ... | @@ -216,7 +111,6 @@ | ... | @@ -216,7 +111,6 @@ |
| 216 | <el-col :span="12"> | 111 | <el-col :span="12"> |
| 217 | <el-form-item label="共有方式:"> | 112 | <el-form-item label="共有方式:"> |
| 218 | <el-radio-group | 113 | <el-radio-group |
| 219 | :disabled="$route.query.viewtype == 0" | ||
| 220 | v-model="ruleForm.qlxx.gyqk"> | 114 | v-model="ruleForm.qlxx.gyqk"> |
| 221 | <el-radio label="0">单独所有</el-radio> | 115 | <el-radio label="0">单独所有</el-radio> |
| 222 | <el-radio label="1">共同共有</el-radio> | 116 | <el-radio label="1">共同共有</el-radio> |
| ... | @@ -225,44 +119,26 @@ | ... | @@ -225,44 +119,26 @@ |
| 225 | </el-radio-group> | 119 | </el-radio-group> |
| 226 | </el-form-item> | 120 | </el-form-item> |
| 227 | </el-col> | 121 | </el-col> |
| 228 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 229 | <el-form-item label="是否分别持证:"> | ||
| 230 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 231 | <el-radio :label=1>是</el-radio> | ||
| 232 | <el-radio :label=0>否</el-radio> | ||
| 233 | </el-radio-group> | ||
| 234 | </el-form-item> | ||
| 235 | </el-col> | ||
| 236 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 237 | <el-form-item label="持证人:"> | ||
| 238 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 239 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 240 | </el-option> | ||
| 241 | </el-select> | ||
| 242 | </el-form-item> | ||
| 243 | </el-col> | ||
| 244 | </el-row> | 122 | </el-row> |
| 245 | <qlrCommonTable | 123 | <qlrCommonTable |
| 246 | :tableData="ruleForm.qlrData" | 124 | :tableData="ruleForm.qlrData" |
| 247 | @upDateQlrxxList="upDateQlrxxList" | 125 | @upDateQlrxxList="upDateQlrxxList" |
| 248 | :key="key" | 126 | :key="key" |
| 249 | :viewtype="$route.query.viewtype" | ||
| 250 | :gyfs="ruleForm.qlxx.gyfs" /> | 127 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 251 | 128 | ||
| 252 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 129 | <div> |
| 253 | <div class="slxx_title title-block"> | 130 | <div class="slxx_title title-block"> |
| 254 | 义务人信息 | 131 | 义务人信息 |
| 255 | <div class="triangle"></div> | 132 | <div class="triangle"></div> |
| 256 | </div> | 133 | </div> |
| 257 | <qlrCommonTable | 134 | <ywrCommonTable |
| 258 | v-if="ruleForm.ywrList" | 135 | v-if="ruleForm.ywrData" |
| 259 | :tableData="ruleForm.ywrList" | 136 | :tableData="ruleForm.ywrData" |
| 260 | :key="key" | 137 | :key="key" |
| 261 | @upDateQlrxxList="upDateYwrxxList" | 138 | @upDateQlrxxList="upDateYwrxxList" /> |
| 262 | :viewtype="$route.query.viewtype" /> | ||
| 263 | </div> | 139 | </div> |
| 264 | </div> | 140 | </div> |
| 265 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 141 | <el-row class="btn"> |
| 266 | <el-form-item> | 142 | <el-form-item> |
| 267 | <el-button type="primary" @click="onSubmit">保存</el-button> | 143 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 268 | </el-form-item> | 144 | </el-form-item> |
| ... | @@ -273,7 +149,9 @@ | ... | @@ -273,7 +149,9 @@ |
| 273 | <script> | 149 | <script> |
| 274 | import { mapGetters } from "vuex"; | 150 | import { mapGetters } from "vuex"; |
| 275 | import { init,save } from "@/api/djbbl.js"; | 151 | import { init,save } from "@/api/djbbl.js"; |
| 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 152 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 153 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | ||
| 154 | |||
| 277 | import tdytTable from "@/views/workflow/components/tdytTable"; | 155 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 278 | export default { | 156 | export default { |
| 279 | components: { qlrCommonTable,tdytTable }, | 157 | components: { qlrCommonTable,tdytTable }, |
| ... | @@ -284,7 +162,6 @@ export default { | ... | @@ -284,7 +162,6 @@ export default { |
| 284 | return { | 162 | return { |
| 285 | //表单是否可操作 | 163 | //表单是否可操作 |
| 286 | propsParam: this.$attrs, | 164 | propsParam: this.$attrs, |
| 287 | ableOperation: true, | ||
| 288 | key: 0, | 165 | key: 0, |
| 289 | isShow: false, | 166 | isShow: false, |
| 290 | disabled: true, | 167 | disabled: true, |
| ... | @@ -325,7 +202,7 @@ export default { | ... | @@ -325,7 +202,7 @@ export default { |
| 325 | }, | 202 | }, |
| 326 | // 更新义务人信息 | 203 | // 更新义务人信息 |
| 327 | upDateYwrxxList(val) { | 204 | upDateYwrxxList(val) { |
| 328 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 205 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
| 329 | this.key++; | 206 | this.key++; |
| 330 | }, | 207 | }, |
| 331 | onSubmit() { | 208 | onSubmit() { | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -214,7 +214,7 @@ export default { | ... | @@ -214,7 +214,7 @@ export default { |
| 214 | }, | 214 | }, |
| 215 | //切换选项卡内容组件 | 215 | //切换选项卡内容组件 |
| 216 | getFromRouter(tabname) { | 216 | getFromRouter(tabname) { |
| 217 | console.log("tabname", tabname); | 217 | console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList); |
| 218 | this.componentTag = getForm(tabname); | 218 | this.componentTag = getForm(tabname); |
| 219 | }, | 219 | }, |
| 220 | closefp() { | 220 | closefp() { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-04-26 16:05:28 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class='batchDel'> | ||
| 8 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ||
| 9 | @selection-change="handleSelectionChange"> | ||
| 10 | </lb-table> | ||
| 11 | <div class="text-center"> | ||
| 12 | <el-button @click="$popupCacel">取消</el-button> | ||
| 13 | <el-button type="primary" @click="submitdelclick" plain>确定</el-button> | ||
| 14 | </div> | ||
| 15 | </div> | ||
| 16 | </template> | ||
| 17 | <script> | ||
| 18 | import { deleteFlow } from "@/api/ywbl.js" | ||
| 19 | import store from '@/store/index.js' | ||
| 20 | export default { | ||
| 21 | components: {}, | ||
| 22 | props: { | ||
| 23 | formData: { | ||
| 24 | type: Object, | ||
| 25 | default: {} | ||
| 26 | } | ||
| 27 | }, | ||
| 28 | data () { | ||
| 29 | return { | ||
| 30 | columns: [ | ||
| 31 | { | ||
| 32 | type: 'selection', | ||
| 33 | label: '全选' | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | label: '序号', | ||
| 37 | type: 'index', | ||
| 38 | width: '50', | ||
| 39 | }, | ||
| 40 | { | ||
| 41 | prop: "bdcdyh", | ||
| 42 | label: "不动产单元号", | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | prop: "zl", | ||
| 46 | label: "坐落", | ||
| 47 | }, | ||
| 48 | ], | ||
| 49 | dataList: [], | ||
| 50 | selectBdcdy: [], | ||
| 51 | } | ||
| 52 | }, | ||
| 53 | methods: { | ||
| 54 | // 批量删除确定按钮 | ||
| 55 | submitdelclick () { | ||
| 56 | var formdata = new FormData(); | ||
| 57 | formdata.append("bsmSldyList", this.selectBdcdy); | ||
| 58 | formdata.append("bsmSlsq", this.formData.bsmSlsq); | ||
| 59 | deleteFlow(formdata).then(res => { | ||
| 60 | if (res.code == 200) { | ||
| 61 | this.$popupCacel(); | ||
| 62 | store.dispatch('user/refreshPage', true); | ||
| 63 | this.$message.success("删除成功"); | ||
| 64 | } else { | ||
| 65 | this.$message.error(res.message) | ||
| 66 | } | ||
| 67 | }) | ||
| 68 | }, | ||
| 69 | // 批量删除勾选事件 | ||
| 70 | handleSelectionChange (e) { | ||
| 71 | this.selectBdcdy = []; | ||
| 72 | e.forEach((item, index) => { | ||
| 73 | this.selectBdcdy.push(item.bsmSldy) | ||
| 74 | }) | ||
| 75 | } | ||
| 76 | } | ||
| 77 | } | ||
| 78 | </script> | ||
| 79 | <style scoped lang='scss'> | ||
| 80 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-29 11:13:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -131,6 +131,15 @@ | ... | @@ -131,6 +131,15 @@ |
| 131 | </el-form-item> | 131 | </el-form-item> |
| 132 | </el-col> | 132 | </el-col> |
| 133 | 133 | ||
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item label="下拉表格测试:"> | ||
| 136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | ||
| 137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | ||
| 138 | <el-table-column prop="user" label="姓名"></el-table-column> | ||
| 139 | </select-table> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | |||
| 134 | </el-row> | 143 | </el-row> |
| 135 | 144 | ||
| 136 | <div class="slxx_title title-block"> | 145 | <div class="slxx_title title-block"> |
| ... | @@ -203,7 +212,9 @@ | ... | @@ -203,7 +212,9 @@ |
| 203 | import { mapGetters } from "vuex" | 212 | import { mapGetters } from "vuex" |
| 204 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 213 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" |
| 205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 214 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 215 | import selectTable from '@/components/selectTable/index.vue' | ||
| 206 | export default { | 216 | export default { |
| 217 | components: { qlrCommonTable, selectTable }, | ||
| 207 | mounted () { | 218 | mounted () { |
| 208 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 219 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 209 | this.propsParam = this.$attrs; | 220 | this.propsParam = this.$attrs; |
| ... | @@ -222,12 +233,22 @@ | ... | @@ -222,12 +233,22 @@ |
| 222 | }) | 233 | }) |
| 223 | }) | 234 | }) |
| 224 | }, | 235 | }, |
| 225 | components: { qlrCommonTable }, | 236 | |
| 226 | computed: { | 237 | computed: { |
| 227 | ...mapGetters(["dictData", "flag"]) | 238 | ...mapGetters(["dictData", "flag"]) |
| 228 | }, | 239 | }, |
| 229 | data () { | 240 | data () { |
| 230 | return { | 241 | return { |
| 242 | value2: { | ||
| 243 | id: "520000198407304275", | ||
| 244 | user: "史平" | ||
| 245 | }, | ||
| 246 | props: { | ||
| 247 | label: 'user', | ||
| 248 | value: 'id', | ||
| 249 | keyword: "keyword" | ||
| 250 | }, | ||
| 251 | |||
| 231 | //表单是否可操作 | 252 | //表单是否可操作 |
| 232 | ableOperation: true, | 253 | ableOperation: true, |
| 233 | key: 0, | 254 | key: 0, |
| ... | @@ -241,6 +262,7 @@ | ... | @@ -241,6 +262,7 @@ |
| 241 | } | 262 | } |
| 242 | }, | 263 | }, |
| 243 | methods: { | 264 | methods: { |
| 265 | change () { }, | ||
| 244 | // 更新权利人信息 | 266 | // 更新权利人信息 |
| 245 | upDateQlrxxList (val) { | 267 | upDateQlrxxList (val) { |
| 246 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 268 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | ... | ... |
-
Please register or sign in to post a comment