From 887c5042989fd1ac7a273f27fc59e3ac9bafddd7 Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期二, 25 三月 2025 18:01:44 +0800
Subject: [PATCH] 修改警示图片
---
src/views/placement-batch/components/ApprovalDialog.vue | 225 ++++++++++++++++++++++++++++++++-----------------------
1 files changed, 131 insertions(+), 94 deletions(-)
diff --git a/src/views/placement-batch/components/ApprovalDialog.vue b/src/views/placement-batch/components/ApprovalDialog.vue
index 501328a..5d7cd46 100644
--- a/src/views/placement-batch/components/ApprovalDialog.vue
+++ b/src/views/placement-batch/components/ApprovalDialog.vue
@@ -13,78 +13,88 @@
<div class="table-container">
<div v-if="activeTab == '1'">
<!-- 表格区域 -->
- <el-table v-loading="loading" :data="tableData" border style="width: 100%" max-height="300px" :row-class-name="tableRowClassName">
+ <el-table v-loading="loading" :data="tableData" border style="width: 100%" max-height="300px"
+ :row-class-name="tableRowClassName">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="street" label="镇（街道）" min-width="120" align="center" />
<el-table-column prop="projectName" label="拆迁项目名称" min-width="180" align="center" />
<el-table-column prop="community" label="所在村（社区）" min-width="120" align="center" />
<el-table-column prop="householdHead" label="户主姓名" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.householdHead }} <el-tooltip v-if="scope.row.householdHeadWarn == 1" class="item"
- effect="dark" content="用户信息未通过安置申请" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.householdHead }}
+ <el-tooltip v-if="scope.row.householdHeadWarn == 1" class="item" effect="dark" content="用户信息未通过安置申请"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="idCard" label="身份证号" min-width="180" align="center">
<template slot-scope="scope">
- {{ scope.row.idCard || '-' }} <el-tooltip v-if="scope.row.idCardWarn == 1" class="item" effect="dark"
- content="身份信息不存在于待安置人员库" placement="top">
- <i class="el-icon-warning-outline"></i>
+ {{ scope.row.idCard || "-" }}
+ <el-tooltip v-if="scope.row.idCardWarn == 1" class="item" effect="dark" content="身份信息不存在于待安置人员库"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="resettledNum" label="应安置人数（人）" min-width="140" align="center" />
<el-table-column label="所有家庭人员应安置面积（㎡）" prop="resettledArea" min-width="160" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.resettledArea }} <el-tooltip v-if="scope.row.waitFamilyAreaWarn == 1" class="item"
- effect="dark" content="应补偿面积数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.resettledArea }}
+ <el-tooltip v-if="scope.row.waitFamilyAreaWarn == 1" class="item" effect="dark" content="应补偿面积数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column label="补偿单位标准（万元）" min-width="160" align="center">
<el-table-column prop="priceNewAmount" label="新建商品住房、商业用房、停车位" min-width="160" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.priceNewAmount }} <el-tooltip v-if="scope.row.priceAmountWarn == 1" class="item"
- effect="dark" content="补充标准数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.priceNewAmount }}
+ <el-tooltip v-if="scope.row.priceAmountWarn == 1" class="item" effect="dark" content="补充标准数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="priceOldAmount" label="二手住房" min-width="150" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.priceOldAmount }} <el-tooltip v-if="scope.row.twoPriceWarn == 1" class="item"
- effect="dark" content="检测到多个购房情况请人工核对" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.priceOldAmount }}
+ <el-tooltip v-if="scope.row.twoPriceWarn == 1" class="item" effect="dark" content="检测到多个购房情况请人工核对"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
</el-table-column>
<el-table-column prop="compensationAmount" label="补偿资金总额（万元）" min-width="160" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.compensationAmount }} <el-tooltip v-if="scope.row.compensationSumWarn == 1"
- class="item" effect="dark" content="补偿总金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.compensationAmount }}
+ <el-tooltip v-if="scope.row.compensationSumWarn == 1" class="item" effect="dark" content="补偿总金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="downPaymentAmount" label="25%首付款（㎡）" min-width="150" align="center" />
<el-table-column prop="quarterPayAmount" v-if="activeTab == '1'" label="每季度需支付款项（万元）" min-width="180"
align="center">
<template slot-scope="scope">
- <span>{{ scope.row.quarterPayAmount }} <el-tooltip v-if="scope.row.quarterPayAmountWarn == 1"
- class="item" effect="dark" content="季度款金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.quarterPayAmount }}
+ <el-tooltip v-if="scope.row.quarterPayAmountWarn == 1" class="item" effect="dark" content="季度款金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="subsidyAmount" label="过渡补贴（万元）" min-width="180" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.subsidyAmount }} <el-tooltip v-if="scope.row.subsidyAmount == 1" class="item"
- effect="dark" content="过渡补贴金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.subsidyAmount }}
+ <el-tooltip v-if="scope.row.subsidyAmount == 1" class="item" effect="dark" content="过渡补贴金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
</el-table>
@@ -100,71 +110,79 @@
<el-table-column prop="demolitionTime" label="拆迁时间" min-width="100" align="center" />
<el-table-column prop="householdHead" label="户主姓名" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.householdHead }} <el-tooltip v-if="scope.row.householdHeadWarn == 1" class="item"
- effect="dark" content="户主信息不存在于待安置人员库" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.householdHead }}
+ <el-tooltip v-if="scope.row.householdHeadWarn == 1" class="item" effect="dark"
+ content="户主信息不存在于待安置人员库" placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="idCard" label="身份证号" min-width="180" align="center">
<template slot-scope="scope">
- {{ scope.row.idCard || '-' }} <el-tooltip v-if="scope.row.idCardWarn == 1" class="item" effect="dark"
- content="身份信息不存在于待安置人员库" placement="top">
- <i class="el-icon-warning-outline"></i>
+ {{ scope.row.idCard || "-" }}
+ <el-tooltip v-if="scope.row.idCardWarn == 1" class="item" effect="dark" content="身份信息不存在于待安置人员库"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="mobile" label="联系电话" min-width="100" align="center">
<template slot-scope="scope">
- {{ scope.row.mobile || '-' }}
+ {{ scope.row.mobile || "-" }}
</template>
</el-table-column>
<el-table-column label="本次安置人数（人）" min-width="100" align="center">
<el-table-column prop="currentCollectiveNum" label="集体经济组织成员" min-width="100" align="center">
<template slot-scope="scope">
- {{ scope.row.currentCollectiveNum || '-' }}
+ {{ scope.row.currentCollectiveNum || "-" }}
</template>
</el-table-column>
- <el-table-column prop="currentNoCollectiveNum" label="非集体经济组织成员" min-width="100" align="center" >
+ <el-table-column prop="currentNoCollectiveNum" label="非集体经济组织成员" min-width="100" align="center">
<template slot-scope="scope">
- {{ scope.row.currentNoCollectiveNum || '-' }}
+ {{ scope.row.currentNoCollectiveNum || "-" }}
</template>
</el-table-column>
<el-table-column prop="currentCount" label="合计" min-width="100" align="center" />
</el-table-column>
<el-table-column prop="waitFamilyNames" label="待安置家庭成员姓名" min-width="100" align="center">
<template slot-scope="scope">
- {{ scope.row.waitFamilyNames || '-' }} <el-tooltip v-if="scope.row.waitFamilyNamesWarn == 1"
- class="item" effect="dark" content="身份信息存在重复数据" placement="top">
- <i class="el-icon-warning-outline"></i>
+ {{ scope.row.waitFamilyNames || "-" }}
+ <el-tooltip v-if="scope.row.waitFamilyNamesWarn == 1" class="item" effect="dark" content="身份信息存在重复数据"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="waitFamilyArea" label="待安置人员应安置面积合计（㎡）" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.waitFamilyArea }} <el-tooltip v-if="scope.row.waitFamilyAreaWarn == 1" class="item"
- effect="dark" content="应补偿面积数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.waitFamilyArea }}
+ <el-tooltip v-if="scope.row.waitFamilyAreaWarn == 1" class="item" effect="dark" content="应补偿面积数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column label="补偿金额（万元）" min-width="100" align="center">
<el-table-column prop="compensationNewAmount" label="新建商品住房、商业用房、停车位" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.compensationNewAmount }} <el-tooltip v-if="scope.row.compensationAmountWarn == 1"
- class="item" effect="dark" content="检测到多个购房情况请人工核对" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.compensationNewAmount }}
+ <el-tooltip v-if="scope.row.compensationAmountWarn == 1" class="item" effect="dark"
+ content="检测到多个购房情况请人工核对" placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="compensationOldAmount" label="二手住房" min-width="100" align="center" />
<el-table-column prop="compensationSum" label="合计" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.compensationSum }} <el-tooltip v-if="scope.row.compensationSumWarn == 1"
- class="item" effect="dark" content="补偿总金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.compensationSum }}
+ <el-tooltip v-if="scope.row.compensationSumWarn == 1" class="item" effect="dark" content="补偿总金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
</el-table-column>
@@ -172,18 +190,20 @@
<el-table-column prop="quarterPayAmount" v-if="activeTab == '2'" label="每季度需支付款项（万元）" min-width="100"
align="center">
<template slot-scope="scope">
- <span>{{ scope.row.quarterPayAmount }} <el-tooltip v-if="scope.row.quarterPayAmountWarn == 1"
- class="item" effect="dark" content="季度款金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.quarterPayAmount }}
+ <el-tooltip v-if="scope.row.quarterPayAmountWarn == 1" class="item" effect="dark" content="季度款金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="subsidyAmount" label="过渡补贴（万元）" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.subsidyAmount }} <el-tooltip v-if="scope.row.subsidyAmount == 1" class="item"
- effect="dark" content="过渡补贴金额数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.subsidyAmount }}
+ <el-tooltip v-if="scope.row.subsidyAmount == 1" class="item" effect="dark" content="过渡补贴金额数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" min-width="100" align="center" />
@@ -194,10 +214,11 @@
<el-table-column prop="newHousingName" label="楼盘名称" min-width="100" align="center" />
<el-table-column prop="newHousingArea" label="面积（㎡）" min-width="100" align="center">
<template slot-scope="scope">
- <span>{{ scope.row.newHousingArea }} <el-tooltip v-if="scope.row.areaWarn == 1" class="item"
- effect="dark" content="面积数据异常" placement="top">
- <i class="el-icon-warning-outline"></i>
- </el-tooltip></span>
+ <span>{{ scope.row.newHousingArea }}
+ <el-tooltip v-if="scope.row.areaWarn == 1" class="item" effect="dark" content="面积数据异常"
+ placement="top">
+ <el-image style="width: 12px; height: 12px; margin-left: 5px"
+ :src="require('../../../assets/logo/warning.png')" :fit="fit"></el-image> </el-tooltip></span>
</template>
</el-table-column>
<el-table-column prop="newHousingNum" label="套数（套）" min-width="100" align="center" />
@@ -243,11 +264,15 @@
<div class="info-line">
<div class="approver-info">
<div class="approver-title">提交人：</div>
- <div class="approver-name">{{ detailData.createUser || '-' }}</div>
+ <div class="approver-name">
+ {{ detailData.createUser || "-" }}
+ </div>
</div>
<div class="approval-time-info">
<div class="approval-time-title">提交时间：</div>
- <div class="approval-time">{{ detailData.createTime || '-' }}</div>
+ <div class="approval-time">
+ {{ detailData.createTime || "-" }}
+ </div>
</div>
</div>
</div>
@@ -272,11 +297,15 @@
<div class="info-line">
<div class="approver-info">
<div class="approver-title">提交人：</div>
- <div class="approver-name">{{ detailData.createUser || '-' }}</div>
+ <div class="approver-name">
+ {{ detailData.createUser || "-" }}
+ </div>
</div>
<div class="approval-time-info">
<div class="approval-time-title">提交时间：</div>
- <div class="approval-time">{{ detailData.createTime || '-' }}</div>
+ <div class="approval-time">
+ {{ detailData.createTime || "-" }}
+ </div>
</div>
</div>
</div>
@@ -290,11 +319,15 @@
<div class="info-line">
<div class="approver-info">
<div class="approver-title">审核人：</div>
- <div class="approver-name">{{ detailData.approveName || '-' }}</div>
+ <div class="approver-name">
+ {{ detailData.approveName || "-" }}
+ </div>
</div>
<div class="approval-time-info">
<div class="approval-time-title">审核时间：</div>
- <div class="approval-time">{{ detailData.approveTime || '-' }}</div>
+ <div class="approval-time">
+ {{ detailData.approveTime || "-" }}
+ </div>
</div>
</div>
</div>
@@ -339,7 +372,7 @@
</template>
<script>
-import { getPlacementBatchDetail } from '@/api/placement-details'
+import { getPlacementBatchDetail } from "@/api/placement-details";
export default {
name: "ApprovalDialog",
props: {
@@ -379,10 +412,8 @@
pageSize: 1000000,
},
tableData: [],
-
};
},
-
watch: {
visible(val) {
@@ -395,7 +426,6 @@
handler(newVal) {
if (newVal && Object.keys(newVal).length > 0) {
// 如果有传入数据，可以在这里处理
-
}
},
immediate: true,
@@ -403,27 +433,33 @@
},
methods: {
openDialog() {
- this.getList()
+ this.getList();
},
/** 查询列表 */
getList() {
- this.loading = true
+ this.loading = true;
// TODO: 调用接口获取数据
- getPlacementBatchDetail({ ...this.queryParams, placementBatchId: this.placementBatchId, type: this.activeTab,}).then(res => {
+ getPlacementBatchDetail({
+ ...this.queryParams,
+ placementBatchId: this.placementBatchId,
+ type: this.activeTab,
+ }).then((res) => {
if (res.code == 200) {
- this.tableData = this.activeTab == '1' ? res.data.assetList : res.data.householdList
- this.detailData = res.data.placementBatch
- this.total = res.data.total
- res.data.placementBatch.status = res.data.placementBatch.status.toString()
- this.form = res.data.placementBatch
- this.loading = false
+ this.tableData =
+ this.activeTab == "1" ? res.data.assetList : res.data.householdList;
+ this.detailData = res.data.placementBatch;
+ this.total = res.data.total;
+ res.data.placementBatch.status =
+ res.data.placementBatch.status.toString();
+ this.form = res.data.placementBatch;
+ this.loading = false;
}
- })
+ });
},
/** Tab切换操作 */
handleTabClick(tab) {
- this.activeTab = tab.name
- this.getList()
+ this.activeTab = tab.name;
+ this.getList();
},
tableRowClassName({ row, rowIndex }) {
if (row.hasError) {
@@ -432,7 +468,7 @@
return "";
},
cancelAudit() {
- this.$emit('close')
+ this.$emit("close");
this.resetForm();
},
submitAudit() {
@@ -456,8 +492,9 @@
<style scoped>
::v-deep .warning-row {
- background: #DE868F !important;
+ background: #de868f !important;
}
+
.approval-content {
display: flex;
margin-bottom: 20px;
--
Gitblit v1.7.1