|
|
|
|
@ -8,45 +8,63 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider class="g_mt_0 g_mb_24" />
|
|
|
|
|
<div class="g_flex_row_between g_pl_24 g_pr_24">
|
|
|
|
|
<div class="g_flex_row_between g_pl_24 g_pr_24 g_fs_14 g_pb_32" style="width: 630px">
|
|
|
|
|
<div class="g_flex_row_between flex_nr g_mb_20 g_w_all">
|
|
|
|
|
<div>
|
|
|
|
|
<a-form :model="baseInfo" name="basic" autocomplete="off" @finish="submitBaseInfo" @validate="validateForm" ref="storeInfoRef" style="width: 630px">
|
|
|
|
|
<div class="g_flex_row_between flex_nr">
|
|
|
|
|
<a-form-item name="agencyName" class="g_flex_1" :rules="[{ required: false, message: '请输入企业简称' }]">
|
|
|
|
|
<span class="g_c_6">主体:</span>
|
|
|
|
|
<span>{{ baseInfo.name || "北京矩阵动力科技有限公司" }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span class="g_c_6">当前估值:</span>
|
|
|
|
|
<span>{{ baseInfo.appraisement || "5000万" }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_row_between flex_nr g_w_all">
|
|
|
|
|
<div>
|
|
|
|
|
<span class="g_c_6">当前总股本:</span>
|
|
|
|
|
<span>{{ baseInfo.capitalStock || "39,771.50" }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span class="g_c_6">每股价格:</span>
|
|
|
|
|
<span>{{ baseInfo.unitPrice || "32.21元" }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a-modal v-model:open="editStatus" title="编辑信息" width="640px" centered :destroyOnClose="true" :forceRender="true">
|
|
|
|
|
<div class="g_pt_30 g_pb_10">
|
|
|
|
|
<a-form :model="baseInfo" name="basic" autocomplete="off" @finish="submitBaseInfo" @validate="validateForm" ref="storeInfoRef" :label-col="{ style: { width: '150px' } }" lab :wrapper-col="{ span: 15 }">
|
|
|
|
|
<a-form-item name="name" class="" :rules="[{ required: true, message: '请输入企业简称' }]">
|
|
|
|
|
<template #label>
|
|
|
|
|
<div class="g_c_6">主体</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div v-if="!editStatus">{{ baseInfo.agencyName || "北京矩阵动力科技有限公司" }}</div>
|
|
|
|
|
<a-input placeholder="请输入主体" v-else v-model:value="baseInfo.agencyName" class="" />
|
|
|
|
|
<a-input placeholder="请输入主体" v-model:value="baseInfo.name" class="" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item name="agencyName" class="g_flex_1 g_ml_32" :rules="[{ required: false, message: '请输入企业简称' }]">
|
|
|
|
|
<a-form-item name="appraisement" class=" " :rules="[{ required: true, message: '请输入企业简称' }]">
|
|
|
|
|
<template #label>
|
|
|
|
|
<div class="g_c_6">当前估值</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div v-if="!editStatus">{{ baseInfo.agencyName || "5000万" }}</div>
|
|
|
|
|
<a-input placeholder="请输入当前估值" v-else v-model:value="baseInfo.agencyName" class="" />
|
|
|
|
|
<a-input placeholder="请输入当前估值" v-model:value="baseInfo.appraisement" class="" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_row_between flex_nr">
|
|
|
|
|
<a-form-item name="agencyName" class="g_flex_1" :rules="[{ required: false, message: '请输入企业简称' }]">
|
|
|
|
|
<a-form-item name="capitalStock" class="" :rules="[{ required: true, message: '请输入企业简称' }]">
|
|
|
|
|
<template #label>
|
|
|
|
|
<div class="g_c_6">当前总股本</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div v-if="!editStatus">{{ baseInfo.agencyName || "39,771.50" }}</div>
|
|
|
|
|
<a-input placeholder="请输入当前总股本" v-else v-model:value="baseInfo.agencyName" class="" />
|
|
|
|
|
<a-input placeholder="请输入当前总股本" v-model:value="baseInfo.capitalStock" class="" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item name="agencyName" class="g_flex_1 g_ml_32" :rules="[{ required: false, message: '请输入企业简称' }]">
|
|
|
|
|
<a-form-item name="unitPrice" class=" " :rules="[{ required: true, message: '请输入企业简称' }]">
|
|
|
|
|
<template #label>
|
|
|
|
|
<div class="g_c_6">每股价格</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div v-if="!editStatus">{{ baseInfo.agencyName || "32.21元" }}</div>
|
|
|
|
|
<a-input placeholder="请输入每股价格" v-else v-model:value="baseInfo.agencyName" class="" />
|
|
|
|
|
<a-input placeholder="请输入每股价格" v-model:value="baseInfo.unitPrice" class="" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <template #footer>
|
|
|
|
|
<a-button @click="handleCloseImage">关闭</a-button>
|
|
|
|
|
</template> -->
|
|
|
|
|
</a-modal>
|
|
|
|
|
<div class="g_bg_f g_br_4 g_mt_16">
|
|
|
|
|
<div class="g_pt_18 g_pl_24 g_pr_24 g_pb_12 g_flex_row_between">
|
|
|
|
|
<div class="g_fw_600">股权结构</div>
|
|
|
|
|
@ -57,7 +75,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider class="g_mt_0 g_mb_20" />
|
|
|
|
|
<div class="g_flex_row_between g_pl_24 g_pr_24 g_pb_20">
|
|
|
|
|
<a-table :columns="columns" :data-source="gpjgList" size="middle" @change="tableChange" :pagination="false" class="g_clear_scroll" :scroll="{ x: '500px' }">
|
|
|
|
|
<a-table :columns="columns" :data-source="gpjgList" size="middle" @change="tableChange" :pagination="false" class="g_clear_scroll" :scroll="{ x: '' }">
|
|
|
|
|
<template #headerCell="{ column }">
|
|
|
|
|
<template v-if="column.key === 'name'">
|
|
|
|
|
<div class="g_fw_600">姓名</div>
|
|
|
|
|
@ -76,7 +94,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<a-divider class="g_mt_0 g_mb_20" />
|
|
|
|
|
<div class="g_flex_row_between g_pl_24 g_pr_24 g_pb_20">
|
|
|
|
|
<a-table :columns="columns1" :data-source="zzkgList" size="middle" @change="tableChange" :pagination="false" class="g_clear_scroll" :scroll="{ x: '500px' }">
|
|
|
|
|
<a-table :columns="columns1" :data-source="zzkgList" size="middle" @change="tableChange" :pagination="false" class="g_clear_scroll" :scroll="{ x: '' }">
|
|
|
|
|
<template #headerCell="{ column }">
|
|
|
|
|
<template v-if="column.key === 'name'">
|
|
|
|
|
<div class="g_fw_600">姓名</div>
|
|
|
|
|
@ -90,20 +108,22 @@
|
|
|
|
|
</a-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { DownloadOutlined, PlusOutlined } from "@ant-design/icons-vue";
|
|
|
|
|
import { ref, onMounted, getCurrentInstance, watch, onBeforeUnmount } from "vue";
|
|
|
|
|
import { getProjectInfoApi, updateProjectInfoApi } from "../../api/userList/porjectInfo";
|
|
|
|
|
const commonJS = getCurrentInstance().appContext.app.config.globalProperties.G;
|
|
|
|
|
import { useRouter, useRoute } from "vue-router";
|
|
|
|
|
const router = useRouter(); // 应用路由
|
|
|
|
|
const route = useRoute();
|
|
|
|
|
import { useStore } from "@/stores/counter";
|
|
|
|
|
const storeJS = useStore();
|
|
|
|
|
onMounted(() => {});
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getProjectInfo();
|
|
|
|
|
});
|
|
|
|
|
const baseInfo = ref({});
|
|
|
|
|
const editStatus = ref(false);
|
|
|
|
|
const gpjgList = ref([
|
|
|
|
|
@ -248,6 +268,13 @@ let columns1 = ref([
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
},
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
const getProjectInfo = () => {
|
|
|
|
|
getProjectInfoApi().then((res) => {
|
|
|
|
|
console.log(res);
|
|
|
|
|
baseInfo.value = res.data;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped></style>
|
|
|
|
|
|