|
|
|
@ -61,82 +61,88 @@
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span style="font-size: 16px;font-weight: bold">修改前</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-for="(item, index) in userBeforeList" :key="item.userId" class="text item">
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">人员姓名: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userName, 'userName', index)">{{ item.userName }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">身份证号: </span>
|
|
|
|
|
<span :class="getDiffClass(item.cerno, 'cerno', index)">{{ item.cerno }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">手机: </span>
|
|
|
|
|
<span :class="getDiffClass(item.phonenumber, 'phonenumber', index)">{{ item.phonenumber }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">性别: </span>
|
|
|
|
|
<span :class="getDiffClass(item.sex, 'sex', index)">{{ item.sex == '0' ? '男' : '女' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">籍贯: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userarea, 'userarea', index)">{{ item.userarea }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">涉密程度: </span>
|
|
|
|
|
<span :class="getDiffClass(item.shemichengdu, 'shemichengdu', index)">{{getDictLabel(item.shemichengdu) }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">是否具有出入境备案: </span>
|
|
|
|
|
<span :class="getDiffClass(item.entryexitFiling, 'entryexitFiling', index)">{{ item.entryexitFiling == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">是否持有护照或港澳通行证: </span>
|
|
|
|
|
<span :class="getDiffClass(item.havePassport, 'havePassport', index)">{{ item.havePassport == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<hr>
|
|
|
|
|
<div v-if="userBeforeList.length > 0">
|
|
|
|
|
<div v-for="(item, index) in userBeforeList" :key="item.userId" class="text item">
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">人员姓名: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userName, 'userName', index)">{{ item.userName }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">身份证号: </span>
|
|
|
|
|
<span :class="getDiffClass(item.cerno, 'cerno', index)">{{ item.cerno }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">手机: </span>
|
|
|
|
|
<span :class="getDiffClass(item.phonenumber, 'phonenumber', index)">{{ item.phonenumber }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">性别: </span>
|
|
|
|
|
<span :class="getDiffClass(item.sex, 'sex', index)">{{ item.sex == '0' ? '男' : '女' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">籍贯: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userarea, 'userarea', index)">{{ item.userarea }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">涉密程度: </span>
|
|
|
|
|
<span :class="getDiffClass(item.shemichengdu, 'shemichengdu', index)">{{getDictLabel(item.shemichengdu) }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">是否具有出入境备案: </span>
|
|
|
|
|
<span :class="getDiffClass(item.entryexitFiling, 'entryexitFiling', index)">{{ item.entryexitFiling == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="leftCard">
|
|
|
|
|
<span class="weight">是否持有护照或港澳通行证: </span>
|
|
|
|
|
<span :class="getDiffClass(item.havePassport, 'havePassport', index)">{{ item.havePassport == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-empty v-else description="暂无数据"></el-empty>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card class="right-card">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span style="font-size: 16px;font-weight: bold">修改后</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-for="(item, index) in userAfterList" :key="item.userId" class="text item">
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">人员姓名: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userName, 'userName', index)">{{ item.userName }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">身份证号: </span>
|
|
|
|
|
<span :class="getDiffClass(item.cerno, 'cerno', index)">{{ item.cerno }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">手机: </span>
|
|
|
|
|
<span :class="getDiffClass(item.phonenumber, 'phonenumber', index)">{{ item.phonenumber }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">性别: </span>
|
|
|
|
|
<span :class="getDiffClass(item.sex, 'sex', index)">{{ item.sex == '0' ? '男' : '女' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">籍贯: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userarea, 'userarea', index)">{{ item.userarea }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">涉密程度: </span>
|
|
|
|
|
<span :class="getDiffClass(item.shemichengdu, 'shemichengdu', index)">{{getDictLabel(item.shemichengdu) }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">是否具有出入境备案: </span>
|
|
|
|
|
<span :class="getDiffClass(item.entryexitFiling, 'entryexitFiling', index)">{{ item.entryexitFiling == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">是否持有护照或港澳通行证: </span>
|
|
|
|
|
<span :class="getDiffClass(item.havePassport, 'havePassport', index)">{{ item.havePassport == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<hr>
|
|
|
|
|
<div v-if="userBeforeList.length > 0">
|
|
|
|
|
<div v-for="(item, index) in userAfterList" :key="item.userId" class="text item">
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">人员姓名: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userName, 'userName', index)">{{ item.userName }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">身份证号: </span>
|
|
|
|
|
<span :class="getDiffClass(item.cerno, 'cerno', index)">{{ item.cerno }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">手机: </span>
|
|
|
|
|
<span :class="getDiffClass(item.phonenumber, 'phonenumber', index)">{{ item.phonenumber }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">性别: </span>
|
|
|
|
|
<span :class="getDiffClass(item.sex, 'sex', index)">{{ item.sex == '0' ? '男' : '女' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">籍贯: </span>
|
|
|
|
|
<span :class="getDiffClass(item.userarea, 'userarea', index)">{{ item.userarea }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">涉密程度: </span>
|
|
|
|
|
<span :class="getDiffClass(item.shemichengdu, 'shemichengdu', index)">{{getDictLabel(item.shemichengdu) }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">是否具有出入境备案: </span>
|
|
|
|
|
<span :class="getDiffClass(item.entryexitFiling, 'entryexitFiling', index)">{{ item.entryexitFiling == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="rightCard">
|
|
|
|
|
<span class="weight">是否持有护照或港澳通行证: </span>
|
|
|
|
|
<span :class="getDiffClass(item.havePassport, 'havePassport', index)">{{ item.havePassport == '1' ? '是' : '否' }}</span>
|
|
|
|
|
</p>
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-empty v-else description="暂无数据"></el-empty>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|