样式调整
rdpnr_hemingxia
parent
b3bd2eff61
commit
5757b4d23c
|
|
@ -208,6 +208,12 @@ export const taskApi = {
|
|||
url: `/task/target/${id}`,
|
||||
method: 'get',
|
||||
}),
|
||||
setTaskSet: (data) => request({
|
||||
url: `/task/config/update`,
|
||||
method: 'put',
|
||||
data: data,
|
||||
|
||||
}),
|
||||
getTaskModel: (data) => request({
|
||||
url: `/examine/template/list`,
|
||||
method: 'get',
|
||||
|
|
|
|||
|
|
@ -10,34 +10,14 @@
|
|||
<div>
|
||||
<el-form :inline="true" class="demo-form-inline" size="small">
|
||||
<el-form-item label="人员姓名" class="form-item">
|
||||
<el-select
|
||||
v-model="examineId"
|
||||
placeholder="请选择"
|
||||
@change="userChange"
|
||||
style="width: 300px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.userName"
|
||||
:value="item.id"
|
||||
>
|
||||
<el-select v-model="examineId" placeholder="请选择" @change="userChange" style="width: 300px">
|
||||
<el-option v-for="item in userList" :key="item.id" :label="item.userName" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务名称" class="form-item">
|
||||
<el-select
|
||||
v-model="examineTaskId"
|
||||
placeholder="请选择"
|
||||
@change="getUserList"
|
||||
style="width: 300px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in taskList"
|
||||
:key="item.id"
|
||||
:label="item.taskName"
|
||||
:value="item.id"
|
||||
>
|
||||
<el-select v-model="examineTaskId" placeholder="请选择" @change="getUserList" style="width: 300px">
|
||||
<el-option v-for="item in taskList" :key="item.id" :label="item.taskName" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
|
@ -46,11 +26,8 @@
|
|||
</div>
|
||||
<div class="flex-row jcsb aic userBox headerBox">
|
||||
<div class="flex-row aic" style="width: 200px">
|
||||
<i
|
||||
class="el-icon-user-solid"
|
||||
style="color: #4096ff; font-size: 24px; margin-right: 5px"
|
||||
></i
|
||||
>{{ (userList.find((ele) => ele.id == examineId) || {}).userName }}
|
||||
<i class="el-icon-user-solid" style="color: #4096ff; font-size: 24px; margin-right: 5px"></i>{{
|
||||
(userList.find((ele) => ele.id == examineId) || {}).userName}}
|
||||
</div>
|
||||
<div class="totalBox aic">
|
||||
<div>考核评分：</div>
|
||||
|
|
@ -60,92 +37,62 @@
|
|||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="组长评估" name="first">
|
||||
<div class="tableBox">
|
||||
<div
|
||||
class="tableRow"
|
||||
v-for="(table, index) in tableData1"
|
||||
:key="index"
|
||||
style="margin-bottom: 20px"
|
||||
>
|
||||
<div class="tableRow" v-for="(table, index) in tableData1" :key="index" style="margin-bottom: 20px">
|
||||
<div class="userBox">{{ table[0].reviewCategory }}</div>
|
||||
<el-table :data="table" style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(header, hIndex) in headers"
|
||||
:key="hIndex"
|
||||
:label="header.label"
|
||||
:prop="header.prop"
|
||||
:width="header.width"
|
||||
:minWidth="header.minWidth"
|
||||
>
|
||||
<el-table-column v-for="(header, hIndex) in headers" :key="hIndex" :label="header.label"
|
||||
:prop="header.prop" :width="header.width" :minWidth="header.minWidth">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="评分"
|
||||
prop="score"
|
||||
:minWidth="420"
|
||||
class-name="sorceTableCell"
|
||||
>
|
||||
<el-table-column class-name="editCell" label="员工自评" prop="score"
|
||||
v-if="examineTask.templateId && table[0].reviewCategory == '发展与协作' && examineTask.templateType != 0"
|
||||
min-width="220">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/300" v-model="scope.row.remark"
|
||||
readonly maxlength="300" show-word-limit>
|
||||
</el-input>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="评分" prop="score" :minWidth="420" class-name="sorceTableCell">
|
||||
<template slot-scope="scope">
|
||||
<div style="width: 88%; position: relative">
|
||||
<div>
|
||||
<div
|
||||
class="flex-row jcsb"
|
||||
style="
|
||||
<div class="flex-row jcsb" style="
|
||||
margin-left: 10px;
|
||||
width: 90%;
|
||||
color: #999;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
"
|
||||
>
|
||||
">
|
||||
<div>0</div>
|
||||
<div v-show="scope.row.score != 10">10</div>
|
||||
</div>
|
||||
<div
|
||||
class="scoreText aic"
|
||||
v-show="scope.row.score != 0"
|
||||
:style="{
|
||||
<div class="scoreText aic" v-show="scope.row.score != 0" :style="{
|
||||
left: scope.row.score * 9 - 5 + '%',
|
||||
}"
|
||||
>
|
||||
<img
|
||||
src="@/assets/task/score.png"
|
||||
:style="{
|
||||
}">
|
||||
<img src="@/assets/task/score.png" :style="{
|
||||
height: '28px',
|
||||
width: '34px',
|
||||
zIndex: 0,
|
||||
position: 'absolute',
|
||||
top: '0',
|
||||
}"
|
||||
alt=""
|
||||
/>
|
||||
<div
|
||||
:style="{
|
||||
}" alt="" />
|
||||
<div :style="{
|
||||
zIndex: 10,
|
||||
paddingLeft: scope.row.score != 10 ? '13px' : '9px',
|
||||
}"
|
||||
>
|
||||
}">
|
||||
{{ scope.row.score }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-for="item in scope.row.score == 0
|
||||
<div v-for="item in scope.row.score == 0
|
||||
? 0
|
||||
: scope.row.score - 1"
|
||||
:key="item"
|
||||
class="stepBox"
|
||||
:style="{
|
||||
: scope.row.score - 1" :key="item" class="stepBox" :style="{
|
||||
left: item * 9 + 1.5 + '%',
|
||||
}"
|
||||
></div>
|
||||
<el-slider
|
||||
v-model="scope.row.score"
|
||||
:min="0"
|
||||
:max="10"
|
||||
:disabled="true"
|
||||
style="width: 90%"
|
||||
show-stops
|
||||
show-tooltip
|
||||
></el-slider>
|
||||
}"></div>
|
||||
<el-slider v-model="scope.row.score" :min="0" :max="10" :disabled="true" style="width: 90%"
|
||||
show-stops show-tooltip></el-slider>
|
||||
</div>
|
||||
<div class="statusText" v-show="scope.row.score == 0">
|
||||
暂未打分
|
||||
|
|
@ -154,116 +101,70 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div class="userBox">总体评价</div>
|
||||
<div>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="0/300"
|
||||
v-model="judgeContent"
|
||||
:readonly="true"
|
||||
maxlength="300"
|
||||
show-word-limit
|
||||
>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/300" v-model="judgeContent"
|
||||
:readonly="true" maxlength="300" show-word-limit>
|
||||
</el-input>
|
||||
</div>
|
||||
<div style="margin-top: 20px;font-weight: bold;">组长：{{ manageUserName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></el-tab-pane
|
||||
>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="个人自评" name="second">
|
||||
<div class="tableBox">
|
||||
<div
|
||||
class="tableRow"
|
||||
v-for="(table, index) in tableData2"
|
||||
:key="index"
|
||||
style="margin-bottom: 20px"
|
||||
>
|
||||
<div class="tableRow" v-for="(table, index) in tableData2" :key="index" style="margin-bottom: 20px">
|
||||
<div class="userBox">{{ table[0].reviewCategory }}</div>
|
||||
<el-table :data="table" style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(header, hIndex) in headers"
|
||||
:key="hIndex"
|
||||
:label="header.label"
|
||||
:prop="header.prop"
|
||||
:width="header.width"
|
||||
:minWidth="header.minWidth"
|
||||
>
|
||||
<el-table-column v-for="(header, hIndex) in headers" :key="hIndex" :label="header.label"
|
||||
:prop="header.prop" :width="header.width" :minWidth="header.minWidth">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="评分"
|
||||
prop="score"
|
||||
:minWidth="320"
|
||||
class-name="sorceTableCell"
|
||||
>
|
||||
|
||||
<el-table-column label="评分" prop="score" :minWidth="320" class-name="sorceTableCell"
|
||||
v-if="table[0].reviewCategory != '发展与协作'">
|
||||
<template slot-scope="scope">
|
||||
<div style="width: 88%; position: relative">
|
||||
<div>
|
||||
<div
|
||||
class="flex-row jcsb"
|
||||
style="
|
||||
<div class="flex-row jcsb" style="
|
||||
margin-left: 10px;
|
||||
width: 90%;
|
||||
color: #999;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
"
|
||||
>
|
||||
">
|
||||
<div>0</div>
|
||||
<div v-show="scope.row.score != 10">10</div>
|
||||
</div>
|
||||
<div
|
||||
class="scoreText aic"
|
||||
v-show="scope.row.score != 0"
|
||||
:style="{
|
||||
<div class="scoreText aic" v-show="scope.row.score != 0" :style="{
|
||||
left: scope.row.score * 9 - 5 + '%',
|
||||
}"
|
||||
>
|
||||
<img
|
||||
src="@/assets/task/score.png"
|
||||
:style="{
|
||||
}">
|
||||
<img src="@/assets/task/score.png" :style="{
|
||||
height: '28px',
|
||||
width: '34px',
|
||||
zIndex: 0,
|
||||
position: 'absolute',
|
||||
top: '0',
|
||||
}"
|
||||
alt=""
|
||||
/>
|
||||
<div
|
||||
:style="{
|
||||
}" alt="" />
|
||||
<div :style="{
|
||||
zIndex: 10,
|
||||
paddingLeft: scope.row.score != 10 ? '13px' : '9px',
|
||||
}"
|
||||
>
|
||||
}">
|
||||
{{ scope.row.score }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-for="item in scope.row.score == 0
|
||||
<div v-for="item in scope.row.score == 0
|
||||
? 0
|
||||
: scope.row.score - 1"
|
||||
:key="item"
|
||||
class="stepBox"
|
||||
:style="{
|
||||
: scope.row.score - 1" :key="item" class="stepBox" :style="{
|
||||
left: item * 9 + 1.5 + '%',
|
||||
}"
|
||||
></div>
|
||||
<el-slider
|
||||
v-model="scope.row.score"
|
||||
:min="0"
|
||||
:max="10"
|
||||
@change="updateScore(scope.row)"
|
||||
:disabled="true"
|
||||
style="width: 90%"
|
||||
show-stops
|
||||
show-tooltip
|
||||
></el-slider>
|
||||
}"></div>
|
||||
<el-slider v-model="scope.row.score" :min="0" :max="10" @change="updateScore(scope.row)"
|
||||
:disabled="true" style="width: 90%" show-stops show-tooltip></el-slider>
|
||||
</div>
|
||||
<div class="statusText" v-show="scope.row.score == 0">
|
||||
暂未打分
|
||||
|
|
@ -271,35 +172,42 @@
|
|||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="自评总结" prop="score" width="150">
|
||||
<el-table-column label="自评总结" prop="score" width="150"
|
||||
v-if="(examineTask.templateId && table[0].reviewCategory == '发展与协作') || !examineTask.templateId">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-button
|
||||
@click="handleEdit(scope.row)"
|
||||
type="text"
|
||||
size="mini"
|
||||
:class="{ hasEdit: !scope.row.remark }"
|
||||
style="font-weight: 600"
|
||||
>{{ scope.row.remark ? "查看" : "暂未评价" }}</el-button
|
||||
>
|
||||
<el-button @click="handleEdit(scope.row)" type="text" size="mini"
|
||||
:class="{ hasEdit: !scope.row.remark }" style="font-weight: 600">{{ scope.row.remark ? "查看" :
|
||||
"暂未评价" }}</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div v-if="examineTask.templateType != 0 && table[0].reviewCategory != '发展与协作'" style="margin-top: 10px;">
|
||||
<div class="userBox">评价</div>
|
||||
<div>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/300" v-model="table[0].remarkCate"
|
||||
readonly maxlength="300" show-word-limit>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div class="userBox">总体评价</div>
|
||||
<div>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/300" v-model="selfJudgeContent"
|
||||
:readonly="true" maxlength="300" show-word-limit>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<el-dialog title="自评总结" :visible.sync="dialogVisible" width="30%">
|
||||
<div>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="0/200"
|
||||
v-model="remark"
|
||||
readonly
|
||||
>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/200" v-model="remark" readonly>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
|
|
@ -333,9 +241,12 @@ export default {
|
|||
tableData2: [],
|
||||
taskList: [],
|
||||
judgeContent: "",
|
||||
selfJudgeContent: "",
|
||||
score: "",
|
||||
activeName: "first",
|
||||
manageUserName: "",
|
||||
examineTask: {},
|
||||
examineRemark: {}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -389,16 +300,24 @@ export default {
|
|||
examineId: this.examineId,
|
||||
};
|
||||
taskApi.getTaskScoreDetail(param).then((res) => {
|
||||
this.examineRemark = res.data.remark
|
||||
|
||||
let objData = {};
|
||||
res.data.examineConfigDetailVoList.forEach((ele) => {
|
||||
if (!objData[ele.reviewCategory]) objData[ele.reviewCategory] = [];
|
||||
objData[ele.reviewCategory].push(ele);
|
||||
});
|
||||
if (type == 0) this.tableData1 = Object.values(objData);
|
||||
else this.tableData2 = Object.values(objData);
|
||||
else this.tableData2 = Object.values(objData).map((ele, index) => {
|
||||
ele[0].remarkCate = this.examineRemark[index]?.remark
|
||||
return ele
|
||||
});;
|
||||
this.judgeContent = res.data.examineUser.judgeContent;
|
||||
this.selfJudgeContent = res.data.examineUser.judgeContent;
|
||||
|
||||
|
||||
this.manageUserName = res.data.examineUser.manageUserName;
|
||||
this.examineTask = res.data.examineTask
|
||||
if (res.data.examineUser.score) {
|
||||
this.score = res.data.examineUser.score;
|
||||
} else if (res.data.examineUser.manageScore) {
|
||||
|
|
@ -419,9 +338,11 @@ export default {
|
|||
.conetentBox {
|
||||
padding: 40px 30px 30px;
|
||||
background-color: #fff;
|
||||
height: 90vh; /* 设置整体高度 */
|
||||
height: 90vh;
|
||||
/* 设置整体高度 */
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.el-table {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
|
@ -431,31 +352,37 @@ export default {
|
|||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
::v-deep .el-slider__runway {
|
||||
height: 14px;
|
||||
border-radius: 10px;
|
||||
margin: 10px !important;
|
||||
/* width: 95%; */
|
||||
}
|
||||
|
||||
::v-deep .el-slider__runway.disabled .el-slider__bar {
|
||||
height: 14px;
|
||||
border-radius: 10px;
|
||||
|
||||
background-color: #ff5722;
|
||||
}
|
||||
|
||||
::v-deep .el-slider__stop {
|
||||
height: 14px;
|
||||
border-radius: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
::v-deep .el-slider__bar {
|
||||
height: 14px;
|
||||
border-radius: 10px;
|
||||
background: linear-gradient(to right, #ffb144, #ff7d00);
|
||||
}
|
||||
|
||||
::v-deep .el-slider__button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.scoreText {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
|
|
@ -464,6 +391,7 @@ export default {
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
::v-deep .el-table th {
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
|
|
@ -475,6 +403,7 @@ export default {
|
|||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.statusText {
|
||||
color: #ff7d00;
|
||||
position: absolute;
|
||||
|
|
@ -483,43 +412,52 @@ export default {
|
|||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hasEdit {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
margin-top: 15% !important;
|
||||
}
|
||||
|
||||
.tableBox {
|
||||
height: 75%;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.tableBox ::v-deep .el-table {
|
||||
border-left: 1px solid #eeeeee;
|
||||
border-right: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.tableRow {
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 20px #0000000f;
|
||||
}
|
||||
|
||||
.titleBox {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
padding: 20px;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 4px;
|
||||
height: 24px;
|
||||
background-color: #4096ff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.stepBox {
|
||||
position: absolute;
|
||||
top: 33px;
|
||||
|
|
@ -528,6 +466,7 @@ export default {
|
|||
background-color: #fff;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.totalBox {
|
||||
width: 180px;
|
||||
display: flex;
|
||||
|
|
@ -535,28 +474,35 @@ export default {
|
|||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.scoreTotal {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #ff7d00;
|
||||
}
|
||||
|
||||
::v-deep .sorceTableCell .cell {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
::v-deep .el-table__body .el-table__cell {
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
::v-deep .el-table__header .el-table__cell {
|
||||
padding: 14px 30px;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__item.is-active {
|
||||
color: #4096ff;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__item {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__active-bar {
|
||||
height: 3px;
|
||||
width: 32px !important;
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
</el-table-column>
|
||||
<el-table-column class-name="editCell" label="员工自评" prop="score"
|
||||
v-if="!isNormal && examineTask.templateId && table[0].reviewCategory == '发展与协作' && examineTask.templateType != 0"
|
||||
min-width="220">
|
||||
min-width="320">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="0/300" v-model="scope.row.remark"
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="评分" prop="score"
|
||||
:minWidth="isNormal ? 320 : table[0].reviewCategory == '发展与协作' ? 220 : 420" class-name="sorceTableCell"
|
||||
:minWidth="400" class-name="sorceTableCell"
|
||||
v-if="(isNormal && table[0].reviewCategory != '发展与协作') || !isNormal">
|
||||
<template slot-scope="scope">
|
||||
<div style="width: 88%; position: relative">
|
||||
|
|
@ -121,6 +121,7 @@
|
|||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -159,7 +160,8 @@ export default {
|
|||
{
|
||||
label: "评分标准",
|
||||
prop: "remarks",
|
||||
minWidth: this.$route.query.isNormal ? 240 : 360,
|
||||
minWidth:300
|
||||
// width: '25%',
|
||||
},
|
||||
],
|
||||
// 二维数组，每个子数组代表一个表格的数据
|
||||
|
|
@ -183,6 +185,7 @@ export default {
|
|||
},
|
||||
examineUser: {},
|
||||
examineTask: {},
|
||||
examineRemark: {},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -206,20 +209,27 @@ export default {
|
|||
param.examineId = this.examineId;
|
||||
taskApi.getTaskScoreDetail(param).then((res) => {
|
||||
let objData = {};
|
||||
res.data.examineConfigDetailVoList.forEach((ele) => {
|
||||
this.examineRemark = res.data.remark;
|
||||
res.data.examineConfigDetailVoList.forEach((ele, index) => {
|
||||
if (!objData[ele.reviewCategory]) objData[ele.reviewCategory] = [];
|
||||
objData[ele.reviewCategory].push(ele);
|
||||
});
|
||||
this.tableData = Object.values(objData);
|
||||
|
||||
this.tableData = Object.values(objData).map((ele, index) => {
|
||||
ele[0].remarkCate = this.examineRemark[index]?.remark
|
||||
return ele
|
||||
});
|
||||
if (!this.examineId) {
|
||||
} else {
|
||||
this.saveData.judgeContent = res.data.examineUser.judgeContent || "";
|
||||
this.saveData.manageScore = res.data.examineUser.manageScore || "";
|
||||
}
|
||||
|
||||
this.examineId = res.data.examineUser.id;
|
||||
this.examineTask = res.data.examineTask;
|
||||
this.examineUser = res.data.examineUser;
|
||||
if (this.examineTask.templateType == 0) {
|
||||
this.saveData.judgeContent = res.data.examineUser.selfJudgeContent
|
||||
}
|
||||
if (
|
||||
res.data.examineUser.examineStatusSelf == 1 &&
|
||||
res.data.examineUser.examineStatus == 1
|
||||
|
|
@ -258,7 +268,11 @@ export default {
|
|||
remark: ele.remark,
|
||||
reviewCategory: ele.reviewCategory,
|
||||
}));
|
||||
if (this.examineTask.templateType != 0 && this.isNormal) {
|
||||
this.saveData.examineRemarkList = this.tableData.filter((ele) => ele[0].reviewCategory != '发展与协作').map((ele) => ({ reviewCategory: ele[0].reviewCategory, remark: ele[0].remarkCate }))
|
||||
} else {
|
||||
this.saveData.examineRemarkList = []
|
||||
}
|
||||
|
||||
this.saveData.taskId = this.examineTaskId;
|
||||
this.saveData.examineId = this.examineId;
|
||||
|
|
@ -269,6 +283,10 @@ export default {
|
|||
|
||||
// 保存
|
||||
if (status == 0) {
|
||||
if (this.isNormal && this.examineTask.templateType == 0) {
|
||||
this.saveData.selfJudgeContent = this.saveData.judgeContent
|
||||
this.saveData.judgeContent = ''
|
||||
}
|
||||
this.saveScore();
|
||||
return;
|
||||
}
|
||||
|
|
@ -287,6 +305,15 @@ export default {
|
|||
confirmButtonText: "确定",
|
||||
type: "warning",
|
||||
});
|
||||
} else if (
|
||||
this.saveData.examineDetailList.filter((ele) => ele.remark.length < 100 && ele.reviewCategory == '发展与协作').length &&
|
||||
this.isNormal &&
|
||||
status
|
||||
) {
|
||||
this.$alert("发展与协作下的自评总结最少100个字符，请完善后再试", "提交失败", {
|
||||
confirmButtonText: "确定",
|
||||
type: "warning",
|
||||
});
|
||||
} else if (this.saveData.judgeContent.length > 300 && !this.isNormal && this.examineTask.templateType == '0') {
|
||||
this.$message({
|
||||
message: "总体评价限制300个字符",
|
||||
|
|
@ -297,11 +324,21 @@ export default {
|
|||
message: "总体评价为必填",
|
||||
type: "warning",
|
||||
});
|
||||
} else if (this.saveData.examineRemarkList.filter((ele) => !ele.remark).length && this.isNormal) {
|
||||
} else if (!this.saveData.judgeContent.length && this.isNormal && this.examineTask.templateType == 0) {
|
||||
this.$message({
|
||||
message: "个人总体评价为必填",
|
||||
type: "warning",
|
||||
});
|
||||
} else if (this.saveData.examineRemarkList.filter((ele) => !ele.remark).length && this.isNormal && this.examineTask.templateType != 0 && this.isNormal) {
|
||||
this.$message({
|
||||
message: "存在未填写大类评价，请完善后再试",
|
||||
type: "warning",
|
||||
});
|
||||
} else if (this.saveData.examineRemarkList.filter((ele) => ele.remark.length < 100).length && this.isNormal && this.examineTask.templateType != 0 && this.isNormal) {
|
||||
this.$message({
|
||||
message: "大类评价最少100个字符，请完善后再试",
|
||||
type: "warning",
|
||||
});
|
||||
} else {
|
||||
if (status) {
|
||||
this.$confirm(
|
||||
|
|
@ -313,9 +350,17 @@ export default {
|
|||
type: "warning",
|
||||
}
|
||||
).then(() => {
|
||||
if (this.isNormal && this.examineTask.templateType == 0) {
|
||||
this.saveData.selfJudgeContent = this.saveData.judgeContent
|
||||
this.saveData.judgeContent = ''
|
||||
}
|
||||
this.saveScore();
|
||||
});
|
||||
} else {
|
||||
if (this.isNormal && this.examineTask.templateType == 0) {
|
||||
this.saveData.selfJudgeContent = this.saveData.judgeContent
|
||||
this.saveData.judgeContent = ''
|
||||
}
|
||||
this.saveScore();
|
||||
}
|
||||
}
|
||||
|
|
@ -497,14 +542,16 @@ export default {
|
|||
|
||||
::v-deep .el-table__body .sorceTableCell .cell {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
::v-deep .sorceTableCell.el-table__cell {
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10% !important;
|
||||
/* padding-right: 10px !important; */
|
||||
}
|
||||
|
||||
::v-deep .el-table__body .el-table__cell {
|
||||
padding: 20px 40px;
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
::v-deep .el-table__header .el-table__cell {
|
||||
|
|
|
|||
|
|
@ -9,10 +9,10 @@
|
|||
</div>
|
||||
<div>看板类型</div>
|
||||
|
||||
<el-select v-model="moduleType" placeholder="看板类型" clearable style="width: 200px" readonly>
|
||||
<el-select v-model="moduleType" placeholder="看板类型" clearable style="width: 200px" readonly disabled>
|
||||
<el-option label="年度考核" value="0" />
|
||||
<el-option label="季度考核" value="1" />
|
||||
<el-option label="年月考核" value="2" />
|
||||
<el-option label="年度考核" value="2" />
|
||||
</el-select>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<el-select v-model="searchForm.templateType" placeholder="状态" clearable style="width: 300px">
|
||||
<el-option label="年度考核" value="0" />
|
||||
<el-option label="季度考核" value="1" />
|
||||
<el-option label="年月考核" value="2" />
|
||||
<el-option label="年度考核" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
|
|
|||
|
|
@ -50,20 +50,6 @@
|
|||
@click.native="openUserSelectDialog"><el-button slot="append"
|
||||
icon="el-icon-s-custom"></el-button></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" class="form-item" prop="endTime">
|
||||
<el-date-picker v-model="taskData.endTime" type="date" style="width: 90%" placeholder="选择日期"
|
||||
value-format="yyyy-MM-dd 23:59:59" :picker-options="{
|
||||
disabledDate: disabledDate,
|
||||
}">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="年份" class="form-item" prop="year">
|
||||
<el-date-picker v-model="taskData.year" type="year" style="width: 90%" placeholder="选择年份"
|
||||
value-format="yyyy" :picker-options="{
|
||||
disabledDate: disabledDate,
|
||||
}">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="考核模板" class="form-item" prop="templateId">
|
||||
<div>
|
||||
<el-radio-group v-model="taskData.templateType" @change="() => {
|
||||
|
|
@ -81,6 +67,21 @@
|
|||
</div>
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" class="form-item" prop="endTime">
|
||||
<el-date-picker v-model="taskData.endTime" type="date" style="width: 90%" placeholder="选择日期"
|
||||
value-format="yyyy-MM-dd 23:59:59" :picker-options="{
|
||||
disabledDate: disabledDate,
|
||||
}">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="年份" class="form-item" prop="year">
|
||||
<el-date-picker v-model="taskData.year" type="year" style="width: 90%" placeholder="选择年份"
|
||||
value-format="yyyy" :picker-options="{
|
||||
disabledDate: disabledDate,
|
||||
}">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
|
|
@ -91,7 +92,10 @@
|
|||
<el-dialog title="配置指标和权重" :visible.sync="dialogVisible2">
|
||||
<div class="modal">
|
||||
<div class="left">
|
||||
<div class="setText" style="font-weight: 600">累计权重</div>
|
||||
<div class="setText flex-row jcsb" style="font-weight: 600">
|
||||
<div>评估维度</div>
|
||||
<div>累计权重</div>
|
||||
</div>
|
||||
<el-collapse v-model="letfValue" :accordion="true" style="height: 300px; overflow: auto">
|
||||
<el-collapse-item v-for="(item, index) in scoreList" :key="index" :name="item.title">
|
||||
<template #title>
|
||||
|
|
@ -120,9 +124,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="flex-row jcsb" style="margin-bottom: 10px">
|
||||
<div style="width: 50%; font-weight: 600">指标</div>
|
||||
<div class="center" style="width: 50%; font-weight: 600">
|
||||
<div class="flex-row jcsb setText" style="margin-bottom: 20px">
|
||||
<div style="width: 50%; font-weight: 600;text-align: left;">指标</div>
|
||||
<div class="center" style="width: 50%; font-weight: 600;text-align: left;padding-left: 5px;">
|
||||
权重占比
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -133,7 +137,7 @@
|
|||
.list || []
|
||||
).find((ele) => ele.title + ele.type == selectLeftRow) || {}
|
||||
).rightArr || []" :key="index" style="margin-bottom: 10px" class="flex-row jcsb aic">
|
||||
<div style="width: 50%; font-weight: 600">
|
||||
<div style="width: 50%; font-weight: 600;color: #333;">
|
||||
{{ item.reviewItem }}
|
||||
</div>
|
||||
<div class="center" style="width: 50%">
|
||||
|
|
@ -145,8 +149,8 @@
|
|||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
">
|
||||
<div>0</div>
|
||||
<div v-show="item.weight != 20">20</div>
|
||||
<div style="font-weight: 500;">0</div>
|
||||
<div v-show="item.weight != 20" style="font-weight: 500;">20</div>
|
||||
</div>
|
||||
<div class="scoreText aic" v-show="item.weight != 0" :style="{
|
||||
left: item.weight * 4.5 - 2.5 + '%',
|
||||
|
|
@ -160,10 +164,10 @@
|
|||
}" alt="" />
|
||||
<div :style="{
|
||||
zIndex: 10,
|
||||
textIndent: item.weight < 10 ? '13px' : '10px',
|
||||
textIndent: item.weight < 10 ? '7px' : '5px',
|
||||
fontSize: '12px',
|
||||
}">
|
||||
{{ item.weight }}
|
||||
{{ item.weight }}%
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="flex-row jcsb scoreBox" style="margin-left: 15px">
|
||||
|
|
@ -710,21 +714,28 @@ export default {
|
|||
|
||||
.modal {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
// border-top: 1px solid #E6E6E6;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 40%;
|
||||
padding: 20px;
|
||||
border-right: 1px solid #ccc;
|
||||
padding:0;
|
||||
// border-right: 1px solid #E6E6E6;
|
||||
height: 450px;
|
||||
overflow: auto;
|
||||
box-shadow: 5px 0 20px 5px #eeeeee;
|
||||
z-index: 100;
|
||||
>div{
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 60%;
|
||||
padding: 20px 40px;
|
||||
// padding: 0 40px;
|
||||
height: 450px;
|
||||
overflow: auto;
|
||||
|
||||
|
|
@ -732,6 +743,11 @@ export default {
|
|||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
>div{
|
||||
padding-left: 3cap;
|
||||
padding-right: 30px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.scoreBox {
|
||||
|
|
@ -776,8 +792,9 @@ export default {
|
|||
|
||||
.setText {
|
||||
margin-bottom: 20px;
|
||||
|
||||
background-color: #FAFAFA;
|
||||
text-align: right;
|
||||
padding:15px 5px;
|
||||
}
|
||||
|
||||
.leftSub {
|
||||
|
|
@ -845,7 +862,7 @@ export default {
|
|||
top: 29px;
|
||||
height: 14px;
|
||||
width: 2px;
|
||||
background-color: #fff;
|
||||
background-color: transparent;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -22,22 +22,13 @@
|
|||
<template #default="scope">
|
||||
<div>
|
||||
<div v-if="scope.row.edit">
|
||||
<el-select
|
||||
v-model="scope.row.projectId"
|
||||
placeholder="时间匹配的项目"
|
||||
class="filter-select"
|
||||
@change="
|
||||
<el-select v-model="scope.row.projectId" placeholder="时间匹配的项目" class="filter-select" @change="
|
||||
(val) => {
|
||||
getVersionList(val, scope.row);
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in projectListFilter"
|
||||
:key="item.projectId"
|
||||
:label="item.projectName"
|
||||
:value="item.projectId"
|
||||
/>
|
||||
">
|
||||
<el-option v-for="item in projectListFilter" :key="item.projectId" :label="item.projectName"
|
||||
:value="item.projectId" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div v-show="!scope.row.edit">{{ scope.row.projectName }}</div>
|
||||
|
|
@ -48,23 +39,14 @@
|
|||
<template #default="scope">
|
||||
<div>
|
||||
<div v-if="scope.row.edit">
|
||||
<el-select
|
||||
v-model="scope.row.versionId"
|
||||
placeholder="含有可选需求的版本"
|
||||
class="filter-select"
|
||||
ref="versionSelectRef"
|
||||
@change="
|
||||
<el-select v-model="scope.row.versionId" placeholder="含有可选需求的版本" class="filter-select"
|
||||
ref="versionSelectRef" @change="
|
||||
(val) => {
|
||||
getDemandList(val, scope.row);
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in versionList.filter((ele) => ele.type == 0)"
|
||||
:key="item.id"
|
||||
:label="item.title"
|
||||
:value="item.id"
|
||||
/>
|
||||
">
|
||||
<el-option v-for="item in versionList.filter((ele) => ele.type == 0)" :key="item.id" :label="item.title"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div v-show="!scope.row.edit">{{ scope.row.versionNumber }}</div>
|
||||
|
|
@ -75,19 +57,9 @@
|
|||
<template #default="scope">
|
||||
<div>
|
||||
<div v-if="scope.row.edit">
|
||||
<el-select
|
||||
v-model="scope.row.demandId"
|
||||
placeholder="时间匹配且非已结束的需求"
|
||||
class="filter-select"
|
||||
@change="openContent(scope.row)"
|
||||
ref="demandSelectRef"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in demandList"
|
||||
:key="item.id"
|
||||
:label="item.title"
|
||||
:value="item.id"
|
||||
/>
|
||||
<el-select v-model="scope.row.demandId" placeholder="时间匹配且非已结束的需求" class="filter-select"
|
||||
@change="openContent(scope.row)" ref="demandSelectRef">
|
||||
<el-option v-for="item in demandList" :key="item.id" :label="item.title" :value="item.id" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div v-show="!scope.row.edit">{{ scope.row.title }}</div>
|
||||
|
|
@ -97,38 +69,20 @@
|
|||
<el-table-column label="工作内容" prop="workContent">
|
||||
<template #default="scope">
|
||||
<div @click="openContent(scope.row)">
|
||||
<el-popover
|
||||
placement="bottom"
|
||||
width="400"
|
||||
trigger="click"
|
||||
v-model="scope.row.showContent"
|
||||
:key="scope.row.loggerId"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="5"
|
||||
placeholder="请输入内容"
|
||||
v-model="scope.row.workContent"
|
||||
:disabled="!scope.row.edit"
|
||||
>
|
||||
<el-popover placement="bottom" width="400" trigger="click" v-model="scope.row.showContent"
|
||||
:key="scope.row.loggerId">
|
||||
<el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="scope.row.workContent"
|
||||
:disabled="!scope.row.edit">
|
||||
</el-input>
|
||||
<div
|
||||
style="margin-top: 10px; text-align: right"
|
||||
v-show="!disableTable && scope.row.edit"
|
||||
>
|
||||
<el-button type="primary" @click="saveContent(scope.row, 1)"
|
||||
>确认</el-button
|
||||
>
|
||||
<div style="margin-top: 10px; text-align: right" v-show="!disableTable && scope.row.edit">
|
||||
<el-button type="primary" @click="saveContent(scope.row, 1)">确认</el-button>
|
||||
<el-button @click="saveContent(scope.row, 0)">取消</el-button>
|
||||
</div>
|
||||
<div slot="reference">
|
||||
<div
|
||||
style="cursor: pointer"
|
||||
:class="{
|
||||
<div style="cursor: pointer" :class="{
|
||||
contentText: true,
|
||||
noneText: !scope.row.workContent,
|
||||
}"
|
||||
>
|
||||
}">
|
||||
{{ scope.row.workContent || "请输入" }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -141,19 +95,8 @@
|
|||
<template #default="scope">
|
||||
<div>
|
||||
<div v-if="scope.row.edit">
|
||||
<el-select
|
||||
v-model="scope.row.workTime"
|
||||
placeholder="请选择工时"
|
||||
class="filter-select"
|
||||
filterable
|
||||
allow-create
|
||||
>
|
||||
<el-option
|
||||
v-for="item in workTimeList"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
/>
|
||||
<el-select v-model="scope.row.workTime" placeholder="请选择工时" class="filter-select" filterable allow-create>
|
||||
<el-option v-for="item in workTimeList" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div v-show="!scope.row.edit">{{ scope.row.workTime }}</div>
|
||||
|
|
@ -170,55 +113,32 @@
|
|||
{{ scope.row.loggerId && !scope.row.edit ? "编辑" : "确认" }}
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
type="text"
|
||||
@click="handleDelete(scope.row, scope.$index)"
|
||||
style="color: #666"
|
||||
v-show="!disableTable"
|
||||
>
|
||||
<el-button type="text" @click="handleDelete(scope.row, scope.$index)" style="color: #666"
|
||||
v-show="!disableTable">
|
||||
{{ scope.row.loggerId && !scope.row.edit ? "删除" : "取消" }}
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog
|
||||
title="附件"
|
||||
:visible.sync="dialogVisibleFile"
|
||||
width="780px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-dialog title="附件" :visible.sync="dialogVisibleFile" width="780px" :close-on-click-modal="false">
|
||||
<div v-loading="fileLoading">
|
||||
<div v-show="!disableTable">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
ref="upload"
|
||||
:action="fileUpload"
|
||||
:show-file-list="false"
|
||||
:auto-upload="true"
|
||||
:multiple="true"
|
||||
:before-upload="beforeUpload"
|
||||
:on-success="successUpload"
|
||||
:headers="{
|
||||
<el-upload class="upload-demo" ref="upload" :action="fileUpload" :show-file-list="false" :auto-upload="true"
|
||||
:multiple="true" :before-upload="beforeUpload" :on-success="successUpload" :headers="{
|
||||
Authorization: 'Bearer ' + token,
|
||||
}"
|
||||
:data="{}"
|
||||
>
|
||||
}" :data="{}">
|
||||
<div class="flex-row aic" style="gap: 10px; margin-bottom: 10px">
|
||||
<el-button
|
||||
slot="trigger"
|
||||
size="small"
|
||||
type="default"
|
||||
style="width: 80px; color: #333; font-weight: 500"
|
||||
>上传附件</el-button
|
||||
>
|
||||
<el-button slot="trigger" size="small" type="default"
|
||||
style="width: 80px; color: #333; font-weight: 500">上传附件</el-button>
|
||||
<div slot="tip" style="color: #999999; font-size: 12px">
|
||||
单个附件限制100M
|
||||
</div>
|
||||
</div>
|
||||
</el-upload>
|
||||
</div>
|
||||
<el-table :data="fileList" style="width: 100%" class="tableBox">
|
||||
<div style="height: 500px;overflow: auto;">
|
||||
<el-table :data="fileList" style="width: 100%;height: 100%;" class="tableBox">
|
||||
<el-table-column label="名称" prop="fileNewName">
|
||||
<template #default="scope">
|
||||
<div class="flex-row aic fileBox" style="gap: 10px;">
|
||||
|
|
@ -257,11 +177,12 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer" v-show="!disableTable">
|
||||
<el-button @click="cancalFile">取消</el-button>
|
||||
<el-button type="primary" @click="saveFile">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -683,45 +604,54 @@ export default {
|
|||
background-color: #ffffff;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.topBox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.topTitle {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.topText {
|
||||
color: #999999;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
|
||||
span {
|
||||
margin: 0 5px;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentText {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.noneText {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.downFileBox {
|
||||
color: #1686d8;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fileBox {
|
||||
img {
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.dialog-footer {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue