7bb7dfcb by weimo934

feat(mjft):修改面积分摊字段

1 parent ba89d9b6
import request from '@/plugin/axios'
/**
* 保存面积分摊表
* @param data
* @constructor
*/
export function savemjft(data) {
return request({
url: '/zd/qjGygyzdmjft/insertQjGygyzdmjft',
method: 'post',
data: data,
})
}
......@@ -104,7 +104,10 @@ export default {
{
path:'/zd',
name:'宗地'
},
},{
path:'/mjft',
name:'面积分摊'
}
],
// 上导航选中id
indId: undefined,
......
......@@ -2,18 +2,18 @@
<div class="main">
<table border="1">
<tr>
<td colspan="2">土地面积</td>
<td colspan="3"><input type="text" class="formInput" v-model="mjftData.tdmj"/></td>
<td colspan="2">土地坐落</td>
<td colspan="3"><input type="number" class="formInput" v-model.number="mjftData.tdzl" disabled/></td>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="3"><input type="text" class="formInput" v-model="mjftData.zdbsm "/></td>
<td colspan="3"><input type="text" class="formInput" v-model="mjftData.zdbsm " disabled/></td>
</tr>
<tr>
<td colspan="2">宗地面积(㎡)</td>
<td><input type="text" class="formInput" v-model="mjftData.zjmj"/></td>
<td><input type="number" class="formInput" v-model.number="mjftData.zjmj" disabled/></td>
<td>定着物数量</td>
<td><input type="text" class="formInput" v-model="mjftData.dzwsl"/></td>
<td>{{dzwdsl}}</td>
</tr>
<tr>
<td colspan="2">备注</td>
......@@ -28,12 +28,12 @@
<td>独有独用土地面积(㎡)</td>
<td>分摊土地面积(㎡)</td>
</tr>
<tr v-for="(item,i) in mjftData.addQjZdftdzwRequestList">
<tr v-for="(item,i) in mjftData.addQjZdftdzwRequestList" :key="i">
<td @click="delRow(i)">-</td>
<td><input type="text" class="formInput" v-model="item.dzwdm"/></td>
<td><input type="number" class="formInput" v-model="item.tdsyqsyqmj"/></td>
<td><input type="text" class="formInput" v-model="item.dydytdmj"/></td>
<td><input type="text" class="formInput" v-model="item.fttdmj"/></td>
<td><input type="number" class="formInput" v-model.number="item.tdsyqsyqmj"/></td>
<td><input type="number" class="formInput" v-model.number="item.dydytdmj"/></td>
<td><input type="number" class="formInput" v-model.number="item.fttdmj"/></td>
</tr>
<tr>
<td></td>
......@@ -43,38 +43,50 @@
<td>{{sumFttdmj}}</td>
</tr>
</table>
<div class="pers">
<el-button @click="save" type="primary">保存</el-button>
</div>
</div>
</template>
<script>
import {savemjft} from '../../../api/basic'
export default {
name: "index",
data() {
return {
mjftData: {
zdbsm: '',
tdsyqsyqmjhj: '',
fttdmjhj: '',
dzwdys: '',
dydytdmjhj: '',
bz: '',
tdmj: '',
zjmj: '',
dzwsl: '',
zdbsm: '123', // 宗地标识码 继承获取
tdsyqsyqmjhj: '',// 土地所有权/使用权面积合计
fttdmjhj: '', // 分摊土地面积合计
dzwdys: '', // 表示同一宗地内所有的定着物单元数
dydytdmjhj: '', // 根据该宗地下共有/共用定着物量自动计算。 ,
bz: '', // 备注
tdzl: '', // 土地坐落 继承获取
zdmj: '', // 宗地面积 继承获取
addQjZdftdzwRequestList: [
{
dydytdmj: '',
dzwdm: '',
fttdmj: '',
gygyzdmjftbsm: '',
tdsyqsyqmj: ''
dydytdmj: '', // 独有独用土地面积
dzwdm: '', // 定着物代码
fttdmj: '', // 分摊土地面积
gygyzdmjftbsm: '',// 共有公用面积分摊标识码 ,
tdsyqsyqmj: '' // 土地所有权/使用权面积
}
]
}
}
},
created: {},
methods: {
save() {
console.log(this.mjftData)
savemjft(this.mjftData).then(res => {
console.log(res)
}).catch(error => {
console.log(error)
})
},
addRow() {
this.mjftData.addQjZdftdzwRequestList.push({
dydytdmj: '',
......@@ -90,6 +102,7 @@
},
computed: {
sumTdsyqsyqmj: function () {
let self = this;
let sum = 0;
let data = this.mjftData.addQjZdftdzwRequestList;
for (let i = 0; i < data.length; i++) {
......@@ -98,9 +111,12 @@
}
sum += parseFloat(data[i].tdsyqsyqmj)
}
return isNaN(sum) ? '' : sum;
let num = isNaN(sum) ? '' : sum;
self.mjftData.tdsyqsyqmjhj = num;
return num;
},
sumDydytdmj: function () {
let self = this;
let sum = 0;
let data = this.mjftData.addQjZdftdzwRequestList;
for (let i = 0; i < data.length; i++) {
......@@ -109,9 +125,12 @@
}
sum += parseFloat(data[i].dydytdmj)
}
return isNaN(sum) ? '' : sum;
let num = isNaN(sum) ? '' : sum;
self.mjftData.dydytdmjhj = num;
return num;
},
sumFttdmj: function () {
let self = this;
let sum = 0;
let data = this.mjftData.addQjZdftdzwRequestList;
for (let i = 0; i < data.length; i++) {
......@@ -120,11 +139,22 @@
}
sum += parseFloat(data[i].fttdmj)
}
return isNaN(sum) ? '' : sum;
let num = isNaN(sum) ? '' : sum;
self.mjftData.fttdmjhj = num;
return num;
},
dzwdsl: function () {
let self = this
let num = this.mjftData.addQjZdftdzwRequestList.length
self.mjftData.dzwdys = num
return num;
}
},
created() {
console.log("create init...")
},
mounted() {
console.log("mounted init...")
}
}
</script>
......@@ -160,5 +190,13 @@
cursor: text;
}
.pers {
text-align: center;
margin-top: 10px;
}
.pers .el-button {
width: 150px;
}
</style>
......
......@@ -43,8 +43,8 @@ module.exports = {
// ]
},
devServer: {
host: "0.0.0.0",
port: 8083,
host: "127.0.0.1",
port: 8006,
https: false,
hotOnly: false,
proxy: {
......