fix: BUG修改
This commit is contained in:
kun
parent
5a01d6bc2c
commit
21ef709e0c
90
src/components/divDialogComponent/index.vue
Normal file
90
src/components/divDialogComponent/index.vue
Normal file
@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<div class="dialog1" v-if="visible1">
|
||||
<div class="top-content">
|
||||
<slot name="topContent"></slot>
|
||||
</div>
|
||||
<div class="center-content">
|
||||
<slot name="centerContent"></slot>
|
||||
</div>
|
||||
<div class="bottom-content">
|
||||
<slot name="bottomContent"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts" name="SearchForm">
|
||||
import { computed, ref, watch, onMounted } from "vue";
|
||||
const visible1 = ref(false);
|
||||
const props = defineProps({
|
||||
visible: Boolean
|
||||
});
|
||||
const emit = defineEmits(["update:visible"]);
|
||||
onMounted(() => {
|
||||
// 初始化 配置弹框是否可显示
|
||||
visible1.value = props.visible;
|
||||
});
|
||||
watch(
|
||||
() => props.visible,
|
||||
(n, o) => {
|
||||
visible1.value = n;
|
||||
}
|
||||
);
|
||||
// 监听el-dialog显示状态，再通过@update:visible 通知父组件，一般是用于关
|
||||
watch(visible1, (n, o) => {
|
||||
emit("update:visible", n);
|
||||
});
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@mixin flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.dialog1 {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #092945;
|
||||
z-index: 10;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.top-content {
|
||||
height: 10%;
|
||||
.title-detail {
|
||||
@include flex;
|
||||
border-left: 2px solid #0f81ff;
|
||||
font-size: 24px;
|
||||
color: #333333;
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
> img {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
}
|
||||
> span {
|
||||
font-size: 22px;
|
||||
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: var(--el-menu-text-color);
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
}
|
||||
:deep(.el-icon) {
|
||||
cursor: pointer;
|
||||
color: #a8abb2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.center-content {
|
||||
height: 80%;
|
||||
}
|
||||
.bottom-content {
|
||||
flex: 1;
|
||||
|
||||
.foot-div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,13 @@
|
||||
@mixin flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.warning-page {
|
||||
// background-color: blue;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.leftMenu {
|
||||
// width: 290px;
|
||||
// 页面的项目工程
|
||||
@ -192,3 +197,36 @@
|
||||
color: var(--el-menu-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
// 新增嵌入框1
|
||||
|
||||
.title-detail {
|
||||
@include flex;
|
||||
border-left: 2px solid #0f81ff;
|
||||
font-size: 24px;
|
||||
color: #333333;
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
> img {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
}
|
||||
> span {
|
||||
font-size: 22px;
|
||||
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: var(--el-menu-text-color);
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
}
|
||||
:deep(.el-icon) {
|
||||
cursor: pointer;
|
||||
color: #a8abb2;
|
||||
}
|
||||
}
|
||||
.foot-div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="warning-page">
|
||||
<div class="warning-page" id="warning-page">
|
||||
<LeftMenu
|
||||
v-model="active"
|
||||
:tabs="['项目名称', '工程名称']"
|
||||
@ -150,8 +150,7 @@
|
||||
<Pagination :pageable="pageable" :handleSizeChange="handleSizeChange" :handleCurrentChange="handleCurrentChange" />
|
||||
</div>
|
||||
<changeTheme />
|
||||
<!-- 新增子分部分项 -->
|
||||
<el-dialog class="imgDialog" :title="newTitle" width="40%" v-model="childrenVisible" show-close>
|
||||
<el-dialog class="imgDialog" append-to="#warning-page" :title="newTitle" width="40%" v-model="childrenVisible" show-close>
|
||||
<el-form class="diaForm" :rules="rules" :model="childrenFormData" ref="ruleFormRef" label-width="160px">
|
||||
<el-form-item v-if="newTitle == '新增子项'" label="父分部分项名称：">
|
||||
<el-input disabled :value="parentObj.name" placeholder="请输入" />
|
||||
@ -285,6 +284,139 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<!-- 新增子分部分项 -->
|
||||
<!-- <divDialogComponent v-model:visible="childrenVisible">
|
||||
<template #topContent>
|
||||
<div class="title-detail">
|
||||
<span>新增</span>
|
||||
<el-icon>
|
||||
<close @click="closeMain" />
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
<template #centerContent>
|
||||
<el-scrollbar style="width: 50%; height: 100%; margin: 0 auto">
|
||||
<el-form class="diaForm" :rules="rules" :model="childrenFormData" ref="ruleFormRef" label-width="160px">
|
||||
<el-form-item v-if="newTitle == '新增子项'" label="父分部分项名称：">
|
||||
<el-input disabled :value="parentObj.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="分部分项名称：" prop="name">
|
||||
<el-input v-model="childrenFormData.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="施工位置：" prop="buildAddress">
|
||||
<el-input v-model="childrenFormData.buildAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单位：" prop="unit">
|
||||
<el-input v-model="childrenFormData.unit" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工作量：" prop="workload">
|
||||
<el-input v-model="childrenFormData.workload" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="完成比率：" prop="completeRatio">
|
||||
<el-input v-model="childrenFormData.completeRatio" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="任务描述：" prop="taskDesc">
|
||||
<el-input v-model="childrenFormData.taskDesc" type="textarea" :rows="3" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态：" prop="state">
|
||||
<el-select style="width: 100%" v-model="childrenFormData.state" clearable placeholder="请选择">
|
||||
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预计开始日期：" prop="planStartTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="childrenFormData.planStartTime"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
type="datetime"
|
||||
placeholder="请选择时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="预计完成日期：" prop="planEndTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="childrenFormData.planEndTime"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
type="datetime"
|
||||
placeholder="请选择时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="实际完成日期：" prop="realEndTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="childrenFormData.realEndTime"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
type="datetime"
|
||||
placeholder="请选择时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="重要程度：" prop="importance">
|
||||
<el-input v-model="childrenFormData.importance" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="负责人：" prop="commander">
|
||||
<el-input v-model="childrenFormData.commander" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="逾期问题描述：" prop="overdueIssueDesc">
|
||||
<el-input v-model="childrenFormData.overdueIssueDesc" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="整改期限：" prop="deadline">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="childrenFormData.deadline"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
type="datetime"
|
||||
placeholder="请选择时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="逾期文件说明：" prop="overdueIssueFile">
|
||||
<el-upload
|
||||
ref="upload1"
|
||||
:headers="headers"
|
||||
:file-list="fileList1"
|
||||
class="upload-demo"
|
||||
:action="`${baseUrl}` + '/xmgl/file/upload'"
|
||||
:on-remove="onRemove1"
|
||||
multiple
|
||||
:limit="1"
|
||||
:on-success="uploadSuccess1"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-button class="uploadBtn" type="primary">点击上传</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="附件：" prop="annexFile">
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:headers="headers"
|
||||
:file-list="fileList"
|
||||
class="upload-demo"
|
||||
:action="`${baseUrl}` + '/xmgl/file/upload'"
|
||||
:on-remove="onRemove"
|
||||
multiple
|
||||
:limit="1"
|
||||
:on-success="uploadSuccess"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-button class="uploadBtn" type="primary">点击上传</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</template>
|
||||
<template #bottomContent>
|
||||
<div class="foot-div">
|
||||
<el-button class="hzCancelStyle" @click="childrenVisible = false">取消</el-button>
|
||||
<el-button v-auth="'sub_item_add'" type="primary" @click="childrenConfirm(ruleFormRef, childrenFormData)">
|
||||
保存
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</divDialogComponent> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -310,6 +442,7 @@ import { jxj_User } from "@/api/types";
|
||||
import { useHandleData } from "@/hooks/useHandleData";
|
||||
import { useRoute } from "vue-router";
|
||||
import { sendIframeMessage } from "@/utils/util";
|
||||
import divDialogComponent from "@/components/divDialogComponent/index.vue";
|
||||
const route = useRoute();
|
||||
const modelActive = ref(0);
|
||||
const rules = reactive<FormRules>({
|
||||
@ -427,7 +560,10 @@ const searchSn = ref("");
|
||||
|
||||
// 项目或者工程名字
|
||||
const searchName = ref<string>("");
|
||||
|
||||
// 关闭两个对话框
|
||||
const closeMain = () => {
|
||||
childrenVisible.value = false;
|
||||
};
|
||||
const reject = async () => {
|
||||
await bigItemGovermentAudit({ id: rowId.value, approvalStatus: 2 });
|
||||
ElMessage.success("已驳回");
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user