|
|
|
@ -65,32 +65,81 @@
|
|
|
|
|
<!-- 表格显示区 -->
|
|
|
|
|
<div class="contenttwo">
|
|
|
|
|
<div class="descriptionsdiv">
|
|
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
|
|
<el-table-column label="序号" width="200">
|
|
|
|
|
<el-table :data="tableData">
|
|
|
|
|
<el-table-column label="序号" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ (pagination.currentPage - 1) * pagination.pageSize + scope.$index + 1 }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="name" label="企业名称">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model="scope.row.name" style="width: 100%;"></el-input>
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model="scope.row.name"></el-input>
|
|
|
|
|
<span v-else style="color: #2B62F1;">{{ scope.row.name }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="code" label="统一社会信用代码">
|
|
|
|
|
<el-table-column prop="code" label="统一社会信用代码" width="200">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="sshy" label="所属行业">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model="scope.row.sshy" style="width: 100%;"></el-input>
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model="scope.row.sshy"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.sshy }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="zjjg" label='租金价格'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zjjg" style="width: 100%;"></el-input>
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zjjg"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.zjjg }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="zcdz" label='注册地址'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zcdz"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.zcdz }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="clrq" label='成立日期'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-date-picker v-if="scope.row.isEditing" v-model="scope.row.clrq" type="datetime"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;"></el-date-picker>
|
|
|
|
|
<span v-else>{{ new Date(scope.row.clrq).toLocaleDateString('en-CA') }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="zczb" label='注册资本'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zczb"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.zczb }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="fddbr" label='法定代表人'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.fddbr"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.fddbr }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="qylx" label='企业类型'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.qylx"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.qylx }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="jyfw" label='经营范围'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.jyfw"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.jyfw }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="zzjgdm" label='组织机构代码'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zzjgdm"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.zzjgdm }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="swdjhm" label='税务登记号码'>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.swdjhm"></el-input>
|
|
|
|
|
<span v-else>{{ scope.row.swdjhm }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button v-if="scope.row.isEditing" size="medium" type="text" icon="el-icon-check"
|
|
|
|
@ -171,7 +220,7 @@ export default {
|
|
|
|
|
form: {
|
|
|
|
|
...this.qyrzInfo
|
|
|
|
|
},
|
|
|
|
|
tableData: [],
|
|
|
|
|
tableData: [],
|
|
|
|
|
pagination: {
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
@ -192,7 +241,7 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.fetchTableData();
|
|
|
|
|
this.fetchTableData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
async fetchTableData() {
|
|
|
|
@ -204,8 +253,8 @@ export default {
|
|
|
|
|
|
|
|
|
|
// 更新 form.rzqys
|
|
|
|
|
this.form.rzqys = this.tableData.length;
|
|
|
|
|
this.$emit('update-data', { ...this.form });
|
|
|
|
|
} catch (error) {}
|
|
|
|
|
this.$emit('update-data', { ...this.form });
|
|
|
|
|
} catch (error) { }
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
@ -359,19 +408,19 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.containertop {
|
|
|
|
|
height: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
border-bottom: 1px solid #E5E5E5;
|
|
|
|
|
height: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
border-bottom: 1px solid #E5E5E5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.topleft {
|
|
|
|
|
height: 2rem;
|
|
|
|
|
width: 8rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
gap: 0.4rem;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 2rem;
|
|
|
|
|
width: 8rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
gap: 0.4rem;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.topleft img {
|
|
|
|
|