This commit is contained in:
lcw
2025-08-27 18:19:28 +08:00
5 changed files with 20924 additions and 271 deletions

20939
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -55,6 +55,7 @@ const formData = ref([
{ label: "常控不尿检理由", prop: "ckbnjly", type: "textarea",width:'100%' }, { label: "常控不尿检理由", prop: "ckbnjly", type: "textarea",width:'100%' },
{ label: "常控处置反馈补充信息", prop: "ckczbcxx", type: "textarea",width:'100%' }, { label: "常控处置反馈补充信息", prop: "ckczbcxx", type: "textarea",width:'100%' },
]) ])
const rules = reactive({ const rules = reactive({
mbzt: [{ required: true, message: "请选择发现目标状态", trigger: "change" }], mbzt: [{ required: true, message: "请选择发现目标状态", trigger: "change" }],
fxmbzedw: [{ required: true, message: "请选择发现目标责任单位", trigger: "change" }], fxmbzedw: [{ required: true, message: "请选择发现目标责任单位", trigger: "change" }],

View File

@ -1,239 +0,0 @@
<template>
<div class="personCard relative flex mb10 pointer" >
<div class="avatarBox relative">
<div class="marks f12 absolute" :class="changeBg(props.item.yjJb)">
<span>{{ changetText(props.item.yjJb) }}</span>
</div>
<div>
<el-image :preview-teleported="true" style="width: 80px; height: 110px" :src="props.item.yjTp" :preview-src-list="[props.item.yjTp]"/>
</div>
<div>
<span class="smallbtn" @click.stop="()=>{}">全息档案</span>
</div>
</div>
<div class="infoBox">
<div class="items">
<div class="infoItem flex nowrap mb10">{{ props.item.yjRyxm }} <span class="bqbox ml6">{{ props.item.yjbq }}</span></div>
<div class="infoItem ellipsis">性别<span class="value">{{ IdCard(props.item.yjRysfzh , 2 )}}</span></div>
<div class="infoItem ellipsis">身份证号<span class="value">{{ props.item.yjRysfzh }}</span></div>
<div class="infoItem ellipsis">出生日期<span class="value">{{ IdCard(props.item.yjRysfzh , 1 )}}</span></div>
<div class="infoItem ellipsis">相似度<span class="value">{{ props.item.xsd * 100 }}%</span></div>
<div class="infoItem ellipsis">预警次数<span class="value"><span class="num">{{ props.item.yjCs }}</span> </span></div>
<div class="infoItem flex nowrap">
<span class="smllbtn" @click.stop="handleQs(props.item)" >签收</span>
<span class="smllbtn" @click.stop="handleFK('反馈')" ref="buttonRef" > {{ props.item.sffk ? '查看反馈':'反馈' }} </span>
</div>
</div>
<div class="items">
<div class="infoItem ellipsis">预警级别<span class="value">{{ props.item.yjJb }}</span></div>
<div class="infoItem ellipsis">预警标题:<span class="value">{{ props.item.yjBt }}</span></div>
<div class="infoItem ellipsis">预警内容<span class="value">{{ props.item.yjNr }}</span></div>
<div class="infoItem ellipsis">预警地址<span class="value">{{ props.item.yjDz }}</span></div>
<div class="infoItem ellipsis">预警时间<span class="value">{{ props.item.yjSj }}</span></div>
<div class="infoItem ellipsis">签收时间<span class="value">{{ props.item.qssj }}</span></div>
<div class="infoItem ellipsis">反馈时间<span class="value">{{ props.item.fksj }}</span></div>
</div>
</div>
</div>
<!-- 虚拟触发 -->
<!-- <el-popover ref="popoverRef" :visible="isShowVisble" :width="400" :virtual-ref="buttonRef" trigger="click" title="反馈" virtual-triggering >
<el-form :model="chooseRow" ref="elRowForm" :inline="true" label-width="100px" :rules="rules">
<el-form-item label="反馈内容" prop="fknr" style="width: 100%;">
<MOSTY.Other style="width: 100%;" clearable v-model="chooseRow.fknr" type="textarea" placeholder="请输入不通过原因"/>
</el-form-item>
</el-form>
<div class="flex just-center mt10">
<el-button @click.stop="cancelRowSp">取消</el-button>
<el-button type="primary" @click.stop="handleSendSp(props.item)" v-loading="btnloading">确定</el-button>
</div>
</el-popover> -->
</template>
<script setup>
import emitter from "@/utils/eventBus.js";
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import * as MOSTY from "@/components/MyComponents/index";
import { IdCard } from '@/utils/validate.js'
import { defineProps ,ref, reactive,getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const props = defineProps({
item: {
type: Object,
default: () => ({})
},
dic: {
type: Object,
default: () => ({})
},
type: {
type: String,
default: ""
}
});
const buttonRef = ref()
const popoverRef = ref()
const elRowForm = ref()
const isShowVisble = ref(false)
const chooseRow = ref({})
const rules = reactive({
fknr: [{ required: true, message: "请输入反馈内容", trigger: "blur" }],
})
// 处理签收
const handleQs = (val) =>{
proxy.$confirm("是否确定要签收?", "警告", { type: "warning" }).then(() => {
qcckPost({id:val.id}, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
val.czzt = '02'
proxy.$message({ type: "success", message: "签收成功" });
});
})
}
// 反馈
const handleFK = (val) =>{
emitter.emit("openFkDialog", {id:props.item.id,type:val});
}
// 切换背景
const changeBg = (type) => {
switch (type) {
case "10":
return "marks_red";
case "20":
return "marks_orange";
case "30":
return "marks_yellow";
case "40":
return "marks_blue";
default:
return "marks_blue";
}
};
const changetText = (type) => {
switch (type) {
case "10":
return "处置";
case "20":
return "关注";
case "30":
return "提醒";
case "40":
return "不关注";
default:
return "不关注";
}
};
const showDetail = () => {
emit('showDetail',props.item)
}
</script>
<style lang="scss" scoped>
.personCard {
background: rgba(10, 49, 88, 0.6);
box-shadow: inset 0px 0px 10px 0px rgba(56, 119, 242, 0.5);
border-radius: 0px 0px 0px 0px;
border: 1px solid #0072ff;
padding: 10px;
box-sizing: border-box;
transition: all 0.3s;
&:hover {
background: rgba(17, 66, 96, 0.8);
}
::v-deep .el-button{
span{
color: #fff;
}
}
.avatarBox {
margin-right: 5px;
overflow: hidden;
width: 80px;
.marks {
width: 70px;
height: 32px;
line-height: 40px;
text-align: center;
background: rgba(255, 62, 62, 0.75);
top: -4px;
left: -24px;
transform: rotate(-45deg);
z-index: 1;
}
.marks_red {
background: rgba(255, 62, 62, 0.35);
}
.marks_orange {
background: rgba(255, 155, 62, 0.35);
}
.marks_yellow {
background: rgba(255, 239, 62, 0.35);
}
.marks_blue {
background: rgba(0, 114, 255, 0.35);
}
}
.bqbox {
color: #ff0000;
padding: 0px 6px;
background: rgba(255, 0, 0, 0.3);
border-radius: 1px 1px 1px 1px;
border: 1px solid #ff0000;
border-radius: 4px;
}
.infoBox {
width: calc(100% - 90px);
display: flex;
justify-content: space-between;
.items{
width: 50%;
}
.infoItem {
font-size: 13px;
margin-bottom: 2px;
color: #fff;
.value {
color: #89afcf;
}
.smllbtn {
display: inline-block;
padding: 4px 8px;
box-sizing: border-box;
border-radius: 4px;
background: #0072ff;
border-radius: 5px 5px 5px 5px;
margin-right: 6px;
margin-top: 4px;
cursor: pointer;
}
}
}
}
.smallbtn {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
background: #0072ff;
border-radius: 5px 5px 5px 5px;
margin-top: 6px;
}
.num{
color: #00ffff;
}
</style>

View File

@ -20,9 +20,9 @@
<div class="infoItem ellipsis">相似度<span class="value">{{ props.item.xsd * 100 }}%</span></div> <div class="infoItem ellipsis">相似度<span class="value">{{ props.item.xsd * 100 }}%</span></div>
<div class="infoItem ellipsis">预警次数<span class="value"><span class="num">{{ props.item.yjCs }}</span> </span></div> <div class="infoItem ellipsis">预警次数<span class="value"><span class="num">{{ props.item.yjCs }}</span> </span></div>
<div class="infoItem flex nowrap"> <div class="infoItem flex nowrap">
<span class="smllbtn" @click.stop="handleQsFk(props.item,'签收')" v-if="props.item.yjJb != 10 && props.item.czzt == '01'">签收</span> <span class="smllbtn" @click.stop="handleQsFk(props.item,'签收')" v-if="props.item.yjJb != 10 && props.item.czzt == '01' && deptLevel=='40' ">签收</span>
<span class="smllbtn" @click.stop="handleQsFk(props.item,'反馈')" v-if="props.item.yjJb != 10 && props.item.czzt == '02'"> 反馈 </span> <span class="smllbtn" @click.stop="handleQsFk(props.item,'反馈')" v-if="props.item.yjJb != 10 && props.item.czzt == '02' && deptLevel=='40'"> 反馈 </span>
<span class="smllbtn" @click.stop="handleQsFk(props.item,'查看反馈')" v-if="props.item.yjJb != 10 && props.item.czzt == '03'"> 查看反馈 </span> <span class="smllbtn" @click.stop="handleQsFk(props.item,'查看反馈')" v-if="props.item.yjJb != 10 && props.item.czzt == '03' && deptLevel=='40' "> 查看反馈 </span>
</div> </div>
</div> </div>
<div class="items"> <div class="items">
@ -56,7 +56,7 @@ import emitter from "@/utils/eventBus.js";
import { qcckGet, qcckPost } from "@/api/qcckApi.js"; import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import * as MOSTY from "@/components/MyComponents/index"; import * as MOSTY from "@/components/MyComponents/index";
import { IdCard } from '@/utils/validate.js' import { IdCard } from '@/utils/validate.js'
import { defineProps ,ref, reactive,getCurrentInstance } from "vue"; import { defineProps ,ref, reactive,getCurrentInstance, onMounted } from "vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const props = defineProps({ const props = defineProps({
item: { item: {
@ -72,7 +72,7 @@ const props = defineProps({
default: "" default: ""
} }
}); });
const deptLevel = ref(null)
const buttonRef = ref() const buttonRef = ref()
const popoverRef = ref() const popoverRef = ref()
const elRowForm = ref() const elRowForm = ref()
@ -81,6 +81,9 @@ const chooseRow = ref({})
const rules = reactive({ const rules = reactive({
fknr: [{ required: true, message: "请输入反馈内容", trigger: "blur" }], fknr: [{ required: true, message: "请输入反馈内容", trigger: "blur" }],
}) })
onMounted(() => {
deptLevel.value = localStorage.getItem("deptId") ? JSON.parse(localStorage.getItem("deptId"))[0].deptLevel : null;
});
// 处理签收 // 处理签收

View File

@ -24,7 +24,8 @@
</el-input> </el-input>
</div> </div>
<ul class="listContent noScollLine mt10" v-infinite-scroll="loadList" style="overflow: auto" v-loading="loading"> <ul class="listContent noScollLine mt10" v-infinite-scroll="loadList" style="overflow: auto" v-loading="loading">
<li v-for="(item, index) in personList" :key="index" @click.stop="showDetail(item)"> <!-- @click.stop="showDetail(item)" -->
<li v-for="(item, index) in personList" :key="index" >
<YjItem :item="item" type="yj" :dic="{D_BZ_YJCZZT}"></YjItem> <YjItem :item="item" type="yj" :dic="{D_BZ_YJCZZT}"></YjItem>
</li> </li>
<MOSTY.Empty :show="!loading && personList.length <= 0"></MOSTY.Empty> <MOSTY.Empty :show="!loading && personList.length <= 0"></MOSTY.Empty>