|
@@ -5,15 +5,15 @@
|
|
<el-input v-model="queryParams.shareholderName" placeholder="请输入股东名称" clearable
|
|
<el-input v-model="queryParams.shareholderName" placeholder="请输入股东名称" clearable
|
|
@keyup.enter="handleQuery" />
|
|
@keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
-
|
|
|
|
- <el-form-item label="公司名称" prop="companyName">
|
|
|
|
- <!-- <el-select v-model="queryParams.controlledCompany" placeholder="请选择控制公司" clearable
|
|
|
|
|
|
+
|
|
|
|
+ <el-form-item label="公司名称" prop="companyName">
|
|
|
|
+ <!-- <el-select v-model="queryParams.controlledCompany" placeholder="请选择控制公司" clearable
|
|
style="width: 100%;">
|
|
style="width: 100%;">
|
|
<el-option v-for="company in companyList" :key="company.shareholderId"
|
|
<el-option v-for="company in companyList" :key="company.shareholderId"
|
|
:label="company.shareholderName" :value="company.shareholderId" />
|
|
:label="company.shareholderName" :value="company.shareholderId" />
|
|
</el-select> -->
|
|
</el-select> -->
|
|
- <el-input v-model="queryParams.companyName" placeholder="请输入公司名称" clearable/>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ <el-input v-model="queryParams.companyName" placeholder="请输入公司名称" clearable />
|
|
|
|
+ </el-form-item>
|
|
|
|
|
|
<el-form-item label="股东类型" prop="shareholderType">
|
|
<el-form-item label="股东类型" prop="shareholderType">
|
|
<el-select v-model="queryParams.shareholderType" placeholder="请选择股东类型" clearable>
|
|
<el-select v-model="queryParams.shareholderType" placeholder="请选择股东类型" clearable>
|
|
@@ -79,7 +79,7 @@
|
|
v-hasPermi="['equity:info:edit']">修改</el-button>
|
|
v-hasPermi="['equity:info:edit']">修改</el-button>
|
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
|
v-hasPermi="['equity:info:remove']">删除</el-button>
|
|
v-hasPermi="['equity:info:remove']">删除</el-button>
|
|
- <el-button link type="primary" icon="Filter" @click="handWithdrawal(scope.row)"
|
|
|
|
|
|
+ <el-button link type="primary" icon="Filter" @click="handWithdrawal(scope.row)"
|
|
v-hasPermi="['equity:info:remove']">退股</el-button>
|
|
v-hasPermi="['equity:info:remove']">退股</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -126,36 +126,36 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
-<!-- 用户导入 -->
|
|
|
|
|
|
+ <!-- 用户导入 -->
|
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
|
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
|
|
- <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
|
|
|
- :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
|
|
|
- :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
|
|
|
- <el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
|
|
|
- <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
|
- <template #tip>
|
|
|
|
- <div class="el-upload__tip text-center">
|
|
|
|
- <div class="el-upload__tip">
|
|
|
|
- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
|
|
|
|
- </div>
|
|
|
|
- <span>仅允许导入xls、xlsx格式文件。</span>
|
|
|
|
- <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
|
|
|
- @click="importTemplate">下载模板</el-link>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
|
|
|
+ :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
|
|
|
+ :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
|
|
|
+ <el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
|
|
|
+ <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip text-center">
|
|
|
|
+ <div class="el-upload__tip">
|
|
|
|
+ <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
|
|
|
|
+ </div>
|
|
|
|
+ <span>仅允许导入xls、xlsx格式文件。</span>
|
|
|
|
+ <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
|
|
|
+ @click="importTemplate">下载模板</el-link>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
|
|
+ <template #footer>
|
|
|
|
+ <div class="dialog-footer">
|
|
|
|
+ <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
|
+ <el-button @click="upload.open = false">取 消</el-button>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
- </el-upload>
|
|
|
|
- <template #footer>
|
|
|
|
- <div class="dialog-footer">
|
|
|
|
- <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
|
- <el-button @click="upload.open = false">取 消</el-button>
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-dialog>
|
|
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup name="Info">
|
|
<script setup name="Info">
|
|
-import { InfoList, equityInfo, EditInfo, EquityHolderIds, getOnlyCompanyList ,ExportEquityInfo ,getExitShareholderId} from "@/api/InformationWrapper/index"
|
|
|
|
|
|
+import { InfoList, equityInfo, EditInfo, EquityHolderIds, getOnlyCompanyList, ExportEquityInfo, getExitShareholderId } from "@/api/InformationWrapper/index"
|
|
import { getToken } from "@/utils/auth";
|
|
import { getToken } from "@/utils/auth";
|
|
import { onMounted } from "vue";
|
|
import { onMounted } from "vue";
|
|
const { proxy } = getCurrentInstance();
|
|
const { proxy } = getCurrentInstance();
|
|
@@ -178,12 +178,12 @@ const data = reactive({
|
|
queryParams: {
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
- shareholderName: null,
|
|
|
|
- shareholderType: null,
|
|
|
|
controlledCompany: null,
|
|
controlledCompany: null,
|
|
shareholderId: null,
|
|
shareholderId: null,
|
|
- companyName: null,
|
|
|
|
controlledCompany: null, // 新增字段,控制的公司
|
|
controlledCompany: null, // 新增字段,控制的公司
|
|
|
|
+ shareholderName: null, // 股东名称
|
|
|
|
+ shareholderType: null, // 股东类型
|
|
|
|
+ companyName: null, // 公司名称
|
|
},
|
|
},
|
|
rules: {
|
|
rules: {
|
|
}
|
|
}
|
|
@@ -193,18 +193,18 @@ const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
|
/*** 导入参数 */
|
|
/*** 导入参数 */
|
|
const upload = reactive({
|
|
const upload = reactive({
|
|
- // 是否显示弹出层(用户导入)
|
|
|
|
- open: false,
|
|
|
|
- // 弹出层标题(用户导入)
|
|
|
|
- title: "",
|
|
|
|
- // 是否禁用上传
|
|
|
|
- isUploading: false,
|
|
|
|
- // 是否更新已经存在的用户数据
|
|
|
|
- updateSupport: 0,
|
|
|
|
- // 设置上传的请求头部
|
|
|
|
- headers: { Authorization: "Bearer " + getToken() },
|
|
|
|
- // 上传的地址
|
|
|
|
- url: import.meta.env.VITE_APP_BASE_API + "/equity/info/importEquityInfo"
|
|
|
|
|
|
+ // 是否显示弹出层(用户导入)
|
|
|
|
+ open: false,
|
|
|
|
+ // 弹出层标题(用户导入)
|
|
|
|
+ title: "",
|
|
|
|
+ // 是否禁用上传
|
|
|
|
+ isUploading: false,
|
|
|
|
+ // 是否更新已经存在的用户数据
|
|
|
|
+ updateSupport: 0,
|
|
|
|
+ // 设置上传的请求头部
|
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
|
+ // 上传的地址
|
|
|
|
+ url: import.meta.env.VITE_APP_BASE_API + "/equity/info/importEquityInfo"
|
|
});
|
|
});
|
|
const RefCheckList = {
|
|
const RefCheckList = {
|
|
shareholderName: [{ required: true, trigger: "blur", message: "请输入股东名称" }],
|
|
shareholderName: [{ required: true, trigger: "blur", message: "请输入股东名称" }],
|
|
@@ -337,41 +337,42 @@ function handleExport() {
|
|
}, `info_${new Date().getTime()}.xlsx`)
|
|
}, `info_${new Date().getTime()}.xlsx`)
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+
|
|
/**导入 */
|
|
/**导入 */
|
|
function handleImport() {
|
|
function handleImport() {
|
|
- upload.title = "用户导入";
|
|
|
|
- upload.open = true;
|
|
|
|
|
|
+ upload.title = "用户导入";
|
|
|
|
+ upload.open = true;
|
|
};
|
|
};
|
|
/** 下载模板操作 */
|
|
/** 下载模板操作 */
|
|
function importTemplate() {
|
|
function importTemplate() {
|
|
- proxy.download("equity/info/importEquityInfo", {
|
|
|
|
- }, `user_template_${new Date().getTime()}.xlsx`);
|
|
|
|
|
|
+ proxy.download("equity/info/importEquityInfo", {
|
|
|
|
+ }, `user_template_${new Date().getTime()}.xlsx`);
|
|
};
|
|
};
|
|
/**文件上传中处理 */
|
|
/**文件上传中处理 */
|
|
const handleFileUploadProgress = (event, file, fileList) => {
|
|
const handleFileUploadProgress = (event, file, fileList) => {
|
|
- upload.isUploading = true;
|
|
|
|
|
|
+ upload.isUploading = true;
|
|
};
|
|
};
|
|
/** 文件上传成功处理 */
|
|
/** 文件上传成功处理 */
|
|
const handleFileSuccess = (response, file, fileList) => {
|
|
const handleFileSuccess = (response, file, fileList) => {
|
|
- upload.open = false;
|
|
|
|
- upload.isUploading = false;
|
|
|
|
- proxy.$refs["uploadRef"].handleRemove(file);
|
|
|
|
- proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
|
|
|
|
- getList();
|
|
|
|
|
|
+ upload.open = false;
|
|
|
|
+ upload.isUploading = false;
|
|
|
|
+ proxy.$refs["uploadRef"].handleRemove(file);
|
|
|
|
+ proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
|
|
|
|
+ getList();
|
|
};
|
|
};
|
|
/** 提交上传文件 */
|
|
/** 提交上传文件 */
|
|
function submitFileForm() {
|
|
function submitFileForm() {
|
|
- proxy.$refs["uploadRef"].submit();
|
|
|
|
|
|
+ proxy.$refs["uploadRef"].submit();
|
|
};
|
|
};
|
|
|
|
|
|
/**股东退股 */
|
|
/**股东退股 */
|
|
-function handWithdrawal(row){
|
|
|
|
|
|
+function handWithdrawal(row) {
|
|
getExitShareholderId(row.shareholderId).then(res => {
|
|
getExitShareholderId(row.shareholderId).then(res => {
|
|
- if (res.code === 200) {
|
|
|
|
- proxy.$modal.msgSuccess("退股成功");
|
|
|
|
- getList();
|
|
|
|
- }
|
|
|
|
-});
|
|
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
+ proxy.$modal.msgSuccess("退股成功");
|
|
|
|
+ getList();
|
|
|
|
+ }
|
|
|
|
+ });
|
|
}
|
|
}
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
getList();
|
|
getList();
|