zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lcw

Browse Source
This commit is contained in:
lcw
2025-08-16 16:54:03 +08:00
parent 71487ac647
commit 42f5e37f65
69 changed files with 5913 additions and 978 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/views/backOfficeSystem/MakeAcomment/components/itemXs/itemXs.vue
View File

@ -1,55 +1,72 @@
<template>
<div class="itemXs_Box">
<div class="itemXs_Box" :style="{color:fontColor,backgroundColor:bgColor}">
<div class="itemXs_Mc">
情报描述情报描述情报描述情报措述情描述情报描述情报描述情报描，情报描述情报描述情报描述情报措述情描述情报描述情报描述情报描，
{{ item.xsMc }}
</div>
<div class="itemXs_Ms">
情报描述情报描述情报描述情报措述情描述情报描述情报描述情报描，情报描述情报描述情报描述情报措述情描述情报描述情报描述情报描，
{{item.xsNr }}
</div>
<div class="itemXs_Xs flex just-between align-center">
<div class=" flex just-between align-center"><el-icon class="icon"><Histogram /></el-icon>1000</div>
<div class=" flex just-between align-center"><el-icon class="icon"><ChatDotSquare /></el-icon>15522</div>
<div class=" flex just-between align-center"><el-icon class="icon"><Clock /></el-icon>2025-10-10 10:10:10</div>
<div class=" flex just-between align-center"><el-icon class="icon"><Avatar /></el-icon>张三</div>
<div>情报类型：测试数据</div>
<div class=" flex just-between align-center">
<el-icon class="icon"><Histogram /></el-icon>
{{item.rd?item.rd:0}}
</div>
<div class=" flex just-between align-center">
<el-icon class="icon"><ChatDotSquare /></el-icon>
{{item.pls?item.pls:0}}
</div>
<div class=" flex just-between align-center">
<el-icon class="icon"><Clock /></el-icon>
{{item.fbsj}}
</div>
<div class=" flex just-between align-center">
<el-icon class="icon"><Avatar /></el-icon>
{{item.fbrxm}}
</div>
<div class="flex align-center">情报类型：
<DictTag :tag="false" :value="item.xlLx" color="#6c6c6c" :options="dict.D_GS_XS_LX" />
</div>
</div>
</div>
</template>
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import Search from "@/components/aboutTable/Search.vue";
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const props = defineProps({
item: {
type: Object,
default: () => { },
},
}, bgColor: {
type: String,
default: '#ffebee'
},fontColor:{
type:String,
default:'#de0909'
}, dict: {
type:Object,
default:()=>{}
}
})
</script>
<style lang="scss" scoped>
.itemXs_Box {
box-sizing: border-box;
border: 1px solid red;
// height: 100px;
width: 40%;
border-radius: 10px;
padding: 10px 15px;
width: 32.5%;
border-radius: 5px;
padding: 20px 10px;
max-height: 11vh;
.itemXs_Mc {
font-size: 16px;
font-weight: 700;
color: #de0909;
font-weight: 800;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
line-height: 20px;
}
.itemXs_Ms {
color: #ccc;
color: #6c6c6c;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
@ -57,11 +74,13 @@ line-height: 20px;
margin: 10px 0;
}
.itemXs_Xs{
font-size: 16px;
color: #ccc;
font-size: 12px;
color: #6c6c6c;
line-height: 20px;
display: flex;
align-items: center;
.icon{
font-size: 22px;
font-size: 18px;
}
}
}