suzhou-jichuang-lanhai
/
Gyyq-Upstairs
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

月度新增绑定功能

Browse Source
main
严飞永 2 weeks ago
parent 6a42497c7f
commit d0058b2da2
5 changed files with 423 additions and 95 deletions
Show Stats Download Patch File Download Diff File

19
src/api/manageApitwo/index.js
Unescape View File

@ -43,7 +43,7 @@ export function addmonth(data) {
url: "/gysl/projectProgress/add", url: "/gysl/projectProgress/add",
method: "post", method: "post",
data, data,
}) });
} }
// 月度进展信息修改 // 月度进展信息修改
@ -64,3 +64,20 @@ export function deletemonth(idList) {
}, },
}); });
} }
// 月度信息对接项目
// 绑定项目
export function bindProject(data) {
return request({
url: "/gysl/projectProgress/bindProject",
method: "post",
data,
});
}
export function searchProjects(params) {
return request({
url: "/gysl/project/page",
method: "get",
params,
});
}

6
src/views/components/ProjectDetails/Companyenter.vue
Unescape View File

@ -122,12 +122,12 @@
<span v-else>{{ scope.row.qylxmc }}</span> <span v-else>{{ scope.row.qylxmc }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="jyfw" label='经营范围' show-overflow-tooltip> <!-- <el-table-column prop="jyfw" label='经营范围' show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.jyfw"></el-input> <el-input v-if="scope.row.isEditing" v-model.number="scope.row.jyfw"></el-input>
<span v-else>{{ scope.row.jyfw }}</span> <span v-else>{{ scope.row.jyfw }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<!-- <el-table-column prop="zzjgdm" label='组织机构代码'> <!-- <el-table-column prop="zzjgdm" label='组织机构代码'>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-if="scope.row.isEditing" v-model.number="scope.row.zzjgdm"></el-input> <el-input v-if="scope.row.isEditing" v-model.number="scope.row.zzjgdm"></el-input>
@ -320,7 +320,7 @@ export default {
}, },
deleteRow(index) { deleteRow(index) {
const id = this.tableData[index].id; const id = this.tableData[index].id;
const projectName = this.tableData[index].name; const projectName = this.tableData[index].qymc;
this.$modal.confirm(`是否确认删除"${projectName}"？`).then(() => { this.$modal.confirm(`是否确认删除"${projectName}"？`).then(() => {
deleteqyBasicInformation([id]).then(response => { deleteqyBasicInformation([id]).then(response => {
this.tableData.splice(index, 1); this.tableData.splice(index, 1);

487
src/views/components/ProjectDetails/Months.vue
Unescape View File

@ -3,20 +3,57 @@
<!-- 顶部信息 --> <!-- 顶部信息 -->
<div class="containertop"> <div class="containertop">
<div class="topleft"> <div class="topleft">
<img src="@/assets/images/detailsicon/1.png" alt=""> <img src="@/assets/images/detailsicon/1.png" alt="" />
<span>月度进展信息</span> <span class="lefttitle">月度进展信息</span>
<el-tooltip
:content="bindText"
placement="top"
:disabled="bindText.length <= 15"
>
<div class="bind-project" @click="handleBindProject">
{{ bindText }}
</div>
</el-tooltip>
</div> </div>
<div class="topright" v-if="action === 'fill' || !action || action === 'okay'"> <div
<el-button type="primary" size="medium" plain class="topright"
style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="handleAdd"> v-if="action === 'fill' || !action || action === 'okay'"
<img src="@/assets/images/detailsicon/icon-xz@2x.png" alt="新增" >
style="width: 0.6rem; height: 0.6rem; margin-right: 4px;"> <el-button
type="primary"
size="medium"
plain
style="
border: none;
background-color: rgba(43, 98, 241, 0.1);
color: #2b62f1;
"
@click="handleAdd"
>
<img
src="@/assets/images/detailsicon/icon-xz@2x.png"
alt="新增"
style="width: 0.6rem; height: 0.6rem; margin-right: 4px"
/>
新增 新增
</el-button> </el-button>
<el-button type="primary" size="medium" plain v-if="checkRole(['admin', 'common','gov'])" <el-button
style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="handleExport"> type="primary"
<img src="@/assets/images/detailsicon/icon-dc@2x.png" alt="导出" size="medium"
style="width: 0.6rem; height: 0.6rem; margin-right: 4px;"> plain
v-if="checkRole(['admin', 'common', 'gov'])"
style="
border: none;
background-color: rgba(43, 98, 241, 0.1);
color: #2b62f1;
"
@click="handleExport"
>
<img
src="@/assets/images/detailsicon/icon-dc@2x.png"
alt="导出"
style="width: 0.6rem; height: 0.6rem; margin-right: 4px"
/>
导出 导出
</el-button> </el-button>
</div> </div>
@ -30,22 +67,38 @@
<div class="table-cell">当月完成投资</div> <div class="table-cell">当月完成投资</div>
<div class="table-cell">累计完成投资</div> <div class="table-cell">累计完成投资</div>
<div <div
style="width: auto; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 0.5rem;"> style="
截止目前累计建成面积（平方米）</div> width: auto;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0.5rem;
"
>
截止目前累计建成面积（平方米）
</div>
<div class="table-cell">项目进展详情</div> <div class="table-cell">项目进展详情</div>
<div class="table-cell">操作</div> <div class="table-cell">操作</div>
</div> </div>
<div class="custom-table-body"> <div class="custom-table-body">
<div v-if="tableData.length === 0" class="no-data-row"> <div v-if="tableData.length === 0" class="no-data-row">暂无数据</div>
暂无数据 <div
</div> v-else
<div v-else v-for="item in tableData" :key="item.id" class="custom-table-row"> v-for="item in tableData"
:key="item.id"
class="custom-table-row"
>
<!-- 进度月份 --> <!-- 进度月份 -->
<div class="table-cell"> <div class="table-cell">
<template v-if="item.isEditing"> <template v-if="item.isEditing">
<el-date-picker v-model="item.month" type="month" value-format="yyyy-MM" <el-date-picker
style="width: 100%;"></el-date-picker> v-model="item.month"
type="month"
value-format="yyyy-MM"
style="width: 100%"
></el-date-picker>
</template> </template>
<template v-else> <template v-else>
{{ item.month }} {{ item.month }}
@ -54,13 +107,19 @@
<!-- 状态（始终不编辑） --> <!-- 状态（始终不编辑） -->
<div class="table-cell"> <div class="table-cell">
<span :style="getStatusColor(item.status)">{{ item.status }}</span> <span :style="getStatusColor(item.status)">{{
item.status
}}</span>
</div> </div>
<!-- 当月完成投资 --> <!-- 当月完成投资 -->
<div class="table-cell"> <div class="table-cell">
<template v-if="item.isEditing"> <template v-if="item.isEditing">
<el-input-number v-model.number="item.monthDoneAmount" :controls="false" style="width: 100%;" /> <el-input-number
v-model.number="item.monthDoneAmount"
:controls="false"
style="width: 100%"
/>
</template> </template>
<template v-else> <template v-else>
{{ item.monthDoneAmount }} {{ item.monthDoneAmount }}
@ -70,7 +129,11 @@
<!-- 累计完成投资 --> <!-- 累计完成投资 -->
<div class="table-cell"> <div class="table-cell">
<template v-if="item.isEditing"> <template v-if="item.isEditing">
<el-input-number v-model.number="item.totalDoneAmount" :controls="false" style="width: 100%;" /> <el-input-number
v-model.number="item.totalDoneAmount"
:controls="false"
style="width: 100%"
/>
</template> </template>
<template v-else> <template v-else>
{{ item.totalDoneAmount }} {{ item.totalDoneAmount }}
@ -80,7 +143,7 @@
<!-- 累计建成面积 --> <!-- 累计建成面积 -->
<div class="table-cell"> <div class="table-cell">
<template v-if="item.isEditing"> <template v-if="item.isEditing">
<el-input v-model="item.jzmqjc" style="width: 100%;" /> <el-input v-model="item.jzmqjc" style="width: 100%" />
</template> </template>
<template v-else> <template v-else>
{{ item.jzmqjc }} {{ item.jzmqjc }}
@ -90,7 +153,7 @@
<!-- 项目进展详情 --> <!-- 项目进展详情 -->
<div class="table-cell"> <div class="table-cell">
<template v-if="item.isEditing"> <template v-if="item.isEditing">
<el-input v-model="item.xmjzxq" style="width: 100%;" /> <el-input v-model="item.xmjzxq" style="width: 100%" />
</template> </template>
<template v-else> <template v-else>
{{ formattedXmjzxq(item.xmjzxq) }} {{ formattedXmjzxq(item.xmjzxq) }}
@ -99,10 +162,27 @@
<!-- 操作列 --> <!-- 操作列 -->
<div class="table-cell"> <div class="table-cell">
<el-button v-if="!item.isEditing" type="text" icon="el-icon-edit" @click="handleEdit(item)">编辑</el-button> <el-button
<el-button v-else type="text" icon="el-icon-check" @click="handleSave(item)">保存</el-button> v-if="!item.isEditing"
<el-button type="text" icon="el-icon-delete" style="color: #F25353;" type="text"
@click="handleDelete(item)">删除</el-button> icon="el-icon-edit"
@click="handleEdit(item)"
>编辑</el-button
>
<el-button
v-else
type="text"
icon="el-icon-check"
@click="handleSave(item)"
>保存</el-button
>
<el-button
type="text"
icon="el-icon-delete"
style="color: #f25353"
@click="handleDelete(item)"
>删除</el-button
>
</div> </div>
</div> </div>
</div> </div>
@ -114,13 +194,22 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="进度月份" prop="month"> <el-form-item label="进度月份" prop="month">
<el-date-picker v-model="form.month" type="month" placeholder="选择月份" value-format="yyyy-MM" <el-date-picker
style="width: 100%;"></el-date-picker> v-model="form.month"
type="month"
placeholder="选择月份"
value-format="yyyy-MM"
style="width: 100%"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="状态" prop="status" style="display: none;"> <el-form-item label="状态" prop="status" style="display: none">
<el-select v-model="form.status" placeholder="请选择状态" style="width: 100%;"> <el-select
v-model="form.status"
placeholder="请选择状态"
style="width: 100%"
>
<el-option label="未更新" value="未更新"></el-option> <el-option label="未更新" value="未更新"></el-option>
<el-option label="已更新" value="已更新"></el-option> <el-option label="已更新" value="已更新"></el-option>
</el-select> </el-select>
@ -128,22 +217,36 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="当月完成投资" prop="monthDoneAmount"> <el-form-item label="当月完成投资" prop="monthDoneAmount">
<el-input v-model.number="form.monthDoneAmount" placeholder="请输入金额"></el-input> <el-input
v-model.number="form.monthDoneAmount"
placeholder="请输入金额"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="累计完成投资" prop="totalDoneAmount"> <el-form-item label="累计完成投资" prop="totalDoneAmount">
<el-input v-model.number="form.totalDoneAmount" placeholder="请输入金额"></el-input> <el-input
v-model.number="form.totalDoneAmount"
placeholder="请输入金额"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="截止目前累计建成面积(平方米)" prop="jzmqjc"> <el-form-item label="截止目前累计建成面积(平方米)" prop="jzmqjc">
<el-input v-model="form.jzmqjc" placeholder="请输入面积"></el-input> <el-input
v-model="form.jzmqjc"
placeholder="请输入面积"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="项目进展详情" prop="xmjzxq"> <el-form-item label="项目进展详情" prop="xmjzxq">
<el-input v-model="form.xmjzxq" type="textarea" :rows="3" placeholder="请输入详情"></el-input> <el-input
v-model="form.xmjzxq"
type="textarea"
:rows="3"
placeholder="请输入详情"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -155,6 +258,109 @@
</span> </span>
</el-dialog> </el-dialog>
<!-- 绑定项目的弹窗 -->
<el-dialog
title="绑定项目信息"
:visible.sync="bindDialogVisible"
width="50%"
>
<el-form label-width="200px">
<el-form-item label="当前系统产业项目名称：">
<el-input v-model="formDialog.name" style="width: 100%" disabled />
</el-form-item>
<el-form-item
label="绑定固投平台项目名称："
required
v-if="!bindSuccess"
>
<el-input
v-model="bindForm.projectName"
placeholder="请输入绑定固投平台项目名称"
style="width: 84%"
:clearable="!bindSuccess"
:disabled="bindSuccess"
/>
<el-button
type="primary"
@click="searchProjects"
style="margin-left: 3%"
:disabled="bindSuccess"
>查询</el-button
>
</el-form-item>
<!-- 显示项目详情 -->
<div
v-if="selectedProject"
style="margin-top: 1rem; margin-left: 3rem; width: 100%"
>
<el-row :gutter="20">
<el-col :span="12">
<div class="grid-content">
<el-tooltip
:content="selectedProject.projectName || '暂无'"
placement="top"
:disabled="
!(
selectedProject.projectName &&
selectedProject.projectName.length > 20
)
"
>
<span
style="
display: inline-block;
max-width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
项目名称：{{ selectedProject.projectName || "暂无" }}
</span>
</el-tooltip>
</div>
</el-col>
<el-col :span="12">
<div class="grid-content">
项目单位：{{ selectedProject.companyName || "暂无" }}
</div>
</el-col>
<el-col :span="12" style="margin-top: 10px">
<div class="grid-content">
联系人：{{ selectedProject.contactName || "暂无" }}
</div>
</el-col>
<el-col :span="12" style="margin-top: 10px">
<div class="grid-content">
联系电话：{{ selectedProject.contactPhone || "暂无" }}
</div>
</el-col>
</el-row>
</div>
<!-- 已经绑定的 项目信息 -->
<el-form-item
label="固投平台项目名称："
style="margin-top: 1rem"
v-if="bindSuccess"
>
<el-input
v-model="bindForm.projectName"
style="width: 100%"
disabled
/>
</el-form-item>
</el-form>
<span slot="footer">
<el-button @click="bindDialogVisible = false">取消</el-button>
<el-button
type="primary"
@click="confirmBinding"
:disabled="bindSuccess"
>确定</el-button
>
</span>
</el-dialog>
<!-- <div class="yuedu"> <!-- <div class="yuedu">
<yuedutouzi :xmId="xmId" /> <yuedutouzi :xmId="xmId" />
</div> --> </div> -->
@ -165,45 +371,64 @@
// 查看详情信息 // 查看详情信息
import { getMonthInformationPage } from "@/api/ManageApi/index"; import { getMonthInformationPage } from "@/api/ManageApi/index";
// 在Apitwo里 // 在Apitwo里
import { updateProjectProgress, deletemonth, addmonth } from "@/api/manageApitwo/index"; import {
updateProjectProgress,
deletemonth,
addmonth,
bindProject,
searchProjects,
} from "@/api/manageApitwo/index";
import { checkPermi, checkRole } from "@/utils/permission"; import { checkPermi, checkRole } from "@/utils/permission";
// 投资 // 投资
import yuedutouzi from '@/views/components/analysis/yuedutouzi.vue' import yuedutouzi from "@/views/components/analysis/yuedutouzi.vue";
export default { export default {
components: { yuedutouzi }, components: { yuedutouzi },
props: { props: {
action: { action: {
type: String, type: String,
required: true required: true,
}, },
xmId: { xmId: {
type: Number, type: Number,
required: true required: true,
} },
basicInfo: {
type: Object,
required: true,
},
}, },
data() { data() {
return { return {
formDialog: {
name: "",
},
userInput: "", // 新增，记录用户输入
tableData: [], // 表格数据 tableData: [], // 表格数据
dialogVisible: false, // 控制弹窗显示 dialogVisible: false, // 控制弹窗显示
bindDialogVisible: false, //用于绑定的弹窗
bindText: "绑定项目", // 初始状态为“绑定项目”
bindSuccess: false, // 新增：是否已绑定
bindForm: {
projectName: "",
},
selectedProject: null, // 绑定的项目对象
form: { form: {
month: "", // 进度月份 month: "", // 进度月份
status: "已更新", // 状态固定为“已更新” status: "已更新", // 状态固定为“已更新”
monthDoneAmount: "", // 当月完成投资 monthDoneAmount: "", // 当月完成投资
totalDoneAmount: "", // 累计完成投资 totalDoneAmount: "", // 累计完成投资
jzmqjc: "", // 截止目前累计建成面积 jzmqjc: "", // 截止目前累计建成面积
xmjzxq: "" // 项目进展详情 xmjzxq: "", // 项目进展详情
}, },
rules: { rules: {
month: [ month: [{ required: true, message: "请选择月份", trigger: "change" }],
{ required: true, message: "请选择月份", trigger: "change" }
],
monthDoneAmount: [ monthDoneAmount: [
{ required: true, message: "请输入当月完成投资", trigger: "blur" }, { required: true, message: "请输入当月完成投资", trigger: "blur" },
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === '' || value === null) { if (value === "" || value === null) {
callback(new Error("请输入数字")); callback(new Error("请输入数字"));
} else if (isNaN(value)) { } else if (isNaN(value)) {
callback(new Error("只能输入数字")); callback(new Error("只能输入数字"));
@ -211,14 +436,14 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur' trigger: "blur",
} },
], ],
totalDoneAmount: [ totalDoneAmount: [
{ required: true, message: "请输入累计完成投资", trigger: "blur" }, { required: true, message: "请输入累计完成投资", trigger: "blur" },
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
if (value === '' || value === null) { if (value === "" || value === null) {
callback(new Error("请输入数字")); callback(new Error("请输入数字"));
} else if (isNaN(value)) { } else if (isNaN(value)) {
callback(new Error("只能输入数字")); callback(new Error("只能输入数字"));
@ -226,23 +451,91 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur' trigger: "blur",
} },
] ],
} },
}; };
}, },
computed: { computed: {
formattedXmjzxq() { formattedXmjzxq() {
return (text) => { return (text) => {
return text === 'etry' ? '' : text; return text === "etry" ? "" : text;
}; };
} },
},
watch: {
basicInfo: {
handler(newVal) {
if (newVal && newVal.name) {
this.formDialog = {
...this.formDialog,
name: newVal.name,
};
}
},
immediate: true,
deep: true,
},
}, },
methods: { methods: {
checkPermi, checkPermi,
checkRole, checkRole,
async searchProjects() {
const userInput = this.bindForm.projectName.trim();
this.userInput = userInput;
if (!userInput) {
this.$message.warning("请输入项目名称");
this.selectedProject = null;
return;
}
try {
const res = await searchProjects({ projectName: userInput });
// 这里修正为 res.data 是数组
if (
res.code === 200 &&
Array.isArray(res.data) &&
res.data.length > 0
) {
this.selectedProject = res.data[0];
} else {
this.selectedProject = null;
this.$message.warning("未查询到相关项目");
}
} catch (error) {
this.$message.error("查询失败，请稍后再试");
this.selectedProject = null;
}
},
async confirmBinding() {
if (!this.selectedProject) {
this.$message.warning("请先查询固投平台项目");
return;
}
try {
const res = await bindProject({
id: this.xmId,
projectId: this.selectedProject.projectId,
});
if (res.code === 200) {
this.$message.success("绑定成功");
this.bindText = `已绑定 ${this.selectedProject.projectName} 项目`;
this.bindForm.projectName = this.selectedProject.projectName;
this.bindSuccess = true;
this.bindDialogVisible = false;
} else {
this.$message.error(res.msg || "绑定失败");
}
} catch (error) {
this.$message.error("绑定失败，请稍后再试");
}
},
handleBindProject() {
this.bindForm.projectName = "";
this.selectedProject = null;
this.bindSuccess = false;
this.bindDialogVisible = true;
},
// 新增按钮点击 // 新增按钮点击
handleAdd() { handleAdd() {
this.form = { this.form = {
@ -251,22 +544,22 @@ export default {
monthDoneAmount: "", monthDoneAmount: "",
totalDoneAmount: "", totalDoneAmount: "",
jzmqjc: "", jzmqjc: "",
xmjzxq: "" xmjzxq: "",
}; };
this.dialogVisible = true; this.dialogVisible = true;
}, },
// 提交新增表单 // 提交新增表单
submitForm() { submitForm() {
this.$refs.formRef.validate(valid => { this.$refs.formRef.validate((valid) => {
if (valid) { if (valid) {
const payload = { const payload = {
...this.form, ...this.form,
xmId: this.xmId xmId: this.xmId,
}; };
addmonth(payload) addmonth(payload)
.then(response => { .then((response) => {
if (response.code === 200) { if (response.code === 200) {
this.$message.success("新增成功"); this.$message.success("新增成功");
this.dialogVisible = false; this.dialogVisible = false;
@ -275,7 +568,7 @@ export default {
this.$message.error(response.msg || "新增失败"); this.$message.error(response.msg || "新增失败");
} }
}) })
.catch(error => { .catch((error) => {
console.error("新增失败:", error); console.error("新增失败:", error);
this.$message.error("新增失败，请稍后再试"); this.$message.error("新增失败，请稍后再试");
}); });
@ -291,7 +584,7 @@ export default {
this.download( this.download(
"/gysl/projectProgress/export", "/gysl/projectProgress/export",
{ {
xmId: this.xmId xmId: this.xmId,
}, },
`月度信息${new Date().getTime()}.xlsx` `月度信息${new Date().getTime()}.xlsx`
); );
@ -304,13 +597,13 @@ export default {
if (Array.isArray(response.data) && response.data.length > 0) { if (Array.isArray(response.data) && response.data.length > 0) {
// 接口返回的数据处理：统一 status 为 “已更新” // 接口返回的数据处理：统一 status 为 “已更新”
this.tableData = response.data.map(item => ({ this.tableData = response.data.map((item) => ({
...item, ...item,
status: '已更新', status: "已更新",
monthDoneAmount: item.monthDoneAmount ?? 0, monthDoneAmount: item.monthDoneAmount ?? 0,
totalDoneAmount: item.totalDoneAmount ?? 0, totalDoneAmount: item.totalDoneAmount ?? 0,
jzmqjc: item.jzmqjc ?? '', jzmqjc: item.jzmqjc ?? "",
xmjzxq: item.xmjzxq ?? '' xmjzxq: item.xmjzxq ?? "",
})); }));
} else { } else {
this.tableData = []; this.tableData = [];
@ -324,8 +617,8 @@ export default {
// 编辑某一行 // 编辑某一行
handleEdit(row) { handleEdit(row) {
// 设置当前行为可编辑状态 // 设置当前行为可编辑状态
this.tableData.forEach(item => { this.tableData.forEach((item) => {
this.$set(item, 'isEditing', item.id === row.id); this.$set(item, "isEditing", item.id === row.id);
}); });
}, },
@ -338,14 +631,14 @@ export default {
monthDoneAmount: row.monthDoneAmount, monthDoneAmount: row.monthDoneAmount,
totalDoneAmount: row.totalDoneAmount, totalDoneAmount: row.totalDoneAmount,
jzmqjc: row.jzmqjc, jzmqjc: row.jzmqjc,
xmjzxq: row.xmjzxq xmjzxq: row.xmjzxq,
}; };
const response = await updateProjectProgress(updateData); const response = await updateProjectProgress(updateData);
if (response.code === 200) { if (response.code === 200) {
this.$message.success("更新成功"); this.$message.success("更新成功");
this.$set(row, 'isEditing', false); this.$set(row, "isEditing", false);
} else { } else {
this.$message.error(response.msg || "更新失败"); this.$message.error(response.msg || "更新失败");
} }
@ -360,7 +653,7 @@ export default {
this.$confirm("确定要删除此条月度进展记录吗？", "提示", { this.$confirm("确定要删除此条月度进展记录吗？", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning",
}) })
.then(async () => { .then(async () => {
try { try {
@ -369,11 +662,13 @@ export default {
if (response.code === 200) { if (response.code === 200) {
this.$message({ this.$message({
type: "success", type: "success",
message: "删除成功!" message: "删除成功!",
}); });
// 从本地数据中移除 // 从本地数据中移除
const index = this.tableData.findIndex(item => item.id === row.id); const index = this.tableData.findIndex(
(item) => item.id === row.id
);
if (index !== -1) { if (index !== -1) {
this.tableData.splice(index, 1); this.tableData.splice(index, 1);
} }
@ -388,7 +683,7 @@ export default {
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: "info", type: "info",
message: "已取消删除" message: "已取消删除",
}); });
}); });
}, },
@ -403,11 +698,11 @@ export default {
default: default:
return ""; return "";
} }
} },
}, },
created() { created() {
this.getMonthInformationPage(); this.getMonthInformationPage();
} },
}; };
</script> </script>
@ -416,7 +711,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
background-color: #FFFFFF; background-color: #ffffff;
box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1); box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@ -425,12 +720,12 @@ export default {
height: auto; height: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: .5rem; padding: 0.5rem;
border-bottom: 1px solid #E5E5E5; border-bottom: 1px solid #e5e5e5;
} }
.topleft { .topleft {
width: 8rem; width: 50%;
height: 2rem; height: 2rem;
display: flex; display: flex;
gap: 0.4rem; gap: 0.4rem;
@ -442,29 +737,36 @@ export default {
height: 0.81rem; height: 0.81rem;
} }
.topleft span { .lefttitle {
font-family: aliregular; font-family: aliregular;
font-weight: 500; font-weight: 500;
font-size: 1rem; font-size: 1rem;
color: #3D424C; color: #3d424c;
line-height: 1rem; line-height: 1rem;
} }
.bind-project {
font-size: 0.88rem;
color: #1890ff;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}
.content { .content {
padding: 1rem 1rem 1rem 2rem; padding: 1rem 1rem 1rem 2rem;
} }
/* 自定义表格样式 */
.custom-table-container { .custom-table-container {
width: 100%; width: 100%;
border: 1px solid #EBEEF5; border: 1px solid #ebeef5;
overflow: hidden; overflow: hidden;
} }
.custom-table-header { .custom-table-header {
display: flex; display: flex;
background-color: #f5f7fa; background-color: #f5f7fa;
/* font-weight: bold; */
font-size: 0.88rem; font-size: 0.88rem;
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -480,7 +782,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom: 1px solid #EBEEF5; border-bottom: 1px solid #ebeef5;
} }
.table-cell { .table-cell {
@ -498,9 +800,18 @@ export default {
color: #999; color: #999;
font-size: 0.875rem; font-size: 0.875rem;
} }
.yuedu{ .yuedu {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0rem 1rem 1rem 2rem; padding: 0rem 1rem 1rem 2rem;
} }
.grid-content {
min-height: 36px;
display: flex;
align-items: center; /* 垂直居中 */
font-size: 0.875rem;
color: #666;
padding: 8px 12px;
border-radius: 4px;
}
</style> </style>

2
src/views/manage-add/index.vue
Unescape View File

@ -87,7 +87,7 @@
</div> </div>
<!-- 月度进展信息 --> <!-- 月度进展信息 -->
<div id="months"> <div id="months">
<Months :action="action" :xmId="projectId"></Months> <Months :action="action" :xmId="projectId" :basicInfo="basicInformation"></Months>
</div> </div>
<!-- 企业入驻信息 --> <!-- 企业入驻信息 -->
<div id="companyenter"> <div id="companyenter">

2
src/views/manage-info/index.vue
Unescape View File

@ -81,7 +81,7 @@
</div> </div>
<!-- 月度进展信息 --> <!-- 月度进展信息 -->
<div id="months"> <div id="months">
<Months :action="action" :xmId="projectId"></Months> <Months :action="action" :xmId="projectId" :basicInfo="basicInformation"></Months>
</div> </div>
<!-- 企业入驻信息 --> <!-- 企业入驻信息 -->
<div id="companyenter"> <div id="companyenter">

Write Preview
Loading…
Cancel
Save