|
|
|
@ -26,36 +26,35 @@
|
|
|
|
|
<div class="descriptionsdiv">
|
|
|
|
|
<el-descriptions class="margin-top" :column="4" border>
|
|
|
|
|
<el-descriptions-item label="入驻企业数(家)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.rzqys" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.rzqys }}</span>
|
|
|
|
|
<span>{{ tableData.length }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="入驻企业行业类型">
|
|
|
|
|
<el-input v-if="isEditing" v-model="form.rzqyhylx" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.rzqyhylx }}</span>
|
|
|
|
|
<span v-else>{{ form.rzqyhylx || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="人员数量(人)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.rysl" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.rysl }}</span>
|
|
|
|
|
<span v-else>{{ form.rysl || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="入住率(%)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.rzl" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.rzl }}</span>
|
|
|
|
|
<span v-else>{{ form.rzl || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="已出租(售)面积(平方米)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.yczmj" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.yczmj }}</span>
|
|
|
|
|
<span v-else>{{ form.yczmj || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="空置出租(售)面积(平方米)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.kzczmj" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.kzczmj }}</span>
|
|
|
|
|
<span v-else>{{ form.kzczmj || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="工业厂房平均租金(元/平方米*月)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.gycfpjzj" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.gycfpjzj }}</span>
|
|
|
|
|
<span v-else>{{ form.gycfpjzj || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="工业厂房平均物业费(元/平方米*月)">
|
|
|
|
|
<el-input v-if="isEditing" v-model.number="form.gycfpjwyf" style="width: 100%;"></el-input>
|
|
|
|
|
<span v-else>{{ form.gycfpjwyf }}</span>
|
|
|
|
|
<span v-else>{{ form.gycfpjwyf || "" }}</span>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
<div class="btnarea" v-if="action === 'fill' || !action || action === 'okay'">
|
|
|
|
@ -104,14 +103,9 @@
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div class="block">
|
|
|
|
|
<el-pagination
|
|
|
|
|
:current-page="pagination.currentPage"
|
|
|
|
|
:page-sizes="[10, 20, 50, 100]"
|
|
|
|
|
:page-size="pagination.pageSize"
|
|
|
|
|
layout="total, prev, pager, next, jumper"
|
|
|
|
|
:total="pagination.total"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
@size-change="handleSizeChange">
|
|
|
|
|
<el-pagination :current-page="pagination.currentPage" :page-sizes="[10, 20, 50, 100]"
|
|
|
|
|
:page-size="pagination.pageSize" layout="total, prev, pager, next, jumper" :total="pagination.total"
|
|
|
|
|
@current-change="handleCurrentChange" @size-change="handleSizeChange">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -198,7 +192,7 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
console.log('xmId:', this.xmId);
|
|
|
|
|
console.log('xmId:', this.xmId);
|
|
|
|
|
this.fetchTableData();
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
@ -218,7 +212,7 @@ export default {
|
|
|
|
|
current: this.pagination.currentPage,
|
|
|
|
|
size: this.pagination.pageSize
|
|
|
|
|
};
|
|
|
|
|
getqyBasicInformationPage(params).then(response => {
|
|
|
|
|
return getqyBasicInformationPage(params).then(response => {
|
|
|
|
|
console.log('Fetched Data:', response.data.records); // 调试信息
|
|
|
|
|
this.tableData = response.data.records.map(item => ({
|
|
|
|
|
...item,
|
|
|
|
@ -238,7 +232,7 @@ export default {
|
|
|
|
|
save() {
|
|
|
|
|
const formData = {
|
|
|
|
|
...this.form,
|
|
|
|
|
rzqys: Number(this.form.rzqys),
|
|
|
|
|
rzqys: this.tableData.length,
|
|
|
|
|
rysl: Number(this.form.rysl),
|
|
|
|
|
rzl: Number(this.form.rzl),
|
|
|
|
|
yczmj: Number(this.form.yczmj),
|
|
|
|
@ -256,7 +250,6 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
saveRow(row) {
|
|
|
|
|
row.isEditing = false;
|
|
|
|
|
// 这里可以调用更新接口,将修改后的数据发送到服务器
|
|
|
|
|
updateqyBasicInformation(row).then(response => {
|
|
|
|
|
this.$modal.msgSuccess('保存成功');
|
|
|
|
|
}).catch(error => {
|
|
|
|
@ -270,7 +263,12 @@ export default {
|
|
|
|
|
this.$modal.msgSuccess('删除成功');
|
|
|
|
|
this.tableData.splice(index, 1);
|
|
|
|
|
// 重新获取表格数据以确保分页正确
|
|
|
|
|
this.fetchTableData();
|
|
|
|
|
this.fetchTableData().then(() => {
|
|
|
|
|
// 更新 form 数据
|
|
|
|
|
this.form.rzqys = this.tableData.length;
|
|
|
|
|
// 调用 save 方法发送最新的数据
|
|
|
|
|
this.save();
|
|
|
|
|
});
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
console.error('删除失败:', error);
|
|
|
|
|
this.$modal.msgError('删除失败');
|
|
|
|
@ -294,19 +292,23 @@ export default {
|
|
|
|
|
this.upload.isUploading = true;
|
|
|
|
|
},
|
|
|
|
|
handleFileSuccess(response) {
|
|
|
|
|
this.upload.isUploading = false;
|
|
|
|
|
this.upload.open = false;
|
|
|
|
|
this.$refs.upload.clearFiles();
|
|
|
|
|
this.upload.isUploading = false;
|
|
|
|
|
this.upload.open = false;
|
|
|
|
|
this.$refs.upload.clearFiles();
|
|
|
|
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
this.$modal.msgSuccess(response.msg);
|
|
|
|
|
// 重新获取表格数据
|
|
|
|
|
this.fetchTableData();
|
|
|
|
|
this.$emit("refresh-data"); // 通知父组件刷新
|
|
|
|
|
} else {
|
|
|
|
|
this.fetchTableData().then(() => {
|
|
|
|
|
// 更新 form 数据
|
|
|
|
|
this.form.rzqys = this.tableData.length;
|
|
|
|
|
// 调用 save 方法发送最新的数据
|
|
|
|
|
this.save();
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$modal.msgError(response.msg || "导入失败");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
submitFileForm() {
|
|
|
|
|
if (this.$refs.upload.uploadFiles.length === 0) {
|
|
|
|
|
this.$modal.msgWarning("请先选择文件");
|
|
|
|
@ -317,7 +319,7 @@ export default {
|
|
|
|
|
formData.append('file', this.$refs.upload.uploadFiles[0].raw);
|
|
|
|
|
formData.append('xmId', this.upload.data.xmId);
|
|
|
|
|
|
|
|
|
|
this.$refs.upload.submit(formData); // 提交表单数据
|
|
|
|
|
this.$refs.upload.submit(formData);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 分页处理
|
|
|
|
|