123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- <template>
- <div>
- <el-dialog
- v-loading="loading"
- :show-close="false"
- :close-on-click-modal="false"
- :visible.sync="isShow"
- :title="curObj.id ? '编辑土拍' : '新增土拍'"
- :fullscreen="false"
- width="700px"
- custom-class="xl-dialog"
- center
- >
- <base-form ref="ruleForm" class="lib-edit" :data="formData" :is-inline="false" label-width="110px">
- <div slot="footer" style="padding-top: 20px;">
- <el-button class="xl-form-btn t2" @click="close">关 闭</el-button>
- <el-button class="xl-form-btn t1" @click="close('confirm')">确定</el-button>
- </div>
- </base-form>
- </el-dialog>
- </div>
- </template>
- <script>
- export default {
- components: { },
- mixins,
- props: {
- isShow: Boolean,
- curObj: Object
- },
- inject: ['parentData'],
- data() {
- return {
- formData: [],
- loading: true,
- cObj: {},
- isShowMap: false
- }
- },
- watch: {
- isShow: function(val) {
- if (val) {
- if (val) {
- if (this.curObj.id) {
- this.$api.house.admlanddetail({id: this.curObj.id}).then(res => {
- let curData = res || {}
- this.cObj = curData || {}
- this.getDef()
- })
- } else {
- this.cObj = this.curObj
- this.getDef()
- }
- }
- }
- },
- },
- methods: {
- getDef() {
- const params = { ...this.cObj }
- this.formData = [
- { label: '地块编号', key: 'no', class: 'c-2' },
- { label: '区域', key: 'area_type', type: 'select', class: 'c-2', options: this.$dictData.area_type },
- { label: '竞得单位', key: 'company', class: 'c-2' },
- { label: '成交日期', key: 'deal_time', class: 'c-2', type: 'datePicker', type2: 'date'},
- { label: '成交总价', key: 'final_price', class: 'c-2', type: 'inputFont', appendFont: '万元'},
- { label: '成交楼面价', key: 'floor_price', class: 'c-2', type: 'inputFont', appendFont: '元' },
- { label: '起拍总价', key: 'start_total_price', class: 'c-2', type: 'inputFont', appendFont: '万元' },
- { label: '起拍楼面价', key: 'start_unit_price', class: 'c-2', type: 'inputFont', appendFont: '元' },
- { label: '溢价率', key: 'premium_rate', class: 'c-2', type: 'inputFont', appendFont: '%' },
- { label: '出让年限', key: 'sell_ownership', class: 'c-2', type: 'inputFont', appendFont: '年' },
- { label: '出让面积', key: 'sell_area', class: 'c-2', type: 'inputFont', appendFont: '㎡'},
- { label: '建筑面积', key: 'built_area', class: 'c-2', type: 'inputFont', appendFont: '㎡' },
- { label: '用途', key: 'purpose', class: 'c-2' },
- { label: '容积率', key: 'plot_ratio', class: 'c-2' },
- { label: '地块位置', key: 'land_name', class: 'c-2', type: 'textarea' },
- { label: '土拍主图', key: 'pri_image', type: 'upload', class: 'c-2' },
- ]
- this.setDefaultValue(params)
- },
- close(str) {
- if (str === 'confirm') {
- this.$refs['ruleForm'].$refs['baseForm'].validate((valid) => {
- if (valid) {
- const oldform = this.$refs.ruleForm.baseForm
- const newForm = { ...oldform }
- if (this.curObj.id) newForm.id = this.curObj.id
- let apiStr = 'admlandadd'
- if (newForm.id) apiStr = 'admlandedit'
- this.$api.house[apiStr](newForm).then(data => {
- this.$msgs(newForm.id ? '编辑成功' : '新增成功')
- this.$emit('close', newForm)
- })
- }
- })
- } else {
- this.$emit('close')
- this.setDefaultValue()
- }
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- @import '../../../../styles/libEdit.scss';
- .lib-edit {
- padding-top: 0;
- ::v-deep .el-form-item {
- margin-bottom: 10px;
- }
- ::v-deep .el-date-editor.el-input {
- width: 100%;
- }
- }
- ::v-deep .xl-form .el-textarea__inner {
- height: 180px;
- }
- </style>
|