修改警示图片

董国庆

2025-03-25 887c5042989fd1ac7a273f27fc59e3ac9bafddd7

修改警示图片

 src/api/application-batch.js

@@ -18,7 +18,14 @@
    data
  })
}

//安置新增审批批次
export function deleteList(data) {
  return request({
    url: '/placement-apply/del',
    method: 'post',
    data
  })
}
//安置详情列表
export function geDetailTabletList(data) {
  return request({

 src/assets/logo/warning.png

 src/views/applicationBatchList/components/ApprovalDialog.vue

@@ -89,17 +89,19 @@
                placement="top"
              >
                <div slot="content">{{ "身份证不在安置库" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <el-image
                style="width: 12px; height: 12px;margin-left:5px"
                :src="require('../../../assets/logo/warning.png')"
                :fit="fit"
              ></el-image>
              </el-tooltip>
              <el-tooltip v-if="scope.row.idCardNoWarn == 1" placement="top">
                <div slot="content">{{ "身份证重复" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <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>
@@ -158,10 +160,11 @@
                placement="top"
              >
                <div slot="content">{{ "身份信息存在重复数据" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <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>
@@ -178,10 +181,11 @@
                placement="top"
              >
                <div slot="content">{{ "应补偿面积数据异常" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <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>
@@ -262,10 +266,11 @@
                placement="top"
              >
                <div slot="content">{{ "季度款金额异常" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <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>
@@ -282,10 +287,11 @@
                placement="top"
              >
                <div slot="content">{{ "过度补贴数据异常" }}</div>
                <i
                  class="el-icon-warning-outline"
                  style="color: #e6a23c; margin-left: 5px"
                ></i>
                <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>

 src/views/applicationBatchList/detail.vue

@@ -194,17 +194,19 @@
          {{ scope.row.idCard }}
          <el-tooltip v-if="scope.row.idCardExistsWarn == 1" placement="top">
            <div slot="content">{{ "身份证不在安置库" }}</div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <el-image
                style="width: 12px; height: 12px;margin-left:5px"
                :src="require('../../assets/logo/warning.png')"
                :fit="fit"
              ></el-image>
          </el-tooltip>
          <el-tooltip v-if="scope.row.idCardNoWarn == 1" placement="top">
            <div slot="content">{{ "身份证重复" }}</div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <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>
@@ -260,10 +262,11 @@
          {{ scope.row.waitFamilyNames }}
          <el-tooltip v-if="scope.row.waitFamilyNamesWarn == 1" placement="top">
            <div slot="content">{{ "身份信息存在重复数据" }}</div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <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>
@@ -277,10 +280,11 @@
          {{ scope.row.waitFamilyArea }}
          <el-tooltip v-if="scope.row.waitFamilyAreaWarn == 1" placement="top">
            <div slot="content">{{ "应补偿面积数据异常" }}</div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <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>
@@ -329,10 +333,15 @@
              placement="top"
            >
              <div slot="content">{{ "金额超出补偿标准" }}</div>
              <i
              <!-- <i
                class="el-icon-warning-outline"
                style="color: #e6a23c; margin-left: 5px"
              ></i>
              ></i> -->
              <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>
@@ -362,10 +371,11 @@
            <div slot="content">
              {{ "季度款金额异常" }}
            </div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <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>
@@ -379,10 +389,11 @@
          {{ scope.row.subsidyAmount }}
          <el-tooltip v-if="scope.row.subsidyAmountWarn == 1" placement="top">
            <div slot="content">{{ "过度补贴数据异常" }}</div>
            <i
              class="el-icon-warning-outline"
              style="color: #e6a23c; margin-left: 5px"
            ></i>
            <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>

 src/views/applicationBatchList/detailInfo.vue

@@ -243,11 +243,11 @@
        ],
        currentCollectiveNum: [
          { required: true, message: '请输入集体经济组织成员人数', trigger: 'blur' },
          { pattern: /^[1-9]\d*$/, message: '请输入正整数', trigger: 'blur' }
          { pattern: /^[0-9]\d*$/, message: '请输入正整数', trigger: 'blur' }
        ],
        currentNoCollectiveNum: [
          { required: true, message: '请输入非集体经济组织成员人数', trigger: 'blur' },
          { pattern: /^[1-9]\d*$/, message: '请输入正整数', trigger: 'blur' }
          { pattern: /^[0-9]\d*$/, message: '请输入正整数', trigger: 'blur' }
        ],
        waitFamilyNames: [{ required: true, message: '请输入待安置家庭成员姓名', trigger: 'blur' }],
        waitFamilyArea: [

 src/views/applicationBatchList/list.vue

@@ -27,8 +27,16 @@
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
          <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
          <el-button
            type="primary"
            icon="el-icon-search"
            size="small"
            @click="handleQuery"
            >查询</el-button
          >
          <el-button icon="el-icon-refresh" size="small" @click="resetQuery"
            >重置</el-button
          >
        </el-form-item>
      </el-form>
    </div>
@@ -173,7 +181,7 @@
import Pagination from "@/components/Pagination";
import UploadDialog from "./components/UploadDialog";
import ApprovalDialog from "./components/ApprovalDialog";
import { geTabletList } from "@/api/application-batch";
import { geTabletList, deleteList } from "@/api/application-batch";
import { downLoad } from "@/utils";

export default {
@@ -250,11 +258,11 @@
      };
      this.handleQuery();
    },
    handleSizeChange(size){
    handleSizeChange(size) {
      this.queryParams.pageSize = size;
      this.getList();
    },
    handleCurrentChange(page){
    handleCurrentChange(page) {
      this.queryParams.pageNum = page;
      this.getList();
    },
@@ -265,7 +273,7 @@
    /** 导入模板下载操作 */
    handleImport() {
      // 实现下载逻辑
      downLoad('/placement-apply/download-template','安置申请表.xlsx')
      downLoad("/placement-apply/download-template", "安置申请表.xlsx");
    },
    /** 统一的查看/详情按钮操作 */
    handleView(row, type) {
@@ -291,11 +299,15 @@
      })
        .then(() => {
          // 这里添加删除逻辑
          this.$message({
            type: "success",
            message: "删除成功！",
          deleteList({ id: row.id }).then((res) => {
            if (res.code == 200) {
              this.$message({
                type: "success",
                message: "删除成功！",
              });
              this.getList();
            }
          });
          this.getList();
        })
        .catch(() => {});
    },
@@ -305,7 +317,7 @@
      this.getList();
      this.$message({
        type: "success",
        message:"新增成功！" ,
        message: "新增成功！",
      });
    },
  },

 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;

 src/views/placement-batch/person.vue

@@ -80,7 +80,11 @@
          <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-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>
@@ -88,7 +92,11 @@
          <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>
              <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>
@@ -97,7 +105,11 @@
          <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-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>
@@ -106,7 +118,11 @@
            <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-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>
@@ -114,7 +130,11 @@
            <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-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>
@@ -123,7 +143,11 @@
          <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-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>
@@ -133,7 +157,11 @@
          <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-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>
@@ -141,7 +169,11 @@
          <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-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>
@@ -174,7 +206,11 @@
          <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-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>
@@ -182,7 +218,11 @@
          <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>
              <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>
@@ -205,7 +245,11 @@
          <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>
              <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>
@@ -213,7 +257,11 @@
          <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-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>
@@ -222,7 +270,11 @@
            <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-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>
@@ -231,7 +283,11 @@
            <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-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>
@@ -242,7 +298,11 @@
          <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-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>
@@ -250,7 +310,11 @@
          <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-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>
@@ -264,7 +328,11 @@
            <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-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>