评分页样式调整

This commit is contained in:
zyn
2023-11-13 11:15:03 +08:00
parent 1e7a36d8f5
commit 99ed3e4fe8
6 changed files with 103 additions and 48 deletions
@@ -21,6 +21,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'"> <div style="flex: auto;" id="active1" v-show="active === '1'">
<template> <template>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -62,7 +63,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width = '100' width = '120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}} {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width = '200' width = '400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" > :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" >
<el-input v-model.number="scope.row.score" placeholder="请填写分值" /> <el-input v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -105,7 +106,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" > :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" >
<el-input v-model="scope.row.reason" placeholder="请填写扣分理由" /> <el-input v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -3309,4 +3310,13 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>
@@ -21,6 +21,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'"> <div style="flex: auto;" id="active1" v-show="active === '1'">
<template> <template>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -62,7 +63,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width = '100' width = '120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}} {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width = '200' width = '400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" > :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" >
<el-input v-model.number="scope.row.score" placeholder="请填写分值" /> <el-input v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -105,7 +106,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" > :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" >
<el-input v-model="scope.row.reason" placeholder="请填写扣分理由" /> <el-input v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -3253,4 +3254,12 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>
@@ -22,6 +22,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'"> <div style="flex: auto;" id="active1" v-show="active === '1'">
<template> <template>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@@ -35,7 +36,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width='120' width='100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -46,13 +47,13 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width='120' width='100'
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -63,7 +64,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width='100' width='120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : {{scope.row.valueType === 'number' ? scope.row.weight * 100 :
@@ -78,13 +79,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width='200' width='400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot"> :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot">
<el-input v-model.number="scope.row.score" placeholder="请填写分值"/> <el-input v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
<!-- :disabled="form.fsRejectStatus === 1"--> <!-- :disabled="form.fsRejectStatus === 1"-->
</el-form-item> </el-form-item>
</template> </template>
@@ -109,7 +110,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot"> :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot">
<el-input v-model="scope.row.reason" placeholder="请填写扣分理由"/> <el-input v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
<!-- :disabled="form.fsRejectStatus === 1"--> <!-- :disabled="form.fsRejectStatus === 1"-->
</el-form-item> </el-form-item>
</template> </template>
@@ -2833,4 +2834,12 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>
@@ -20,13 +20,14 @@
> >
<div style="flex: auto;position: relative" id="active1" v-show="active === '1'"> <div style="flex: auto;position: relative" id="active1" v-show="active === '1'">
<template> <template>
<div style="position: absolute;z-index: 2;right: 67px;top: 5px;"> <div style="position: absolute;z-index: 2;right: 67px;top: 2px;">
<el-button type="primary" plain @click="subFunc()">计算质量评价总平均分</el-button> <el-button type="primary" plain @click="subFunc()" size="mini">计算质量评价总平均分</el-button>
<span style="font-size: 20px;color: rgb(255, 153, 0);position: relative;top: 3px;margin-left: 15px;"> <span style="font-size: 20px;color: rgb(255, 153, 0);position: relative;top: 3px;margin-left: 15px;">
{{calScope()}} {{calScope()}}
</span> </span>
</div> </div>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@@ -40,7 +41,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -51,7 +52,7 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width = '120' width = '100'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{form.fsRejectStatus === 1 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}} {{form.fsRejectStatus === 1 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}}
@@ -60,7 +61,7 @@
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -71,7 +72,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width = '100' width = '120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}} {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -85,13 +86,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width = '200' width = '400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" > :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" >
<el-input v-model.number="scope.row.score" placeholder="请填写分值" /> <el-input v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
<!-- :disabled="form.fsRejectStatus === 1"--> <!-- :disabled="form.fsRejectStatus === 1"-->
</el-form-item> </el-form-item>
</template> </template>
@@ -115,7 +116,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" > :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" >
<el-input v-model="scope.row.reason" placeholder="请填写扣分理由" /> <el-input v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
<!-- :disabled="form.fsRejectStatus === 1"--> <!-- :disabled="form.fsRejectStatus === 1"-->
</el-form-item> </el-form-item>
</template> </template>
@@ -2825,4 +2826,12 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>
@@ -25,7 +25,7 @@
:height="tablePHeight" :height="tablePHeight"
border border
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}" :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
style="width: 10%;float: left;margin-right: 20px;"> style="width: calc(10% - 20px);float: left;margin-right: 20px;">
<el-table-column <el-table-column
prop="userName" prop="userName"
align="center" align="center"
@@ -38,18 +38,19 @@
</el-table> </el-table>
</template> </template>
<template style="width: 90%"> <template style="width: 90%">
<div style="position: absolute;z-index: 2;right: 67px;top: 5px;"> <div style="position: absolute;z-index: 2;right: 67px;top: 2px;">
<el-button type="primary" plain>计算质量评价总平均分</el-button> <el-button type="primary" plain size="mini">计算质量评价总平均分</el-button>
<span style="font-size: 20px;color: rgb(255, 153, 0);position: relative;top: 3px;margin-left: 15px;"> <span style="font-size: 20px;color: rgb(255, 153, 0);position: relative;top: 3px;margin-left: 15px;">
{{calScope()}} {{form.fsRejectStatus === 2 ? '质量问题' : ''}} {{calScope()}} {{form.fsRejectStatus === 2 ? '质量问题' : ''}}
</span> </span>
</div> </div>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
:span-method="(({row, column, rowIndex, columnIndex})=>objectSpanMethod({row, column, rowIndex, columnIndex},form.evaluationData))" :span-method="(({row, column, rowIndex, columnIndex})=>objectSpanMethod({row, column, rowIndex, columnIndex},form.evaluationData))"
style="width: 88%"> style="width: 90%">
<el-table-column label="企业标准编写质量评价表" align="center" label-class-name="column1"> <el-table-column label="企业标准编写质量评价表" align="center" label-class-name="column1">
<el-table-column <el-table-column
label="标准类别" label="标准类别"
@@ -58,7 +59,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -69,7 +70,7 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width = '120' width = '100'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{form.fsRejectStatus === 2 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}} {{form.fsRejectStatus === 2 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}}
@@ -78,7 +79,7 @@
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -89,7 +90,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width = '100' width = '120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}} {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -103,13 +104,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width = '200' width = '400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" > :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" >
<el-input disabled v-model.number="scope.row.score" placeholder="请填写分值" /> <el-input disabled v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -132,7 +133,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" > :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" >
<el-input disabled v-model="scope.row.reason" placeholder="请填写扣分理由" /> <el-input disabled v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -3126,4 +3127,12 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>
@@ -21,6 +21,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'"> <div style="flex: auto;" id="active1" v-show="active === '1'">
<template> <template>
<el-table <el-table
class="scoreTable"
:data="form.evaluationData" :data="form.evaluationData"
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle" prop="oneIndexTitle"
align="center" align="center"
label="一级指标" label="一级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle" prop="twoIndexTitle"
align="center" align="center"
label="二级指标" label="二级指标"
width = '120' width = '100'
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="threeIndexTitle" prop="threeIndexTitle"
label="三级指标" label="三级指标"
width="300" width="370"
> >
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -62,7 +63,7 @@
prop="weight" prop="weight"
align="center" align="center"
label="指标权重 %" label="指标权重 %"
width = '100' width = '120'
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}} {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score" prop="score"
align="center" align="center"
label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分" label="指标分值(10分制)优≥8分;合格6~8分;不合格<6分"
width = '200' width = '400'
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.score'" :prop="'evaluationData.'+scope.$index + '.score'"
:rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" > :rules="scope.row.valueType !== 'add' ? rules.score : rules.scoreNot" >
<el-input v-model.number="scope.row.score" placeholder="请填写分值" /> <el-input v-model.number="scope.row.score" placeholder="请填写分值" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -105,7 +106,7 @@
<el-form-item <el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'" :prop="'evaluationData.'+scope.$index + '.reason'"
:rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" > :rules="scope.row.score < 6 ? rules.reason : rules.reasonNot" >
<el-input v-model="scope.row.reason" placeholder="请填写扣分理由" /> <el-input v-model="scope.row.reason" placeholder="请填写扣分理由" size="mini" />
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
@@ -3281,4 +3282,12 @@
} }
} }
} }
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style> </style>