“dzb”
2022-10-17 0d7d6fc9a5c40ccc90190b0f24039ec1362f120f
src/components/scene/index.vue
@@ -11,19 +11,20 @@
        <div class="scene-item" v-if="active === 1">
            <el-form ref="arrivalSituation" label-position="right" label-width="120px" :model="arrivalSituation">
                <el-form-item label="到达时间:">
                    <el-input v-model="arrivalSituation.arrivalTime"></el-input>
                    <el-input disabled v-model="arrivalSituation.arrivalTime"></el-input>
                </el-form-item>
                <el-form-item label="到达地址:">
                    <el-input v-model="arrivalSituation.arrivalAddress"></el-input>
                    <el-input disabled v-model="arrivalSituation.arrivalAddress"></el-input>
                </el-form-item>
                <el-form-item label="现场情况说明:">
                    <el-input v-model="arrivalSituation.situationExplain"></el-input>
                    <el-input disabled v-model="arrivalSituation.situationExplain"></el-input>
                </el-form-item>
                <el-form-item label="信访回复说明:">
                    <el-input v-model="arrivalSituation.replyExplain"></el-input>
                    <el-input disabled v-model="arrivalSituation.replyExplain"></el-input>
                </el-form-item>
                <el-form-item label="现场情况照片:">
                    <el-input v-model="arrivalSituation.situationPic"></el-input>
                    <img class="img" :src="arrivalSituation.situationPic" alt="" v-if="arrivalSituation.situationPic">
                    <!-- <el-input disabled v-model=""></el-input> -->
                </el-form-item>
            </el-form>
        </div>
@@ -31,73 +32,74 @@
            <el-form ref="investigation" label-position="right" label-width="120px" :model="investigation">
                <div class="inves-item">
                    <el-form-item label="承办队员:">
                        <el-input v-model="investigation.name"></el-input>
                        <el-input disabled v-model="investigation.undertaker"></el-input>
                    </el-form-item>
                    <el-form-item label="协办队员:">
                        <el-input v-model="investigation.assistant"></el-input>
                        <el-input disabled v-model="investigation.assistant"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="时间:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="investigation.investigationTime"></el-input>
                </el-form-item>
                <el-form-item label="地址:">
                    <el-input v-model="investigation.address"></el-input>
                    <el-input disabled v-model="investigation.address"></el-input>
                </el-form-item>
                <el-form-item label="案由:">
                    <el-input v-model="investigation.caseAction"></el-input>
                    <el-input disabled v-model="investigation.caseAction"></el-input>
                </el-form-item>
                <el-form-item label="当事人信息:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="情况描述:">
                    <el-input v-model="investigation.description"></el-input>
                    <el-input disabled v-model="investigation.description"></el-input>
                </el-form-item>
                <el-form-item label="照片附件:">
                    <el-input v-model="investigation.pic"></el-input>
                    <img class="img" :src="investigation.pic" alt="" v-if="investigation.pic">
                    <!-- <el-input disabled v-model="investigation.pic"></el-input> -->
                </el-form-item>
                <el-form-item label="类型:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="mybaseCase.categoryText"></el-input>
                </el-form-item>
                <div class="inves-item">
                    <el-form-item label="当事人姓名:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.name"></el-input>
                    </el-form-item>
                    <el-form-item label="手机号码:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.phoneCode"></el-input>
                    </el-form-item>
                </div>
                <div class="inves-item">
                    <el-form-item label="证件类型:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.certificateTypeText"></el-input>
                    </el-form-item>
                    <el-form-item label="证件号码:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.certificateCode"></el-input>
                    </el-form-item>
                </div>
                <div class="inves-item">
                    <el-form-item label="文化程度:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.educationDegreeText"></el-input>
                    </el-form-item>
                    <el-form-item label="职业:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.career"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="工作单位及职务:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="partyInfo.work"></el-input>
                </el-form-item>
                <div class="inves-item">
                    <el-form-item label="民族:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.nationText"></el-input>
                    </el-form-item>
                    <el-form-item label="籍贯:">
                        <el-input v-model="investigation.type"></el-input>
                        <el-input disabled v-model="partyInfo.nativePlace"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="现住址:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="partyInfo.liveAddress"></el-input>
                </el-form-item>
                <el-form-item label="户籍所在地:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input disabled v-model="partyInfo.registerAddress"></el-input>
                </el-form-item>
            </el-form>
            <el-button>返回</el-button>
@@ -105,7 +107,7 @@
        <div class="scene-item" v-if="active === 3">
            <el-form ref="writ" label-position="right" label-width="120px" :model="writ">
                <el-form-item label="类型:">
                    <el-input v-model="writ.name"></el-input>
                    <el-input disabled v-model="writ.name"></el-input>
                </el-form-item>
            </el-form>
        </div>
@@ -130,21 +132,30 @@
                    label: '告知违法'
                }
            ],
            mybaseCase: {},
            arrivalSituation: {},
            investigation: {},
            writ: {}
            writ: {},
            partyInfo: {}
        }
    },
    props: ['currentSitVo'],
    props: ['currentSitVo', 'baseCase'],
    created() {
        const { currentSitVo: { arrivalSituation: mylist,investigation:invesList } } = this;
        const { currentSitVo: { arrivalSituation: mylist, investigation: invesList }, baseCase } = this;
        if (invesList) {
            const { partyInfo } = invesList;
            if (invesList) {
                this.investigation = invesList;
            }
            if (partyInfo) {
                this.partyInfo = partyInfo;
            }
        }
        if (mylist) {
            this.arrivalSituation = mylist;
        }
        if(invesList){
            this.investigation = invesList;
        }
        this.mybaseCase = baseCase;
        console.log(baseCase);
        console.log(this.currentSitVo);
    },
    methods: {
@@ -203,7 +214,11 @@
            border: 1px solid #17324c;
        }
    }
    .inves-item{
    .img{
        width: 60px;
        height:60px;
    }
    .inves-item {
        display: flex;
    }
}