评分页样式调整

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'">
<template>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width = '120'
width = '100'
>
</el-table-column>
</el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width = '120'
width = '100'
>
</el-table-column>
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -62,7 +63,7 @@
prop="weight"
align="center"
label="指标权重 %"
width = '100'
width = '120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width = '200'
width = '400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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>
</template>
</el-table-column>
@@ -105,7 +106,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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>
</template>
</el-table-column>
@@ -3309,4 +3310,13 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>
@@ -21,6 +21,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'">
<template>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width = '120'
width = '100'
>
</el-table-column>
</el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width = '120'
width = '100'
>
</el-table-column>
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -62,7 +63,7 @@
prop="weight"
align="center"
label="指标权重 %"
width = '100'
width = '120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width = '200'
width = '400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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>
</template>
</el-table-column>
@@ -105,7 +106,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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>
</template>
</el-table-column>
@@ -3253,4 +3254,12 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>
@@ -22,6 +22,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'">
<template>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
@@ -35,7 +36,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width='120'
width='100'
>
</el-table-column>
</el-table-column>
@@ -46,13 +47,13 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width='120'
width='100'
>
</el-table-column>
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -63,7 +64,7 @@
prop="weight"
align="center"
label="指标权重 %"
width='100'
width='120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 :
@@ -78,13 +79,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width='200'
width='400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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"-->
</el-form-item>
</template>
@@ -109,7 +110,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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"-->
</el-form-item>
</template>
@@ -2833,4 +2834,12 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>
@@ -20,13 +20,14 @@
>
<div style="flex: auto;position: relative" id="active1" v-show="active === '1'">
<template>
<div style="position: absolute;z-index: 2;right: 67px;top: 5px;">
<el-button type="primary" plain @click="subFunc()">计算质量评价总平均分</el-button>
<div style="position: absolute;z-index: 2;right: 67px;top: 2px;">
<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;">
{{calScope()}}
</span>
</div>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
@@ -40,7 +41,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width = '120'
width = '100'
>
</el-table-column>
</el-table-column>
@@ -51,7 +52,7 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width = '120'
width = '100'
>
<template slot-scope="scope">
{{form.fsRejectStatus === 1 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}}
@@ -60,7 +61,7 @@
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -71,7 +72,7 @@
prop="weight"
align="center"
label="指标权重 %"
width = '100'
width = '120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -85,13 +86,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width = '200'
width = '400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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"-->
</el-form-item>
</template>
@@ -115,7 +116,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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"-->
</el-form-item>
</template>
@@ -2825,4 +2826,12 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>
@@ -25,7 +25,7 @@
:height="tablePHeight"
border
: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
prop="userName"
align="center"
@@ -38,18 +38,19 @@
</el-table>
</template>
<template style="width: 90%">
<div style="position: absolute;z-index: 2;right: 67px;top: 5px;">
<el-button type="primary" plain>计算质量评价总平均分</el-button>
<div style="position: absolute;z-index: 2;right: 67px;top: 2px;">
<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;">
{{calScope()}} {{form.fsRejectStatus === 2 ? '质量问题' : ''}}
</span>
</div>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
: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="标准类别"
@@ -58,7 +59,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width = '120'
width = '100'
>
</el-table-column>
</el-table-column>
@@ -69,7 +70,7 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width = '120'
width = '100'
>
<template slot-scope="scope">
{{form.fsRejectStatus === 2 ? filterTwoTitle(scope.row) : scope.row.twoIndexTitle}}
@@ -78,7 +79,7 @@
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -89,7 +90,7 @@
prop="weight"
align="center"
label="指标权重 %"
width = '100'
width = '120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -103,13 +104,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width = '200'
width = '400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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>
</template>
</el-table-column>
@@ -132,7 +133,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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>
</template>
</el-table-column>
@@ -3126,4 +3127,12 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>
@@ -21,6 +21,7 @@
<div style="flex: auto;" id="active1" v-show="active === '1'">
<template>
<el-table
class="scoreTable"
:data="form.evaluationData"
:summary-method="getSummaries"
show-summary
@@ -34,7 +35,7 @@
prop="oneIndexTitle"
align="center"
label="一级指标"
width = '120'
width = '100'
>
</el-table-column>
</el-table-column>
@@ -45,13 +46,13 @@
prop="twoIndexTitle"
align="center"
label="二级指标"
width = '120'
width = '100'
>
</el-table-column>
<el-table-column
prop="threeIndexTitle"
label="三级指标"
width="300"
width="370"
>
</el-table-column>
</el-table-column>
@@ -62,7 +63,7 @@
prop="weight"
align="center"
label="指标权重 %"
width = '100'
width = '120'
>
<template slot-scope="scope">
{{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项('+scope.row.weight+'分)'}}
@@ -76,13 +77,13 @@
prop="score"
align="center"
label="指标分值10分制8合格68不合格6"
width = '200'
width = '400'
>
<template slot-scope="scope">
<el-form-item
:prop="'evaluationData.'+scope.$index + '.score'"
: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>
</template>
</el-table-column>
@@ -105,7 +106,7 @@
<el-form-item
:prop="'evaluationData.'+scope.$index + '.reason'"
: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>
</template>
</el-table-column>
@@ -3281,4 +3282,12 @@
}
}
}
/deep/ .scoreTable {
.el-form-item {
margin-bottom: 0 !important;
}
.el-table__cell {
padding: 4px 0 !important;
}
}
</style>