fix: BUG修改

This commit is contained in:
kun 2023-07-27 13:38:45 +08:00
parent 99aea49d00
commit 9668162b74
14 changed files with 160 additions and 123 deletions

View File

@ -405,9 +405,9 @@ const rules = ref<FormRules>({
} }
] ]
}); });
const confirmSubmit = async (ruleFormRef: FormInstance | undefined) => { const confirmSubmit = (ruleFormRef: FormInstance | undefined) => {
if (!ruleFormRef) return; if (!ruleFormRef) return;
await ruleFormRef.validate((valid, fields) => { ruleFormRef.validate(async (valid, fields) => {
if (valid) { if (valid) {
ruleForm.value.enterpriseMains = [ ruleForm.value.enterpriseMains = [
{ {
@ -417,9 +417,12 @@ const confirmSubmit = async (ruleFormRef: FormInstance | undefined) => {
} }
]; ];
ruleForm.value.state = 1; ruleForm.value.state = 1;
const res = addCompany(ruleForm.value); const res = await addCompany(ruleForm.value);
ElMessage.success("操作成功"); console.log(res);
visible1.value = false; if (res.success) {
ElMessage.success("操作成功");
visible1.value = false;
}
} else { } else {
ElMessage({ ElMessage({
showClose: true, showClose: true,

View File

@ -132,12 +132,10 @@ const confirmAddType = async (form: any) => {
for (let i in recordData.value) { for (let i in recordData.value) {
recordData.value[i].map(item => { recordData.value[i].map(item => {
item.scoreId = props.relativeInfo.id; item.scoreId = props.relativeInfo.id;
delete item.id;
arr.push(item); arr.push(item);
}); });
} }
let requestData = {
enterpriseScoreDetails: arr
};
const res = await addScoreDetail(arr); const res = await addScoreDetail(arr);
ElMessage.success("操作成功"); ElMessage.success("操作成功");
visible1.value = false; visible1.value = false;

View File

@ -135,14 +135,15 @@ import LeftMenu from "@/components/LeftMenu/LeftMenu.vue";
import { getDustprojectPage, getDustengineeringPage, getAIQuestionPage } from "@/api/modules/goverment"; import { getDustprojectPage, getDustengineeringPage, getAIQuestionPage } from "@/api/modules/goverment";
const refChart = ref(); const refChart = ref();
const headerList = reactive([ const headerList = reactive([
{ label: "未开始", color: "#35e5fd" }, { label: "未开始", color: "#D0A530" },
{ label: "进行中", color: "#f1d520" }, { label: "推进中", color: "#35e5fd" },
{ label: "已完成", color: "#4fd389" }, { label: "按期完成", color: "#f1d520" },
{ label: "逾期未开始", color: "#F80840" }, { label: "临期", color: "#4fd389" },
{ label: "逾期进行中", color: "#fc6f8e" }, { label: "超期", color: "#F80840" },
{ label: "逾期已完成", color: "#C13F5B" } { label: "逾期完成", color: "#fc6f8e" },
{ label: "暂停状态", color: "#C13F5B" }
]); ]);
const colors = ref(["#35e5fd", "#f1d520", "#4fd389", "#F80840", "#fc6f8e", "#C13F5B"]); const colors = ref(["#D0A530", "#35e5fd", "#f1d520", "#4fd389", "#F80840", "#fc6f8e", "#C13F5B"]);
const active = ref(0); const active = ref(0);
const records = ref<ResAiProjectPage[] | ResAiEngineerPage[]>([]); const records = ref<ResAiProjectPage[] | ResAiEngineerPage[]>([]);
const projects = ref([]); const projects = ref([]);
@ -643,15 +644,16 @@ watch(
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap;
align-items: center;
width: 100%; width: 100%;
height: 60px;
.left-content { .left-content {
display: flex; display: flex;
width: 80%;
height: 100%; height: 100%;
.item { .item {
width: max-content;
display: flex; display: flex;
align-items: center; align-items: center;
// width: calc(100% / 4); // width: calc(100% / 4);

View File

@ -72,15 +72,17 @@
scope.row.state == 1 scope.row.state == 1
? "未开始" ? "未开始"
: scope.row.state == 2 : scope.row.state == 2
? "中" ? "进中"
: scope.row.state == 3 : scope.row.state == 3
? "完成" ? "按期完成"
: scope.row.state == 4 : scope.row.state == 4
? "逾期未开始" ? "临期"
: scope.row.state == 5 : scope.row.state == 5
? "逾期进行中" ? "超期"
: scope.row.state == 6 : scope.row.state == 6
? "逾期已完成" ? "逾期完成"
: scope.row.state == 7
? "暂停"
: "" : ""
}}</span> }}</span>
</template> </template>
@ -242,11 +244,12 @@ import { getRealTimePage } from "@/api/modules/project";
import { bigItemGovermentList } from "@/api/modules/huizhou"; import { bigItemGovermentList } from "@/api/modules/huizhou";
const statusList = ref([ const statusList = ref([
{ label: "未开始", value: 1 }, { label: "未开始", value: 1 },
{ label: "进行中", value: 2 }, { label: "推进中", value: 2 },
{ label: "已完成", value: 3 }, { label: "按期完成", value: 3 },
{ label: "逾期未开始", value: 4 }, { label: "临期", value: 4 },
{ label: "逾期进行中", value: 5 }, { label: "超期", value: 5 },
{ label: "逾期已完成", value: 6 } { label: "逾期完成", value: 6 },
{ label: "暂停", value: 7 }
]); ]);
const tableData = ref([]); const tableData = ref([]);
const pages = ref({ const pages = ref({

View File

@ -51,15 +51,17 @@
row.state == 1 row.state == 1
? "未开始" ? "未开始"
: row.state == 2 : row.state == 2
? "中" ? "进中"
: row.state == 3 : row.state == 3
? "完成" ? "按期完成"
: row.state == 4 : row.state == 4
? "逾期未开始" ? "临期"
: row.state == 5 : row.state == 5
? "逾期进行中" ? "超期"
: row.state == 6 : row.state == 6
? "逾期已完成" ? "逾期完成"
: row.state == 7
? "暂停"
: "" : ""
}}</span> }}</span>
</template> </template>
@ -170,11 +172,12 @@ const columns: ColumnProps[] = [
search: { el: "select" }, search: { el: "select" },
enum: [ enum: [
{ label: "未开始", value: 1 }, { label: "未开始", value: 1 },
{ label: "进行中", value: 2 }, { label: "推进中", value: 2 },
{ label: "已完成", value: 3 }, { label: "按期完成", value: 3 },
{ label: "逾期未开始", value: 4 }, { label: "临期", value: 4 },
{ label: "逾期进行中", value: 5 }, { label: "超期", value: 5 },
{ label: "逾期已完成", value: 6 } { label: "逾期完成", value: 6 },
{ label: "暂停", value: 7 }
] ]
}, },
{ prop: "operation", label: "操作", fixed: "right", width: 120 } { prop: "operation", label: "操作", fixed: "right", width: 120 }

View File

@ -33,6 +33,16 @@
width: stretch; width: stretch;
} }
} }
.selectAdd {
display: flex;
align-items: center;
:deep() {
.el-icon {
margin-right: 2px;
}
}
}
:deep(.el-input-number) { :deep(.el-input-number) {
width: 100%; width: 100%;
.el-input-number__increase { .el-input-number__increase {

View File

@ -5,6 +5,12 @@
<template v-for="(val, key) in formData" :key="datas[key]"> <template v-for="(val, key) in formData" :key="datas[key]">
<el-form-item v-if="Object.keys(datas).includes(key)" class="form-item" :prop="key" :label="datas[key]"> <el-form-item v-if="Object.keys(datas).includes(key)" class="form-item" :prop="key" :label="datas[key]">
<el-select class="select" v-if="key === 'enterpriseSn'" @change="onChange" v-model="formData[key]"> <el-select class="select" v-if="key === 'enterpriseSn'" @change="onChange" v-model="formData[key]">
<el-option value="" @click="openAddDialog" v-show="formData.type == 1">
<div class="selectAdd">
<el-icon><circle-plus /></el-icon>
<span>新建</span>
</div>
</el-option>
<el-option <el-option
v-for="item in nameOptions" v-for="item in nameOptions"
:key="item.enterpriseSn" :key="item.enterpriseSn"
@ -80,6 +86,7 @@
</div> </div>
</template> </template>
</el-table> </el-table>
<addCompany v-model:detailsDialog="openAddCompany" :relativeInfo="companyType" @confirm="allConfirm"></addCompany>
</div> </div>
</template> </template>
@ -91,13 +98,15 @@ import { getDicList } from "@/api/modules/jxjview";
import type { FormRules } from "element-plus"; import type { FormRules } from "element-plus";
import type { EngineeringMainPerson } from "@/api/types"; import type { EngineeringMainPerson } from "@/api/types";
import type { EngineeringMainList } from "./duty"; import type { EngineeringMainList } from "./duty";
import addCompany from "../../../../assessmentManagement/unitList/components/addCompany.vue";
export interface formConfig { export interface formConfig {
formData: EngineeringMainList[number]; formData: EngineeringMainList[number];
rules: FormRules; rules: FormRules;
datas: EngineeringMainList[number]; datas: EngineeringMainList[number];
} }
const openAddCompany = ref(false);
const companyType = ref({ dictLabel: 1 });
const props = defineProps<{ const props = defineProps<{
formConfig: formConfig; formConfig: formConfig;
}>(); }>();
@ -110,12 +119,16 @@ const nameOptions = ref([{ enterpriseSn: "", enterpriseName: "", creditCode: "",
watch( watch(
() => formData.value.type, () => formData.value.type,
async (n, o) => { (n, o) => {
const data = await queryMainType({ mainType: formData.value.type }); getMainData();
nameOptions.value = data.result;
} }
); );
const allConfirm = () => {
getMainData();
};
const openAddDialog = () => {
openAddCompany.value = true;
};
const onChange = option => { const onChange = option => {
const value = nameOptions.value.find(item => item.enterpriseSn == option); const value = nameOptions.value.find(item => item.enterpriseSn == option);
if (!value) return; if (!value) return;
@ -140,7 +153,10 @@ const removeEngineeringMainPerson = (row: EngineeringMainPerson) => {
// index && index >= 0 && formData.value.engineeringMainPersonList?.splice(index, 1); // index && index >= 0 && formData.value.engineeringMainPersonList?.splice(index, 1);
!index >= 0 && formData.value.engineeringMainPersonList?.splice(index, 1); !index >= 0 && formData.value.engineeringMainPersonList?.splice(index, 1);
}; };
const getMainData = async () => {
const data = await queryMainType({ mainType: formData.value.type });
nameOptions.value = data.result;
};
onMounted(async () => { onMounted(async () => {
const res = await getDicList({ dictType: "engineering_post" }); const res = await getDicList({ dictType: "engineering_post" });
jobOptions.value = res.result; jobOptions.value = res.result;

View File

@ -97,37 +97,37 @@ export const rules = ref<FormRules>({
engineeringName: { engineeringName: {
type: "string", type: "string",
required: true, required: true,
message: "请输入工程名称" message: "请输入项目名称"
}, },
engineeringCode: { engineeringCode: {
type: "string", type: "string",
required: true, required: true,
message: "请输入工程编码" message: "请输入项目编码"
}, },
engineeringType: { engineeringType: {
type: "number", type: "number",
required: true, required: true,
message: "请输入工程类别" message: "请输入项目类别"
}, },
engineeringUse: { engineeringUse: {
type: "number", type: "number",
required: true, required: true,
message: "请选择工程用途" message: "请选择项目用途"
}, },
engineeringCost: { engineeringCost: {
type: "string", type: "string",
required: true, required: true,
message: "请输入工程造价" message: "请输入项目造价"
}, },
engineeringArea: { engineeringArea: {
type: "string", type: "string",
required: true, required: true,
message: "请输入工程总面积" message: "请输入项目总面积"
}, },
engineeringLength: { engineeringLength: {
type: "string", type: "string",
required: true, required: true,
message: "请输入工程总长度m" message: "请输入项目总长度m"
}, },
isImportant: { isImportant: {
type: "number", type: "number",
@ -137,7 +137,7 @@ export const rules = ref<FormRules>({
position: { position: {
type: "string", type: "string",
required: true, required: true,
message: "请选择工程位置" message: "请选择项目位置"
}, },
// district: { // district: {
// type: "string", // type: "string",
@ -199,12 +199,12 @@ export const rules = ref<FormRules>({
safetySupervisionState: { safetySupervisionState: {
type: "string", type: "string",
required: true, required: true,
message: "请输入安全监督工程状态" message: "请输入安全监督项目状态"
}, },
qualitySupervisionState: { qualitySupervisionState: {
type: "string", type: "string",
required: true, required: true,
message: "请输入质量监督工程状态" message: "请输入质量监督项目状态"
}, },
safetySupervisionPlan: { safetySupervisionPlan: {
type: "string", type: "string",

View File

@ -5,14 +5,14 @@
<!-- <el-form-item label="项目名称:" prop="projectName"> <!-- <el-form-item label="项目名称:" prop="projectName">
<el-input placeholder="请输入" v-model="form.projectName" disabled /> <el-input placeholder="请输入" v-model="form.projectName" disabled />
</el-form-item> --> </el-form-item> -->
<el-form-item label="工程名称:" prop="engineeringName"> <el-form-item label="项目名称:" prop="engineeringName">
<el-input placeholder="请输入" v-model="form.engineeringName" /> <el-input placeholder="请输入" v-model="form.engineeringName" />
</el-form-item> </el-form-item>
<div class="row"> <div class="row">
<el-form-item label="工程编码:" prop="engineeringCode"> <el-form-item label="项目编码:" prop="engineeringCode">
<el-input placeholder="请输入" v-model="form.engineeringCode" /> <el-input placeholder="请输入" v-model="form.engineeringCode" />
</el-form-item> </el-form-item>
<el-form-item label="工程类别:" prop="engineeringType"> <el-form-item label="项目类别:" prop="engineeringType">
<el-select class="select" placeholder="请选择" v-model="form.engineeringType"> <el-select class="select" placeholder="请选择" v-model="form.engineeringType">
<el-option <el-option
v-for="item in engineeringTypeOptions" v-for="item in engineeringTypeOptions"
@ -24,31 +24,31 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="工程用途:" prop="engineeringUse"> <el-form-item label="项目用途:" prop="engineeringUse">
<el-select class="select" placeholder="请选择" v-model="form.engineeringUse"> <el-select class="select" placeholder="请选择" v-model="form.engineeringUse">
<el-option v-for="item in engineeringPurpose" :key="item.dictCode" :label="item.dictValue" :value="item.dictLabel" /> <el-option v-for="item in engineeringPurpose" :key="item.dictCode" :label="item.dictValue" :value="item.dictLabel" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="工程造价(万元):" prop="engineeringCost"> <el-form-item label="项目造价(万元):" prop="engineeringCost">
<el-input placeholder="请输入" v-model="form.engineeringCost" /> <el-input placeholder="请输入" v-model="form.engineeringCost" />
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="工程总面积(㎡):" prop="engineeringArea"> <el-form-item label="项目总面积(㎡):" prop="engineeringArea">
<el-input placeholder="请输入" v-model="form.engineeringArea" /> <el-input placeholder="请输入" v-model="form.engineeringArea" />
</el-form-item> </el-form-item>
<el-form-item label="工程总长度m:" prop="engineeringLength"> <el-form-item label="项目总长度m:" prop="engineeringLength">
<el-input placeholder="请输入" v-model="form.engineeringLength" /> <el-input placeholder="请输入" v-model="form.engineeringLength" />
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="是否重点工程:" prop="isImportant"> <el-form-item label="是否重点项目:" prop="isImportant">
<el-radio-group placeholder="请选择" v-model="form.isImportant"> <el-radio-group placeholder="请选择" v-model="form.isImportant">
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio> <el-radio :label="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="工程位置:" prop="position"> <el-form-item label="项目位置:" prop="position">
<!-- <label class="label"><span>经度</span> <el-input disabled v-model="form.longitude" size="small" /></label> <!-- <label class="label"><span>经度</span> <el-input disabled v-model="form.longitude" size="small" /></label>
<label class="label"><span>纬度</span> <el-input disabled v-model="form.latitude" size="small" /></label> --> <label class="label"><span>纬度</span> <el-input disabled v-model="form.latitude" size="small" /></label> -->
<el-input placeholder="请选择" v-model="form.position"> <el-input placeholder="请选择" v-model="form.position">
@ -114,7 +114,7 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="安全监督工程状态:" prop="safetySupervisionState"> <el-form-item label="安全监督项目状态:" prop="safetySupervisionState">
<el-input placeholder="请输入" v-model="form.safetySupervisionState"> </el-input> <el-input placeholder="请输入" v-model="form.safetySupervisionState"> </el-input>
<!-- <el-select class="select" v-model="form.safetySupervisionState"> <!-- <el-select class="select" v-model="form.safetySupervisionState">
<el-option <el-option
@ -125,7 +125,7 @@
/> />
</el-select> --> </el-select> -->
</el-form-item> </el-form-item>
<el-form-item label="质量监督工程状态:" prop="qualitySupervisionState"> <el-form-item label="质量监督项目状态:" prop="qualitySupervisionState">
<el-input placeholder="请输入" v-model="form.qualitySupervisionState"> </el-input> <el-input placeholder="请输入" v-model="form.qualitySupervisionState"> </el-input>
</el-form-item> </el-form-item>
</div> </div>
@ -178,7 +178,7 @@
</el-form> </el-form>
<div class="table"> <div class="table">
<h4>单体工程</h4> <h4>单体项目</h4>
<el-table <el-table
:data="form.engineeringSingles" :data="form.engineeringSingles"
height="340" height="340"
@ -187,7 +187,7 @@
:header-cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
> >
<el-table-column prop="name" label="单体工程名称"> <el-table-column prop="name" label="单体项目名称">
<template #default="{ row }"> <template #default="{ row }">
<el-input class="test" v-model="row.name" /> <el-input class="test" v-model="row.name" />
</template> </template>
@ -199,7 +199,7 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="area" label="工程面积(㎡)"> <el-table-column prop="area" label="项目面积(㎡)">
<template #default="{ row }"> <template #default="{ row }">
<el-input class="test" v-model="row.area" /> <el-input class="test" v-model="row.area" />
</template> </template>
@ -343,7 +343,7 @@ onMounted(async () => {
// form.value.projectName = res2.result.projectName; // // form.value.projectName = res2.result.projectName; //
const data = await getDicList({ dictType: "engineering_type" }); const data = await getDicList({ dictType: "engineering_type" });
engineeringTypeOptions.value = data.result; engineeringTypeOptions.value = data.result;
const res = await getDicList({ dictType: "engineering_purpose" }); // const res = await getDicList({ dictType: "engineering_purpose" }); //
engineeringPurpose.value = res.result; engineeringPurpose.value = res.result;
const res1 = await getDicList({ dictType: "structural_style" }); const res1 = await getDicList({ dictType: "structural_style" });
structuralStyle.value = res1.result; structuralStyle.value = res1.result;

View File

@ -1,49 +1,49 @@
<template> <template>
<el-dialog title="查看工程信息" width="70%" v-model="visible1" show-close> <el-dialog title="查看项目信息" width="70%" v-model="visible1" show-close>
<div> <div>
<el-tabs v-model="activeName" type="card" class="demo-tabs"> <el-tabs v-model="activeName" type="card" class="demo-tabs">
<el-tab-pane label="工程概况" name="first"> <el-tab-pane label="项目概况" name="first">
<div class="littleTitle">基本信息</div> <div class="littleTitle">基本信息</div>
<div class="overview"> <div class="overview">
<el-form ref="formRef" :model="form" disabled label-width="150px" class="form"> <el-form ref="formRef" :model="form" disabled label-width="150px" class="form">
<el-form-item label="项目名称:"> <!-- <el-form-item label="项目名称:">
<el-input v-model="form.projectName" disabled /> <el-input v-model="form.projectName" disabled />
</el-form-item> </el-form-item> -->
<el-form-item label="工程名称:"> <el-form-item label="项目名称:">
<el-input v-model="form.engineeringName" /> <el-input v-model="form.engineeringName" />
</el-form-item> </el-form-item>
<div class="row"> <div class="row">
<el-form-item label="工程编码:"> <el-form-item label="项目编码:">
<el-input v-model="form.engineeringCode" /> <el-input v-model="form.engineeringCode" />
</el-form-item> </el-form-item>
<el-form-item label="工程类别:"> <el-form-item label="项目类别:">
<el-select class="select" v-model="form.engineeringTypeName"> </el-select> <el-select class="select" v-model="form.engineeringTypeName"> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="工程用途:"> <el-form-item label="项目用途:">
<el-select class="select" v-model="form.engineeringUseName"> </el-select> <el-select class="select" v-model="form.engineeringUseName"> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="工程造价(万元):"> <el-form-item label="项目造价(万元):">
<el-input v-model="form.engineeringCost" /> <el-input v-model="form.engineeringCost" />
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="工程总面积(㎡):"> <el-form-item label="项目总面积(㎡):">
<el-input v-model="form.engineeringArea" /> <el-input v-model="form.engineeringArea" />
</el-form-item> </el-form-item>
<el-form-item label="工程总长度m:"> <el-form-item label="项目总长度m:">
<el-input v-model="form.engineeringLength" /> <el-input v-model="form.engineeringLength" />
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="是否重点工程:"> <el-form-item label="是否重点项目:">
<el-radio-group v-model="form.isImportant"> <el-radio-group v-model="form.isImportant">
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio> <el-radio :label="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="工程位置:"> <el-form-item label="项目位置:">
<el-input v-model="form.position"> <el-input v-model="form.position">
<template #append> <template #append>
<el-icon size="22"><Location /></el-icon> </template <el-icon size="22"><Location /></el-icon> </template
@ -99,10 +99,10 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="row"> <div class="row">
<el-form-item label="安全监督工程状态:"> <el-form-item label="安全监督项目状态:">
<el-input v-model="form.safetySupervisionState"> </el-input> <el-input v-model="form.safetySupervisionState"> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="质量监督工程状态:"> <el-form-item label="质量监督项目状态:">
<el-input v-model="form.qualitySupervisionState"> </el-input> <el-input v-model="form.qualitySupervisionState"> </el-input>
</el-form-item> </el-form-item>
</div> </div>
@ -139,7 +139,7 @@
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<div class="littleTitle">单体工程</div> <div class="littleTitle">单体项目</div>
<div class="table"> <div class="table">
<div class="el-table_main"> <div class="el-table_main">
<!-- max-height="340" --> <!-- max-height="340" -->
@ -149,14 +149,14 @@
:header-cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
> >
<el-table-column prop="name" label="单体工程名称"> </el-table-column> <el-table-column prop="name" label="单体项目名称"> </el-table-column>
<el-table-column prop="shape" label="结构形式"> <el-table-column prop="shape" label="结构形式">
<template #default="{ row }"> <template #default="{ row }">
<el-select disabled class="select" v-model="row.shapeName" size="small"> </el-select> <el-select disabled class="select" v-model="row.shapeName" size="small"> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="area" label="工程面积(㎡)"> </el-table-column> <el-table-column prop="area" label="项目面积(㎡)"> </el-table-column>
<el-table-column prop="floorNum" label="地面层数"> </el-table-column> <el-table-column prop="floorNum" label="地面层数"> </el-table-column>
<el-table-column prop="underNum" label="地下层数"> </el-table-column> <el-table-column prop="underNum" label="地下层数"> </el-table-column>
<el-table-column prop="remark" label="备注"> </el-table-column> <el-table-column prop="remark" label="备注"> </el-table-column>
@ -248,7 +248,7 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附件信息" name="third"> <el-tab-pane label="附件信息" name="third">
<h4 class="littleTitle">工程附件</h4> <h4 class="littleTitle">项目附件</h4>
<div style="width: 90%; margin: 0 auto"> <div style="width: 90%; margin: 0 auto">
<el-table <el-table
:data="annexFiles" :data="annexFiles"
@ -277,12 +277,7 @@
</el-dialog> </el-dialog>
<el-dialog v-model="dialogVisible" title="查看附件" width="30%" show-close> <el-dialog v-model="dialogVisible" title="查看附件" width="30%" show-close>
<el-table <el-table :data="current" class="el-table" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }">
:data="current"
class="el-table"
:header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }"
>
<el-table-column prop="fileName" label="文件名称" /> <el-table-column prop="fileName" label="文件名称" />
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="{ row }"> <template #default="{ row }">

View File

@ -7,7 +7,7 @@
.leftBox, .leftBox,
.rightBox { .rightBox {
float: left; float: left;
width: 376px; width: 390px;
} }
.centerBox { .centerBox {
float: left; float: left;
@ -68,6 +68,7 @@
font-weight: 400; font-weight: 400;
line-height: 14px; line-height: 14px;
.item { .item {
width: max-content;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 15px; margin-bottom: 15px;
@ -75,9 +76,8 @@
margin-bottom: 0; margin-bottom: 0;
} }
.name { .name {
width: 100px;
display: inline-flex; display: inline-flex;
margin: 0 0 0 12px; margin: 0 12px 0 12px;
white-space: nowrap; white-space: nowrap;
} }
.rect { .rect {

View File

@ -100,14 +100,15 @@ import { computed, reactive, ref, onMounted, onBeforeMount } from "vue";
import { bigItemAll } from "@/api/modules/huizhou"; import { bigItemAll } from "@/api/modules/huizhou";
const refChart = ref(); const refChart = ref();
const headerList = reactive([ const headerList = reactive([
{ label: "未开始", color: "#35e5fd" }, { label: "未开始", color: "#D0A530" },
{ label: "进行中", color: "#f1d520" }, { label: "推进中", color: "#35e5fd" },
{ label: "已完成", color: "#4fd389" }, { label: "按期完成", color: "#f1d520" },
{ label: "逾期未开始", color: "#F80840" }, { label: "临期", color: "#4fd389" },
{ label: "逾期进行中", color: "#fc6f8e" }, { label: "超期", color: "#F80840" },
{ label: "逾期已完成", color: "#C13F5B" } { label: "逾期完成", color: "#fc6f8e" },
{ label: "暂停状态", color: "#C13F5B" }
]); ]);
const colors = ref(["#35e5fd", "#f1d520", "#4fd389", "#F80840", "#fc6f8e", "#C13F5B"]); const colors = ref(["#D0A530", "#35e5fd", "#f1d520", "#4fd389", "#F80840", "#fc6f8e", "#C13F5B"]);
const projects = ref([]); const projects = ref([]);
// const projects = ref([ // const projects = ref([
// { // {

View File

@ -55,15 +55,17 @@
scope.row.state == 1 scope.row.state == 1
? "未开始" ? "未开始"
: scope.row.state == 2 : scope.row.state == 2
? "中" ? "进中"
: scope.row.state == 3 : scope.row.state == 3
? "完成" ? "按期完成"
: scope.row.state == 4 : scope.row.state == 4
? "逾期未开始" ? "临期"
: scope.row.state == 5 : scope.row.state == 5
? "逾期进行中" ? "超期"
: scope.row.state == 6 : scope.row.state == 6
? "逾期已完成" ? "逾期完成"
: scope.row.state == 7
? "暂停"
: "" : ""
}}</span> }}</span>
</template> </template>
@ -231,11 +233,12 @@ const parentObj = ref({
}); });
const statusList = ref([ const statusList = ref([
{ label: "未开始", value: 1 }, { label: "未开始", value: 1 },
{ label: "进行中", value: 2 }, { label: "推进中", value: 2 },
{ label: "已完成", value: 3 }, { label: "按期完成", value: 3 },
{ label: "逾期未开始", value: 4 }, { label: "临期", value: 4 },
{ label: "逾期进行中", value: 5 }, { label: "超期", value: 5 },
{ label: "逾期已完成", value: 6 } { label: "逾期完成", value: 6 },
{ label: "暂停", value: 7 }
]); ]);
const pageable = ref({ const pageable = ref({
pageNo: 1, pageNo: 1,

View File

@ -23,15 +23,17 @@
row.state == 1 row.state == 1
? "未开始" ? "未开始"
: row.state == 2 : row.state == 2
? "中" ? "进中"
: row.state == 3 : row.state == 3
? "完成" ? "按期完成"
: row.state == 4 : row.state == 4
? "逾期未开始" ? "临期"
: row.state == 5 : row.state == 5
? "逾期进行中" ? "超期"
: row.state == 6 : row.state == 6
? "逾期已完成" ? "逾期完成"
: row.state == 7
? "暂停"
: "" : ""
}}</span> }}</span>
</template> </template>
@ -110,11 +112,12 @@ const columns: ColumnProps[] = [
search: { el: "select" }, search: { el: "select" },
enum: [ enum: [
{ label: "未开始", value: 1 }, { label: "未开始", value: 1 },
{ label: "进行中", value: 2 }, { label: "推进中", value: 2 },
{ label: "已完成", value: 3 }, { label: "按期完成", value: 3 },
{ label: "逾期未开始", value: 4 }, { label: "临期", value: 4 },
{ label: "逾期进行中", value: 5 }, { label: "超期", value: 5 },
{ label: "逾期已完成", value: 6 } { label: "逾期完成", value: 6 },
{ label: "暂停", value: 7 }
] ]
}, },
{ prop: "operation", label: "操作", fixed: "right", width: 100 } { prop: "operation", label: "操作", fixed: "right", width: 100 }