Commit e25ec54b by liangzhen

打包

1 parent 59adc42d
...@@ -259,3 +259,14 @@ export function materialSync(params) { ...@@ -259,3 +259,14 @@ export function materialSync(params) {
export function downloadObject(params) { export function downloadObject(params) {
return post(`${ARCH_EVALUATION}/oss/downloadObject`, params) return post(`${ARCH_EVALUATION}/oss/downloadObject`, params)
} }
//后评估集中检查
//项目检查问题查询
export function projectInspectionIssues(params) {
return post(`${ARCH_EVALUATION}/projectInspectionIssues/projectInspectionIssues`, params)
}
//项目检查问题查询
//整改反馈查询分页查询
export function RectificationFeedbackQuery(params) {
return post(`${ARCH_EVALUATION}/projectInspectionIssues/iPageRectificationFeedbackQuery`, params)
}
\ No newline at end of file
...@@ -113,12 +113,8 @@ ...@@ -113,12 +113,8 @@
<div class="content"> <div class="content">
<p><label>项目编号:</label>{{ listData.projectId }}</p> <p><label>项目编号:</label>{{ listData.projectId }}</p>
<p><label>项目下达年度:</label>{{ listData.projectYear }}</p> <p><label>项目下达年度:</label>{{ listData.projectYear }}</p>
<p><label>项目名称:</label>{{ listData.projectName }}</p> <p><label>项目名称:</label> <span>{{ listData.projectName }}</span> </p>
<p><label>建设形式:</label>{{ listData.projectCategory }}</p> <p><label>建设形式:</label>{{ listData.projectCategory }}</p>
<!-- <p><label>省公司计划文号:</label>111111111111111111111111111</p>
<p>
<label>信通公司计划文号:</label>111111111111111111111111111
</p> -->
<p> <p>
<label>总投资计划(万元)-成本金:</label <label>总投资计划(万元)-成本金:</label
>{{ listData.costAmountTotal }} >{{ listData.costAmountTotal }}
...@@ -231,6 +227,7 @@ ...@@ -231,6 +227,7 @@
</template> </template>
<script> <script>
import { MaterialsList } from '@/utils/cache'
import { import {
fzcxselect, fzcxselect,
fzcxXqselect, fzcxXqselect,
...@@ -312,11 +309,11 @@ export default { ...@@ -312,11 +309,11 @@ export default {
Promise.all([fzcxXqselect(params), clqdselect(params)]).then((res) => { Promise.all([fzcxXqselect(params), clqdselect(params)]).then((res) => {
console.log(res[0], res[1], "2222222"); console.log(res[0], res[1], "2222222");
this.listData = res[0].data.records[0]; this.listData = res[0].data.records[0];
this.qdtableData = res[1].data.records;
this.qdtableData=this.tableDataNew this.qdtableData=this.tableDataNew
if (res[1].data.records.length > 0) { if (res[1].data.records.length > 0) {
this.qdtableData = this.qdtableData // this.qdtableData = res[1].data.records;
.concat(res.data.records) this.qdtableData = this.qdtableData.concat(res[1].data.records)
.reduce((accumulator, currentObj) => { .reduce((accumulator, currentObj) => {
const existingObj = accumulator.find( const existingObj = accumulator.find(
(obj) => obj.typeCode == currentObj.typeCode (obj) => obj.typeCode == currentObj.typeCode
...@@ -528,6 +525,8 @@ export default { ...@@ -528,6 +525,8 @@ export default {
} }
/deep/ .el-dialog { /deep/ .el-dialog {
border-radius: 10px; border-radius: 10px;
margin-top: 3vh !important;
margin-left: 3vw !important;
// height: 500px; // height: 500px;
// box-sizing: border-box; // box-sizing: border-box;
// overflow-y: auto; // overflow-y: auto;
...@@ -597,14 +596,20 @@ export default { ...@@ -597,14 +596,20 @@ export default {
p { p {
width: 24%; width: 24%;
text-align: left; text-align: left;
display: flex;
label { label {
display: inline-block; display: inline-block;
width: 150px; width: 150px;
flex-shrink: 0;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px; margin-right: 20px;
vertical-align: middle; vertical-align: middle;
} }
span{
display: inline-block;
text-align: left
}
} }
} }
.table { .table {
......
...@@ -213,6 +213,7 @@ export default { ...@@ -213,6 +213,7 @@ export default {
.bar { .bar {
width: 235px !important; width: 235px !important;
height: 100%; height: 100%;
flex-shrink: 0;
} }
.continer { .continer {
width: 100%; width: 100%;
......
<!-- 项目检查问题查询 --> <!-- 项目检查问题查询 -->
<template> <template>
<div class="main"> <div class="main">
<el-form :model="ruleForm" label-width="100px" class="demo-ruleForm" ref="formName"> <el-form
<el-form-item label="项目年度:" prop="projectYear" class="fromItem" > :model="ruleForm"
<el-select v-model="ruleForm.projectYear" placeholder="请选择"> label-width="100px"
<el-option label="2024年" value="2024"></el-option> class="demo-ruleForm"
<el-option label="2023年" value="2023"></el-option> ref="formName"
<el-option label="2022年" value="2022"></el-option> >
<el-option label="2021年" value="2021"></el-option> <el-form-item label="项目年度:" prop="projectYear" class="fromItem">
</el-select> <el-select v-model="ruleForm.projectYear" placeholder="请选择" clearable>
</el-form-item> <el-option label="2024年" value="2024"></el-option>
<el-form-item label="单位名称:" prop="companyName" class="fromItem"> <el-option label="2023年" value="2023"></el-option>
<el-input v-model="ruleForm.companyName" placeholder="请输入"></el-input> <el-option label="2022年" value="2022"></el-option>
</el-form-item> <el-option label="2021年" value="2021"></el-option>
<!--<el-form-item label="项目编码:" prop="projectCode" class="fromItem"> </el-select>
</el-form-item>
<el-form-item label="单位名称:" prop="dwmc" class="fromItem">
<el-input
v-model="ruleForm.companyName"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
<!--<el-form-item label="项目编码:" prop="projectCode" class="fromItem">
<el-input v-model="ruleForm.projectCode" placeholder="请输入"></el-input> <el-input v-model="ruleForm.projectCode" placeholder="请输入"></el-input>
</el-form-item>--> </el-form-item>-->
<el-form-item label="项目名称:" prop="projectName" class="fromItem"> <el-form-item label="项目名称:" prop="projectName" class="fromItem">
<el-input v-model="ruleForm.projectName" placeholder="请输入"></el-input> <el-input
</el-form-item> v-model="ruleForm.projectName"
<el-form-item label="项目阶段:" prop="projectPhase" class="fromItem" > placeholder="请输入"
<el-select v-model="ruleForm.projectPhase" placeholder="请选择"> clearable
<el-option label="项目验收" value="1"></el-option> ></el-input>
<el-option label="项目建设" value="2"></el-option> </el-form-item>
<el-option label="项目前期" value="3"></el-option> <el-form-item label="项目阶段:" prop="projectStatus" class="fromItem">
</el-select> <el-input
</el-form-item> v-model="ruleForm.projectName"
<el-form-item label="项目环节:" prop="projectLink" class="fromItem" > placeholder="请输入"
<el-select v-model="ruleForm.projectLink" placeholder="请选择"> clearable
<el-option label="可研" value="1"></el-option> ></el-input>
<el-option label="计划" value="2"></el-option> <!-- <el-select v-model="ruleForm.projectPhase" placeholder="请选择" clearable>
<el-option label="采购" value="3"></el-option> <el-option label="项目验收" value="1"></el-option>
<el-option label="合同" value="4"></el-option> <el-option label="项目建设" value="2"></el-option>
<el-option label="执行" value="5"></el-option> <el-option label="项目前期" value="3"></el-option>
<el-option label="结决算" value="6"></el-option> </el-select> -->
<el-option label="转资" value="7"></el-option> </el-form-item>
</el-select> <el-form-item label="项目环节:" prop="projectFlowStatus" class="fromItem">
</el-form-item> <el-select v-model="ruleForm.projectFlowStatus" placeholder="请选择" clearable>
<el-form-item <el-option label="可研" value="1"></el-option>
label="提出时间:" <el-option label="计划" value="2"></el-option>
prop="submitTime" <el-option label="采购" value="3"></el-option>
class="fromItem" <el-option label="合同" value="4"></el-option>
> <el-option label="执行" value="5"></el-option>
<el-date-picker <el-option label="结决算" value="6"></el-option>
v-model="ruleForm.submitTime" <el-option label="转资" value="7"></el-option>
type="date" </el-select>
placeholder="选择日期" </el-form-item>
value-format="yyyy-MM-dd hh:mm:ss" <el-form-item label="提出时间:" prop="createTime" class="fromItem">
> <el-date-picker
</el-date-picker> v-model="ruleForm.createTime"
</el-form-item> type="date"
<el-form-item label="整改状态:" prop="abarbeitungStatus" class="fromItem" > placeholder="选择日期"
<el-select v-model="ruleForm.abarbeitungStatus" placeholder="请选择"> value-format="yyyy-MM-dd hh:mm:ss"
<el-option label="已整改" value="Y"></el-option> >
<el-option label="未整改" value="N"></el-option> </el-date-picker>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="整改状态:" prop="isRectificationStatus" class="fromItem">
<el-select v-model="ruleForm.isRectificationStatus" placeholder="请选择" clearable>
<el-form-item class="button"> <el-option label="已整改" value="1"></el-option>
<el-button @click="submitForm()"> <el-option label="未整改" value="0"></el-option>
<img class="buttonIcon" src="../../assets/cx.png" />查询</el-button </el-select>
> </el-form-item>
<el-button @click="resetForm('ruleForm')">
<img class="buttonIcon" src="../../assets/cz.png" />重置</el-button
>
<el-button @click="detailsForm('ruleForm')">
<img class="buttonIcon" src="../../assets/ck.png" />详情</el-button
>
<!-- <el-button @click="uploadForm('ruleForm')">
<img class="buttonIcon" src="../../assets/dr.png" />项目检查上传</el-button
> -->
</el-form-item>
</el-form> <el-form-item class="button">
<el-table <el-button @click="submitForm()">
@selection-change="handleSelectionChange" <img class="buttonIcon" src="../../assets/cx.png" />查询</el-button
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
header-cell-class-name="custom-th-background"
class="eltable"
:row-class-name="tableRowClassName"
border
> >
<el-table-column label="序号" width="55" type="index"> <el-button @click="resetForm('ruleForm')">
</el-table-column> <img class="buttonIcon" src="../../assets/cz.png" />重置</el-button
<el-table-column type="selection"> </el-table-column>
<el-table-column prop="projectYear" label="项目年度" width="auto">
</el-table-column>
<el-table-column prop="companyName" label="单位名称" width="auto">
</el-table-column>
<el-table-column prop="projectName" label="项目名称" width="auto">
</el-table-column>
<el-table-column prop="projectPhase" label="项目阶段" width="auto">
</el-table-column>
<el-table-column prop="projectLink" label="项目环节" width="auto">
</el-table-column>
<el-table-column prop="checkProblem" label="问题检查项" width="auto">
</el-table-column>
<el-table-column prop="submmitTime" label="问题来源" width="auto">
</el-table-column>
<el-table-column prop="submmitTime" label="提出时间" width="auto">
</el-table-column>
<el-table-column prop="submmitTime" label="问题描述" width="auto">
</el-table-column>
<el-table-column prop="abarbeitungTime" label="整改情况" width="auto">
</el-table-column>
<el-table-column prop="abarbeitungTime" label="整改时间" width="auto">
</el-table-column>
<el-table-column prop="abarbeitungStatus" label="整改状态" width="auto">
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 15, 20, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
class="elpagination"
> >
</el-pagination> <el-button @click="detailsForm('ruleForm')">
<!-- 详情弹窗 --> <img class="buttonIcon" src="../../assets/ck.png" />详情</el-button
<el-dialog
title="项目检查问题详情"
:visible.sync="dialogXQ"
width="90%"
:modal-append-to-body="false"
:append-to-body="false"
> >
<div class="dialog"> <!-- <el-button @click="uploadForm('ruleForm')">
<el-form <img class="buttonIcon" src="../../assets/dr.png" />项目检查上传</el-button
:model="ruleFormdialogData" > -->
label-width="100px" </el-form-item>
class="demo-ruleForm" </el-form>
> <div class="setscroll">
<el-form-item label="项目年度:" prop="batchYear" class="fromItem"> <el-table
<el-input v-model="ruleFormdialogData.fromItem" disabled></el-input> @selection-change="handleSelectionChange"
</el-form-item> ref="multipleTable"
<el-form-item label="单位名称:" prop="companyName" class="fromItem"> :data="tableData"
<el-input v-model="ruleFormdialogData.companyName" disabled></el-input> tooltip-effect="dark"
</el-form-item> style="width: 100%"
<el-form-item label="项目名称:" prop="projectName" class="fromItem"> header-cell-class-name="custom-th-background"
<el-input v-model="ruleFormdialogData.projectName" disabled></el-input> class="eltable"
</el-form-item> :row-class-name="tableRowClassName"
border
<el-form-item label="项目阶段:" prop="projectPhase" class="fromItem"> >
<el-input v-model="ruleFormdialogData.projectPhase" disabled></el-input> <el-table-column label="序号" width="55" type="index"> </el-table-column>
</el-form-item> <el-table-column type="selection"> </el-table-column>
<el-form-item label="项目环节:" prop="projectLink" class="fromItem"> <el-table-column prop="projectYear" label="项目年度" width="auto">
<el-input v-model="ruleFormdialogData.projectLink" disabled></el-input> </el-table-column>
</el-form-item> <el-table-column prop="dwmc" label="单位名称" width="auto">
</el-table-column>
<el-form-item label="问题检查项:" class="textarea"> <el-table-column prop="projectName" label="项目名称" width="auto" show-overflow-tooltip>
<el-input </el-table-column>
type="textarea" <el-table-column prop="projectStatus" label="项目阶段" width="auto">
v-model="ruleFormdialogData.checkProblem" </el-table-column>
disabled <el-table-column prop="projectFlowStatus" label="项目环节" width="auto">
></el-input> </el-table-column>
</el-form-item> <el-table-column prop="quesCheckItem" label="问题检查项" width="auto">
<el-form-item label="问题序号:" prop="problemNo" class="fromItem"> </el-table-column>
<el-input v-model="ruleFormdialogData.problemNo" disabled></el-input> <el-table-column prop="quesSource" label="问题来源" width="auto">
</el-form-item> </el-table-column>
<el-form-item label="问题来源:" prop="problemSource" class="fromItem"> <el-table-column prop="createTime" label="提出时间" width="auto">
<el-input v-model="ruleFormdialogData.problemSource" disabled></el-input> </el-table-column>
</el-form-item> <el-table-column prop="checkDesc" label="问题描述" width="auto" show-overflow-tooltip>
</el-table-column>
<el-form-item label="提出时间:" prop="submmitTime" class="fromItem"> <el-table-column prop="rectificationFeedback" label="整改情况" width="auto">
<el-input v-model="ruleFormdialogData.submmitTime" disabled></el-input> </el-table-column>
</el-form-item> <el-table-column prop="rectificationTime" label="整改时间" width="auto">
</el-table-column>
<el-form-item label="整改时间:" prop="abarbeitungTime" class="fromItem"> <el-table-column prop="RectificationText" label="整改状态" width="auto">
<el-input v-model="ruleFormdialogData.abarbeitungTime" disabled></el-input> </el-table-column>
</el-form-item> </el-table>
</div>
<el-form-item label="整改状态:" prop="abarbeitungStatus" class="fromItem"> <el-pagination
<el-input v-model="ruleFormdialogData.abarbeitungStatus" disabled></el-input> @size-change="handleSizeChange"
</el-form-item> @current-change="handleCurrentChange"
</el-form> :current-page="currentPage"
</div> :page-sizes="[10, 15, 20, 50]"
</el-dialog> :page-size="100"
</div> layout="total, sizes, prev, pager, next, jumper"
:total="total"
class="elpagination"
>
</el-pagination>
<!-- 详情弹窗 -->
<el-dialog
title="详情"
:visible.sync="dialog"
width="90%"
:modal-append-to-body="false"
:append-to-body="false"
>
<div class="dialog">
<h3>
项目名称:一期项目-电力营销-2023年网上国网(网上国网V1.0)-设计开发项目
</h3>
<div>
<div class="content">
<p><label>项目年度:</label>{{ listData.projectId }}</p>
<p><label>单位名称:</label>{{ listData.dwmc }}</p>
<p>
<label>项目名称:</label> <span>{{ listData.projectName }}</span>
</p>
<p><label>项目阶段:</label>{{ listData.projectStatus }}</p>
<p>
<label>项目环节:</label
>{{ listData.projectFlowStatus }}
</p>
<p>
<label>问题检查项:</label
>{{ listData.quesCheckItem }}
</p>
<p><label>问题来源:</label>{{ listData.quesSource }}</p>
<p><label>提出时间:</label>{{ listData.createTime }}</p>
<p><label>问题描述:</label>{{ listData.checkDesc }}</p>
<p><label>整改情况:</label>{{ listData.rectificationFeedback }}</p>
<p><label>整改时间:</label>{{ listData.rectificationTime }}</p>
<p><label>整改状态:</label>{{ listData.RectificationText }}</p>
</div>
</div>
</div>
<p class="close"><span @click="cancel()">关闭</span></p>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { import { projectInspectionIssues } from "@/api/index";
evalBatchInfo, export default {
} from "@/api/index"; data() {
export default { return {
data() { ruleForm: {
return { projectYear: "",
category: [ companyName: "",
{ name: "2024", id: 1 }, projectName: "",
{ name: "2023", id: 2 }, projectPhase: "",
{ name: "2022", id: 3 }, projectLink: "",
{ name: "2021", id: 4 }, submitTime: "",
], //专业领域 abarbeitungStatus: "",
showButton: true, },
ruleForm: { ruleFormdialog: {
projectYear: "", projectYear: "",
companyName: "", companyName: "",
projectName: "", projectName: "",
projectPhase: "", projectPhase: "",
projectLink: "", projectLink: "",
submitTime: "", submitTime: "",
abarbeitungStatus: "", checkProblem: "",
}, abarbeitungTime: "",
ruleFormdialog: { abarbeitungStatus: "",
projectYear: "", },
companyName: "", tableData: [],
projectName: "", pageSize:10,
projectPhase: "", currentPage:1,
projectLink: "", dialog: false,
submitTime: "", listData: {},
checkProblem:"", total:0,
abarbeitungTime:"",
abarbeitungStatus: "",
},
ruleFormdialogData: {
projectYear: "",
companyName: "",
projectName: "",
projectPhase: "",
projectLink: "",
submitTime: "",
checkProblem:"",
abarbeitungTime:"",
abarbeitungStatus: "",
problemNo:"",
problemSource:"",
},
xfParams: "", //下发入参
tableData: [],
tableDataQD: [], //清单列表
checkedList: [],
currentPage: 1,
currentPagetjcl: 1,
pageSizetjcl: 10,
total: 0,
dialogXQ: false,
currentPageBJ:1,
pageSizeBJ:10,
dialogAdd: false,
dialogAddzj: false,
pageSize: 10,
current: 1,
addtotal: 0,
currentAdd: 1,
pageSizeAdd: 10,
currentedit: 1,
pageSizeedit: 10,
xfParam: "",
dialogedit: false,
expertIdList: [],
totalBJ:0,
addZJList: [],
expertState: "",
fields: "",
addcurrentPage: 1,
addtableData: [],
message: {},
};
},
mounted() {
this.submitForm();
},
methods: { };
async submitForm(formName) { },
let params = { mounted() {
current: this.currentPage, this.submitForm();
pageSize: this.pageSize, },
};
Object.assign(params, this.ruleForm);
console.log(params);
let res = await evalBatchInfo(params);
if (res.code == "200") { methods: {
this.tableData = res.data.records; async submitForm() {
this.tableData.forEach(item=>{ let params = {
if (item.projectPhase==''||item.projectPhase==null){ current: this.currentPage,
}else if (item.projectPhase=='1'){ pageSize: this.pageSize,
this.$set( item,'projectPhase','项目验收') };
}else if(item.projectPhase=='2'){ Object.assign(params, this.ruleForm);
this.$set( item,'projectPhase','项目建设') console.log(params);
}else{ let res = await projectInspectionIssues(params);
this.$set( item,'projectPhase','项目前期')
}
}),
this.tableData.forEach(item=>{
if (item.projectLink==''||item.projectLink==null){
}else if (item.projectLink=='1'){
this.$set( item,'projectLink','可研')
}else if(item.projectLink=='2'){
this.$set( item,'projectLink','计划')
}else if(item.projectLink=='3'){
this.$set( item,'projectLink','采购')
}else if(item.projectLink=='4'){
this.$set( item,'projectLink','合同')
}else if(item.projectLink=='5'){
this.$set( item,'projectLink','执行')
}else if(item.projectLink=='6'){
this.$set( item,'projectLink','结决算')
}else{
this.$set( item,'projectLink','转资')
}
})
this.total = res.data.total * 1;
}
},
resetForm() {
this.$refs.formName.resetFields();
this.currentPage = 1;
this.pageSize = 10;
this.submitForm();
},
uploadForm(){
alert("这是上传的功能");
},
//详情 if (res.code == "200") {
async detailsForm() { this.tableData = res.data.records;
if (this.checkedList.length != 1) { this.tableData.forEach((item) => {
this.$message("请选择"); if(item.isRectificationStatus==1){
return; this.$set(item, "RectificationText", "已整改");
} }else{
console.log("222",this.checkedList); this.$set(item, "RectificationText", "未整改");
this.dialogXQ = true; };
this.ruleFormdialogData=this.checkedList[0]
let params = {
current: this.currentedit,
pageSize: this.pageSizeedit,
batchId:this.checkedList[0].batchId
};
console.log(params,'params')
let res = await expert(params);
this.addtableData=res.data.records if (item.projectPhase == "" || item.projectPhase == null) {
this.totalBJ=res.data.total * 1; } else if (item.projectPhase == "1") {
}, this.$set(item, "projectPhase", "项目验收");
//表格颜色 } else if (item.projectPhase == "2") {
tableRowClassName({ row, rowIndex }) { this.$set(item, "projectPhase", "项目建设");
if (rowIndex % 2 == 1) { } else {
return "warning-row"; this.$set(item, "projectPhase", "项目前期");
} }
return ""; }),
}, this.tableData.forEach((item) => {
//主列表选中行信息 if (item.projectLink == "" || item.projectLink == null) {
handleSelectionChange(selection) { } else if (item.projectLink == "1") {
if (Array.isArray(selection) && selection.length > 1) { this.$set(item, "projectLink", "可研");
this.$refs.multipleTable.toggleRowSelection(selection[0], false); } else if (item.projectLink == "2") {
this.$refs.multipleTable.toggleRowSelection(selection[1], true); this.$set(item, "projectLink", "计划");
} } else if (item.projectLink == "3") {
this.checkedList = this.$refs.multipleTable.selection; this.$set(item, "projectLink", "采购");
this.ruleFormdialog = this.checkedList[0]; } else if (item.projectLink == "4") {
console.log(this.checkedList, "2222"); this.$set(item, "projectLink", "合同");
}, } else if (item.projectLink == "5") {
handleSizeChange(val) { this.$set(item, "projectLink", "执行");
console.log(`每页 ${val} 条`); } else if (item.projectLink == "6") {
this.pageSize = val; this.$set(item, "projectLink", "结决算");
}, } else {
handleCurrentChange(val) { this.$set(item, "projectLink", "转资");
console.log(`当前页: ${val}`); }
this.currentPage = val; });
}, this.total = res.data.total * 1;
handleSizeChangeZJ(val) { }
console.log(`每页 ${val} 条`); },
this.pageSizeZJ = val; resetForm() {
}, this.$refs.formName.resetFields();
handleCurrentChangeZJ(val) { this.currentPage = 1;
console.log(`当前页: ${val}`); this.pageSize = 10;
this.currentZJ = val; this.submitForm();
}, },
handleSizeChangetjcl(val) { uploadForm() {
console.log(`每页 ${val} 条`); alert("这是上传的功能");
this.pageSizetjcl = val; },
},
handleCurrentChangetjcl(val) { //详情
console.log(`当前页: ${val}`); async detailsForm() {
this.currentPagetjcl = val; if (this.checkedList.length != 1) {
}, this.$message("请选择");
handleSizeChangeAdd(val) { return;
this.pageSizeAdd = val; }
}, this.listData = this.checkedList[0];
handleCurrentChangeAdd(val) {
this.currentAdd = val; // console.log("222", this.checkedList);
}, this.dialog= true;
handleSizeChangeBJ(val) {
console.log(`每页 ${val} 条`); },
this.pageSizeBJ = val; //表格颜色
}, tableRowClassName({ row, rowIndex }) {
handleCurrentChangeBJ(val) { if (rowIndex % 2 == 1) {
console.log(`当前页: ${val}`); return "warning-row";
this.currentPageBJ = val; }
}, return "";
cancel() { },
this.dialog = false; //主列表选中行信息
}, handleSelectionChange(selection) {
}, if (Array.isArray(selection) && selection.length > 1) {
}; this.$refs.multipleTable.toggleRowSelection(selection[0], false);
this.$refs.multipleTable.toggleRowSelection(selection[1], true);
}
this.checkedList = this.$refs.multipleTable.selection;
console.log(this.checkedList, "2222");
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.pageSize = val;
this.submitForm();
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
this.submitForm();
},
cancel() {
this.dialog = false;
},
},
};
</script> </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;
} overflow-x: hidden;
.el-form { }
display: flex; .el-form {
width: 99%; display: flex;
flex-wrap: wrap; width: 99%;
border-top: 2px solid #23c6c8; flex-wrap: wrap;
border-left: 1px solid #dee5e7; border-top: 2px solid #23c6c8;
border-right: 1px solid #dee5e7; border-left: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7; border-right: 1px solid #dee5e7;
padding: 20px 10px; border-bottom: 1px solid #dee5e7;
margin-bottom: 20px; padding: 20px 10px;
.fromItem { margin-bottom: 20px;
min-width: 24%; .fromItem {
margin: 0 0.5%; min-width: 24%;
margin-bottom: 20px; margin: 0 0.5%;
.el-input { margin-bottom: 20px;
width: 226px; .el-input {
} width: 226px;
.el-select {
width: 226px;
}
}
/deep/ .el-form-item__content {
text-align: left;
display: inline-block;
margin-left: 10px !important;
}
/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 {
widows: 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;
}
/deep/ .el-dialog__wrapper {
position: absolute;
} }
/deep/ .v-modal { .el-select {
position: absolute; width: 226px;
} }
/deep/ .el-dialog__header { }
background-color: #0d867f; /deep/ .el-form-item__content {
padding-bottom: 20px; text-align: left;
text-align: left; display: inline-block;
border-radius: 10px 10px 0 0; margin-left: 10px !important;
.el-dialog__title { }
color: #fff; /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;
}
} }
/deep/ .el-table__header th { .el-button {
background-color: #eeeeee; background-color: #23c6c8;
font-weight: bold; border-color: #23c6c8;
.cell { color: #fff;
color: #333;
}
} }
}
}
.eltable {
widows: 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;
margin-top: 3vh !important;
margin-left: 3vw !important;
}
/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;
}
}
/deep/ .el-table__header th {
background-color: #eeeeee;
font-weight: bold;
.cell {
color: #333;
}
}
/deep/.el-table { /deep/.el-table {
width: 100%; width: 100%;
.el-table__header-wrapper table, .el-table__header-wrapper table,
.el-table__body-wrapper table { .el-table__body-wrapper table {
width: 100% !important; width: 100% !important;
} }
.el-table__body, .el-table__body,
.el-table__footer, .el-table__footer,
.el-table__header { .el-table__header {
table-layout: auto; table-layout: auto;
} }
} }
.dialog { .dialog {
.xqtitle { .xqtitle {
text-align: left; text-align: left;
font-size: 18px; font-size: 18px;
span { span {
display: inline-block; display: inline-block;
width: 5px; width: 5px;
height: 20px; height: 20px;
background: #0d867f; background: #0d867f;
margin-right: 14px; margin-right: 14px;
vertical-align: middle; vertical-align: middle;
}
}
}
.textarea {
width: 100%;
.el-textarea {
width: 60%;
}
}
.Btn {
width: 200px;
margin: 0 auto;
span {
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; }
} .textarea {
.zjBtn { width: 100%;
width: 200px; .el-textarea {
text-align: left; width: 60%;
span { }
display: inline-block; }
width: 80px; .Btn {
height: 25px; width: 200px;
line-height: 25px; margin: 0 auto;
text-align: center; span {
border-radius: 5px; display: inline-block;
} width: 80px;
span:last-of-type { height: 25px;
background-color: #4ca6a7; line-height: 25px;
color: #fff; text-align: center;
padding: 5px 10px; border-radius: 4px;
margin-left: 10px; margin-right: 12px;
} }
} span:first-of-type {
/deep/ .el-icon-position { border: 1px solid #000;
margin-right: 10px; }
} span:last-of-type {
/deep/ .el-icon-folder-delete { background-color: #0d867f;
margin-right: 10px; border: 1px solid #0d867f;
} color: #fff;
.cxItem { }
}
/deep/ .el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
.zjBtn {
width: 200px;
text-align: left;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
}
span:last-of-type {
background-color: #4ca6a7;
color: #fff;
padding: 5px 10px;
margin-left: 10px;
}
}
/deep/ .el-icon-position {
margin-right: 10px;
}
/deep/ .el-icon-folder-delete {
margin-right: 10px;
}
.cxItem {
text-align: right;
width: 20%;
.zjquery {
display: inline-block;
background-color: #4ca6a7;
width: 89px;
height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
}
.midBtn {
margin: 0 auto;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
}
span:first-of-type {
border: 1px solid grey;
}
span:last-of-type {
background-color: #4ca6a7;
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;
}
.setscroll {
width: 100%;
height: 650px;
position: relative;
overflow: auto;
}
.setscroll {
width: 100%;
height: 650px;
position: relative;
overflow: auto;
}
.dialog {
.content {
width: 100%;
display: flex;
flex-wrap: wrap;
p {
width: 24%;
text-align: left;
display: flex;
label {
display: inline-block;
width: 150px;
flex-shrink: 0;
text-align: right; text-align: right;
width: 20%; font-weight: bold;
.zjquery { margin-right: 20px;
display: inline-block; vertical-align: middle;
background-color: #4ca6a7; }
width: 89px; span{
height: 40px; display: inline-block;
color: #fff; text-align: left
text-align: center; }
line-height: 40px;
border-radius: 5px;
}
}
.midBtn {
margin: 0 auto;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
}
span:first-of-type {
border: 1px solid grey;
}
span:last-of-type {
background-color: #4ca6a7;
color: #fff;
}
} }
/deep/.el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{ }
text-align: center; .table {
width: 100%;
display: flex;
p {
width: 150px;
text-align: right;
font-weight: bold;
} }
/deep/ .el-table__cell{ .tablepg {
text-align: center; margin-top: 20px;
margin-left: 5px;
} }
.setscroll { }
}
h3 {
text-align: left;
margin: 10px 0;
}
/deep/ .el-dialog__body{
padding-top: 1px;
}
.close {
width: 100%; width: 100%;
height: 650px; height: 40px;
position: relative; line-height: 20px;
overflow: auto; span {
display: inline-block;
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid grey;
border-radius: 5px;
}
} }
</style> </style>
\ No newline at end of file
<!-- 整改反馈查询 --> <!-- 整改反馈查询 -->
<template> <template>
<div class="main"> <div class="main">
<el-form :model="ruleForm" label-width="100px" class="demo-ruleForm" ref="formName"> <el-form
<el-form-item label="项目年度:" prop="projectYear" class="fromItem" > :model="ruleForm"
<el-select v-model="ruleForm.projectYear" placeholder="请选择"> label-width="100px"
<el-option label="2024年" value="2024"></el-option> class="demo-ruleForm"
<el-option label="2023年" value="2023"></el-option> ref="formName"
<el-option label="2022年" value="2022"></el-option> >
<el-option label="2021年" value="2021"></el-option> <el-form-item label="项目年度:" prop="projectYear" class="fromItem" >
</el-select> <el-select v-model="ruleForm.projectYear" placeholder="请选择" clearable>
</el-form-item> <el-option label="2024年" value="2024"></el-option>
<el-form-item label="项目编码:" prop="projectCode" class="fromItem"> <el-option label="2023年" value="2023"></el-option>
<el-input v-model="ruleForm.projectCode" placeholder="请输入"></el-input> <el-option label="2022年" value="2022"></el-option>
</el-form-item> <el-option label="2021年" value="2021"></el-option>
<el-form-item label="项目名称:" prop="projectName" class="fromItem"> </el-select>
<el-input v-model="ruleForm.projectName" placeholder="请输入"></el-input> </el-form-item>
</el-form-item> <el-form-item label="projectId:" prop="projectCode" class="fromItem">
<el-form-item label="项目阶段:" prop="projectPhase" class="fromItem" > <el-input
<el-select v-model="ruleForm.projectPhase" placeholder="请选择"> v-model="ruleForm.projectCode"
<el-option label="项目验收" value="1"></el-option> placeholder="请输入"
<el-option label="项目建设" value="2"></el-option> clearable
<el-option label="项目前期" value="3"></el-option> ></el-input>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="项目名称:" prop="projectName" class="fromItem">
<el-form-item label="项目环节:" prop="projectLink" class="fromItem" > <el-input
<el-select v-model="ruleForm.projectLink" placeholder="请选择"> v-model="ruleForm.projectName"
<el-option label="可研" value="1"></el-option> placeholder="请输入"
<el-option label="计划" value="2"></el-option> clearable
<el-option label="采购" value="3"></el-option> ></el-input>
<el-option label="合同" value="4"></el-option> </el-form-item>
<el-option label="执行" value="5"></el-option> <el-form-item label="项目阶段:" prop="projectStatus" class="fromItem">
<el-option label="结决算" value="6"></el-option> <el-select v-model="ruleForm.projectStatus" placeholder="请选择" clearable>
<el-option label="转资" value="7"></el-option> <el-option label="项目验收" value="1"></el-option>
</el-select> <el-option label="项目建设" value="2"></el-option>
</el-form-item> <el-option label="项目前期" value="3"></el-option>
<el-form-item label="是否申诉:" prop="appealFlag" class="fromItem" > </el-select>
<el-select v-model="ruleForm.appealFlag" placeholder="请选择"> </el-form-item>
<el-option label="是" value="Y"></el-option> <el-form-item label="项目环节:" prop="projectFlowStatus" class="fromItem">
<el-option label="否" value="N"></el-option> <el-select v-model="ruleForm.projectFlowStatus" placeholder="请选择" clearable>
</el-select> <el-option label="可研" value="1"></el-option>
</el-form-item> <el-option label="计划" value="2"></el-option>
<el-form-item label="申诉是否通过:" prop="appealPassFlag" class="fromItem" > <el-option label="采购" value="3"></el-option>
<el-select v-model="ruleForm.appealPassFlag" placeholder="请选择"> <el-option label="合同" value="4"></el-option>
<el-option label="是" value="Y"></el-option> <el-option label="执行" value="5"></el-option>
<el-option label="否" value="N"></el-option> <el-option label="结决算" value="6"></el-option>
</el-select> <el-option label="转资" value="7"></el-option>
</el-form-item> </el-select>
<el-form-item label="是否完成整改:" prop="completeFlag" class="fromItem" > </el-form-item>
<el-select v-model="ruleForm.completeFlag" placeholder="请选择"> <el-form-item label="是否申诉:" prop="appealFlag" class="fromItem">
<el-option label="是" value="Y"></el-option> <el-select v-model="ruleForm.appealFlag" placeholder="请选择" clearable>
<el-option label="否" value="N"></el-option> <el-option label="是" value="Y"></el-option>
</el-select> <el-option label="否" value="N"></el-option>
</el-form-item> </el-select>
</el-form-item>
<el-form-item
label="申诉是否通过:"
prop="appealPassFlag"
class="fromItem"
>
<el-select v-model="ruleForm.appealPassFlag" placeholder="请选择" clearable>
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item label="是否完成整改:" prop="rectificationText" class="fromItem">
<el-select v-model="ruleForm.rectificationText" placeholder="请选择" clearable>
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
</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')">
<img class="buttonIcon" src="../../assets/cz.png" />重置</el-button
>
<el-button @click="detailsForm('ruleForm')">
<img class="buttonIcon" src="../../assets/ck.png" />详情</el-button
>
</el-form-item>
</el-form>
<el-table
@selection-change="handleSelectionChange"
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
header-cell-class-name="custom-th-background"
class="eltable"
:row-class-name="tableRowClassName"
border
> >
<el-table-column label="序号" width="55" type="index"> <el-button @click="resetForm('ruleForm')">
</el-table-column> <img class="buttonIcon" src="../../assets/cz.png" />重置</el-button
<el-table-column type="selection"> </el-table-column>
<el-table-column label="项目年度" width="auto" prop="projectYear">
</el-table-column>
<el-table-column prop="projectCode" label="项目编码" width="auto">
</el-table-column>
<el-table-column prop="projectName" label="项目名称" width="auto">
</el-table-column>
<el-table-column prop="projectPhase" label="项目阶段" width="auto">
</el-table-column>
<el-table-column prop="projectLink" label="项目环节" width="auto">
</el-table-column>
<el-table-column prop="checkProblem" label="问题检查项" width="auto">
</el-table-column>
<el-table-column prop="checkProblem" label="问题描述" width="auto">
</el-table-column>
<el-table-column prop="appealFlag" label="是否申诉" width="auto">
</el-table-column>
<el-table-column prop="appealFlag" label="申诉理由" width="auto">
</el-table-column>
<el-table-column prop="appealPassFlag" label="申诉是否通过" width="auto">
</el-table-column>
<el-table-column prop="appealPassFlag" label="申诉复核情况" width="auto">
</el-table-column>
<el-table-column prop="completeFlag" label="是否完成整改" width="auto">
</el-table-column>
<el-table-column prop="completeFlag" label="整改情况" width="auto">
</el-table-column>
<el-table-column prop="completeFlag" label="整改是否通过" width="auto">
</el-table-column>
<el-table-column prop="completeFlag" label="整改复核情况" width="auto">
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 15, 20, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
class="elpagination"
> >
</el-pagination> <el-button @click="detailsForm('ruleForm')">
<!-- 详情弹窗 --> <img class="buttonIcon" src="../../assets/ck.png" />详情</el-button
<el-dialog
title="整改反馈详情"
:visible.sync="dialogXQ"
width="90%"
:modal-append-to-body="false"
:append-to-body="false"
> >
<div class="dialog"> </el-form-item>
<el-form </el-form>
:model="ruleFormdialogData" <div class="setscroll">
label-width="100px" <el-table
class="demo-ruleForm" @selection-change="handleSelectionChange"
> ref="multipleTable"
<el-form-item label="项目年度:" prop="projectYear" class="fromItem"> :data="tableData"
<el-input v-model="ruleFormdialogData.projectYear" disabled></el-input> tooltip-effect="dark"
</el-form-item> style="width: 100%"
<el-form-item label="项目编码:" prop="projectCode" class="fromItem"> header-cell-class-name="custom-th-background"
<el-input v-model="ruleFormdialogData.projectCode" disabled></el-input> class="eltable"
</el-form-item> :row-class-name="tableRowClassName"
<el-form-item label="项目名称:" prop="projectName" class="fromItem"> border
<el-input v-model="ruleFormdialogData.projectName" disabled></el-input> >
</el-form-item> <el-table-column label="序号" width="55" type="index"> </el-table-column>
<el-table-column type="selection"> </el-table-column>
<el-form-item label="项目阶段:" prop="projectPhase" class="fromItem"> <el-table-column label="项目年度" width="auto" prop="projectYear">
<el-input v-model="ruleFormdialogData.projectPhase" disabled></el-input> </el-table-column>
</el-form-item> <el-table-column prop="projectId" label="项目编码" width="auto">
<el-form-item label="项目环节:" prop="projectLink" class="fromItem"> </el-table-column>
<el-input v-model="ruleFormdialogData.projectLink" disabled></el-input> <el-table-column prop="projectName" label="项目名称" width="auto" show-overflow-tooltip>
</el-form-item> </el-table-column>
<el-form-item label="问题检查项:" class="textarea"> <el-table-column prop="projectStatus" label="项目阶段" width="auto">
<el-input </el-table-column>
type="textarea" <el-table-column prop="projectFlowStatus" label="项目环节" width="auto">
v-model="ruleFormdialogData.checkProblem" </el-table-column>
disabled <el-table-column prop="quesCheckItem" label="问题检查项" width="auto">
></el-input> </el-table-column>
</el-form-item> <el-table-column prop="checkDesc" label="问题描述" width="auto">
<el-form-item label="是否申诉:" prop="appealFlag" class="fromItem"> </el-table-column>
<el-input v-model="ruleFormdialogData.appealFlag" disabled></el-input> <el-table-column prop="appealText" label="是否申诉" width="auto">
</el-form-item> </el-table-column>
<el-form-item label="申诉是否通过:" prop="appealPassFlag" class="fromItem"> <el-table-column prop="feedback" label="申诉理由" width="auto">
<el-input v-model="ruleFormdialogData.appealPassFlag" disabled></el-input> </el-table-column>
</el-form-item> <el-table-column prop="isAppealText" label="申诉是否通过" width="auto">
<el-form-item label="是否完成整改:" prop="completeFlag" class="fromItem"> </el-table-column>
<el-input v-model="ruleFormdialogData.completeFlag" disabled></el-input> <el-table-column prop="reviewStatus" label="申诉复核情况" width="auto">
</el-form-item> </el-table-column>
</el-form> <el-table-column prop="rectificationText" label="是否完成整改" width="auto">
</div> </el-table-column>
</el-dialog> <el-table-column prop="rectificationFeedback" label="整改情况" width="auto">
</div> </el-table-column>
<el-table-column prop="isRectificationText" label="整改是否通过" width="auto">
</el-table-column>
<el-table-column prop="reviewRectification" label="整改复核情况" width="auto">
</el-table-column>
</el-table>
</div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 15, 20, 50]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
class="elpagination"
>
</el-pagination>
<!-- 详情弹窗 -->
<el-dialog
title="详情"
:visible.sync="dialog"
width="90%"
:modal-append-to-body="false"
:append-to-body="false"
>
<div class="dialog">
<h3>
项目名称:一期项目-电力营销-2023年网上国网(网上国网V1.0)-设计开发项目
</h3>
<div>
<p class="title"><span></span>项目基本信息</p>
<div class="content">
<p><label>项目年度:</label>{{ listData.projectYear }}</p>
<p><label>项目编码:</label>{{ listData.projectId }}</p>
<p>
<label>项目名称:</label> <span>{{ listData.projectName }}</span>
</p>
<p><label>项目阶段:</label>{{ listData.projectStatus}}</p>
<p>
<label>项目环节:</label
>{{ listData.projectFlowStatus}}
</p>
<p>
<label>问题检查项:</label
>{{ listData.quesCheckItem }}
</p>
<p><label>问题描述:</label>{{ listData.checkDesc }}</p>
<p><label>是否申诉:</label>{{ listData.appealText }}</p>
<p><label>申诉理由:</label>{{ listData.feedback }}</p>
<p><label>申诉是否通过:</label>{{ listData.isAppealText }}</p>
<p><label>申诉复核情况:</label>{{ listData.reviewStatus }}</p>
<p><label>是否完成整改:</label>{{ listData.rectificationText }}</p>
<p><label>整改情况:</label>{{ listData.rectificationFeedback }}</p>
<p><label>整改是否通过:</label>{{ listData.isRectificationText }}</p>
<p><label>整改复核情况:</label>{{ listData.reviewRectification }}</p>
</div>
</div>
</div>
<p class="close"><span @click="cancel()">关闭</span></p>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { import { RectificationFeedbackQuery } from "@/api/index";
evalBatchInfo, export default {
} from "@/api/index"; data() {
export default { return {
data() { category: [
return { { name: "2024", id: 1 },
category: [ { name: "2023", id: 2 },
{ name: "2024", id: 1 }, { name: "2022", id: 3 },
{ name: "2023", id: 2 }, { name: "2021", id: 4 },
{ name: "2022", id: 3 }, ], //专业领域
{ name: "2021", id: 4 }, showButton: true,
], //专业领域 ruleForm: {
showButton: true, projectYear: "",
ruleForm: { projectCode: "",
projectYear: "", projectName: "",
projectCode: "", projectPhase: "",
projectName: "", projectLink: "",
projectPhase: "", appealFlag: "",
projectLink: "", appealPassFlag: "",
appealFlag: "", completeFlag: "",
appealPassFlag: "", },
completeFlag: "", ruleFormdialog: {
}, projectYear: "",
ruleFormdialog: { projectCode: "",
projectYear: "", projectName: "",
projectCode: "", projectPhase: "",
projectName: "", projectLink: "",
projectPhase: "", appealFlag: "",
projectLink: "", appealPassFlag: "",
appealFlag: "", completeFlag: "",
appealPassFlag: "", },
completeFlag: "", total: 0,
}, tableData: [],
ruleFormdialogData: { pageSize:10,
projectYear: "", currentPage: 1,
projectCode: "", dialog: false,
projectName: "", listData: {},
projectPhase: "", };
checkProblem:"", },
projectLink: "", mounted() {
appealFlag: "", this.submitForm();
appealPassFlag: "", },
completeFlag: "",
},
xfParams: "", //下发入参
tableData: [],
tableDataQD: [], //清单列表
checkedList: [],
currentPage: 1,
currentPagetjcl: 1,
pageSizetjcl: 10,
total: 0,
dialogXQ: false,
currentPageBJ:1,
pageSizeBJ:10,
dialogAdd: false,
dialogAddzj: false,
pageSize: 10,
current: 1,
addtotal: 0,
currentAdd: 1,
pageSizeAdd: 10,
currentedit: 1,
pageSizeedit: 10,
xfParam: "",
dialogedit: false,
expertIdList: [],
totalBJ:0,
addZJList: [],
expertState: "",
fields: "",
addcurrentPage: 1,
addtableData: [],
message: {},
};
},
mounted() {
this.submitForm();
},
methods: {
async submitForm(formName) {
let params = {
current: this.currentPage,
pageSize: this.pageSize,
};
Object.assign(params, this.ruleForm);
console.log(params);
let res = await evalBatchInfo(params);
if (res.code == "200") { methods: {
this.tableData = res.data.records; async submitForm() {
this.tableData.forEach(item=>{ let params = {
if (item.projectPhase==''||item.projectPhase==null){ current: this.currentPage,
}else if (item.projectPhase=='1'){ pageSize: this.pageSize,
this.$set( item,'projectPhase','项目验收') };
}else if(item.projectPhase=='2'){ Object.assign(params, this.ruleForm);
this.$set( item,'projectPhase','项目建设') console.log(params);
}else{ let res = await RectificationFeedbackQuery(params);
this.$set( item,'projectPhase','项目前期')
}
}),
this.tableData.forEach(item=>{
if (item.projectLink==''||item.projectLink==null){
}else if (item.projectLink=='1'){
this.$set( item,'projectLink','可研')
}else if(item.projectLink=='2'){
this.$set( item,'projectLink','计划')
}else if(item.projectLink=='3'){
this.$set( item,'projectLink','采购')
}else if(item.projectLink=='4'){
this.$set( item,'projectLink','合同')
}else if(item.projectLink=='5'){
this.$set( item,'projectLink','执行')
}else if(item.projectLink=='6'){
this.$set( item,'projectLink','结决算')
}else{
this.$set( item,'projectLink','转资')
}
})
this.total = res.data.total * 1;
}
},
resetForm() {
this.$refs.formName.resetFields();
this.currentPage = 1;
this.pageSize = 10;
this.submitForm();
},
//详情
async detailsForm() {
if (this.checkedList.length != 1) {
this.$message("请选择");
return;
}
console.log("222",this.checkedList);
this.dialogXQ = true;
this.ruleFormdialogData=this.checkedList[0]
let params = {
current: this.currentedit,
pageSize: this.pageSizeedit,
batchId:this.checkedList[0].batchId
};
console.log(params,'params')
let res = await expert(params);
this.addtableData=res.data.records if (res.code == "200") {
this.totalBJ=res.data.total * 1; this.tableData = res.data.records;
}, this.tableData.forEach((item) => {
//表格颜色 if (item.appealStatus == "1") {
tableRowClassName({ row, rowIndex }) { this.$set(item, "appealText", "是");
if (rowIndex % 2 == 1) { } else{
return "warning-row"; this.$set(item, "appealText", "否");
} }
return ""; if (item.isAppealStatus == "1") {
}, this.$set(item, "isAppealText", "是");
//主列表选中行信息 } else{
handleSelectionChange(selection) { this.$set(item, "isAppealText", "否");
if (Array.isArray(selection) && selection.length > 1) { }
this.$refs.multipleTable.toggleRowSelection(selection[0], false); if (item.rectificationStatus == "1") {
this.$refs.multipleTable.toggleRowSelection(selection[1], true); this.$set(item, "rectificationText", "是");
} } else{
this.checkedList = this.$refs.multipleTable.selection; this.$set(item, "rectificationText", "否");
this.ruleFormdialog = this.checkedList[0]; }
console.log(this.checkedList, "2222"); if (item.isRectification_status == "1") {
}, this.$set(item, "isRectificationText", "是");
handleSizeChange(val) { } else{
console.log(`每页 ${val} 条`); this.$set(item, "isRectificationText", "否");
this.pageSize = val; }
}, // if (item.projectPhase == "" || item.projectPhase == null) {
handleCurrentChange(val) { // } else if (item.projectPhase == "1") {
console.log(`当前页: ${val}`); // this.$set(item, "projectPhase", "项目验收");
this.currentPage = val; // } else if (item.projectPhase == "2") {
}, // this.$set(item, "projectPhase", "项目建设");
handleSizeChangeZJ(val) { // } else {
console.log(`每页 ${val} 条`); // this.$set(item, "projectPhase", "项目前期");
this.pageSizeZJ = val; // }
}, // }),
handleCurrentChangeZJ(val) { // this.tableData.forEach((item) => {
console.log(`当前页: ${val}`); // if (item.projectLink == "" || item.projectLink == null) {
this.currentZJ = val; // } else if (item.projectLink == "1") {
}, // this.$set(item, "projectLink", "可研");
handleSizeChangetjcl(val) { // } else if (item.projectLink == "2") {
console.log(`每页 ${val} 条`); // this.$set(item, "projectLink", "计划");
this.pageSizetjcl = val; // } else if (item.projectLink == "3") {
}, // this.$set(item, "projectLink", "采购");
handleCurrentChangetjcl(val) { // } else if (item.projectLink == "4") {
console.log(`当前页: ${val}`); // this.$set(item, "projectLink", "合同");
this.currentPagetjcl = val; // } else if (item.projectLink == "5") {
}, // this.$set(item, "projectLink", "执行");
handleSizeChangeAdd(val) { // } else if (item.projectLink == "6") {
this.pageSizeAdd = val; // this.$set(item, "projectLink", "结决算");
}, // } else {
handleCurrentChangeAdd(val) { // this.$set(item, "projectLink", "转资");
this.currentAdd = val; // }
}, });
handleSizeChangeBJ(val) { this.total = res.data.total * 1;
console.log(`每页 ${val} 条`); }
this.pageSizeBJ = val; },
}, resetForm() {
handleCurrentChangeBJ(val) { this.$refs.formName.resetFields();
console.log(`当前页: ${val}`); this.currentPage = 1;
this.currentPageBJ = val; this.pageSize = 10;
}, this.submitForm();
cancel() { },
this.dialog = false; //详情
}, async detailsForm() {
}, // if (this.checkedList.length != 1) {
}; // this.$message("请选择");
// return;
// }
// console.log("222", this.checkedList);
// this.dialog = true;
// this.listData = this.checkedList[0];
this.dialog = true;
},
//表格颜色
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
return "warning-row";
}
return "";
},
//主列表选中行信息
handleSelectionChange(selection) {
if (Array.isArray(selection) && selection.length > 1) {
this.$refs.multipleTable.toggleRowSelection(selection[0], false);
this.$refs.multipleTable.toggleRowSelection(selection[1], true);
}
this.checkedList = this.$refs.multipleTable.selection;
console.log(this.checkedList, "2222");
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.pageSize = val;
this.submitForm();
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val;
this.submitForm();
},
cancel() {
this.dialog = false;
},
},
};
</script> </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;
} overflow-x: hidden;
.el-form { }
display: flex; .el-form {
width: 99%; display: flex;
flex-wrap: wrap; width: 99%;
border-top: 2px solid #23c6c8; flex-wrap: wrap;
border-left: 1px solid #dee5e7; border-top: 2px solid #23c6c8;
border-right: 1px solid #dee5e7; border-left: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7; border-right: 1px solid #dee5e7;
padding: 20px 10px; border-bottom: 1px solid #dee5e7;
margin-bottom: 20px; padding: 20px 10px;
.fromItem { margin-bottom: 20px;
min-width: 24%; .fromItem {
margin: 0 0.5%; min-width: 24%;
margin-bottom: 20px; margin: 0 0.5%;
.el-input { margin-bottom: 20px;
width: 226px; .el-input {
} width: 226px;
.el-select {
width: 226px;
}
}
/deep/ .el-form-item__content {
text-align: left;
display: inline-block;
margin-left: 10px !important;
}
/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 {
text-align: left;
display: inline-block;
margin-left: 10px !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 {
widows: 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;
}
/deep/ .el-dialog__wrapper {
position: absolute;
} }
/deep/ .v-modal { .el-select {
position: absolute; width: 226px;
} }
/deep/ .el-dialog__header { }
background-color: #0d867f; /deep/ .el-form-item__content {
padding-bottom: 20px; text-align: left;
text-align: left; display: inline-block;
border-radius: 10px 10px 0 0; margin-left: 10px !important;
.el-dialog__title { }
color: #fff; /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 {
text-align: left;
display: inline-block;
margin-left: 10px !important;
text-align: left;
img {
width: 14px;
height: 14px;
margin-right: 15px;
vertical-align: middle;
}
} }
/deep/ .el-table__header th { .el-button {
background-color: #eeeeee; background-color: #23c6c8;
font-weight: bold; border-color: #23c6c8;
.cell { color: #fff;
color: #333;
}
} }
}
}
.eltable {
widows: 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;
margin-top: 3vh !important;
margin-left: 3vw !important;
}
/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;
}
}
/deep/ .el-table__header th {
background-color: #eeeeee;
font-weight: bold;
.cell {
color: #333;
}
}
/deep/.el-table { /deep/.el-table {
width: 100%; width: 100%;
.el-table__header-wrapper table, .el-table__header-wrapper table,
.el-table__body-wrapper table { .el-table__body-wrapper table {
width: 100% !important; width: 100% !important;
} }
.el-table__body, .el-table__body,
.el-table__footer, .el-table__footer,
.el-table__header { .el-table__header {
table-layout: auto; table-layout: auto;
} }
} }
.dialog { .dialog {
.xqtitle { .xqtitle {
text-align: left; text-align: left;
font-size: 18px; font-size: 18px;
span { span {
display: inline-block; display: inline-block;
width: 5px; width: 5px;
height: 20px; height: 20px;
background: #0d867f; background: #0d867f;
margin-right: 14px; margin-right: 14px;
vertical-align: middle; vertical-align: middle;
}
}
}
.textarea {
width: 100%;
.el-textarea {
width: 60%;
}
}
.Btn {
width: 200px;
margin: 0 auto;
span {
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;
}
.zjBtn {
width: 200px;
text-align: left;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
}
span:last-of-type {
background-color: #4ca6a7;
color: #fff;
padding: 5px 10px;
margin-left: 10px;
}
}
/deep/ .el-icon-position {
margin-right: 10px;
}
/deep/ .el-icon-folder-delete {
margin-right: 10px;
}
.cxItem {
text-align: right;
width: 20%;
.zjquery {
display: inline-block;
background-color: #4ca6a7;
width: 89px;
height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
}
.midBtn {
margin: 0 auto;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
}
span:first-of-type {
border: 1px solid grey;
}
span:last-of-type {
background-color: #4ca6a7;
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;
} }
}
}
.textarea {
width: 100%;
.el-textarea {
width: 60%;
}
}
.Btn {
width: 200px;
margin: 0 auto;
span {
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;
}
.zjBtn {
width: 200px;
text-align: left;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
}
span:last-of-type {
background-color: #4ca6a7;
color: #fff;
padding: 5px 10px;
margin-left: 10px;
}
}
/deep/ .el-icon-position {
margin-right: 10px;
}
/deep/ .el-icon-folder-delete {
margin-right: 10px;
}
.cxItem {
text-align: right;
width: 20%;
.zjquery {
display: inline-block;
background-color: #4ca6a7;
width: 89px;
height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
}
.midBtn {
margin: 0 auto;
span {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
}
span:first-of-type {
border: 1px solid grey;
}
span:last-of-type {
background-color: #4ca6a7;
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;
}
.setscroll { .setscroll {
width: 100%; width: 100%;
height: 650px; height: 650px;
position: relative; position: relative;
overflow: auto; overflow: auto;
} }
.dialog {
.content {
width: 100%;
display: flex;
flex-wrap: wrap;
p {
width: 24%;
text-align: left;
display: flex;
label {
display: inline-block;
width: 150px;
flex-shrink: 0;
text-align: right;
font-weight: bold;
margin-right: 20px;
vertical-align: middle;
}
span{
display: inline-block;
text-align: left
}
}
}
.table {
width: 100%;
display: flex;
p {
width: 150px;
text-align: right;
font-weight: bold;
}
.tablepg {
margin-top: 20px;
margin-left: 5px;
}
}
}
h3 {
text-align: left;
margin: 10px 0;
}
/deep/ .el-dialog__body{
padding-top: 1px;
}
.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> </style>
\ No newline at end of file
.message-wrap:hover .message-box[data-v-b6785b9e]{transition:all .3s;top:38px;opacity:1}.message-box[data-v-b6785b9e]{width:240px;background:#fff;position:absolute;left:-200px;z-index:999;top:-300px;opacity:0;font-size:12px}.message-box .title[data-v-b6785b9e]{padding:8px 16px;font-weight:600;color:#303133;line-height:17px;border:1px solid #f6f6f6}.message-box .content-list[data-v-b6785b9e]{position:relative;max-height:204px;min-height:80px;overflow-y:auto;padding:0 16px}.message-box .content-list .item[data-v-b6785b9e]{padding:8px 0;border-bottom:1px solid #f6f6f6;position:relative}.message-box .content-list .item .description[data-v-b6785b9e]{color:#303133;line-height:17px}.message-box .content-list .item .date[data-v-b6785b9e]{margin-top:2px;color:#969aa4;line-height:14px}.message-box .content-list .unread[data-v-b6785b9e]:after{content:" ";width:4px;height:4px;background:#ff1b1b;border-radius:50%;position:absolute;left:-8px;top:12px}.message-box .message-btn[data-v-b6785b9e]{height:30px;background:#f6f6f6;border-radius:0 0 4px 4px;display:flex}.message-box .message-btn>div[data-v-b6785b9e]{flex:1;height:30px;line-height:30px;text-align:center;color:var(--el-color-primary);cursor:pointer}.message-box .message-btn>div[data-v-b6785b9e]:first-child{border-right:1px solid #ebebeb}.main-table[data-v-0ef39cf6],.main-table[data-v-1cf455da],.main-table[data-v-23f5cf57],.main-table[data-v-2bfd0f28],.main-table[data-v-2d4b3534],.main-table[data-v-32f1d6a8],.main-table[data-v-3c90d453],.main-table[data-v-3f923732],.main-table[data-v-472849d0],.main-table[data-v-62e52fb8],.main-table[data-v-6399640f],.main-table[data-v-7c10297f],.main-table[data-v-ade32a88],.main-table[data-v-e512fdfc],.main-table[data-v-ff5d365c]{height:calc(100% - 115px)}.view-main[data-v-35b61c09]{height:calc(100% - 170px);min-height:300px}.main-table[data-v-35b61c09]{height:calc(100% - 50px)}.main-table[data-v-025fa689],.main-table[data-v-1813320c],.main-table[data-v-266e190c],.main-table[data-v-36444d9a],.main-table[data-v-3ec25ff6],.main-table[data-v-4616f770],.main-table[data-v-5685ba23]{height:calc(100% - 115px)}.dialog-enter-active[data-v-538fe4ec],.dialog-leave-active[data-v-538fe4ec]{transition:all .5s}.dialog-enter[data-v-538fe4ec],.dialog-leave-to[data-v-538fe4ec]{opacity:0;margin-top:-50px}.modal[data-v-538fe4ec]{position:fixed;right:0;top:0;left:0;bottom:0;z-index:2001;overflow:hidden}.modal .border-none[data-v-538fe4ec]{border:none!important}.modal .modal-mask-warp[data-v-538fe4ec]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.modal .modal-mask-show[data-v-538fe4ec]{background-color:rgba(0,0,0,.5);opacity:1;transition:opacity .5s}.modal .modal-mask-hide[data-v-538fe4ec]{opacity:0;transition:opacity .5s}.modal .modal-main[data-v-538fe4ec]{position:absolute;max-height:100vh;z-index:10;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:#fff;box-shadow:0 5px 12px 3px rgba(33,34,34,.1);border-radius:8px}.modal .modal-main .modal-hadeer[data-v-538fe4ec]{width:100%;height:46px;line-height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid #bfbfbf;border-radius:4px 4px 0 0;color:#fff;font-size:18px;font-weight:400}.modal .modal-main .modal-hadeer .close-icon[data-v-538fe4ec]{display:inline-block;cursor:pointer;height:100%;font-size:24px}.modal .modal-main .modal-body[data-v-538fe4ec]{position:relative;height:calc(100% - 107px);overflow-y:auto;color:#707070}.modal .modal-main .modal-footer[data-v-538fe4ec]{position:absolute;left:0;bottom:0;width:100%;height:52px;display:flex;justify-content:center;align-items:center;padding:0 19px;border-radius:0 0 4px 4px;background-color:#fff}.modal .modal-main .modal-footer[data-v-538fe4ec] .el-button{padding:6px 16px;letter-spacing:1px;height:32px}[data-v-c884ef38] .el-tabs__item.is-active,[data-v-c884ef38] .el-tabs__item:hover{color:#000}[data-v-c884ef38] .el-tabs__active-bar{background-color:#0a857f;height:5px}[data-v-c884ef38] .el-tabs__nav-wrap{padding-left:10px}.el-tabs__item.is-active[data-v-c884ef38]{color:#000}.el-tab-pane[data-v-c884ef38]{height:635px;overflow-y:auto}.body-container[data-v-c884ef38]{display:flex;padding:10px 0}.body-container ul[data-v-c884ef38]{flex:1;text-align:center}.body-container ul li[data-v-c884ef38]{min-height:36px}.dialog-serchBtn[data-v-c884ef38]{margin-left:10px}.detail-form[data-v-c884ef38]{padding:20px 20px 0;position:relative}.detail-form .el-col-6[data-v-c884ef38]{height:52px}.dialog-table[data-v-c884ef38]{padding:0 5px}.tab-pane-main[data-v-c884ef38]{padding:0 20px}.tab-pane-main .title[data-v-c884ef38]{position:relative;height:32px;line-height:32px;padding:0 0 0 10px;font-weight:400}.tab-pane-main .title .left-tag[data-v-c884ef38]{display:inline-block;height:16px;width:5px;background:#0a857f;border-radius:5px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.tab-pane-main .title .title-icon[data-v-c884ef38]{float:right;color:#309893;font-size:32px;cursor:pointer}.dialog-serchBtn[data-v-47c4bc14]{margin-left:10px}.detail-form[data-v-47c4bc14]{padding:20px 20px 0;position:relative}.detail-form .el-col-6[data-v-47c4bc14]{height:52px}.dialog-table[data-v-47c4bc14]{margin-top:20px;padding:0 10px}.view-main-box[data-v-12b0128e]{display:flex}.view-main-box>div[data-v-12b0128e]:first-child{margin-right:0}.view-main-box>div[data-v-12b0128e]:last-child{margin-left:15px}.view-main-box .one-column[data-v-12b0128e]{margin-left:20px!important;flex:none;width:calc(50% - 27.5px)}.one-row[data-v-12b0128e]{padding:15px 20px}.view-main[data-v-12b0128e]{margin:10px 0 0}.view-main .tex[data-v-12b0128e]{margin-left:10px}.view-main .title .more-btn[data-v-12b0128e]{float:right;font-weight:400;color:#0a857f;cursor:pointer}.view-main .view-main-container[data-v-12b0128e]{display:flex;padding:10px 0}.view-main .view-main-container ul[data-v-12b0128e]{flex:1;text-align:center}.view-main .view-main-container ul li[data-v-12b0128e]{min-height:36px}.view-main[data-v-de2bd844]{height:calc(50% - 172.5px);min-height:315px}.charts-box[data-v-de2bd844]{height:250px}.main-table[data-v-de2bd844]{max-height:calc(100% - 65px)!important}.view-main[data-v-48f690c1]{min-height:calc(50% - 160px);min-height:365px}.charts-box[data-v-48f690c1]{height:300px}.view-main[data-v-6be9f2a5]{height:calc(50% - 97.5px);min-height:365px}.charts-box[data-v-6be9f2a5]{height:300px}.main-table[data-v-6be9f2a5]{max-height:calc(100% - 65px);height:calc(100% - 65px)}.view-main[data-v-764acf57]{height:calc(50% - 172.5px);min-height:315px}.charts-box[data-v-764acf57]{height:250px}.main-table[data-v-764acf57]{height:calc(100% - 65px)!important}.view-main[data-v-5e4bc58f]{min-height:calc(50% - 160px);min-height:365px}.charts-box[data-v-5e4bc58f]{height:300px}.view-main[data-v-2c87f16e]{height:calc(50% - 97.5px);min-height:365px}.charts-box[data-v-2c87f16e]{height:300px}.main-table[data-v-2c87f16e]{max-height:calc(100% - 65px);height:calc(100% - 65px)}.view-main[data-v-e37836f8]{height:calc(50% - 172.5px);min-height:315px}.charts-box[data-v-e37836f8]{height:250px}.main-table[data-v-e37836f8]{height:calc(100% - 65px)}.view-main[data-v-6f5eff97]{min-height:calc(50% - 160px);min-height:365px}.charts-box[data-v-6f5eff97]{height:300px}.view-main[data-v-0d6fd7c0]{height:calc(50% - 97.5px);min-height:365px}.charts-box[data-v-0d6fd7c0]{height:300px}.main-table[data-v-0d6fd7c0]{max-height:calc(100% - 65px);height:calc(100% - 65px)}.view-main[data-v-98b0de26]{height:calc(50% - 172.5px);min-height:315px}.charts-box[data-v-98b0de26]{height:250px}.main-table[data-v-98b0de26]{height:calc(100% - 65px)!important}.view-main[data-v-19d055bc]{min-height:calc(50% - 160px);min-height:365px}.charts-box[data-v-19d055bc]{height:300px}.view-main[data-v-a34168e0]{height:calc(50% - 97.5px);min-height:365px}.charts-box[data-v-a34168e0]{height:300px}.main-table[data-v-a34168e0]{max-height:calc(100% - 65px);height:calc(100% - 65px)}.view-main[data-v-5d35c9de]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-5d35c9de]{height:calc(100% - 65px)}.view-main[data-v-67a9da9e]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-67a9da9e]{height:calc(100% - 65px)}.view-main[data-v-098d0570]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-098d0570]{height:calc(100% - 65px)}.view-main[data-v-78b99074]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-78b99074]{height:calc(100% - 65px)}.view-main[data-v-226aaee9]{min-height:265px;height:33.3333333333%}.charts-box[data-v-226aaee9]{height:calc(100% - 65px)}.view-main[data-v-75c8d0af]{min-height:265px;height:33.3333333333%}.charts-box[data-v-75c8d0af]{height:calc(100% - 65px)}.view-main[data-v-33948b8b]{min-height:265px;height:calc(50% - 40px)}.charts-box[data-v-33948b8b],.main-table[data-v-33948b8b]{height:calc(100% - 65px)}.view-main[data-v-07a523d0]{min-height:265px;height:33.3333333333%}.charts-box[data-v-07a523d0]{height:calc(100% - 65px)}.view-main[data-v-07cab362]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-07cab362]{height:calc(100% - 65px)}.view-main[data-v-62134f62]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-62134f62]{height:calc(100% - 65px)}.view-main[data-v-61abb16e]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-61abb16e]{height:calc(100% - 65px)}.view-main[data-v-44353bb7]{height:calc(50% - 100px);min-height:300px}.charts-box[data-v-44353bb7]{height:calc(100% - 65px)}.view-main[data-v-09e2e52a]{min-height:265px;height:33.3333333333%}.charts-box[data-v-09e2e52a]{height:calc(100% - 65px)}.view-main[data-v-2781aede]{min-height:265px;height:33.3333333333%}.charts-box[data-v-2781aede]{height:calc(100% - 65px)}.view-main[data-v-3ed26008]{min-height:265px;height:calc(50% - 40px)}.charts-box[data-v-3ed26008],.main-table[data-v-3ed26008]{height:calc(100% - 65px)}.view-main[data-v-5bef1416]{min-height:265px;height:33.3333333333%}.charts-box[data-v-5bef1416]{height:calc(100% - 65px)}.detail-form[data-v-000dcbea],.detail-form[data-v-2d4f827a],.detail-form[data-v-468cf9ef],.detail-form[data-v-4da772ac],.detail-form[data-v-6972dc2c],.detail-form[data-v-6d8dd7a4],.detail-form[data-v-7a9f8022]{padding:20px}.detail-form[data-v-67c1ab24]{padding:20px 20px 0;position:relative}.detail-form .dialog-row-serchBtn[data-v-67c1ab24]{position:relative}.detail-form .dialog-serchBtn[data-v-67c1ab24]{position:absolute;right:-90px;top:3px}.detail-form .el-col-6[data-v-67c1ab24]{height:52px}.dialog-table[data-v-67c1ab24]{padding:0 5px}.detail-form[data-v-2c60e312]{padding:20px}.detail-form[data-v-9bd192c2]{padding:20px 20px 0}.dialog-table[data-v-9bd192c2]{padding:0 5px}.detail-form[data-v-71077836]{padding:20px}.collapse[data-v-37005162]{position:absolute;bottom:0;width:100%;color:#fff;background-color:var(--app-menu-bg-color);text-align:center}.collapse>span[data-v-37005162]{font-size:32px}.collapse>span[data-v-37005162]:hover{cursor:pointer}.app-box[data-v-704f9050],.el-scrollbar[data-v-37005162]{height:100%}.app-header{width:100vw;height:50px;min-height:50px;background:var(--app-menu-bg-color);box-shadow:0 2px 4px 0 hsla(223,7%,59%,.2);position:relative;justify-content:space-between;padding-left:10px}.app-header,.app-header .header-left .logo-wrap{display:flex;align-items:center}.app-header .header-left .logo-wrap .logo{height:35px!important;margin-right:20px}.app-header .header-left .logo-wrap .title{font-size:26px;font-weight:400;color:#fff;white-space:nowrap;margin-right:20px}.app-header .header-left .logo-wrap .icon-caidan{font-size:24px;color:#fff;font-weight:600;cursor:pointer}.app-header .header-right{display:flex;align-items:center;min-width:38px;height:50px;line-height:50px;padding:0 10px}.app-header .header-right:hover{background:rgba(55,81,134,.2)}.app-header .header-right .user-box{display:flex;align-items:center;height:100%;font-size:16px;color:#fff}.article-container{width:100%;height:100%;position:relative;background:#f1f2f4;overflow:auto;display:flex;flex-wrap:nowrap}.app-aside{overflow-x:hidden;background:var(--app-menu-bg-colorr);transition:all .3s}.app-aside,.app-aside .sidebar-container{height:100%;position:relative;box-shadow:0 1px 10px 0 rgba(57,61,79,.1)}.app-aside .sidebar-container{z-index:9}.app-aside .sidebar-container .scrollbar-wrapper{height:calc(100vh - 10px);overflow-x:hidden!important;background-color:var(--app-menu-bg-color)}.app-aside .sidebar-container .scrollbar-wrapper .sub-menu-icon{min-width:18px}.app-aside .sidebar-container .scrollbar-wrapper .sub-menu-icon .iconfont{width:18px;height:18px;font-size:18px;margin-right:8px}.app-main{flex:1;position:relative;overflow:hidden}.app-main .app-section{margin-top:10px;width:100%;height:calc(100% - 10px);position:relative;padding:15px}:root .el-button--primary{background-color:#0a857f;border-color:#0a857f}:root .el-button--primary:focus,:root .el-button--primary:hover{background-color:#6cb6b2}:root .el-button--default:hover{color:#000}:root .el-button--primary.is-active,:root .el-button--primary:active{background-color:#6cb6b2!important}:root .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#6cb6b2;border-color:#6cb6b2}:root .el-checkbox__input.is-checked+.el-checkbox__label{color:#6cb6b2}:root .el-input__inner{height:32px;line-height:32px}:root .el-pagination .el-pager li.active{background-color:#6cb6b2!important}.app-menu .el-menu-item.is-active,.app-menu .el-menu-item:hover,.app-menu .el-submenu__title:hover{background-color:#3c847f;color:#fff}.app-menu .nest-menu .el-menu-item{padding-left:50px!important;padding-right:0}.app-menu .el-submenu__title{overflow:hidden}button.el-button{min-width:76px;padding:6px 12px;height:32px}button.el-button .iconfont{font-size:12px;color:inherit}.el-table{--el-table-header-text-color:#303133!important}.el-table .el-table__cell{padding:12px 0}.el-table .cell{font-weight:400;line-height:20px}.el-table .td-cell-style{padding:0 1px!important}.el-table .td-cell-style .cell{padding:0!important}.el-table .td-cell-style .el-input{height:38px;--el-input-border-radius:0px;--el-input-border-color:var(--el-color-primary);--el-input-hover-border:var(--el-color-primary);--el-input-hover-border-color:var(--el-color-primary)}.el-table .td-cell-style .el-select .el-input{height:inherit!important;min-height:38px}.el-table .td-cell-disable{background-color:#f4f4f5}.el-pagination{--el-pagination-hover-color:var(--el-color-primary)!important;--el-pagination-bg-color:var(--el-color-primary)}.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-pagination-hover-color)!important}.el-select{width:100%}.el-date-editor.el-input{--el-date-editor-width:100%}.el-checkbox{--el-checkbox-checked-text-color:inherit!important}.el-input-number .el-input__inner{text-align:left!important}.view-container{width:100%;height:100%;border-radius:5px;background-color:#fdfdfd;overflow-y:auto}.view-container .title{margin:0 10px;padding:20px 0;border-bottom:1px solid #e5e5e5;font-family:SourceHanSansCN-Bold;font-weight:700;font-style:normal;font-size:16px;color:#666}.view-container .serach-box{display:flex;padding:20px 0 20px 10px}.view-container .serach-box .search-form{display:flex;flex-wrap:wrap}.view-container .serach-box .search-form .el-form-item{margin:0;height:32px}.view-container .serach-box .search-button{margin-left:20px;height:40px;display:flex;align-items:center}.view-container .function-button{padding-left:20px;margin-top:50px}.view-container .card-box{padding:0 20px;display:flex}.view-container .card-box .card{margin-right:20px;width:200px;height:150px;border-radius:10px;background-color:#fff;box-shadow:0 10px 40px hsla(0,0%,80%,.349);text-align:center}.view-container .card-box .card .card-main{line-height:85px;font-weight:700;font-style:normal;font-size:32px;color:#000}.view-container .card-box .card .card-tip{font-weight:400;font-style:normal;font-size:12px;color:#000}.view-container .view-main-card{margin:25px 20px 0;height:calc(100% - 320px);border-radius:12px;box-shadow:0 4px 20px rgba(13,134,127,.298)}.view-container .view-main-card .charts-box{height:calc(100% - 65px)}.view-container .view-main-nocard{height:calc(100% - 170px)}.view-container .view-main-card-base,.view-container .view-main-nocard{margin:25px 20px 0;border-radius:12px;box-shadow:0 4px 20px rgba(13,134,127,.298)}.view-container .view-main-card-base{flex:1}.view-container .charts-box-noMargin{margin-top:0}.view-container .main-table{position:relative;max-height:calc(100vh - 254px);padding:20px}.view-container .main-table .main-table-hader-cell{background-color:#f5f6fa;color:#33336d}.view-container .main-table .main-table-cell-class{color:#33336d}.view-container .main-table .operate-btn{font-size:14px;color:#4066ea;cursor:pointer;margin-right:10px}.dialog-table{padding:0 10px}.dialog-table .dialog-table-hader-cell{background-color:#f5f6fa!important;color:#33336d!important}.dialog-table .dialog-table-cell-class{color:#33336d!important}.detail-form .input-row{width:240px}:root{--el-color-primary:#0a857f!important;--app-menu-bg-color:#57bdb2}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,d09GMgABAAAAAALoAAsAAAAABzwAAAKbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqBRIFGATYCJAMQCwoABCAFhGcHahtwBhHVk0VkPw9jcJtWRaE5TeZiHu2UNdFE+973eKD2+9/Zu/vkqwFJ3JKJN9FEwqtZiGLNs3tkiAwF+L+52W/h30UolsT+8tO2BdJSVrg0rAD4+1M56zwX4EcNgHTteV78YLlQx9KAtaHuYSXs9bxAXAXZPRiLfEVAqd5GysY/J81Sucns2qKVxOQGktawya9drijEJYkqFQV5dGUSjsmRHcme4mjw+fBb31Akk4vMfaatmbDK/W9jf5+OB/4jvuFxBNR5GXKI6I5EWNecXyEKVUxUOj0ZiKKijFEnTv4+/X/kZO0yS6/vHy8j5JnN5aA/ZY1OTOGwRH6fZAn8Pl2S4a00FFFwP8aJDNWmKpOJeVMkpfKd3y5zZ3db4EnunNNt9twu8+7YXZmv2nKuSku+c4bPnjVi7uxRc+bW77937+15KvT23r2IT/35kjmD/ujdUfY7U3aGNj918dsB21Ad2bNMkIwHYnjXv/Hv8uXd0qrhf4tlCXxauT5HNSQx8K4UsPzNGhaByKQlSKlK7Sj/VrFe5Oy0pZaLV1mm1rsxjHVwM0FRXQKZgtYQFbXFEtUVcsr0hbyiEVCqmwnry9TZJgqpBB0dJhBUuw6ZSjcgqvYAS9RzyGn0HfKq/YNSc0LFbmU6Brq8MRrBCooNfEmDtU0SCH2jmzrDZZk/cvBUCtIoyZdeOCAPMSfMLhOxYJl6eHLnYdcRjEwNlhLVImMex7bqLVFJ/e7GaAQrUGzAlzRYDy3Z73ujmzrDIPbPc/CUcJCKJAD20g9Q25XsE2aXEbHAMin24Cl4sVPzBMZqsQZLidQ9smMutlAW1UfzG/vH2welzD1TyEIMKeS03uDNIDSpDfvIqlaXdqHmVXStllKzFF3cZIbC73YA) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAR0AAsAAAAABzwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8V05lY21hcAAAAYgAAABiAAABnL6sPGVnbHlmAAAB7AAAAIAAAADEzvFpVWhlYWQAAAJsAAAALAAAADYn5RYIaGhlYQAAApgAAAAcAAAAJAfeA4VobXR4AAACtAAAAA4AAAAQEAAAAGxvY2EAAALEAAAACgAAAAoAfgA4bWF4cAAAAtAAAAAfAAAAIAERACBuYW1lAAAC8AAAAUAAAAJnEKM8sHBvc3QAAAQwAAAAQgAAAGpr2iIPeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjm9nsrc8L+BgYH5DgOQZGBEUcQEAHu2DTx4nO2QsQ2AMAwEzySgCDEKJWIARqFinygr0mSIYDsUDMFbZ9mvlwsDIxCUVYkgF4LpVFfcD8zuR3bdk9YA91FzLa19J5d4IvlVsaRM/Fq8b+8W7Gsdm2vu2L9r6TA8VDAW+gAAeJxdjUEKAjEMRX8TpAvdFJHuBrqQbnTd7XiyyU0CPcmcwttUjRldaPj8nwQeHwQbupNghz0QYm65sTud1qn3aXUPssV2GfLHVQMyu/9y3eMxfzh+cywcbIs4GllSOaeSONaYvbc2Xkag57jRoqpX10WVMTCTDKHD92sCXgjBMlp4nGNgZGBgAGLepWz34vltvjJwszCAwKPkTFZkmoWBGaSSg4EJxAMA35kGv3icY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAAAcADgAYgAAeJxjYGRgYGBhEGFgZgABJiDmAkIGhv9gPgMACu8BMgB4nIWRPW7CQBCFn8GQBJQoSqQ0aVYpKBLJ/JRIqVCgp6AHs+ZHttdaL0jUOU2OkBPkCOloc4pIedhDA0W82tlv3r6ZHckA7rCHh/K75y7ZwyWzkiu4wKNwlfqTsE9+Fq6hiZ5wnfqrcAMveBNusmPGDp5/xayFd2EPt/gQruAGn8JV6l/CPvlbuIYH/AjXqf8KNzDxroWbaHnhwOqp03M126lVaNLIpO54jvViE0/tqTzRNl+ZVHWDzlEa6VTbY5t8u+g5F6nImkQNeavj2KjMmrUOXbB0Luu325HoQWgSDGChMYVjnENhhh3jCiEMUkRFdGf5mO4FNohZaf91T+i2yKkfcoUuAnTOXCO60sJ5Ok2OLV/rUXV0K27LmoQ0lFrNSWKy4g883K2phNQDLIuqDH20uaITf1DMkPwB2JNvV3icY2BigAAuBuyAhZGJkZmRhZGVQTorMzGvJL80vjI1F8iKrwAS6cUZQCI+XxKbHJCIz2dLL03MS8pkYAAALWgYZgAA) format("woff"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8V05lAAABjAAAAGBjbWFwvqw8ZQAAAfwAAAGcZ2x5Zs7xaVUAAAOkAAAAxGhlYWQn5RYIAAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eBAAAAAAAAHsAAAAEGxvY2EAfgA4AAADmAAAAAptYXhwAREAIAAAARgAAAAgbmFtZRCjPLAAAARoAAACZ3Bvc3Rr2iIPAAAG0AAAAGoAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAA2lBt5fDzz1AAsEAAAAAADiY2kFAAAAAOJjaQUAAAAABAADAQAAAAgAAgAAAAAAAAABAAAABAAUAAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOZC65UDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAADmQuuT65X//wAA5kLrk+uV//8AAAAAAAAAAQAIAAgACAAAAAMAAQACAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAOZCAADmQgAAAAMAAOuTAADrkwAAAAEAAOuVAADrlQAAAAIAAAAAABwAOABiAAAAAgAAAAAC1gKAAAUACwAAAQcXNxc3AwcXNxc3AhXAHqKiHsDAHqKiHgGAwB6ioh4BwMAeoqIeAAACAAAAAALWAoAABQALAAABJzcXNxcDJzcXNxcCFcAeoqIewMAeoqIeAaLAHqKiHv5AwB6ioh4AAAMAAAAAA4ADAQADAAcAEwAAASERISURIREDBycHFwcXNxc3JzcDf/0BAv/9QQJ/n5+fLZ+fLZ+fLJ+fAwD9AEACgP2AAgyfny2fny2fny2fnwAAAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEACAATAAEAAAAAAAIABwAbAAEAAAAAAAMACAAiAAEAAAAAAAQACAAqAAEAAAAAAAUACwAyAAEAAAAAAAYACAA9AAEAAAAAAAoAKwBFAAEAAAAAAAsAEwBwAAMAAQQJAAAAJgCDAAMAAQQJAAEAEACpAAMAAQQJAAIADgC5AAMAAQQJAAMAEADHAAMAAQQJAAQAEADXAAMAAQQJAAUAFgDnAAMAAQQJAAYAEAD9AAMAAQQJAAoAVgENAAMAAQQJAAsAJgFjQ3JlYXRlZCBieSBpY29uZm9udGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQAbamlhbnRvdV95ZW1pYW5feGlhbmdzaGFuZ19vGWppYW50b3VfeWVtaWFuX3hpYW5neGlhX28GZ3VhbmJpAAAAAA==) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jiantou_yemian_xiangshang_o:before{content:"\eb93"}.icon-jiantou_yemian_xiangxia_o:before{content:"\eb95"}.icon-guanbi:before{content:"\e642"}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}#app,html{width:100%;height:100%}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;box-sizing:border-box;word-wrap:break-word;word-break:normal}body{margin:0;line-height:inherit;width:100%;height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.dark{color-scheme:dark}*,:after,:before{box-sizing:inherit}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
\ No newline at end of file
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><script defer="defer" src="/js/chunk-vendors.4a9bcec5.js"></script><script defer="defer" src="/js/app.ae14cf60.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.9c33aee3.css" rel="stylesheet"></head><body><div id="app"></div></body></html> <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><script defer="defer" src="/js/chunk-vendors.4a9bcec5.js"></script><script defer="defer" src="/js/app.45d90bcd.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.7e0f8893.css" rel="stylesheet"></head><body><div id="app"></div></body></html>
\ No newline at end of file \ No newline at end of file
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!