| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | } |
| | | ], |
| | | 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) { |
| | |
| | | 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; |
| | |
| | | border: 1px solid #17324c; |
| | | } |
| | | } |
| | | .inves-item{ |
| | | display: flex; |
| | | } |
| | | } |
| | | </style> |