winhc-demension-vue3/src/components/ListCustom/ZhuXiaoBeiAn.vue

<!--
 * @Author: 文帅
 * @Date: 2022-04-11 15:56:43
 * @LastEditTime: 2022-04-11 16:37:55
 * @LastEditors: 文帅
 * @Description:
-->
<template>
  <div>
    <van-collapse v-model="activeNames">
      <van-collapse-item title="注销备案" name="1">
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">公告状态</van-col>
          <van-col class="right">{{ info.status || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-gray-list">
          清算组备案信息
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">企业名称</van-col>
          <van-col class="right">{{ info.companyName || "-" }}</van-col>
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">统一信用代码/注册号</van-col>
          <van-col class="right">{{ info.creditNo || "-" }}</van-col>
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">登记机关</van-col>
          <van-col class="right">{{ info.belongOrg || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">清算组备案日期 </van-col>
          <van-col class="right">{{ $dateFormat(info.auditStartDate )}}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">清算组成立日期 </van-col>
          <van-col class="right">{{
            $dateFormat(info.creditorStartDate )
          }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">注销原因</van-col>
          <van-col class="right">{{ info.logoutReason || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left" span="10">清算组办公地址</van-col>
          <van-col class="right" span="14">{{
            info.creditorAddress || "-"
          }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">清算组联系电话</van-col>
          <van-col class="right">{{ info.auditPhone || "-" }}</van-col>
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">清算组负责人</van-col>
          <van-col class="right">{{ info.creditorPerson || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">清算组成员</van-col>
          <van-col class="right">{{ info.auditEmployees || "-" }}</van-col>
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-gray-list">
          债权人公告信息
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">统一信用代码/注册号</van-col>
          <van-col class="right">{{ info.zqCreditNo || "-" }}</van-col>
        </van-row>

        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">登记机关</van-col>
          <van-col class="right">{{ info.zqBelongOrg || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">公告期</van-col>
          <van-col class="right">{{ info.announcementPeriod || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left" span="6">公告内容</van-col>
          <van-col class="right" span="18">{{ info.content || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">债权申报联系人</van-col>
          <van-col class="right">{{ info.zqPerson || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left">债权申报联系电话</van-col>
          <van-col class="right">{{ info.zqAuditPhone || "-" }}</van-col>
        </van-row>
        <van-row type="flex" justify="space-between" class="yhc-ndbg-rowlist">
          <van-col class="left" span="8">债权申报地址</van-col>
          <van-col class="right" span="16">{{ info.aqAddress || "-" }}</van-col>
        </van-row>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script lang="ts" setup>
  import $axios from '@/api'
  import { useDemensionListStore } from '@/store/demensionList'
  import { $dateFormat } from '@/utils/utils'
  import { onMounted, ref } from 'vue'

  const activeNames = ref(['1'])
  const info = ref<any>({})

  const getData = async () => {
    const params = {
      dimensionCode: useDemensionListStore().selectDemension?.code,
      entityId: useDemensionListStore().entityId,
      entityName: useDemensionListStore().entityName,
      entityType: useDemensionListStore().entityType
    }
    const res:any = await $axios.get('lawyer-workbench/risk/dimension/page',{params})
    info.value = res
  }
  onMounted(() => {
    getData()
  })
</script>

<style lang="scss" scoped>

:deep() .van-collapse-item__content {
  padding: 0 10px !important;
  font-size: 15px !important;
}

:deep() .van-cell__title {
  font-weight: bold;
}
:deep() .van-cell:not(:last-child)::after {
  border: none !important;
}

:deep() .van-cell {
  padding: 10px !important;
  margin-bottom: 10px !important;
}

:deep() .van-collapse-item__wrapper {
  margin-top: -10px !important;
  margin-bottom: 10px !important;
}

:deep() .van-step--vertical .van-step__circle-container {
  position: absolute;
  top: 23px !important;
}

:deep() .van-step--vertical:not(:last-child)::after {
  border-bottom-width: 0px !important;
}

:deep() .van-cell__title {
  flex: 2;
}

.yhc-ndbg-rowlist {
  padding: 12px 0px;
  border-top: 0.7px solid $border;

  .left {
    color: $blackColor;
  }

  .right {
    color: $grayFont;
    text-align: right;
  }
}

.yhc-ghxixi-address {
  margin-top: 10px;
  padding-bottom: 8px;

  i {
    font-size: 16px;
    vertical-align: bottom;
    margin-right: 3px;
  }
}

.compony-name {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 3px;
}

.yhc-item-row {
  padding-bottom: 8px;

  .yhc-item-left {
    color: $grayFont;

    .left-first {
      padding: 2px 0px;
    }

    .black {
      color: $blackColor;
      padding-top: 8px;
      line-height: 16px;
      padding-right: $padding;
    }
  }

  .yhc-item-right {
    color: $grayFont;

    .right-first {
      padding: 2px $padding;
    }

    .black {
      padding-left: $padding;
      color: $blackColor;
      padding-top: 8px;
    }
  }
}

// 阴影部分

.yhc-biangen {
  color: $blackColor;

  .name {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .gray-boild {
    border: 0.7px solid #dedcdc;
    border-radius: 4px;
  }

  .yhc-gray-section {
    padding: 10px;

    border-radius: 4px;
    background-color: #f1f2f4;

    .yhc-section-left {
      .left-first {
        padding: 2px 0px;
      }

      .black {
        padding-top: 8px;
      }
    }

    .yhc-section-right {
      border-left: 0.7px solid #dedcdc;

      .right-first {
        padding: 2px $padding;
      }

      .black {
        padding-left: $padding;
        padding-top: 8px;
      }
    }
  }
}

.yhc-gray-list {
  padding: 12px 12px;
  color: $blackColor;
  background-color: #f1f2f4;
  margin-left: -12px;
  margin-right: -12px;
}
</style>