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="企业名称"-->
<!--              required-->
<!--              readonly-->
<!--              :rules="[{ required: true, message: '必填项' }]"-->
<!--            />-->
<!--            <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"
              required
              readonly
              label="检查时间"
              :rules="[{ required: true, message: '必填项' }]"
              
            />
            <van-field
              v-model="submitData.checkItem"
              required
              label="检查事项"
              :rules="[{ required: true, message: '必填项' }]"
              readonly
            />
            <van-field
              v-model="submitData.checkRequire"
              required
              label="检查要求"
              :rules="[{ required: true, message: '必填项' }]"
              readonly
            />
            <van-field
                v-model="submitData.lawEnforcement"
                readonly
                label="执法部门"
                :rules="[{ required: true, message: '必填项' }]"
                
            />
            <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";

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 = 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>