zdxtLawEnforcementCodeView/src/views/enforce/enterpriseBaseInfo.vue

<template>
	<div class="address_edit">
		<!-- 导航栏 -->
<!--		<div class="header_body">-->
<!--			<header-nav :slefBack="true" @goBack="goBack" :titelText="`企业相关信息`"></header-nav>-->
<!--		</div>-->
		<!-- 中间 -->
<!--		<div class="warp_body">-->
            <van-form @failed="onFailed" @submit="submit">
               
                <van-cell-group>
                    <div class="qy-name">企业信息</div>
                    <van-field
                            v-model="data.enterpriseInfo.enterpriseName"
                            label="企业名称:"
                            readonly
                    />
                    <van-field
                            v-model="data.enterpriseInfo.enterpriseNumber"
                            label="统一社会信用代码:"
                            readonly
                    />
					<van-field
					        v-model="data.enterpriseInfo.enterpriseType"
					        label="企业类型:"
                  readonly
					/>
<!--					<van-field
							v-model="data.enterpriseInfo.enterpriseAddress"
							label="企业地址:"
							rows="2"
							autosize
							type="textarea"
							show-word-limit
							readonly
					/>-->

          <van-field
              label="企业地址:"
          />
          <van-text-ellipsis :content="data.enterpriseInfo.enterpriseAddress" rows="2"  />

					<van-field
					        v-model="data.enterpriseInfo.legalPerson"
					        label="法人代表:"
                  readonly
					/>
<!--					<van-field-->
<!--					        v-model="data.enterpriseInfo.enterpriseAddress"-->
<!--					        label="企业地址:"-->
<!--                  readonly-->
<!--					/>-->
					<van-field
					        v-model="data.enterpriseInfo.registeredCapital"
					        label="注册资本(元):"
                  readonly
					/>
					<van-field
					        v-model="data.enterpriseInfo.establishmentTime"
					        label="成立日期:"
                  readonly
					/>
					<van-field
					        v-model="data.enterpriseInfo.operatingTerm"
					        label="营业期限:"
                  readonly
					/>
					<van-field
					        label="经营范围:"
					/>
          <van-text-ellipsis :content="data.enterpriseInfo.businessScope" rows="2" expand-text="展开" collapse-text="收起" />

					

                </van-cell-group>
				
				<van-divider class="divdsty" />

                <van-cell-group>
					<div class="qy-name">案件信息</div>
					<div class="search-button-list">
						<span v-for="(item, index) in data?.optionList" :key="index">
							<van-button plain hairline @click="searchDateType(item)" round type="primary" size="mini"
							 :style="item.selected == true ? 'background-color:#1989fa;color:#fff':'background-color:white;color:#1989fa'">{{item.name}}</van-button>
						</span>
					</div>
				    <div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1">
                     <div class="goods_box" v-for="(item, index) in data?.checkDataList" :key="index">
							<van-swipe-cell class="swipe_cell">
								<div class="card_box" @click="toDetailView(item.id)">
							
<!--									<div  style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>-->
									<div class="card_box_span">
										<p class="zf-name">{{ item.lawEnforcementItem }}</p>
									</div> -->
									<div class="card_box_span">
										<p><span class="card_box_label">案件名称：</span> {{ item.lawEnforcement }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">检查日期：</span> {{ item.lawEnforcer }} ，  {{ item.lawEnforcerTwo }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">检查结果：</span> {{ item.remark }}</p>
									</div>
								</div>
							</van-swipe-cell>
						</div>
					</div>
					<div class="refresh_content" v-if="data?.punishDataList.length && data?.show == 2">
					 <div class="goods_box" v-for="(item, index) in data?.punishDataList" :key="index">
							<van-swipe-cell class="swipe_cell">
								<!-- <div class="card_box" @click="toDetailView(item.id)"> -->
							    <div class="card_box">
<!--									<div  style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>-->
									<div class="card_box_span">
										<p style="font-size: 16px;font-weight: bold;">{{ item.lawEnforcementItem }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">处罚方式：</span> {{ item.lawEnforcement }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">处罚种类：</span> {{ item.lawKind }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">决定时间：</span> {{ item.remark }}</p>
									</div>
								</div>
							</van-swipe-cell>
						</div>
					</div>	
					<div class="refresh_content" v-if="data?.forceDataList.length && data?.show == 3">
					 <div class="goods_box" v-for="(item, index) in data?.forceDataList" :key="index">
							<van-swipe-cell class="swipe_cell">
								<!-- <div class="card_box" @click="toDetailView(item.id)"> -->
								<div class="card_box">
							
<!--									<div class="van-hairline&#45;&#45;bottom"></div>-->
									<div class="card_box_span">
										<p>{{ item.lawEnforcementItem }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">强制种类：</span> {{ item.lawEnforcement }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">强制措施：</span> {{ item.lawDate }}</p>
									</div>
									<div class="card_box_span">
										<p><span class="card_box_label">批准时间：</span> {{ item.remark }}</p>
									</div>
								</div>
							</van-swipe-cell>
						</div>
					</div>	
				</van-cell-group>
               
            </van-form>
        </div>

        <Popup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveData" />
        <Popup :visible="data.popupVisible2" :content="data.popupContent2" @close="closePopup" @reciveData="reciveData2" />
<!--	</div>-->
</template>

<script setup name="register">

import { showSuccessToast } from 'vant';
import 'vant/es/toast/style';
import {addEnforcementRegistration,queryUserInfo,queryRegistrationList} from '@/api/enforce'
import {getEnterpriseInformation,queryXzjcjbxxList,queryQZAJList,queryCFAJList} from '@/api/enterprise'
import {getDict} from '../../api/Home'
import { reactive, ref } from "vue";
import { format } from 'date-fns';
import {uploadFile} from "../../util/fileUpload";
//用户筛选弹窗
import Popup from './userFilter.vue';

const { useMy } = $globalStore

const router = useRouter();
//路由参数
const route = useRoute();
let queryaddressId = ref("");
const data = reactive({
	optionList:[
		{name:"历史检查案件",val:1,selected:true},
		{name:"历史处罚案件",val:2,selected:false},
		{name:"历史强制案件",val:3,selected:false}],
	show:1,
	searchParam:{},
	enterpriseInfo: {},
	checkDataList:[],
	punishDataList:[
		{lawEnforcementItem:"安全生产违法",lawEnforcement:"深圳市福田区应急管理局",lawKind:"罚款",remark:"当日执行"}],
	forceDataList:[
		{lawEnforcementItem:"经济纠纷",lawEnforcement:"深圳市福田区应急管理局",lawDate:"2024-04-12",remark:""}],
    showLawEnforcerFlag:false,
    currentPage: 1,
    good:"#7FFFD4",
    bad:"#D3D3D3",

    popupVisible: false,
    popupContent: '',
    popupVisible2: false,
    popupContent2: '',
});

const props = defineProps({
	enterpriseNumber: {
		type: String,
		default: "",
	},
});


const searchDateType = (item) =>{
  if(item.selected === false){
	data.optionList.forEach(item=>{item.selected = false})
    item.selected = true
	data.show = item.val
  }
}

const queryList = () =>{
  queryEnforcementInspectionProgramList(searchParam,success =>{
    console.log(success)
    data.dataList = success.data;
    freshMap.refreshLoad = false;
		freshMap.listLoading = false;
		freshMap.listFinished = true;
	  isLodding.value = false;
  },error =>{

  })
}
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
//初始化参数，获取扫码的企业统一信用编码
onMounted(() =>{
	//查询企业信息
    // getEnterpriseInformation(route?.query?.enterpriseNumber,success =>{
    getEnterpriseInformation(props?.enterpriseNumber,success =>{
      if (null != success.data) {
          data.enterpriseInfo.enterpriseName = success.data.enterpriseName
          data.enterpriseInfo.enterpriseNumber = success.data.enterpriseNumber
		  console.log(success.data.companyOrgType)
		  data.enterpriseInfo.enterpriseType = success.data.companyOrgType
		  data.enterpriseInfo.enterpriseAddress = success.data.enterpriseAddress
		  data.enterpriseInfo.legalPerson = success.data.legalPerson 
		  data.enterpriseInfo.registeredCapital = success.data.registeredCapital +' (人民币/元)'
		  data.enterpriseInfo.establishmentTime = format(success.data.establishmentTime, 'yyyy-MM-dd');
		  data.enterpriseInfo.operatingTerm = success.data.operatingTerm
		  data.enterpriseInfo.businessScope = success.data.businessScope
		  //查询企业类型
		  getDict({"dictType": "enterpriseType"},success =>{
		    if (success.data !=null) {
			    success.data.forEach(res =>{
			    	if (data.enterpriseInfo.enterpriseType === res.dictValue) {
			    		data.enterpriseInfo.enterpriseType = res.dictLabel
			    	}
			    })	
			}
		  },error =>{
		  
		  })
		  //查询企业历史检查案件
		  // data.searchParam.enterpriseNumber = data.enterpriseInfo.enterpriseNumber;
		  // queryRegistrationList(data.searchParam,success =>{
		  // 	data.checkDataList = success.data;
		  // },error =>{

		  // })
        //查询企业历史检查案件
        queryXzjcjbxxList(data.enterpriseInfo.enterpriseNumber,success =>{
          console.log("历史检查案件---",success.data)
          data.checkDataList = success.data;
        },error =>{

        });
        //查询历史强制案件
        queryQZAJList(data.enterpriseInfo.enterpriseNumber,success =>{
          console.log("历史强制案件---",success.data)
        },error =>{

        })

        //查询历史强制案件
        queryCFAJList(data.enterpriseInfo.enterpriseNumber,success =>{
          console.log("历史处罚案件---",success.data)
        },error =>{

        })

      }
    },error=>{

    })

})

// 返回
const goBack = () => {
	router.go(-1);
};

const toDetailView = (id) =>{
  console.log(id)
  router.push(
        { 
          path: "/registrationDetail",
          query: {
              id: id,
            }
      });
}

const showPopup = () =>{
    data.popupVisible = true;
}
const showPopup2 = () =>{
    data.popupVisible2 = true;
}
const closePopup = () =>{
    data.popupVisible = false;
    data.popupVisible2 = false;
}
const reciveData = (item) =>{
    submitData.lawEnforcerTwo = item.userName;
    submitData.lawEnforcerIdTwo = item.userId;
}
const reciveData2 = (item) =>{
    submitData.subsidiaryer = item.userName;
    submitData.subsidiaryerId = item.userId;
}

</script>

<style lang="less" scoped>
.address_edit {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: #ebf3fb;
}

.warp_body {
    margin: 0 3%;
    padding-bottom: 3rem;
    width: 94%;
    height: 100%;
    //border-radius: 0.25rem;
    background-image: linear-gradient(to bottom, #ebf3fb, #fff);
    overflow-y: auto;
}

.qy-name {
  font-size: 0.4rem;
  margin: 0 4.25%;
  height: 1.2rem;
  line-height: 3.5;
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #f3f4f5;
}

.zf-name {
  height: 1.2rem;
  font-size: 0.35rem;
  font-weight: 600;
}

/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
.van-popup.van-toast{
    background: var(--van-toast-background) !important;
    box-sizing: content-box !important;
    /* 下面3条css,影响不大 */
    transition: all var(--van-duration-fast) !important;
    width: var(--van-toast-default-width) !important;
    max-width: var(--van-toast-max-width) !important;
}
.van-popup.van-toast .van-toast__icon{
    font-size: var(--van-toast-icon-size) !important;
}

.divdsty {
    margin: auto;
    width: 100%;
    height: 0.25rem;
    background-color: #f4f4f4;
    border: 0;
}
.file-upload{
    min-height: 4.5rem;
    position: relative;
}
.file-upload-center{
    position: absolute;
    height: 20%;
    top: 10%;
    left: 2%;
    font-size: 0.38rem;
    span {
        font-size: 0.32rem;
        color: rgb(221, 229, 227);
    }
}
.file{
    position: absolute;
    bottom: 10%;
    left: 2%;
}

.preview-cover {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 4px;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
}

.goods_box {
  display: flex;
  background-color: #fff;
  margin: 6px;
  border-radius: 10px;

  .swipe_cell {
    width: 100%;
  }

  .card_box {
    display: flex;
    width: 100%;
    padding: 10px 0px;
    flex-direction: column;

    .card_body {
      background-color: #fff;
      border-radius: 10px;
      flex: 1;
    }

    .card_box_span {
      font-size: 13px;
      padding-left: 5%;
      height: 35px;
      align-items: center;
      display: flex;
      align-items: center;
    }

    .card_box_action {
      position: absolute;
      right: 4%;
    }
  }
}

.search-button-list {
  margin-top: -2%;
}

/deep/ .van-button {
  margin: 2% -2% 3% 4.5%;
  padding: 2% 3%;
  font-size: 0.3rem;
}

/deep/ .van-text-ellipsis {
  font-size: 0.37rem;
  padding: 0.27rem 0.43rem;
}
</style>