Skip to content

Administrator / project_progress

Go to a project
Commit 4a4bfca7 by liangzhen
Options

评估结果辅助查看

1 parent 68af9046
Inline Side-by-side
Showing with 669 additions and 564 deletions
src/api/index.js
...@@ -168,5 +168,22 @@ export function qrzgqrbgSelQuesInfo(params) { ...@@ -168,5 +168,22 @@ export function qrzgqrbgSelQuesInfo(params) {
} }
//确认无更改 //确认无更改
export function qrwzgqrbgSelQuesInfo(params) { export function qrwzgqrbgSelQuesInfo(params) {
return post(`/api/postEvalQuesInfo/`, params) return post(`/api/postEvalQuesInfo/qrwzg`, params)
}
//评估结果辅助查看
//评估结果辅助页面
export function fzcxselect(params) {
return post(`/api/select/fzcx`, params)
}
//基本信息
export function fzcxXqselect(params) {
return post(`/api/select/fzcxXq`, params)
}
//问题清单
export function wtqdqselect(params) {
return post(`/api/select/selWtqd`, params)
}
//项目后评估资料
export function clqdselect(params) {
return post(`/api/select/clqd`, params)
} }
\ No newline at end of file
src/views/assessChecks/assistedViewing.vue
<template> <template>
<div class="main"> <div class="main">
<el-form <el-form
:model="ruleForm" :model="ruleForm"
ref="ruleForm" ref="ruleForm"
label-width="100px" label-width="100px"
class="demo-ruleForm" class="demo-ruleForm"
> >
<el-form-item label="批次年度:" prop="batchYear" class="fromItem"> <el-form-item label="批次年度:" prop="batchYear" class="fromItem">
<el-select v-model="ruleForm.batchYear" placeholder="请选择"> <el-select v-model="ruleForm.batchYear" placeholder="请选择">
<el-option label="2024年" value="2024"></el-option> <el-option label="2024年" value="2024"></el-option>
<el-option label="2023年" value="2023"></el-option> <el-option label="2023年" value="2023"></el-option>
<el-option label="2022年" value="2022"></el-option> <el-option label="2022年" value="2022"></el-option>
<el-option label="2021年" value="2021"></el-option> <el-option label="2021年" value="2021"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="后评估名称:" prop="batchName" class="fromItem"> <el-form-item label="后评估名称:" prop="batchName" class="fromItem">
<el-input v-model="ruleForm.batchName" placeholder="请输入"></el-input> <el-input v-model="ruleForm.batchName" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="后评估状态:" prop="postEvalState" class="fromItem"> <el-form-item label="后评估状态:" prop="postEvalState" class="fromItem">
<el-select v-model="ruleForm.postEvalState" placeholder="请选择"> <el-select v-model="ruleForm.postEvalState" placeholder="请选择">
<el-option label="未下发" value="0"></el-option> <el-option label="未下发" value="0"></el-option>
<el-option label="已下发" value="1"></el-option> <el-option label="已下发" value="1"></el-option>
<el-option label="已撤回" value="2"></el-option> <el-option label="已撤回" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目名称:" prop="projectName" class="fromItem"> <el-form-item label="项目名称:" prop="projectName" class="fromItem">
<el-input <el-input
v-model="ruleForm.projectName" v-model="ruleForm.projectName"
placeholder="请输入" placeholder="请输入"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目ID:" prop="projectId" class="fromItem"> <el-form-item label="项目ID:" prop="projectId" class="fromItem">
<el-input v-model="ruleForm.projectId" placeholder="请输入"></el-input> <el-input v-model="ruleForm.projectId" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="button"> <el-form-item class="button">
<el-button @click="submitForm()"> <el-button @click="submitForm()">
<img class="buttonIcon" src="../../assets/cx.png" />查询</el-button <img class="buttonIcon" src="../../assets/cx.png" />查询</el-button
> >
<el-button @click="resetForm('ruleForm')"> <el-button @click="resetForm('ruleForm')">
<img class="buttonIcon" src="../../assets/cz.png" />重置</el-button <img class="buttonIcon" src="../../assets/cz.png" />重置</el-button
> >
<el-button @click="detailsForm('ruleForm')"> <el-button @click="detailsForm('ruleForm')">
<img class="buttonIcon" src="../../assets/ck.png" />详情</el-button <img class="buttonIcon" src="../../assets/ck.png" />详情</el-button
> >
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
header-cell-class-name="custom-th-background" header-cell-class-name="custom-th-background"
class="eltable" class="eltable"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
border border
> >
<el-table-column label="序号" width="55" type="index"> </el-table-column> <el-table-column label="序号" width="55" type="index"> </el-table-column>
<el-table-column type="selection"> </el-table-column> <el-table-column type="selection"> </el-table-column>
<el-table-column label="批次年度" prop="batchYear"> </el-table-column> <el-table-column label="批次年度" prop="batchYear"> </el-table-column>
<el-table-column prop="batchName" label="后评估批次名称"> <el-table-column prop="batchName" label="后评估批次名称">
</el-table-column> </el-table-column>
<el-table-column prop="projectName" label="评估项目名称"> <el-table-column prop="projectName" label="评估项目名称">
</el-table-column> </el-table-column>
<el-table-column prop="projectCategory" label="建设形式"> <el-table-column prop="projectCategory" label="建设形式">
</el-table-column> </el-table-column>
<el-table-column prop="projectStatus" label="项目建设阶段"> <el-table-column prop="projectStatus" label="项目建设阶段">
</el-table-column> </el-table-column>
<el-table-column prop="createTime" label="历史审核状态"> <!-- <el-table-column prop="createTime" label="历史审核状态">
</el-table-column> </el-table-column> -->
<el-table-column prop="字段待确认" label="评审专家名单"> <el-table-column prop="expertName" label="评审专家名单">
</el-table-column> </el-table-column>
<el-table-column prop="字段待确认" label="检查评估状态"> </el-table-column> <!-- <el-table-column prop="字段待确认" label="后评估状态"> </el-table-column> -->
<el-table-column prop="reviewDate" label="评估日期"> </el-table-column> <el-table-column prop="reviewDate" label="评估日期"> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="currentPage" :current-page="currentPage"
:page-sizes="[10, 15, 20, 50]" :page-sizes="[10, 15, 20, 50]"
:page-size="100" :page-size="100"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="total" :total="total"
class="elpagination" class="elpagination"
> >
</el-pagination> </el-pagination>
<el-dialog <el-dialog
title="国网辽宁电力-桌面终端管理系统合规性检查评估" title="详情"
:visible.sync="dialog" :visible.sync="dialog"
width="90%" width="90%"
:modal-append-to-body="false" :modal-append-to-body="false"
:append-to-body="false" :append-to-body="false"
@close="closeDialog" >
> <div class="dialog">
<div class="dialog"> <h3>
<p class="xqtitle"><span></span>问题清单</p> 项目名称：一期项目-电力营销-2023年网上国网（网上国网V1.0）-设计开发项目
<el-form </h3>
:model="ruleFormdialog"
ref="ruleFormdialog" <el-tabs v-model="activeName" @tab-click="handleClick">
label-width="100px" <el-tab-pane label="基本信息" name="first">
class="demo-ruleForm" <div>
> <p class="title"><span></span>项目基本信息</p>
<el-form-item label="批次年度:" prop="batchYear" class="fromItem"> <div class="content">
<el-input v-model="ruleFormdialog.batchYear" disabled></el-input> <p><label>项目编号:</label>{{ listData.projectId }}</p>
<!-- <el-select v-model="ruleFormdialog.batchYear" placeholder="请选择"> <p><label>项目下达年度:</label>{{ listData.projectYear }}</p>
<el-option label="2024年" value="2024"></el-option> <p><label>项目名称:</label>{{ listData.projectName }}</p>
<el-option label="2023年" value="2023"></el-option> <p><label>建设形式:</label>{{ listData.projectCategory }}</p>
<el-option label="2022年" value="2022"></el-option> <!-- <p><label>省公司计划文号:</label>111111111111111111111111111</p>
<el-option label="2021年" value="2021"></el-option> <p>
</el-select> --> <label>信通公司计划文号:</label>111111111111111111111111111
</el-form-item> </p> -->
<el-form-item label="后评估名称:" prop="batchName" class="fromItem"> <p>
<el-input v-model="ruleFormdialog.batchName" disabled></el-input> <label>总投资计划(万元)-成本金:</label
</el-form-item> >{{ listData.costAmountTotal }}
<el-form-item </p>
label="计划评审日期:" <p>
prop="planReviewDate" <label>总投资计划(万元)-资本金:</label
class="fromItem" >{{ listData.capitalAmountTotal }}
> </p>
<el-input <p><label>部门:</label>{{ listData.department }}</p>
v-model="ruleFormdialog.planReviewDate" <p><label>创建人:</label>{{ listData.inputuser }}</p>
disabled <p><label>创建时间:</label>{{ listData.inputuser }}</p>
></el-input> <p><label>修改人:</label>{{ listData.lastUpdatedby }}</p>
</el-form-item> <p><label>修改时间:</label>{{ listData.lastUpdateTime }}</p>
<el-form-item label="后评估专家:" prop="fullName" class="fromItem"> </div>
<el-input v-model="ruleFormdialog.fullName" disabled></el-input> <div class="table">
</el-form-item> <p>项目后评估资料:</p>
<el-form-item label="工作组织情况:" class="textarea"> <el-table
<el-input type="textarea" v-model="ruleFormdialog.desc"></el-input> @selection-change="handleSelectionChange"
</el-form-item> ref="multipleTable"
</el-form> :data="qdtableData"
tooltip-effect="dark"
<p class="xqtitle"><span></span>本项目材料清单</p> style="width: 100%"
<el-table header-cell-class-name="custom-th-background"
@selection-change="handleSelectionChange" class="eltable tablepg"
ref="multipleTable" :row-class-name="tableRowClassName"
:data="tableDataQD" border
tooltip-effect="dark" >
style="width: 100%" <el-table-column label="序号" width="55" type="index">
header-cell-class-name="custom-th-background" </el-table-column>
class="eltable"
:row-class-name="tableRowClassName" <el-table-column label="类别" prop="batchtype">
border </el-table-column>
> <el-table-column prop="typeCode" label="资料类型">
<el-table-column label="序号" width="55" type="index"> </el-table-column>
</el-table-column> <el-table-column prop="fileName" label="资料名称">
</el-table-column>
<el-table-column label="材料类别" prop="batchYear"> </el-table-column> </el-table>
<el-table-column prop="batchName" label="资料类型"> </el-table-column> </div>
<el-table-column prop="projectName" label="资料名称"> <p class="title"><span></span>批次详情</p>
</el-table-column> <div class="content">
<el-table-column prop="projectCategory" label="操作"> <p><label>批次年度:</label>{{ listData.batchYear }}</p>
</el-table-column> <p><label>后评估批次名称:</label>{{ listData.batchName }}</p>
</el-table> <p><label>计划评审日期:</label>{{ listData.planReviewDate }}</p>
<el-pagination </div>
@size-change="handleSizeChangetjcl" <p class="title"><span></span>评审专家</p>
@current-change="handleCurrentChangetjcl" <div class="content">
:current-page="currentPagetjcl" <p><label>评审专家:</label>{{ listData.expertName }}</p>
:page-sizes="[10, 15, 20, 50]" </div>
:page-size="100" </div>
layout="total, sizes, prev, pager, next, jumper" </el-tab-pane>
:total="total" <el-tab-pane label="问题清单" name="second">
class="elpagination" <p class="title"><span></span>项目基本信息</p>
> <el-table
</el-pagination> ref="multipleTable"
<p class="Btn" v-if="showButton"> :data="qdtableData"
<span @click="cancel()">取消</span tooltip-effect="dark"
><span @click="save('add')">确认上传</span> style="width: 100%"
</p> header-cell-class-name="custom-th-background"
</div> class="eltable"
</el-dialog> :row-class-name="tableRowClassName"
</div> :span-method="arraySpanMethod"
</template> border
>
<el-table-column
label="项目环节"
prop="projectStagetext"
width="150"
>
</el-table-column>
<el-table-column label="序号" width="100" prop="questionId">
</el-table-column>
<el-table-column label="问题检查项" prop="quesCheckItem">
</el-table-column>
<el-table-column label="检查说明" prop="checkDesc">
</el-table-column>
<el-table-column label="评估问题" prop="evalQues">
<!-- <template slot-scope="scope">
<el-input v-model="scope.row.evalQues"></el-input>
</template> -->
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="评审流程" name="third">评审流程</el-tab-pane>
</el-tabs>
</div>
<p class="close"> <span @click="cancel()">关闭</span></p>
</el-dialog>
</div>
</template>
<script> <script>
import { import { fzcxselect, fzcxXqselect, wtqdqselect, clqdselect } from "@/api/index";
evaluationMaterials, export default {
clqdevaluationMaterials, data() {
qrscevaluationMaterials, return {
} from "@/api/index"; listData: {},
export default { qdtableData: [],
data() { showButton: true,
return { ruleForm: {
showButton: true, batchYear: "",
ruleForm: { batchName: "",
batchYear: "", postEvalState: "",
batchName: "", projectName: "",
postEvalState: "", projectId: "",
projectName: "", },
projectId: "", ruleFormdialog: {
}, batchYear: "",
ruleFormdialog: { batchName: "",
batchYear: "", planReviewDate: "",
batchName: "", fullName: "",
planReviewDate: "", },
fullName: "",
}, tableData: [],
rules: {
batchYear: [ checkedList: [],
{ required: true, message: "请选择批次年度", trigger: "change" }, currentPage: 1,
], pageSize: 10,
batchName: [ currentPagetjcl: 1,
{ pageSizetjcl: 10,
required: true, total: 0,
message: "请选择后评估批次名称", dialog: false,
trigger: "change", activeName: "first",
}, mergingRows:[],
], };
}, },
tableData: [], mounted() {
tableDataQD: [], //清单列表 this.submitForm();
checkedList: [], },
currentPage: 1, methods: {
pageSize: 10, async submitForm() {
currentPagetjcl: 1, let params = {
pageSizetjcl: 10, current: this.currentPage,
total: 0, pageSize: this.pageSize,
dialog: false, };
}; Object.assign(params, this.ruleForm);
}, console.log(params);
mounted() { let res = await fzcxselect(params);
this.submitForm();
}, if (res.code == "200") {
methods: { this.tableData = res.data.records;
submitForm(formName) { this.total = res.data.total * 1;
// this.$refs[formName].validate((valid) => { }
// if (valid) { },
// alert("submit!"); resetForm(formName) {
// } else { this.$refs[formName].resetFields();
// console.log("error submit!!"); this.currentPage = 1;
// return false; this.pageSize = 10;
// } this.submitForm();
// }); },
let params = { //详情
current: this.currentPage, detailsForm() {
pageSize: this.pageSize, if (this.checkedList.length != 1) {
}; this.$message("请选择");
Object.assign(params, this.ruleForm); return;
console.log(params); }
(this.tableData = [ this.dialog = true;
{ let params = {
expertId: 1, batchId: this.checkedList[0].batchId,
fullName: "王小明", projectId: this.checkedList[0].projectId,
gender: 1, };
birthday: "2024-04-23", Promise.all([fzcxXqselect(params), clqdselect(params)]).then((res) => {
compId: 10001, console.log(res[0], res[1], "2222222");
qualification: "硕士", this.listData = res[0].data.records[0];
contact: "13241375678", this.qdtableData = res[1].data.records;
email: "115485@qq.com", this.qdtableData.forEach((item) => {
fields: "1", this.$set(item, "batchtype", "开发、实施类");
expertLevel: 1, });
description: "1", });
expertState: 1, },
creator: 1,
createTime: "2024-04-23 14:47:07", //表格颜色
lastUpdatedby: 1, tableRowClassName({ row, rowIndex }) {
lastUpdateTime: "2024-04-23 14:47:12", if (rowIndex % 2 == 1) {
column14: 1, return "warning-row";
}, }
{ return "";
expertId: 2, },
fullName: "李晓帅", arraySpanMethod({ row, column, rowIndex, columnIndex }) {
gender: 0, if (columnIndex === 0) {
birthday: "2024-04-23", //第一列
compId: 10001, const _row = this.mergingRows[rowIndex];
qualification: "博士", const _col = _row > 0 ? 1 : 0;
contact: "13241375678", return {
email: "115485@qq.com", rowspan: _row,
fields: "1", colspan: _col,
expertLevel: 1, };
description: "1", }
expertState: 1, },
creator: 1, dataPretreatment() {
createTime: "2024-04-23 14:47:07", for (let i = 0; i < this.qdtableData.length; i++) {
lastUpdatedby: 1, // tabledata 表格数据源
lastUpdateTime: "2024-04-23 14:47:12", if (i == 0) {
column14: 1, this.mergingRows.push(1);
}, this.mergingPos = 0;
{ } else {
expertId: 3, if (
fullName: "张晓楠", this.qdtableData[i].projectStage ===
gender: 1, this.qdtableData[i - 1].projectStage
birthday: "2024-04-23", ) {
compId: 10002, //哪些数据是要合并的 合并的条件是什么
qualification: "博士后", this.mergingRows[this.mergingPos] += 1;
contact: "13241375678", this.mergingRows.push(0);
email: "115485@qq.com", } else {
fields: "1", this.mergingRows.push(1);
expertLevel: 1, this.mergingPos = i;
description: "1", }
expertState: 1, }
creator: 1, }
createTime: "2024-04-23 14:47:07", },
lastUpdatedby: 1, async handleClick() {
lastUpdateTime: "2024-04-23 14:47:12", console.log(this.activeName,'this.activeName')
column14: 1, if(this.activeName=='second'){
}, let params = {
]), batchId: this.checkedList[0].batchId,
(this.total = 2); projectId: this.checkedList[0].projectId,
return; };
let res = evaluationMaterials(params); let res= await wtqdqselect(params)
if (res.code == "200") {
if (res.code == "200") { this.qdtableData = res.data.records;
this.tableData = res.data.records; this.total = res.data.total * 1;
this.total = res.data.total * 1; }
}
}, this.qdtableData.forEach((item) => {
resetForm(formName) { switch (item.projectStage) {
this.$refs[formName].resetFields(); case 1:
this.currentPage = 1; this.$set(item, "projectStagetext", "1.可研");
this.pageSize = 10; break;
this.submitForm(); case 2:
}, this.$set(item, "projectStagetext", "2.计划");
//提交评估材料 break;
async submitNexts() { case 3:
if (this.checkedList.length != 1) { this.$set(item, "projectStagetext", "3.采购");
this.$message("请选择"); break;
return; case 4:
} this.$set(item, "projectStagetext", "4.合同");
console.log("222"); break;
this.dialog = true; case 5:
let params = { this.$set(item, "projectStagetext", "5.执行");
current: this.currentPage, break;
pageSize: this.pageSize, case 6:
}; this.$set(item, "projectStagetext", "6.结决算及转资");
let res = await clqdevaluationMaterials(params); break;
}, }
//表格颜色 });
tableRowClassName({ row, rowIndex }) { this.dataPretreatment();
if (rowIndex % 2 == 1) {
return "warning-row"; }
}
return "";
}, },
//主列表选中行信息 //主列表选中行信息
handleSelectionChange(selection) { handleSelectionChange(selection) {
if (Array.isArray(selection) && selection.length > 1) { if (Array.isArray(selection) && selection.length > 1) {
this.$refs.multipleTable.toggleRowSelection(selection[0], false); this.$refs.multipleTable.toggleRowSelection(selection[0], false);
this.$refs.multipleTable.toggleRowSelection(selection[1], true); this.$refs.multipleTable.toggleRowSelection(selection[1], true);
} }
this.checkedList = this.$refs.multipleTable.selection; this.checkedList = this.$refs.multipleTable.selection;
this.ruleFormdialog = this.checkedList[0]; this.ruleFormdialog = this.checkedList[0];
console.log(this.checkedList, "2222"); console.log(this.checkedList, "2222");
}, },
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.pageSize = val; this.pageSize = val;
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
this.currentPage = val; this.currentPage = val;
}, },
handleSizeChangetjcl(val) { cancel() {
console.log(`每页 ${val} 条`); this.dialog = false;
this.pageSizetjcl = val; },
},
handleCurrentChangetjcl(val) { },
console.log(`当前页: ${val}`); };
this.currentPagetjcl = val; </script>
},
cancel() {
this.dialog = false;
// this.dialogXQ = false;
},
closeDialog() {
console.log("guanbi");
this.showButton = true;
},
async save(type) {
this.dialog = false;
// this.dialogXQ = false;
if (type == "add") {
let params = {};
let res = await qrscevaluationMaterials(params);
}
},
},
};
</script>
<style scoped lang="scss"> <style scoped lang="scss">
.main { .main {
font-size: 14px; font-size: 14px;
position: relative; position: relative;
height: 100%; height: 100%;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
}
.el-form {
display: flex;
width: 100%;
flex-wrap: wrap;
border-top: 2px solid #23c6c8;
border-left: 1px solid #dee5e7;
border-right: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7;
padding: 20px 10px;
margin: 20px 0;
.fromItem {
width: 24%;
margin: 0 0.5%;
margin-bottom: 20px;
.el-input {
width: 226px;
}
.el-select {
width: 226px;
}
}
/deep/ .el-form-item__content {
text-align: left;
} }
.el-form { /deep/ .el-form-item__label {
display: flex; font-weight: bold;
width: 100%; color: #000;
flex-wrap: wrap; width: 160px !important;
border-top: 2px solid #23c6c8;
border-left: 1px solid #dee5e7;
border-right: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7;
padding: 20px 10px;
margin: 20px 0;
.fromItem {
width: 24%;
margin: 0 0.5%;
margin-bottom: 20px;
.el-input {
width: 226px;
}
.el-select {
width: 226px;
}
}
/deep/ .el-form-item__content {
text-align: left;
}
/deep/ .el-form-item__label {
font-weight: bold;
color: #000;
width: 160px !important;
}
.button {
display: inline-block;
width: 100%;
text-align: left;
/deep/ .el-form-item__content {
margin-left: 20px !important;
text-align: left;
img {
width: 14px;
height: 14px;
margin-right: 15px;
vertical-align: middle;
}
}
.el-button {
background-color: #23c6c8;
border-color: #23c6c8;
color: #fff;
}
}
} }
.eltable { .button {
widows: 100%; display: inline-block;
box-sizing: border-box; width: 100%;
text-align: left;
/deep/ .el-form-item__content {
margin-left: 20px !important;
text-align: left;
img {
width: 14px;
height: 14px;
margin-right: 15px;
vertical-align: middle;
}
}
.el-button {
background-color: #23c6c8;
border-color: #23c6c8;
color: #fff;
}
} }
/deep/ .el-table .warning-row { }
background: #f0ffff; .eltable {
color: #2785e6; width: 100%;
box-sizing: border-box;
}
/deep/ .el-table .warning-row {
background: #f0ffff;
color: #2785e6;
}
.elpagination {
text-align: right;
margin-right: 100px;
}
/deep/ .el-dialog {
border-radius: 10px;
// height: 500px;
// box-sizing: border-box;
// overflow-y: auto;
}
/deep/ .el-dialog__wrapper {
position: absolute;
}
/deep/ .v-modal {
position: absolute;
}
/deep/ .el-dialog__header {
background-color: #0d867f;
// padding-bottom: 20px;
text-align: left;
border-radius: 10px 10px 0 0;
.el-dialog__title {
color: #fff;
} }
.elpagination { }
text-align: right; /deep/ .el-table__header th {
margin-right: 100px; background-color: #eeeeee;
font-weight: bold;
.cell {
color: #333;
} }
/deep/ .el-dialog { }
border-radius: 10px;
/deep/.el-table {
width: 100%;
.el-table__header-wrapper table,
.el-table__body-wrapper table {
width: 100% !important;
} }
/deep/ .el-dialog__wrapper { .el-table__body,
position: absolute; .el-table__footer,
.el-table__header {
table-layout: auto;
} }
/deep/ .v-modal { }
position: absolute; .dialog {
.title {
text-align: left;
font-size: 18px;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #1ec695;
text-align: left;
height: 20px;
margin-top: 0;
span {
border-radius: 2px;
display: inline-block;
width: 5px;
height: 18px;
background-color: #1ec695;
margin-right: 14px;
vertical-align: middle;
}
} }
/deep/ .el-dialog__header { .content {
background-color: #0d867f; width: 100%;
padding-bottom: 20px; display: flex;
text-align: left; flex-wrap: wrap;
border-radius: 10px 10px 0 0; p {
.el-dialog__title { width: 24%;
color: #fff; text-align: left;
} label {
display: inline-block;
width: 150px;
text-align: right;
font-weight: bold;
margin-right: 20px;
vertical-align: middle;
}
}
} }
/deep/ .el-table__header th { .table {
background-color: #eeeeee; width: 100%;
font-weight: bold; display: flex;
.cell { p {
color: #333; width: 150px;
} text-align: right;
font-weight: bold;
}
.tablepg {
margin-top: 20px;
margin-left: 5px;
}
} }
}
/deep/.el-table { .textarea {
width: 100%; width: 100%;
.el-table__header-wrapper table, .el-textarea {
.el-table__body-wrapper table { width: 60%;
width: 100% !important;
}
.el-table__body,
.el-table__footer,
.el-table__header {
table-layout: auto;
}
} }
.dialog { }
.xqtitle { .Btn {
text-align: left; width: 200px;
font-size: 18px; margin: 0 auto;
span {
span { display: inline-block;
display: inline-block; width: 80px;
width: 5px; height: 25px;
height: 20px; line-height: 25px;
background: #0d867f; text-align: center;
margin-right: 14px; border-radius: 4px;
vertical-align: middle; margin-right: 12px;
}
}
} }
.textarea { span:first-of-type {
width: 100%; border: 1px solid #000;
.el-textarea {
width: 60%;
}
} }
.Btn { span:last-of-type {
width: 200px; background-color: #0d867f;
margin: 0 auto; border: 1px solid #0d867f;
span { color: #fff;
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 4px;
margin-right: 12px;
}
span:first-of-type {
border: 1px solid #000;
}
span:last-of-type {
background-color: #0d867f;
border: 1px solid #0d867f;
color: #fff;
}
} }
/deep/ .el-dialog__headerbtn .el-dialog__close { }
color: #fff; /deep/ .el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
/deep/.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
text-align: center;
}
/deep/ .el-table__cell {
text-align: center;
}
h3 {
text-align: left;
}
/deep/.el-dialog__body {
padding: 0 10px;
h3 {
margin: 10px 0;
} }
/deep/.el-table th.el-table__cell.is-leaf, }
.el-table td.el-table__cell { /deep/ .el-descriptions-item__container .el-descriptions-item__label {
text-align: center; font-weight: bold;
width: 100px;
text-align: right;
}
/deep/.el-tabs__content {
overflow: auto;
height: 500px;
padding-bottom: 20px;
}
.close{
width: 100%;
height: 40px;
line-height: 20px;
span{
display: inline-block;
width:80px;
height: 30px;
line-height: 30px;
border: 1px solid grey;
border-radius: 5px;
} }
</style> }
\ No newline at end of file </style>
\ No newline at end of file
src/views/assessChecks/qrCompliance.vue
...@@ -56,8 +56,8 @@ ...@@ -56,8 +56,8 @@
<script> <script>
import { import {
selWtqdpostEvalQuesInfo, selWtqdpostEvalQuesInfo,
bcpostEvalQuesInfo, qrzgqrbgSelQuesInfo,
tjpostEvalQuesInfo, qrwzgqrbgSelQuesInfo,
} from "@/api/index"; } from "@/api/index";
export default { export default {
data() { data() {
...@@ -152,29 +152,30 @@ export default { ...@@ -152,29 +152,30 @@ export default {
cancel() { cancel() {
this.$router.go(-1); this.$router.go(-1);
}, },
//保存 //确认更改
async confirm(type) { async confirm() {
let params = { let params = {
projectId: this.clqparams.projectId, projectId: this.clqparams.projectId,
batchId: this.clqparams.batchId, batchId: this.clqparams.batchId,
list: this.tableData,
}; };
let res = await qrzgqrbgSelQuesInfo(params);
if (type == "add") { if (res.code == "200") {
console.log(params, "this.zjtableDatathis.zjtableData"); this.$router.go(-1);
let res = await bcpostEvalQuesInfo(params);
if (res.code == "200") {
this.$router.go(-1);
} else {
this.$message("保存失败");
}
} else { } else {
let res = await tjpostEvalQuesInfo(params); this.$message("确认失败");
if (res.code == "200") { }
this.$router.go(-1); },
} else { //确认无更改
this.$message("上传失败"); async confirmNo() {
} let params = {
projectId: this.clqparams.projectId,
batchId: this.clqparams.batchId,
};
let res = await qrwzgqrbgSelQuesInfo(params);
if (res.code == "200") {
this.$router.go(-1);
} else {
this.$message("确认失败");
} }
}, },
}, },
...@@ -198,29 +199,28 @@ export default { ...@@ -198,29 +199,28 @@ export default {
transform: translate(-50%); transform: translate(-50%);
background-color: #f5f5f6; background-color: #f5f5f6;
line-height: 62px; line-height: 62px;
.textarea{ .textarea {
margin-top: 1px; margin-top: 1px;
} }
.Btn{ .Btn {
span { span {
display: inline-block; display: inline-block;
width: 95px; width: 95px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
border-radius: 5px; border-radius: 5px;
margin-right: 32px; margin-right: 32px;
background-color: #0d867f; background-color: #0d867f;
border: 1px solid #0d867f; border: 1px solid #0d867f;
color: #fff; color: #fff;
} }
span:first-of-type { span:first-of-type {
border: 1px solid grey; border: 1px solid grey;
color: #000; color: #000;
background-color: #fff; background-color: #fff;
} }
} }
} }
.JYtitle { .JYtitle {
width: 100%; width: 100%;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!