更新页面

src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjItem.vue

@@ -1,8 +1,5 @@
 <template>
   <div class="personCard relative flex mb10 pointer" >
-    <div class="cxbq f14 lh50 tc absolute" v-if="props.item.czzt == '03'">已完成</div>
-    <el-button color="#0072ff" size="small" @click.stop="handleQs(props.item)" v-if="props.item.czzt == '01'" class="btn_qs f14 tc absolute">签收</el-button>
-    <el-button color="#0072ff" size="small" v-if="props.item.czzt == '02'" ref="buttonRef" @click.stop="isShowVisble = !isShowVisble;" class="btn_qs f14 tc absolute">反馈</el-button>
     <div class="avatarBox relative">
       <div class="marks f12 absolute" :class="changeBg(props.item.yjJb)">
         <span>{{ changetText(props.item.yjJb) }}</span>
@@ -10,7 +7,9 @@
       <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>  
+        <span class="smallbtn" @click.stop="()=>{}">全息档案</span>
+      </div>
     </div>
     <div class="infoBox">
       <div class="items">
@@ -20,6 +19,10 @@
         <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>
@@ -34,7 +37,7 @@
   </div>
 
   <!-- 虚拟触发 -->
-  <el-popover ref="popoverRef" :visible="isShowVisble" :width="400" :virtual-ref="buttonRef" trigger="click" title="反馈" virtual-triggering >
+  <!-- <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="请输入不通过原因"/>
@@ -44,10 +47,11 @@
       <el-button @click.stop="cancelRowSp">取消</el-button>
       <el-button type="primary"  @click.stop="handleSendSp(props.item)"  v-loading="btnloading">确定</el-button>
     </div>
-  </el-popover>
+  </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'
@@ -88,23 +92,12 @@ const handleQs = (val) =>{
   })
 }
 
-// 签收
-const handleSendSp = (val) =>{
-  elRowForm.value.validate((valid) => {
-    if(!valid) return;
-    let data = { id:val.id,...chooseRow.value }
-    qcckPost(data, "/mosty-gsxt/tbYjxx/yjfk").then(() => {
-      val.czzt = '03';
-      proxy.$message({ type: "success", message: "反馈成功" });
-      cancelRowSp()
-    });
-  })
-}
-const cancelRowSp = () =>{
-  chooseRow.value.fknr = '';
-  isShowVisble.value = false;
+// 反馈
+const handleFK = (val) =>{
+  emitter.emit("openFkDialog", {id:props.item.id,type:val});
 }
 
+
 // 切换背景
 const changeBg = (type) => {
   switch (type) {
@@ -154,22 +147,6 @@ const showDetail = () => {
     background: rgba(17, 66, 96, 0.8);
   }
 
-  .cxbq {
-    right: 5px;
-    top: 5px;
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-    background: rgba(0, 255, 255, 0.3);
-    border: 1px solid #00ffff;
-    color: #00ffff;
-    transform: rotate(-48deg);
-  }
-
-  .btn_qs {
-    left: 94px;
-    bottom: 11px;
-  }
   ::v-deep .el-button{
     span{
       color: #fff;
@@ -232,6 +209,18 @@ const showDetail = () => {
         .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;
+          
+        }
       }
   }
 }