|
@@ -46,50 +46,70 @@
|
|
|
</div>
|
|
|
<div v-else-if="scope.data.column.columnname === 'projtaskmag_options'" >
|
|
|
<div v-for="(item,index) in scope.data.column.data.projtaskmag_options" :key="index" >
|
|
|
- <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" style="height: 40px;line-height: 40px;vertical-align: center;margin-top:-5px;margin-bottom: -5px">
|
|
|
- {{item.optionname?item.optionname:'--'}}
|
|
|
+ <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" class="option-name-style">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.optionname?item.optionname:'--'}}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div v-else-if="index === 0" class="option-name-style-line">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.optionname?item.optionname:'--'}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else-if="index === 0" style="height: 40px;line-height: 40px;vertical-align: center;margin-top: -5px">
|
|
|
- {{item.optionname?item.optionname:'--'}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
+ <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" class="option-name-style-line">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.optionname?item.optionname:'--'}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" style="height: 40px;line-height: 40px;vertical-align: center;">
|
|
|
- {{item.optionname?item.optionname:'--'}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
+ <div v-else class="option-name-style">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.optionname?item.optionname:'--'}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else style="height: 40px;line-height: 40px;vertical-align: center;margin-bottom: -5px">{{item.optionname?item.optionname:'--'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else-if="scope.data.column.columnname === 'remarks'" >
|
|
|
<div v-for="(item,index) in scope.data.column.data.projtaskmag_options" :key="index" >
|
|
|
- <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" style="height: 40px;line-height: 40px;vertical-align: center;margin-top:-5px;margin-bottom: -5px">
|
|
|
- {{item.remarks?item.remarks:'--'}}
|
|
|
- </div>
|
|
|
- <div v-else-if="index === 0" style="height: 40px;line-height: 40px;vertical-align: center;margin-top: -5px">
|
|
|
- {{item.remarks?item.remarks:'--'}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" style="height: 40px;line-height: 40px;vertical-align: center;">
|
|
|
- {{item.remarks?item.remarks:'--'}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
- </div>
|
|
|
- <div v-else style="height: 40px;line-height: 40px;vertical-align: center;margin-bottom: -5px">{{item.remarks?item.remarks:'--'}}</div>
|
|
|
+ <el-tooltip class="item" effect="light" :content="item.remarks" placement="bottom">
|
|
|
+ <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" class="remarks-style">
|
|
|
+ <span class="text-left">{{item.remarks?item.remarks:'--'}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="index === 0" class="remarks-style-line">
|
|
|
+ <span class="text-left">{{item.remarks?item.remarks:'--'}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" class="remarks-style-line">
|
|
|
+ <span class="text-left">{{item.remarks?item.remarks:'--'}}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="remarks-style">
|
|
|
+ <span class="text-left">{{item.remarks?item.remarks:'--'}}</span>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else-if="scope.data.column.columnname === 'score'" >
|
|
|
<div v-for="(item,index) in scope.data.column.data.projtaskmag_options" :key="index" >
|
|
|
- <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" style="height: 40px;line-height: 40px;vertical-align: center;margin-top:-5px;margin-bottom: -5px">
|
|
|
- {{item.score}}
|
|
|
+ <div v-if="index === 0 && scope.data.column.data.projtaskmag_options.length -1 === index" class="score-style">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.score}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else-if="index === 0" style="height: 40px;line-height: 40px;vertical-align: center;margin-top: -5px">
|
|
|
- {{item.score}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
+ <div v-else-if="index === 0" class="score-style-line">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.score}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" style="height: 40px;line-height: 40px;vertical-align: center;">
|
|
|
- {{item.score}}
|
|
|
- <p style="border-bottom: 1px solid #ebeef5;transform: scale(1.09,1)"></p>
|
|
|
+ <div v-else-if="scope.data.column.data.projtaskmag_options.length -1 !== index" class="score-style-line">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.score}}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="score-style">
|
|
|
+ <span class="text-left">
|
|
|
+ {{item.score}}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div v-else style="height: 40px;line-height: 40px;vertical-align: center;margin-bottom: -5px">{{item.score}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else>
|
|
@@ -118,5 +138,64 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+ .option-name-style{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top:-5px;
|
|
|
+ margin-bottom: -5px;
|
|
|
+ transform: scale(1.05,1)
|
|
|
+ }
|
|
|
+ .option-name-style-line{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top:-5px;
|
|
|
+ margin-bottom: -5px;
|
|
|
+ border-bottom: 1px solid #ebeef5;
|
|
|
+ transform: scale(1.05,1);
|
|
|
+ }
|
|
|
+ .remarks-style{
|
|
|
+ width:100%;
|
|
|
+ height: 39px;
|
|
|
+ line-height: 39px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top:-5px;
|
|
|
+ margin-bottom: -5px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ transform: scale(1.05,1)
|
|
|
+ }
|
|
|
+ .remarks-style-line{
|
|
|
+ border-bottom: 1px solid #ebeef5;
|
|
|
+ transform: scale(1.05,1);
|
|
|
+ width:100%;height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top: -5px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .score-style{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top:-5px;
|
|
|
+ margin-bottom: -5px;
|
|
|
+ transform: scale(1.05,1)
|
|
|
+ }
|
|
|
+ .score-style-line{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: center;
|
|
|
+ margin-top:-5px;
|
|
|
+ margin-bottom: -5px;
|
|
|
+ border-bottom: 1px solid #ebeef5;
|
|
|
+ transform: scale(1.05,1)
|
|
|
+ }
|
|
|
+ .text-left{
|
|
|
+ margin-left: 8px !important;
|
|
|
+ }
|
|
|
</style>
|