zdxtLawEnforcementCodeView/src/views/enterprise/enterpriseInspectionDetail.vue

<template>
	<div class="address_edit">
		<!-- 导航栏 -->
		<div class="header_body">
			<header-nav :slefBack="true" @goBack="goBack" :titelText="`详情`"></header-nav>
		</div>
		<!-- 中间 -->
		<div>
<!--            <van-cell-group>-->
        <van-form @failed="onFailed" @submit="submit">
           <van-field
            v-model="submitData.lawEnforcementCode"
             label="登记编号"
             readonly
           />
            <van-field
              v-model="submitData.enterpriseName"
              label="企业名称"
              readonly
            />
            <van-field
              v-model="submitData.linkMan"
              label="企业联系人"
              readonly
            />
            <van-field
              v-model="submitData.linkTel"
              label="联系人电话"
              :rules="[{ validator, message: '请输入正确内容' }]"
              readonly
            />
            <van-field
              v-model="submitData.checkTime"
              readonly
              label="检查时间"

            />
            <van-field
              v-model="submitData.checkItem"
              label="检查事项"
              type="textarea"
              rows="1"
              autosize
              readonly
            />
            <van-field
              v-model="submitData.checkRequire"
              label="检查要求"
              type="textarea"
              rows="1"
              autosize
              readonly
            />
            <van-field
                v-model="submitData.lawEnforcement"
                readonly
                label="执法部门"

            />
            <van-field
                v-model="submitData.lawEnforcer"
                readonly
                label="执法人员"
            />
            <van-field
                v-model="submitData.lawEnforcerTwo"
                readonly
                label="执法人员"
            />
            <van-field
              v-model="submitData.remark"
              label="备注"
              rows="2"
              autosize
              type="textarea"
              maxlength="50"
              placeholder="请输入备注"
              show-word-limit
              readonly
            />
        </van-form>
<!--          </van-cell-group>-->
        </div>

<!--        <div class="warp_body">-->
<!--            <van-action-bar>-->
<!--                <van-action-bar-button text="保存"  @click="submit" />-->
<!--            </van-action-bar>-->
<!--        </div>-->

        <van-popup v-model:show="data.showLawEnforcerFlag" position="bottom" :style="{ height: '30%' }" />

        <van-popup v-model:show="data.showTimePicker" position="bottom" :style="{ height: '30%' }" >
            <van-date-picker
                    type="time"
                    @confirm="onConfirm"
                    @cancel="data.showTimePicker = false"
            />
        </van-popup>
	</div>
</template>

<script setup name="register">

import {getEnterpriseLawEnforcement} from '../../api/administrative'
import { reactive, ref } from "vue";
import {getDict} from "../../api/Home";
import {queryLinkageById} from "../../api/linkage";
import {formattedTimeYYYYmmdd} from "@/util/util";

const router = useRouter();
const route = useRoute();
let queryaddressId = ref("");
const data = reactive({
    showLawEnforcerFlag:false,
    showTimePicker:false,
});
//保存参数
let submitData = reactive({
    /** 登记编号 */
    lawEnforcementCode:"",
    /** 企业名称 */
    enterpriseName:"",
    /** 企业ID */
    enterpriseId:"",
    /** 企业联系人 */
    linkMan:"",
    /** 联系人电话 */
    linkTel:"",
    /** 检查时间 */
    checkTime:"",
    /** 检查事项 */
    checkItem:"",
    /** 检查要求 */
    checkRequire:"",
    /** 执法部门 */
    lawEnforcement:"",
    /** 执法部门ID */
    lawEnforcementId:"",
    /** 执法人员 */
    lawEnforcer:"",
    /** 执法人员ID */
    lawEnforcerId:"",
    /** 执法人员2 */
    lawEnforcerTwo:"",
    /** 执法人员ID2 */
    lawEnforcerIdTwo:"",
    /** 备注 */
    remark:"",
})

const onConfirm = (time) => {
    if(time != null) {
        var times = time.selectedValues;
        submitData.checkTime = times[0] +"-"+ times[1] +"-"+ times[2];
    }
    data.showTimePicker = false;
};

const validator = (val) => /^1[34578]\d{9}$/.test(val);

const onFailed = (errorInfo) => {
    console.log('failed', errorInfo);
};

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

const setLinkageItem = (id) => {
    queryLinkageById({"id": id}, success => {
        submitData.checkItem = success.title
    },error=>{});
}
const setLinkageGA = (id) => {
    queryLinkageById({"id": id}, success => {
        submitData.checkRequire = success.title
    },error=>{});
}

//初始化参数，获取扫码的企业统一信用编码
onMounted(() =>{
    getEnterpriseLawEnforcement(route?.query?.id,success =>{
    //跳转企业二维码地址
    if(success.success){
        submitData.lawEnforcementCode = success.data.lawEnforcementCode;
        submitData.lawEnforcement = success.data.lawEnforcement;
        submitData.lawEnforcer = success.data.lawEnforcer;
        submitData.lawEnforcerTwo = success.data.lawEnforcerTwo;
        submitData.checkItem = success.data.checkItem;
        submitData.checkRequire = success.data.checkRequire;
        submitData.enterpriseName = success.data.enterpriseName;
        submitData.linkMan = success.data.linkMan;
        submitData.linkTel = success.data.linkTel;
        submitData.checkTime = formattedTimeYYYYmmdd(success.data.checkTime);
        
        submitData.remark = success.data.remark;

        setLinkageItem(submitData.checkItem);
        setLinkageGA(submitData.checkRequire);
    }
  },error=>{
      console.log("登记失败")
  })
})

</script>
<style lang="less" scoped>
.address_edit {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background-color: #f4f4f4;
}
/* 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;
}

</style>