|
|
@@ -4,6 +4,7 @@ import clsx from 'clsx';
|
|
|
import { computed, defineComponent, ref } from 'vue-demi';
|
|
|
import { Management } from '@element-plus/icons';
|
|
|
import { BaseReg } from '@/constants/constants';
|
|
|
+import moment from 'moment';
|
|
|
export default defineComponent({
|
|
|
name: 'ExecutionLogCard',
|
|
|
setup(props) {
|
|
|
@@ -60,39 +61,54 @@ export default defineComponent({
|
|
|
</div>
|
|
|
))} */}
|
|
|
|
|
|
- <div class="pitem pitem1">
|
|
|
- <div class="pcontent">
|
|
|
- <div class="ptime">
|
|
|
- <span>2021-11-12 13:11</span>
|
|
|
- </div>
|
|
|
- <div class="pdesc">
|
|
|
- <div>这里是内容文字，超过一行省略号省略号...</div>
|
|
|
- <div class="exdesc">张三、李四、王五、李四、王五等<span>30</span>人未读</div>
|
|
|
+ {store.incidentDetail?.process?.map((item, idx) => (
|
|
|
+ <div
|
|
|
+ class={`pitem pitem${(idx % 3) + 1}`}
|
|
|
+ datatype={`${idx + 1 == store.incidentDetail?.process?.length?"last":"1"}`}>
|
|
|
+ <div class="pcontent">
|
|
|
+ <div class="ptime">
|
|
|
+ <span>
|
|
|
+ {moment(item.createTime).format('YYYY-MM-DD HH:mm')}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="pdesc">
|
|
|
+ <div>
|
|
|
+ {item.des?.includes('>>>>') ? (
|
|
|
+ <>
|
|
|
+ <span>{item.des.split('>>>>')[0]}</span>
|
|
|
+ <span class="exdesc">
|
|
|
+ <span
|
|
|
+ style={{
|
|
|
+ boxSizing: 'border-box',
|
|
|
+ overflow: 'hidden',
|
|
|
+ textOverflow: 'ellipsis',
|
|
|
+ whiteSpace: 'nowrap',
|
|
|
+ width: '75%',
|
|
|
+ }}>
|
|
|
+ {item.des.split('>>>>')[1]}
|
|
|
+ </span>
|
|
|
+ 等
|
|
|
+ {
|
|
|
+ <span style={{ color: '#00d0ff' }}>
|
|
|
+ {item.des.split('>>>>')[1]?.split(',')?.length ??
|
|
|
+ 0}
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ 人未读
|
|
|
+ </span>
|
|
|
+ </>
|
|
|
+ ) : (
|
|
|
+ item.des
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ {/* <div class="exdesc">
|
|
|
+ 张三、李四、王五、李四、王五等<span>30</span>人未读
|
|
|
+ </div> */}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="pline"></div>
|
|
|
</div>
|
|
|
- <div class="pline"></div>
|
|
|
- </div>
|
|
|
- <div class="pitem pitem2">
|
|
|
- <div class="pcontent">
|
|
|
- <div class="ptime"></div>
|
|
|
- <div class="pdesc">dfsd</div>
|
|
|
- </div>
|
|
|
- <div class="pline"></div>
|
|
|
- </div>
|
|
|
- <div class="pitem pitem3">
|
|
|
- <div class="pcontent">
|
|
|
- <div class="ptime"></div>
|
|
|
- <div class="pdesc">dfsd</div>
|
|
|
- </div>
|
|
|
- <div class="pline"></div>
|
|
|
- </div>
|
|
|
- <div class="pitem pitem1" datatype="last">
|
|
|
- <div class="pcontent">
|
|
|
- <div class="ptime"></div>
|
|
|
- <div class="pdesc">dfsd</div>
|
|
|
- </div>
|
|
|
- <div class="pline"></div>
|
|
|
- </div>
|
|
|
+ ))}
|
|
|
</div>
|
|
|
</Card>
|
|
|
);
|
