<template>
|
<view class="uni-task-infos-simple-item" @click="triggerItem(taskData)"> <!-- -->
|
<view class="uni-panel-state">
|
<text v-if="taskData.CNSTATE=='fs-mail_close'" class="fs-mail_close"
|
style="font-size: 11px;color:#ffdf04 "></text>
|
<text v-else-if="taskData.CNSTATE=='fs-run_man'" class="fs-run_man"></text>
|
<text v-else-if="taskData.CNSTATE=='fs-mail_open'" class="fs-mail_open"></text>
|
<!-- <text v-else-if="taskData.pagesql=='1'" class="fs-radio_button" style="color:rgba(200, 100, 100, 1);"></text> -->
|
<text v-else style="color:#5eac82" :class='taskData.CNSTATE'></text>
|
</view>
|
<view class="uni-panel-task-info">
|
<view class="uni-panel-title-info">
|
<text class="uni-panel-title">{{taskData.CN_S_NAME}}</text>
|
<view v-if="taskData.CN_N_QUADRANT==3" class="uni-panel-tag">
|
<view class="uni-panel-tag-red">重 急</view>
|
</view>
|
<view v-else-if="taskData.CN_N_QUADRANT==2" class="uni-panel-tag uni-panel-tag-blue">急</view>
|
<view v-else-if="taskData.CN_N_QUADRANT==1" class="uni-panel-tag uni-panel-tag-orange">重</view>
|
<view class="uni-panel-tag" v-if="taskData.Minute" style="margin-left: 2px;"><!-- -->
|
<text v-if="taskData.Minute.indexOf('超期')>-1" style="color:red;">{{taskData.Minute}}</text>
|
<text v-else-if="taskData.Minute.indexOf('今天')>-1" style="color:orange;">{{taskData.Minute}}</text>
|
<text v-else style="color:green;">{{taskData.Minute}}</text>
|
</view>
|
</view>
|
<view class="uni-panel-attr">
|
<view v-if="taskData.CN_S_CREATOR" class="uni-panel-line">
|
<text class="uni-panel-icon fs-create"></text>
|
<text class="uni-panel-text">{{taskData.CN_S_CREATOR}}</text>
|
</view>
|
<view v-if="taskData.CN_T_CREATE" class="uni-panel-line">
|
<text class="uni-panel-icon fs-time_x"></text>
|
<text class="uni-panel-text">{{taskData.CN_T_CREATE}}</text>
|
</view>
|
<!-- <view v-if="taskData.CN_D_PLAN_DUE" class="uni-panel-line">
|
<text class="uni-panel-icon fs-Due" ></text>
|
<text class="uni-panel-text">{{taskData.CN_D_PLAN_DUE}}</text>
|
</view> -->
|
<!-- <view v-if="taskData.CN_N_DISCUS>0" class="uni-panel-line">
|
<text class="uni-panel-icon fs-message" ></text>
|
<text class="uni-panel-text">{{taskData.CN_N_DISCUS}}</text>
|
</view> -->
|
<view v-if="taskData.CN_S_PRJ_NAME" class="uni-panel-line">
|
<text class="uni-panel-icon fa fs-project"></text>
|
<text class="uni-panel-text">{{taskData.CN_S_PRJ_NAME}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
name: "pageTaskInfosSimpleItem",
|
emits: ['clickItem'],
|
props: {
|
taskData: {
|
type: Object,
|
default () {
|
return {};
|
}
|
},
|
pagesign: {
|
type: String,
|
default () {
|
return "";
|
}
|
},
|
},
|
data() {
|
return {}
|
},
|
methods: {
|
triggerItem(item) {
|
//console.log("triggerItem ",item)
|
this.$emit('clickItem', item)
|
|
},
|
},
|
}
|
</script>
|
|
<style lang="less">
|
.uni-task-infos-simple-item {
|
display: flex;
|
background-color: transparent;
|
flex-direction: row !important;
|
padding-top: 8px;
|
padding-bottom: 8px;
|
min-height: 48px;
|
width: 100%;
|
|
.text-blue {
|
color: blue;
|
}
|
|
.uni-panel-item {
|
margin: 8px;
|
background-color: white;
|
border-radius: 5px;
|
//height: 64px;
|
}
|
|
.uni-panel-task-info {
|
display: flex;
|
flex-direction: column !important;
|
flex: 1;
|
}
|
|
.uni-panel-attr {
|
//display: flex;
|
flex-direction: row !important;
|
flex-wrap: nowrap;
|
background-color: transparent;
|
// width: 100%;
|
padding: 2px;
|
height: 20px;
|
display: -webkit-box;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
-webkit-line-clamp: 1; //表明是2行文本显示省略号，换成3则表明是3行文本显示省略号
|
-webkit-box-orient: vertical;
|
}
|
|
.uni-panel-title-info {
|
display: flex;
|
flex-direction: row !important;
|
background-color: transparent;
|
padding: 2px;
|
|
}
|
|
.uni-panel-title {
|
display: -webkit-box;
|
flex: 1;
|
color: black;
|
font-size: 15px;
|
white-space: normal;
|
word-wrap: break-word;
|
word-break: break-all;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
-webkit-line-clamp: 1; //表明是2行文本显示省略号，换成3则表明是3行文本显示省略号
|
-webkit-box-orient: vertical;
|
}
|
|
.uni-panel-line {
|
margin-right: 4px;
|
font-size: 12px;
|
display: flex;
|
flex-direction: row !important;
|
color: #808080;
|
font-weight: normal;
|
}
|
|
.uni-panel-text {
|
// flex: 1;
|
margin-left: 4px;
|
|
}
|
|
.uni-panel-tag {
|
// flex: 1;
|
//display: inline-block;
|
display: flex;
|
margin-right: 2px;
|
margin-top: 2px;
|
font-size: 12px;
|
height: 18px;
|
color: #fff;
|
font-weight: normal;
|
}
|
|
.uni-panel-tag-red {
|
display: inline-block;
|
margin-left: 4px;
|
padding: 0px 2px;
|
height: 18px;
|
border-radius: 9px;
|
background-color: red;
|
text-align: center;
|
}
|
|
.uni-panel-tag-orange {
|
display: inline-block;
|
margin-left: 4px;
|
padding: 0px 2px;
|
height: 18px;
|
border-radius: 9px;
|
background-color: orange;
|
text-align: center;
|
}
|
.uni-panel-tag-blue {
|
// flex: 1;
|
display: inline-block;
|
border-radius: 0;
|
margin-left: 4px;
|
padding: 0px 2px;
|
background-color:dodgerblue;
|
text-align: center;
|
}
|
.uni-panel-state {
|
display: flex;
|
font-size: 16px;
|
width: 20px;
|
margin-top: 5px;
|
margin-left: 5px;
|
text-align: center;
|
}
|
|
.uni-panel-icon {
|
font-size: 13px;
|
color: #808080;
|
line-height: 20px;
|
}
|
|
.uni-panel-right {
|
display: flex;
|
font-size: 15px;
|
width: 20px;
|
text-align: center;
|
align-items: center;
|
color: #808080;
|
line-height: 54px;
|
}
|
}
|
</style>
|
