“dzb”
2022-10-13 5cd763edc85f3b14bc98af906828521d65276f48
src/components/scene/index.vue
@@ -2,7 +2,7 @@
    <div class="scene">
        <div class="nav">
            <div class="nav-item" v-for="o in list" :key="o.index" @click="changeActive(o.index)">
                <div class="outer" >
                <div class="outer">
                    <div :class="['inner',active === o.index ? 'inner-active' : '']"></div>
                </div>
                <div class="innet-title">{{o.label}}</div>
@@ -29,60 +29,70 @@
        </div>
        <div class="scene-item" v-if="active === 2">
            <el-form ref="investigation" label-position="right" label-width="120px" :model="investigation">
                <el-form-item label="承办队员:">
                    <el-input v-model="investigation.name"></el-input>
                </el-form-item>
                <el-form-item label="协办队员:">
                    <el-input v-model="investigation.region"></el-input>
                </el-form-item>
                <div class="inves-item">
                    <el-form-item label="承办队员:">
                        <el-input v-model="investigation.name"></el-input>
                    </el-form-item>
                    <el-form-item label="协办队员:">
                        <el-input v-model="investigation.assistant"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="时间:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="地址:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input v-model="investigation.address"></el-input>
                </el-form-item>
                <el-form-item label="案由:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input v-model="investigation.caseAction"></el-input>
                </el-form-item>
                <el-form-item label="当事人信息:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="情况描述:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input v-model="investigation.description"></el-input>
                </el-form-item>
                <el-form-item label="照片附件:">
                    <el-input v-model="investigation.type"></el-input>
                    <el-input v-model="investigation.pic"></el-input>
                </el-form-item>
                <el-form-item label="类型:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="当事人姓名:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="手机号码:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="证件类型:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="证件号码:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="文化程度:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="职业:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <div class="inves-item">
                    <el-form-item label="当事人姓名:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                    <el-form-item label="手机号码:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                </div>
                <div class="inves-item">
                    <el-form-item label="证件类型:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                    <el-form-item label="证件号码:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                </div>
                <div class="inves-item">
                    <el-form-item label="文化程度:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                    <el-form-item label="职业:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="工作单位及职务:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="名族:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="籍贯:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
                <div class="inves-item">
                    <el-form-item label="民族:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                    <el-form-item label="籍贯:">
                        <el-input v-model="investigation.type"></el-input>
                    </el-form-item>
                </div>
                <el-form-item label="现住址:">
                    <el-input v-model="investigation.type"></el-input>
                </el-form-item>
@@ -121,16 +131,21 @@
                }
            ],
            arrivalSituation: {},
            investigation:{},
            writ:{}
            investigation: {},
            writ: {}
        }
    },
    props:['currentSitVo'],
    created(){
        const {currentSitVo} = this;
        console.log(currentSitVo);
        // this.arrivalSituation = mylist;
    props: ['currentSitVo'],
    created() {
        const { currentSitVo: { arrivalSituation: mylist,investigation:invesList } } = this;
        if (mylist) {
            this.arrivalSituation = mylist;
        }
        if(invesList){
            this.investigation = invesList;
        }
        console.log(this.currentSitVo);
    },
    methods: {
        changeActive(idx) {
@@ -145,11 +160,13 @@
        padding: 20px 100px;
        display: flex;
        justify-content: space-between;
        .nav-item{
        .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .outer {
            width: 50px;
            height: 50px;
@@ -186,5 +203,8 @@
            border: 1px solid #17324c;
        }
    }
    .inves-item{
        display: flex;
    }
}
</style>