|
@@ -47,7 +47,7 @@ style="min-width: 50px;display: inline-block;"
|
|
|
<!--改进项: 进度-->
|
|
|
<span
|
|
|
class="progress-wrapper"
|
|
|
- :style="{ width: !subItem.isProgressEdit ? '80px' : '190px' }"
|
|
|
+ :style="{ width: !subItem.isProgressEdit ? '300px' : '380px' }"
|
|
|
>进度:<span v-if="!subItem.isProgressEdit">{{
|
|
|
subItem.progress || '0'
|
|
|
}}</span
|
|
@@ -59,23 +59,46 @@ style="min-width: 50px;display: inline-block;"
|
|
|
style="width:100px"
|
|
|
:min="0"
|
|
|
:max="100" /></span
|
|
|
- >%<el-button v-if="subItem.isProgressEdit" type="text" @click.stop="progressEdit(subItem)">保存</el-button>
|
|
|
- <span v-if="subItem.isHold" class="isHold">Hold</span>
|
|
|
+ >%<el-button
|
|
|
+ v-if="subItem.isProgressEdit"
|
|
|
+ type="text"
|
|
|
+ @click.stop="progressEdit(subItem)"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ v-if="subItem.isHold"
|
|
|
+ class="item"
|
|
|
+ effect="dark"
|
|
|
+ :content="subItem.holdReason"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <span class="isHold">Hold</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <!--改进项: 进度更新-->
|
|
|
+ <span
|
|
|
+ class="up-progress"
|
|
|
+ :style="{ width: !subItem.isHold ? '60px' : '60px' }"
|
|
|
+ ><span
|
|
|
+ v-if="
|
|
|
+ (!subItem.personInCharge ||
|
|
|
+ subItem.personInCharge.indexOf(username) > -1) &&
|
|
|
+ !subItem.isHold
|
|
|
+ "
|
|
|
+ @click.stop="progressEdit(subItem)"
|
|
|
+ >进度更新</span
|
|
|
+ ></span
|
|
|
+ >
|
|
|
+ <!--改进项: Hold-->
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ !subItem.personInCharge ||
|
|
|
+ subItem.personInCharge.indexOf(username) > -1
|
|
|
+ "
|
|
|
+ class="Hold"
|
|
|
+ @click.stop="setHold(index, subIndex, subItem)"
|
|
|
+ >{{ subItem.isHold ? '解除Hold' : 'Hold' }}</span
|
|
|
+ >
|
|
|
</span>
|
|
|
- <!--改进项: 进度更新-->
|
|
|
- <span
|
|
|
- class="up-progress"
|
|
|
- :style="{ width: !subItem.isHold ? '60px' : '60px' }"
|
|
|
- ><span
|
|
|
-v-if="(!subItem.personInCharge || subItem.personInCharge.indexOf(username) > -1) && !subItem.isHold"
|
|
|
-@click.stop="progressEdit(subItem)"
|
|
|
- >进度更新</span
|
|
|
- ></span
|
|
|
- >
|
|
|
- <!--改进项: Hold-->
|
|
|
- <span v-if="!subItem.personInCharge || subItem.personInCharge.indexOf(username) > -1" class="Hold" @click.stop="setHold(index, subIndex, subItem)">{{
|
|
|
- subItem.isHold ? '解除Hold' : 'Hold'
|
|
|
- }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</span>
|
|
@@ -108,6 +131,7 @@ export default {
|
|
|
methods: {
|
|
|
setHold(index, subIndex, subItem) {
|
|
|
subItem.isProgressEdit = false
|
|
|
+ console.log(this.analyticFeedback)
|
|
|
if (subItem.isHold) {
|
|
|
subItem.isHold = false
|
|
|
this.$forceUpdate()
|
|
@@ -116,6 +140,7 @@ export default {
|
|
|
this.$refs.Hold.open(index, subIndex, subItem.holdReason)
|
|
|
},
|
|
|
upHold({ index, subIndex, holdReason }) {
|
|
|
+ console.log({ index, subIndex, holdReason })
|
|
|
this.analyticFeedback.analyticContents[index].improvementItems[
|
|
|
subIndex
|
|
|
].isHold = true
|
|
@@ -124,6 +149,7 @@ export default {
|
|
|
subIndex
|
|
|
].holdReason = holdReason
|
|
|
}
|
|
|
+ this.$forceUpdate()
|
|
|
this.$emit('upAnalyticFeedback')
|
|
|
},
|
|
|
progressEdit(item) {
|
|
@@ -204,13 +230,34 @@ export default {
|
|
|
color: #666666;
|
|
|
top: -10px;
|
|
|
padding: 0 3px;
|
|
|
+ cursor: pointer;
|
|
|
+ &:hover {
|
|
|
+ .holdReason {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .holdReason {
|
|
|
+ transition: all 0.3 ease-in-out;
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 18px;
|
|
|
+ left: 30px;
|
|
|
+ min-width: 90px;
|
|
|
+ background: #e8e8e8;
|
|
|
+ min-height: 14px;
|
|
|
+ z-index: 9999;
|
|
|
+ box-sizing: content-box;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.up-progress {
|
|
|
color: #1890ff;
|
|
|
display: inline-block;
|
|
|
// width: 50px;
|
|
|
- margin-right: 10px;
|
|
|
+ margin: 0 50px;
|
|
|
+ // margin-right: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.Hold {
|