预约联合执法重做

src/views/administrative/appointmentDetail.vue

@@ -0,0 +1,658 @@
+<template>
+    <div class="address_edit">
+        <div>
+            <van-form @failed="onFailed" @submit="submit">
+              <van-cell-group>
+                <van-field
+                        v-model="submitData.enterpriseName"
+                        label="企业名称"
+                        required
+                        :rules="[{ required: true, message: '必填项' }]"
+                        readonly
+                />
+                <Popup :visible="popupVisible" :content="popupContent" @close="closePopupCompony"  @reciveData="reciveData" />
+                <van-field
+                        v-model="submitData.linkMan"
+                        label="企业联系人"
+                        readonly
+                />
+                <van-field
+                        v-model="submitData.linkTel"
+                        label="联系人电话"
+                        readonly
+                        :rules="[{ validator, message: '请输入正确内容' }]"
+                />
+                <van-field
+                        v-model="submitData.checkTime"
+                        required
+                        readonly
+                        label="检查时间"
+                        :rules="[{ required: true, message: '必填项' }]"
+                />
+
+                <van-field
+                        v-model="submitData.checkItemText"
+                        label="检查事项"
+                        rows="2"
+                        autosize
+                        readonly
+                        type="textarea"
+                        maxlength="50"
+                        placeholder="请输入检查事项"
+                        show-word-limit
+                />
+                <van-field
+                        v-model="submitData.checkRequireText"
+                        label="检查要求"
+                        rows="2"
+                        autosize
+                        readonly
+                        type="textarea"
+                        maxlength="50"
+                        placeholder="请输入检查要求"
+                        show-word-limit
+                />
+                <van-field
+                        v-model="submitData.lawEnforcement"
+                        readonly
+                        label="执法部门"
+                        :rules="[{ required: true, message: '必填项' }]"
+                />
+                <van-field
+                        v-model="submitData.lawEnforcerText"
+                        readonly
+                        label="执法人员"
+                />
+                <van-field v-for="(item, index) in data.lawCer" :key="index"
+                           v-model="item.show"
+                           label="执法人员"
+                           readonly
+                           placeholder="请选择"
+                           is-link
+                />
+                <van-field
+                        v-model="submitData.remark"
+                        label="备注"
+                        rows="2"
+                        autosize
+                        readonly
+                        type="textarea"
+                        maxlength="50"
+                        placeholder="请输入备注"
+                        show-word-limit
+                />
+                  <div class="add-inspect">
+                      <p v-for="(item, index) in submitData.userObjs" :key="index">
+                          <span class="add-dept">{{item.deptName}}</span><span class="add-name">{{item.userName}}</span>
+                      </p>
+                  </div>
+
+                  <van-action-bar v-if="submitData.isReg != 1 && submitData.status != 1 && submitData.status != 3">
+                      <van-button round block type="info" native-type="submit" @click="cancel">取消</van-button>
+                  </van-action-bar>
+                </van-cell-group>
+            </van-form>
+        </div>
+
+        <van-popup v-model:show="data.showLawEnforcerFlag" position="bottom" :style="{ height: '30%' }" />
+        <UserPopup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveVisible" />
+
+        <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>
+        <van-popup v-model:show="data.showItem" position="bottom" :style="{ height: '30%' }">
+            <van-picker title="事项"
+                        :columns="data.item_columns"
+                        @confirm="itemConfirm"
+                        @change="itemChange"
+                        @cancel="gaCancel"
+            />
+        </van-popup>
+        <van-popup v-model:show="data.showGA" position="bottom" :style="{ height: '30%' }">
+            <van-picker title="要求"
+                        :columns="data.ga_columns"
+                        @confirm="gaConfirm"
+                        @cancel="gaCancel"
+            />
+        </van-popup>
+
+        <DeptPopup :visible="data.deptChecked" :content="data.deptContent" @close="closePopup"
+                   @reciveData="reciveDept"/>
+    </div>
+</template>
+
+<script setup name="register">
+
+    import { showSuccessToast } from 'vant';
+    import 'vant/es/toast/style';
+    import {
+        getByUserIdAndZero,
+        addEnterpriseLawEnforcement,
+        editEnterpriseLawEnforcement,
+        editEnterpriseLawEnforcementDeputyOrder,
+        getByIdToDataFillIn,
+        cancelEnterpriseLawEnforcement
+    } from '../../api/administrative'
+    import {queryUserInfo} from '../../api/enforce'
+    import { queryEnterpriseInfoList } from '../../api/enterprise'
+    import { reactive, ref } from "vue";
+    import { getDict } from "../../api/Home";
+    import { queryLinkage, queryLinkageDictByValueAndParentId } from "../../api/linkage";
+    import {uploadFile} from "../../util/fileUpload";
+    //用户筛选弹窗
+    import UserPopup from './userFilter.vue';
+    import DeptPopup from './deptFilter.vue';
+    const router = useRouter();
+    //路由参数
+    const route = useRoute();
+    const { useCommon } = $globalStore;
+
+    let queryaddressId = ref("");
+    const data = reactive({
+        showLawEnforcerFlag:false,
+        showTimePicker:false,
+        popupVisible: false,
+        popupContent: '',
+        showGA:false,
+        showItem:false,
+        checkItemText:"",
+        checkRequireText: "",
+        ga_columns: [],
+        item_columns: [],
+        currentDate: [],
+        checked: false,
+        deptChecked: false,
+        deptContent: '',
+        mainDeputyOrder: 1,
+        lawCerFlag: 0,
+        lawCer:[{ text:"", id:"", show:"", num:"" }],
+    });
+    //保存参数
+    const submitData = reactive({
+        /** ID */
+        id:"",
+        /** 登记编号 */
+        lawEnforcementCode:"",
+        /** 企业名称 */
+        enterpriseName:"",
+        /**统一社会信用代码 */
+        enterpriseNumber:"",
+        /** 企业ID */
+        enterpriseId:"",
+        /** 企业联系人 */
+        linkMan:"",
+        /** 联系人电话 */
+        linkTel:"",
+        /** 检查时间 */
+        checkTime:"",
+        /** 检查事项 */
+        checkItem:"",
+        checkItemText:"",
+        /** 检查要求 */
+        checkRequire:"",
+        checkRequireText:"",
+        /** 执法部门 */
+        lawEnforcement:"",
+        /** 执法部门ID */
+        lawEnforcementId:"",
+        /** 执法人员 */
+        lawEnforcer:"",
+        lawCertificateNum:"",
+        lawEnforcerText: "",
+        /** 执法人员ID */
+        lawEnforcerId:"",
+        /** 执法人员2 */
+        lawEnforcerTwo:"",
+        lawCertificateNumTwo:"",
+        lawEnforcerTextTwo: "",
+        /** 执法人员2ID */
+        lawEnforcerTwoId:"",
+        /** 备注 */
+        remark:"",
+        deptTexts: "",
+        deptObjs: [],
+        userObjs: [],
+        isUnite: 0,
+        isSubmit: 0,
+        uniteCheck:"",
+        /**局级部门 */
+        bureauDeptId:"",
+        bureauDeptName:"",
+        /** 是否已登记 */
+        isReg:1,
+        /** 状态 0:正常;1:取消 */
+        status:1,
+    })
+
+    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 showPopup = (flag) =>{
+        data.lawCerFlag = flag;
+        data.popupVisible = true;
+    }
+    const closePopup = () =>{
+        data.popupVisible = false;
+        data.deptChecked = false;
+    }
+    const reciveVisible = (item) =>{
+        data.lawCer[data.lawCerFlag].id = item.userId;
+        data.lawCer[data.lawCerFlag].text = item.userName;
+        data.lawCer[data.lawCerFlag].num = item.lawCertificateNum;
+        data.lawCer[data.lawCerFlag].show = item.userName + " " + item.lawCertificateNum;
+
+        // submitData.lawEnforcerTwo = item.userName
+        // submitData.lawCertificateNumTwo = item.lawCertificateNum;
+        // submitData.lawEnforcerTwoId = item.userId;
+        // submitData.lawEnforcerTextTwo = submitData.lawEnforcerTwo +" "+ submitData.lawCertificateNumTwo
+        // submitData.lawEnforcerTextTwo = submitData.lawEnforcerTwo
+    }
+
+    const checkUnite = () => {
+        if (data.checked) {
+            data.deptChecked=true;
+        } else {
+            data.deptChecked=false;
+        }
+    }
+
+    const reciveDept = (item) => {
+        submitData.deptTexts = "";
+        submitData.deptObjs = [];
+        submitData.userObjs = [];
+        for (var i=0; i<item.length; i++) {
+            submitData.deptTexts += item[i].deptName+";";
+            submitData.deptObjs.push({deptId: item[i].deptId, deptName: item[i].deptName });
+            submitData.userObjs.push({strUserId: item[i].userId, userName: item[i].userName, deptId: item[i].deptId, deptName: item[i].deptName });
+        }
+    }
+
+    const cancel = () => {
+        cancelEnterpriseLawEnforcement(route?.query?.id,success =>{
+            router.go(-1);
+        });
+    };
+
+    /* 检查要求 start */
+    const gaConfirm = ({ selectedOptions }) => {
+        data.checkRequireText = selectedOptions[0].text;
+        submitData.checkRequire = selectedOptions[0].value;
+        data.showGA = false;
+        data.showItem = false;
+    };
+
+    /* 检查要求 start */
+    const itemConfirm = ({ selectedOptions }) => {
+        data.checkItemText = selectedOptions[0].text;
+        submitData.checkItem = selectedOptions[0].value;
+        data.showGA = false;
+        data.showItem = false;
+
+        getLinkageByParentIdToGA(selectedOptions[0].id);
+    };
+    const itemChange =({ selectedOptions }) => {
+        // getLinkageByParentIdToGA(selectedOptions[0].id);
+    }
+    const gaCancel = () => {
+        data.showGA = false;
+        data.showItem = false;
+    }
+    /* 检查要求 end */
+
+    // 返回
+    const goBack = () => {
+        router.go(-1);
+    };
+
+    const selectDepts = () => {
+        if (data.mainDeputyOrder == 1) {
+            data.deptChecked=true;
+        }
+    }
+
+    const dataFillIn = (id) => {
+        getByIdToDataFillIn(id,success =>{
+            console.log("getByIdToDataFillIn : ", success);
+            //跳转企业二维码地址
+            if(success.success){
+                data.mainDeputyOrder = success.data.mainDeputyOrder;
+                Object.keys(submitData).forEach((item) => {
+                    submitData[item] = success.data[item] ? success.data[item] : "";
+                })
+                data.checkItemText =success.data['params'].checkItemText;
+                data.checkRequireText =success.data['params'].checkRequireText;
+                submitData.lawEnforcerText =success.data['lawEnforcer'];
+                submitData.lawEnforcerTextTwo =success.data['lawEnforcerTwo'];
+                submitData.isSubmit =success.data['isSubmit'];
+                submitData.isReg = success.data['isReg'];
+                submitData.status = success.data['status'];
+
+                // 是否联合执法
+                if (success.data.userObjs.length > 1) {
+                    data.checked = true;
+                }
+                // submitData.deptTexts = "";
+                // submitData.deptObjs = [];
+                // for (var i=0; i<success.data.deptObjs.length; i++) {
+                //     submitData.deptTexts += success.data.deptObjs[i].deptName+";";
+                //     submitData.deptObjs.push({ deptId: success.data.deptObjs[i].deptId, deptName: success.data.deptObjs[i].deptName });
+                // }
+                submitData.userObjs = [];
+                console.log("success.data.userObjs : ", success.data.userObjs);
+                for (var i=0; i<success.data.userObjs.length; i++) {
+                    submitData.userObjs.push({ strUserId: success.data.userObjs[i].strUserId, userName: success.data.userObjs[i].userName, deptId: success.data.userObjs[i].deptId, deptName: success.data.userObjs[i].deptName });
+                }
+                // 执法人员
+                submitData.lawEnforcerTwoId = success.data['lawEnforcerTwoId'];
+                submitData.lawEnforcerTwo = success.data['lawEnforcerTwo'];
+                var lawEnforcer2ShowStr = success.data['lawEnforcer2Show'];
+                if ((null != submitData.lawEnforcerTwoId && submitData.lawEnforcerTwoId.length > 0)
+                    && (null != submitData.lawEnforcerTwo && submitData.lawEnforcerTwo.length > 0)) {
+                    var tmpEnforceId = submitData.lawEnforcerTwoId.split(',');
+                    var tmpEnforceText = submitData.lawEnforcerTwo.split(',');
+                    var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
+                    data.lawCer = [];
+                    for (var i = 0; i < tmpEnforceId.length; i++) {
+                        data.lawCer.push({text: tmpEnforceText[i], id: tmpEnforceId[i], show: lawEnforcer2Show[i]});
+                    }
+                }
+
+                //查询当前登录人员信息
+                if (submitData.isSubmit == 0) {
+                    queryUserInfo(useCommon.userId,success =>{
+                        console.log("queryUserInfo : ", success.data)
+                        submitData.lawEnforcer = success.data.userName;
+                        submitData.lawCertificateNum = success.data.lawCertificateNum
+                        submitData.lawEnforcerText = submitData.lawEnforcer +" "+ submitData.lawCertificateNum
+                        // submitData.lawEnforcerText = submitData.lawEnforcer
+                        submitData.lawEnforcerId = success.data.userId;
+                        submitData.lawEnforcement = success.data.dept.deptName;
+                        submitData.lawEnforcementId = success.data.dept.deptId;
+                    },error=>{});
+                }
+            }
+        },error=>{
+            console.log("保存失败")
+        })
+    }
+
+    const tmpSave = () => {
+        showSuccessToast('临时保存');
+        submitData.isUnite = 0;
+        if (data.checked) {
+            submitData.isUnite = 1;
+        } else {
+            submitData.deptTexts = "";
+            submitData.deptObjs = [];
+        }
+        // 执法人员
+        submitData.lawEnforcerTwoId = "";
+        submitData.lawEnforcerTwo = "";
+        submitData.lawCertificateNum = "";
+        submitData.lawEnforcerTextTwo = "";
+        for (var i=0; i<data.lawCer.length; i++) {
+            submitData.lawEnforcerTwoId += data.lawCer[i].id +",";
+            submitData.lawEnforcerTwo += data.lawCer[i].text +",";
+            submitData.lawCertificateNum += data.lawCer[i].num +",";
+            submitData.lawEnforcerTextTwo += data.lawCer[i].show +",";
+        }
+        submitData.lawEnforcerTwoId = submitData.lawEnforcerTwoId.substring(0, submitData.lawEnforcerTwoId.length - 1);
+        submitData.lawEnforcerTwo = submitData.lawEnforcerTwo.substring(0, submitData.lawEnforcerTwo.length - 1);
+        submitData.lawCertificateNum = submitData.lawCertificateNum.substring(0, submitData.lawCertificateNum.length - 1);
+        submitData.lawEnforcerTextTwo = submitData.lawEnforcerTextTwo.substring(0, submitData.lawEnforcerTextTwo.length - 1);
+        addEnterpriseLawEnforcement(submitData,success =>{
+            //跳转企业二维码地址
+            if(success.success){
+                showSuccessToast('保存成功');
+                router.push(
+                    {
+                        path: "/appointmentList"
+                    });
+            }
+        },error=>{
+            console.log("保存失败")
+        })
+    }
+
+    const submit112 = () =>{
+        showSuccessToast('登记成功');
+        submitData.isUnite = 0;
+        if (data.checked) {
+            submitData.isUnite = 1;
+        } else {
+            submitData.deptTexts = "";
+            submitData.deptObjs = [];
+        }
+        // 执法人员
+        submitData.lawEnforcerTwoId = "";
+        submitData.lawEnforcerTwo = "";
+        submitData.lawCertificateNum = "";
+        submitData.lawEnforcerTextTwo = "";
+        for (var i=0; i<data.lawCer.length; i++) {
+            submitData.lawEnforcerTwoId += data.lawCer[i].id +",";
+            submitData.lawEnforcerTwo += data.lawCer[i].text +",";
+            submitData.lawCertificateNum += data.lawCer[i].num +",";
+            submitData.lawEnforcerTextTwo += data.lawCer[i].show +",";
+        }
+        submitData.lawEnforcerTwoId = submitData.lawEnforcerTwoId.substring(0, submitData.lawEnforcerTwoId.length - 1);
+        submitData.lawEnforcerTwo = submitData.lawEnforcerTwo.substring(0, submitData.lawEnforcerTwo.length - 1);
+        submitData.lawCertificateNum = submitData.lawCertificateNum.substring(0, submitData.lawCertificateNum.length - 1);
+        submitData.lawEnforcerTextTwo = submitData.lawEnforcerTextTwo.substring(0, submitData.lawEnforcerTextTwo.length - 1);
+        if(data.mainDeputyOrder == 0) {
+            editEnterpriseLawEnforcementDeputyOrder(submitData,success =>{
+                //跳转企业二维码地址
+                if(success.success){
+                    showSuccessToast('登记成功');
+                    router.push(
+                        {
+                            path: "/appointmentList"
+                        });
+                }
+            },error=>{
+                console.log("登记失败")
+            })
+        } else {
+            editEnterpriseLawEnforcement(submitData,success =>{
+                //跳转企业二维码地址
+                if(success.success){
+                    showSuccessToast('登记成功');
+                    router.push(
+                        {
+                            path: "/appointmentList"
+                        });
+                }
+            },error=>{
+                console.log("登记失败")
+            })
+        }
+    }
+
+    const addLawCer = () =>{
+        data.lawCer.push({ text:"", id:"", show:"", num:"" });
+    }
+
+    const getLinkageByValueAndParentId = (value, parentId) => {
+        // 查询检查要求字典信息
+        queryLinkageDictByValueAndParentId({"value":value, "parentId": parentId}, success => {
+            getLinkageByParentIdToItem(success.id)
+        },error=>{});
+    }
+
+    const getLinkageByParentIdToItem = (parentId) => {
+        // 查询检查要求字典信息
+        queryLinkage({"parentId": parentId}, success => {
+            for(var i=0; i<success.length; i++) {
+                data.item_columns.push({ text: success[i].title, value: success[i].id, id: success[i].id })
+                // if (i==0) {
+                //     data.checkItemText = success[i].title;
+                //     submitData.checkItem = success[i].id;
+                //     getLinkageByParentIdToGA(success[i].id);
+                // }
+            }
+        },error=>{});
+    }
+
+    const getLinkageByParentIdToGA = (parentId) => {
+        // 查询检查要求字典信息
+        data.ga_columns = [];
+        queryLinkage({"parentId": parentId}, success => {
+            for(var i=0; i<success.length; i++) {
+                data.ga_columns.push({ text: success[i].title, value: success[i].id, id: success[i].id })
+                // if (i==0) {
+                //     data.checkRequireText = success[i].title;
+                //     submitData.checkRequire = success[i].id;
+                // }
+            }
+        },error=>{});
+    }
+
+    //初始化参数，获取扫码的企业统一信用编码
+    onMounted(() =>{
+        // 数据填充
+        dataFillIn(route?.query?.id);
+
+
+
+        // getLinkageByValueAndParentId("check_item", "100");
+
+        // 查询检查要求字典信息
+        // getDict({"dictType": "checkRequire"}, success => {
+        //     for(var i=0; i<success.data.length; i++) {
+        //         data.ga_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue })
+        //     }
+        // },error=>{});
+
+        // 查询检查要求字典信息
+        // getDict({"dictType": "checkItem"}, success => {
+        //     for(var i=0; i<success.data.length; i++) {
+        //         data.item_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue })
+        //     }
+        // },error=>{});
+    })
+
+    const reciveData = (item) =>{
+        submitData.enterpriseName = item.enterpriseName;
+        submitData.linkTel = item.enterpriseTel;
+        submitData.linkMan = item.legalPerson;
+        submitData.enterpriseNumber = item.enterpriseNumber;
+    }
+</script>
+<script>
+    //案件筛选弹窗
+    import Popup from '../enterprise/companyFilter.vue';
+
+    export default {
+        components: {
+            Popup
+        },
+        data() {
+            return {
+                popupVisible: false,
+                popupContent: ''
+            }
+        },
+        methods: {
+            showPopupCompony() {
+                this.popupVisible = true;
+            },
+            closePopupCompony() {
+                this.popupVisible = false;
+            }
+        }
+    }
+</script>
+<style lang="less" scoped>
+    .address_edit {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        overflow: hidden;
+        background-color: #ebf3fb;
+    }
+    /* 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;
+    }
+
+    /deep/ .van-button {
+        margin: 5% 3%;
+        padding: 0;
+        width: 94%;
+        height: 1rem;
+        color: #fff;
+        font-size: 0.4rem;
+        border-radius: 1rem;
+        background: #1367fe;
+        border: 1px solid #1367fe;
+        text-align: center;
+    }
+
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
+    .addbtn {
+      margin: 3%;
+      padding: 0 0 0.2rem;
+      width: 94%;
+      font-size: 0.38rem;
+      color: #1367fe;
+      line-height: 1.75;
+      text-align: center;
+    }
+
+    .addbtn i {
+      margin-right: 0.1rem;
+    }
+
+    .add-inspect {
+        margin: 0 0.425rem 0 3.06rem;
+        padding-bottom: 0.3rem;
+        font-size: 0.35rem;
+        color: #323233;
+    }
+
+    .add-inspect p {
+        margin: 0.1rem 0;
+        padding: 0.2rem 0;
+        //border-bottom: 1px solid #f4f5f6;
+    }
+
+    .add-inspect p:nth-child(even) {
+        background-color: #f3f4f5;
+    }
+
+    .add-inspect span {
+        margin-right: 0.2rem;
+        color: #999;
+    }
+
+    .add-inspect span.add-dept {
+        color: #323233;
+    }
+
+</style>