Skip to content

F
founder_vue
Commit efa2a985 by 米嘉伟
Options

Merge branch 'dev_zwpt' of http://39.99.224.27:9022/changchao/founder_vue into dev_zwpt

parents 6323b4a7 7ea5393b
Showing with 790 additions and 524 deletions
src/views/Home.vue
<template>
<div id="home-div">
<div
id="home"
:class="{ zhanshi: isCropper || loading_sd }"
>
<div id="home" :class="{ zhanshi: isCropper || loading_sd }">
<el-container class="layout-container">
<transition name="slide">
<el-aside
:width="isCollapse ? '4rem' : '17.5rem'"
class="aside"
>
<el-aside :width="isCollapse ? '4rem' : '17.5rem'" class="aside">
<div
class="logo"
:class="{ minLogo: isCollapse }"
@click="$router.push('/index')"
v-if="this.$store.state.tm.tmType==false"
v-if="this.$store.state.tm.tmType == false"
>
<img
class="jh"
src="../assets/img/Home/jh.png"
alt=""
/>
<img class="jh" src="../assets/img/Home/jh.png" alt="" />
<img
v-show="!isCollapse"
class="title"
......@@ -32,7 +22,7 @@
class="logo"
:class="{ minLogo: isCollapse }"
@click="$router.push('/index')"
v-if="this.$store.state.tm.tmType==true"
v-if="this.$store.state.tm.tmType == true"
>
<img
v-show="isCollapse"
......@@ -64,10 +54,7 @@
@select="selectPath"
:unique-opened="true"
>
<div
v-for="(menu, i) in routes"
:key="i"
>
<div v-for="(menu, i) in routes" :key="i">
<el-submenu
:index="menu.name"
v-if="menu.children && !menu.hidden"
......@@ -78,23 +65,12 @@
:src="menu.icon_d"
alt=""
/>
<img
v-else
:src="menu.icon_a"
alt=""
/>
<img v-else :src="menu.icon_a" alt="" />
<span v-show="!isCollapse">{{ menu.meta.title }}</span>
</template>
<div
v-for="(item, index) in menu.children"
:key="index"
>
<el-menu-item
v-if="!item.hidden"
:index="item.name"
>{{
item.meta.title
}}
<div v-for="(item, index) in menu.children" :key="index">
<el-menu-item v-if="!item.hidden" :index="item.name"
>{{ item.meta.title }}
</el-menu-item>
</div>
</el-submenu>
......@@ -107,11 +83,7 @@
:src="menu.icon_d"
alt=""
/>
<img
v-else
:src="menu.icon_a"
alt=""
/>
<img v-else :src="menu.icon_a" alt="" />
<span slot="title">{{ menu.meta.title }}</span>
</el-menu-item>
</div>
......@@ -122,30 +94,15 @@
src="../assets/img/Home/logo.png"
alt=""
/>
<img
v-else
src="../assets/img/Home/fang.png"
alt=""
/>
<img v-else src="../assets/img/Home/fang.png" alt="" />
</div>
</el-aside>
</transition>
<el-container class="container-dom">
<el-header class="header">
<div
class="collapse"
@click="switchCollapse"
>
<img
v-if="isCollapse"
:src="rightImg"
alt=""
/>
<img
v-else
:src="leftImg"
alt=""
/>
<div class="collapse" @click="switchCollapse">
<img v-if="isCollapse" :src="rightImg" alt="" />
<img v-else :src="leftImg" alt="" />
</div>
<el-tabs
class="tabs"
......@@ -169,14 +126,8 @@
<div class="message">
<div class="circle"></div>
</div>
<div
class="quit"
@click="$router.push('/index')"
></div>
<div
class="logout"
@click="logout"
>
<div class="quit" @click="$router.push('/index')"></div>
<div class="logout" @click="logout">
<svg-icon
v-show="!isHoverLogout"
icon-class="logout_d"
......@@ -236,63 +187,33 @@
>
<span>当前页面有未保存的指位特征，是否退出？</span>
<div class="dialog-footer">
<button
class="confirm-btn"
@click="confirmJumpRoute"
>是</button>
<button
class="cancel-btn"
@click="cancelJumpRoute"
>否</button>
<button class="confirm-btn" @click="confirmJumpRoute">是</button>
<button class="cancel-btn" @click="cancelJumpRoute">否</button>
</div>
</el-dialog>
<div
class="shadow"
v-show="isCropper"
></div>
<div
class="loading"
v-show="loading_sd"
>
<div class="shadow" v-show="isCropper"></div>
<div class="loading" v-show="loading_sd">
<div class="loading-finger">
<img
src="../assets/img/loadingfinger.gif"
alt=""
/>
<img src="../assets/img/loadingfinger.gif" alt="" />
</div>
<div class="loading-name">
<img
src="../assets/img/loadingtxt.gif"
alt=""
/>
<img src="../assets/img/loadingtxt.gif" alt="" />
</div>
</div>
<div
class="smallLoading"
v-show="smallLoading"
>
<div class="smallLoading" v-show="smallLoading">
<div class="loading-finger">
<img
src="../assets/img/loadingfinger.gif"
alt=""
/>
<img src="../assets/img/loadingfinger.gif" alt="" />
</div>
<div class="loading-name">
<img
src="../assets/img/loadingtxt.gif"
alt=""
/>
<img src="../assets/img/loadingtxt.gif" alt="" />
</div>
</div>
<!-- 人像 -->
<transition name="el-fade-in-linear">
<div
class="face-big"
v-show="enLargeFace"
>
<div class="face-big" v-show="enLargeFace">
<div class="face-name">{{ rxInfoEnlarge.name }}</div>
<img
class="face-img"
......@@ -305,79 +226,83 @@
</template>
<script>
import html2canvas from 'html2canvas'
import '@/icons/logout_d.svg'
import '@/icons/logout_a.svg'
import indexRoutes from '@/router/modules/index'
import { mapGetters, mapState } from 'vuex'
import utils from '@/utils/util.js'
import html2canvas from "html2canvas";
import "@/icons/logout_d.svg";
import "@/icons/logout_a.svg";
import indexRoutes from "@/router/modules/index";
import { mapGetters, mapState } from "vuex";
import utils from "@/utils/util.js";
export default {
name: 'Home',
data () {
name: "Home",
data() {
return {
searchTxt: '',
routes: this.$store.getters['layout/leftMenuData'],
searchTxt: "",
routes: this.$store.getters["layout/leftMenuData"],
isCollapse: false,
leftImg: require('../assets/img/Home/left.png'),
rightImg: require('../assets/img/Home/right.png'),
leftImg: require("../assets/img/Home/left.png"),
rightImg: require("../assets/img/Home/right.png"),
paths: [],
menuActive: '',
menuActive: "",
isHoverLogout: false,
routePath: '',
routePath: "",
// 截屏出来的img url
cropperImage: '',
cropperImage: "",
// 是否展示毛玻璃
isCropper: false,
// 是否跳转路由
jumpRouteDialogVisible: false,
// 路由跳转的方式----- 1.面包屑切换。2.面包屑删除当前。3.左侧菜单跳转
routeChangeType: 'change',
routeChangeType: "change",
// 人像信息
rxInfoEnlarge: {},
// isStRole: false,
}
};
},
mounted () {
mounted() {
console.log(this.routes);
console.log(this.loading_sd)
this.$store.commit('loading/setLoadingSd', false)
let self = this
this.menuActive = this.$route.name
console.log(this.loading_sd);
this.$store.commit("loading/setLoadingSd", false);
let self = this;
this.menuActive = this.$route.name;
// 是否模糊
this.$bus.on('isBlur', (isBlur) => {
this.$bus.on("isBlur", (isBlur) => {
if (isBlur) {
self.isCropper = true
self.$store.commit('loading/setGlass', true)
self.isCropper = true;
self.$store.commit("loading/setGlass", true);
} else {
self.isCropper = false
self.$store.commit('loading/setGlass', false)
self.isCropper = false;
self.$store.commit("loading/setGlass", false);
}
})
});
// 活体采集新增人员点击取消后
this.$bus.on("xzryResetForm", (name) => {
self.tabRemove(name);
});
// 初始化人像是否放大
self.$store.commit('ryzwbj/setEnlargeFace', false)
document.querySelector('.shadow').addEventListener('click', function (e) {
self.$store.commit("ryzwbj/setEnlargeFace", false);
document.querySelector(".shadow").addEventListener("click", function (e) {
// 如果图像是处于放大状态
if (self.enLargeFace) {
self.isCropper = false
self.$store.commit('ryzwbj/setEnlargeFace', false)
self.isCropper = false;
self.$store.commit("ryzwbj/setEnlargeFace", false);
}
})
});
// 获取放大的人像信息
this.$bus.on('setRxInfoEnlarge', (rxInfoEnlarge) => {
console.log(11111111111)
self.rxInfoEnlarge = rxInfoEnlarge
})
this.$bus.on("setRxInfoEnlarge", (rxInfoEnlarge) => {
console.log(11111111111);
self.rxInfoEnlarge = rxInfoEnlarge;
});
// this.isStRole = user.isStRole()
},
updated () {
this.menuActive = this.$route.name
updated() {
this.menuActive = this.$route.name;
},
computed: {
...mapGetters(['defaultGoodsImage', 'userAuth']),
...mapGetters(["defaultGoodsImage", "userAuth"]),
...mapState({
loading: (state) => state.loading.loading,
preRoute: (state) => state.loading.preRoute,
......@@ -387,8 +312,8 @@ export default {
enLargeFace: (state) => state.ryzwbj.enLargeFace,
loading_sd: (state) => state.loading.loading_sd,
}),
cachePageName () {
return this.$store.state.layout.cachePageName
cachePageName() {
return this.$store.state.layout.cachePageName;
},
},
methods: {
......@@ -406,19 +331,18 @@ export default {
* @return {*}
*/
logout () {
logout() {
this.$axios
.get('/security/logout')
.get("/security/logout")
.then((res) => {
if (res.data.code == 200) {
localStorage.removeItem('token') //删除名称为“token”的信息。
localStorage.removeItem('userInfo') //删除名称为“userInfor”的信息。
this.$router.replace('/Login')
this.$message.info('退出成功！')
localStorage.removeItem("token"); //删除名称为“token”的信息。
localStorage.removeItem("userInfo"); //删除名称为“userInfor”的信息。
this.$router.replace("/Login");
this.$message.info("退出成功！");
}
})
.catch((err) => {
})
.catch((err) => {});
},
/**
* @description: 开始搜索
......@@ -426,11 +350,11 @@ export default {
* @return {*}
*/
goSearch () {
this.searchTxt = ''
goSearch() {
this.searchTxt = "";
//console.log(this.searchTxt);
},
handleClick ({ name }) {
handleClick({ name }) {
/*
if (
(this.$route.name === 'ryzwbj' || this.$route.name === 'ajzwbj') && !this.jumproute
......@@ -463,149 +387,149 @@ export default {
/**
* 确认需要跳转路由
*/
confirmJumpRoute () {
confirmJumpRoute() {
// 清除sessionStorage值
sessionStorage.clear()
this.isCropper = false
this.jumpRouteDialogVisible = false
if (this.routeChangeType === 'change') {
if (this.willRoute == '/Home/htzwcj') {
this.$router.push(this.willRoute)
this.menuActive = ''
sessionStorage.clear();
this.isCropper = false;
this.jumpRouteDialogVisible = false;
if (this.routeChangeType === "change") {
if (this.willRoute == "/Home/htzwcj") {
this.$router.push(this.willRoute);
this.menuActive = "";
} else {
let routerObj = this.paths.find((i) => i.routeName == this.willRoute)
this.$router.push(routerObj.path)
this.menuActive = routerObj.routeName
let routerObj = this.paths.find((i) => i.routeName == this.willRoute);
this.$router.push(routerObj.path);
this.menuActive = routerObj.routeName;
}
} else if (this.routeChangeType === 'del') {
let routerObj = this.paths.find((i) => i.routeName == this.$route.name)
} else if (this.routeChangeType === "del") {
let routerObj = this.paths.find((i) => i.routeName == this.$route.name);
if (routerObj) {
let pathName = routerObj.name
let pathName = routerObj.name;
let res = this.paths.filter((item) => {
return item.name != pathName
})
return item.name != pathName;
});
if (pathName == this.$route.meta.title) {
if (this.paths.length > 0) {
// debugger;
let routerIndex = this.paths.findIndex(
(i) => i.routeName == this.$route.name
)
);
if (routerIndex == 0) {
this.$router.push(this.paths[1].path)
this.routePath = this.paths[1].routeName
this.$router.push(this.paths[1].path);
this.routePath = this.paths[1].routeName;
} else {
this.$router.push(this.paths[routerIndex - 1].path)
this.routePath = this.paths[routerIndex - 1].routeName
this.$router.push(this.paths[routerIndex - 1].path);
this.routePath = this.paths[routerIndex - 1].routeName;
}
}
}
this.paths = res
this.paths = res;
}
sessionStorage.setItem(
'crumbs',
"crumbs",
utils.Encrypt(JSON.stringify(this.paths))
)
this.setKeepAlive()
);
this.setKeepAlive();
} else {
this.$router.push({ name: this.willRoute })
this.$router.push({ name: this.willRoute });
}
},
/**
* 取消跳转路由
*/
cancelJumpRoute () {
this.jumpRouteDialogVisible = false
this.isCropper = false
this.routePath = this.$route.name
this.menuActive = ''
cancelJumpRoute() {
this.jumpRouteDialogVisible = false;
this.isCropper = false;
this.routePath = this.$route.name;
this.menuActive = "";
},
tabRemove (name) {
if (name != 'ryzwbj' && name != 'ajzwbj') {
let routerObj = this.paths.find((i) => i.routeName == name)
tabRemove(name) {
if (name != "ryzwbj" && name != "ajzwbj") {
let routerObj = this.paths.find((i) => i.routeName == name);
if (routerObj) {
let pathName = routerObj.name
let pathName = routerObj.name;
let res = this.paths.filter((item) => {
return item.name != pathName
})
return item.name != pathName;
});
if (pathName == this.$route.meta.title) {
if (this.paths.length > 0) {
// debugger;
let routerIndex = this.paths.findIndex(
(i) => i.routeName == name
)
);
if (routerIndex == 0) {
this.$router.push(this.paths[1].path)
this.routePath = this.paths[1].routeName
this.$router.push(this.paths[1].path);
this.routePath = this.paths[1].routeName;
} else {
this.$router.push(this.paths[routerIndex - 1].path)
this.routePath = this.paths[routerIndex - 1].routeName
this.$router.push(this.paths[routerIndex - 1].path);
this.routePath = this.paths[routerIndex - 1].routeName;
}
}
}
this.paths = res
this.paths = res;
}
sessionStorage.setItem(
'crumbs',
"crumbs",
utils.Encrypt(JSON.stringify(this.paths))
)
this.setKeepAlive()
return
);
this.setKeepAlive();
return;
} else {
if (
(this.$route.name === 'ryzwbj' || this.$route.name === 'ajzwbj') &&
(this.$route.name === "ryzwbj" || this.$route.name === "ajzwbj") &&
!this.jumproute
) {
this.jumpRouteDialogVisible = true
this.isCropper = true
this.$store.commit('loading/setWillRoute', name)
this.routePath = name
this.routeChangeType = 'del'
this.jumpRouteDialogVisible = true;
this.isCropper = true;
this.$store.commit("loading/setWillRoute", name);
this.routePath = name;
this.routeChangeType = "del";
} else {
let routerObj = this.paths.find((i) => i.routeName == name)
let routerObj = this.paths.find((i) => i.routeName == name);
if (routerObj) {
let pathName = routerObj.name
let pathName = routerObj.name;
let res = this.paths.filter((item) => {
return item.name != pathName
})
return item.name != pathName;
});
if (pathName == this.$route.meta.title) {
if (this.paths.length > 0) {
// debugger;
let routerIndex = this.paths.findIndex(
(i) => i.routeName == name
)
);
if (routerIndex == 0) {
this.$router.push(this.paths[1].path)
this.routePath = this.paths[1].routeName
this.$router.push(this.paths[1].path);
this.routePath = this.paths[1].routeName;
} else {
this.$router.push(this.paths[routerIndex - 1].path)
this.routePath = this.paths[routerIndex - 1].routeName
this.$router.push(this.paths[routerIndex - 1].path);
this.routePath = this.paths[routerIndex - 1].routeName;
}
}
}
this.paths = res
this.paths = res;
}
sessionStorage.setItem(
'crumbs',
"crumbs",
utils.Encrypt(JSON.stringify(this.paths))
)
this.setKeepAlive()
);
this.setKeepAlive();
}
}
},
setKeepAlive () {
let cachePageName
setKeepAlive() {
let cachePageName;
if (
JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs'))).length > 0
JSON.parse(utils.Decrypt(sessionStorage.getItem("crumbs"))).length > 0
) {
cachePageName = JSON.parse(
utils.Decrypt(sessionStorage.getItem('crumbs'))
utils.Decrypt(sessionStorage.getItem("crumbs"))
)
.map((i) => i.routeName)
.join()
.join();
} else {
cachePageName = ''
cachePageName = "";
}
this.$store.commit('layout/resetcachePageName', cachePageName)
this.$store.commit("layout/resetcachePageName", cachePageName);
// TODO
// this.$store.commit('layout/delcachePageName', 'ryzwbj')
// this.$store.commit('layout/delcachePageName', 'ajzwbj')
......@@ -616,9 +540,9 @@ export default {
* @param {*}
* @return {*}
*/
goManager () {
this.$router.push('/Home/htzwcj')
this.menuActive = ''
goManager() {
this.$router.push("/Home/htzwcj");
this.menuActive = "";
},
/**
* @description: 菜单跳转路由
......@@ -626,10 +550,10 @@ export default {
* @param {*} path
* @return {*}
*/
selectPath (index, path) {
console.log(index)
console.log(path)
if (path == 'zzwcj') {
selectPath(index, path) {
console.log(index);
console.log(path);
if (path == "zzwcj") {
this.$router.pushToTab({
path: "/AllPersonnelBaseIndex",
query: {
......@@ -638,7 +562,7 @@ export default {
});
return;
}
this.$router.push({ name: index })
this.$router.push({ name: index });
/*
if (
(this.$route.name === 'ryzwbj' || this.$route.name === 'ajzwbj') && !this.jumproute
......@@ -657,15 +581,15 @@ export default {
* @param {*}
* @return {*}
*/
closePaths (pathName) {
closePaths(pathName) {
let res = this.paths.filter((item) => {
return item.name != pathName
})
this.paths = res
return item.name != pathName;
});
this.paths = res;
//console.log(pathName == this.$route.meta.title);
if (pathName == this.$route.meta.title) {
this.$router.push('/Home/htzwcj')
this.$refs.menu.activeIndex = ''
this.$router.push("/Home/htzwcj");
this.$refs.menu.activeIndex = "";
}
},
/**
......@@ -673,37 +597,34 @@ export default {
* @param {*}
* @return {*}
*/
changeRouter (route) {
this.$router.push(route.path)
this.menuActive = route.routeName
changeRouter(route) {
this.$router.push(route.path);
this.menuActive = route.routeName;
},
/**
* @description: 展开收缩
* @param {*}
* @return {*}
*/
switchCollapse () {
this.isCollapse = !this.isCollapse
switchCollapse() {
this.isCollapse = !this.isCollapse;
},
handleOpen (key, keyPath) {
handleOpen(key, keyPath) {
//console.log(key, keyPath);
},
handleClose (key, keyPath) {
handleClose(key, keyPath) {
//console.log(key, keyPath);
},
},
beforeDestroy () {
beforeDestroy() {
//组件销毁前需要解绑事件。否则会出现重复触发事件的问题
},
watch: {
enLargeFace (newValue, oldValue) {
},
menuActive (newValue, oldValue) {
},
loading (newValue, oldValue) {
},
enLargeFace(newValue, oldValue) {},
menuActive(newValue, oldValue) {},
loading(newValue, oldValue) {},
$route: {
handler (newValue, oldValue) {
handler(newValue, oldValue) {
// console.log(oldValue);
// 如果是人员指纹编辑界面或者是案件指纹编辑界面，进行判断是否跳转
// if(oldValue.name === 'ryzwbj' || oldValue.name === 'ajzwbj') {
......@@ -711,45 +632,45 @@ export default {
// }
//console.log(this.routePath, 11111111111);
//console.log(newValue, 11111111111);
this.routePath = newValue.name
this.routePath = newValue.name;
setTimeout(() => {
//console.log(1);
if (newValue.path != '/Home/htzwcj') {
if (newValue.path != "/Home/htzwcj") {
if (this.paths.length == 0) {
this.paths.push({
name: newValue.meta.title,
path: newValue.path,
routeName: newValue.name,
})
});
} else {
let obj = {
name: newValue.meta.title,
path: newValue.path,
routeName: newValue.name,
}
};
if (
this.paths.findIndex((i) => i.routeName == newValue.name) === -1
) {
this.paths.push(obj)
this.paths.push(obj);
}
}
}
sessionStorage.setItem(
'crumbs',
"crumbs",
utils.Encrypt(JSON.stringify(this.paths))
)
this.setKeepAlive()
}, 0)
);
this.setKeepAlive();
}, 0);
},
immediate: true,
},
},
created () {
this.paths = sessionStorage.getItem('crumbs')
? JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs')))
: []
created() {
this.paths = sessionStorage.getItem("crumbs")
? JSON.parse(utils.Decrypt(sessionStorage.getItem("crumbs")))
: [];
},
}
};
</script>
<style scoped lang="scss">
// 人像
......
src/views/zzwcj/fingerprint.scss
......@@ -6,18 +6,19 @@
}
$tintBG: #c1c7cd;
// 背景色
$deepBg: var(--bg, #323232);
$bigBg: var(--bigBg, #000); // #D3D8DD
$bgBorder: var(--bgBorder, #464646); // #A2A9B0
$deepBg: var(--bg, #ffffff); // #323232 #c1c7cd
$bigBg: var(--bigBg, #eeeeee); //#ffffff #D3D8DD
$bgBorder: var(--bgBorder, #EEEEEE); // #A2A9B0
// 指纹采集
$fingerGet: var(--fingerGet, #fff); // #222222
$fingerGet: var(--fingerGet, #333333); // #222222
// 采集设备型号
$deviceMode: var(--deviceMode, #909090); // #697077
$deviceMode: var(--deviceMode, #999999); // #697077
// 切换皮肤/设置
$switchSkin: var(--switchSkin, #dddddd); // #4A4E52
$switchSkin: var(--switchSkin, #333333); // #4A4E52
// 切换皮肤弹出框
$switchBox: var(--switchBox, #e7eaee); // #535353
$switchBox: var(--switchBox, #ffffff); // #535353
// 弹出框浅色字体
$switchBtn: var(--switchBtn, #323232); // #6f7173
$deepBtn: var(--deepBtn, #fff); // #313131
......@@ -34,35 +35,42 @@ $input: var(--input, #2a2a2a); // #C1C7CD
$inputTxt: var(--inputTxt, #dddddd); // #21272A
$inputCaret: var(--inputCaret, #c0c4cc); // #4D5358
// 复选框
$checkSelect: var(--checkSelect, #c4c4c4); // #4D5358
$checkedSelect: var(--checkedSelect, #dddddd); // #323942
$checkInner: var(--checkInner, #1b1b1b); // #D6DBE1
$checkBg: var(--checkBg, #dfdfdf); // #2F3942
$checkSelect: var(--checkSelect,#666666 ); //#c4c4c4 #4D5358
$checkedSelect: var(--checkedSelect,#666666 ); //#dddddd #323942
$checkInner: var(--checkInner, #ffffff );//#1b1b1b #D6DBE1
$checkBg: var(--checkBg, #055FE7); //#dfdfdf #2F3942
$checkBorder: var(--checkBorder, #cccccc); //#404040
// 滑块
$sliderRunway: var(--sliderRunway, #1b1b1b); // #2F3942
$sliderBar: var(--sliderBar, #c4c4c4); // #A2A9B0
$sliderButtonB: var(--sliderButtonB, #909090); // #4D5358
$lightTxt: var(--lightTxt, #909090); // #697077
$lightSpan: var(--lightSpan, #dddddd); // #21272A
$sliderRunway: var(--sliderRunway,#eeeeee ); //#1b1b1b #2F3942
$sliderBar: var(--sliderBar,#055FE7 ); //#c4c4c4 #A2A9B0
$sliderButtonB: var(--sliderButtonB,#055FE7 ); //#909090 #4D5358
$silderButtonBg: var(--sliderButtonBg , #ffffff); //#dddddd
$lightTxt: var(--lightTxt,#666666 ); //#909090 #697077
$lightSpan: var(--lightSpan, #333333); //#dddddd #21272A
// 视频
$movieBg: var(--movieBg, #515151); // #A2A9B0
$bofang: var(--bofang, #7d7d7d); // #FFFFFF
// 采集预览
$lookingTxt: var(--lookingTxt, #909090); // #4A4E52
$handsBg: var(--handsBg, #2d2d2d); // #878D96
$handTxt: var(--handTxt, #909090); // #D6DBE1
$tipTitle: var(--tipTitle, #ffc005); // #121619
$tipP: var(--tipP, #c4c4c4); // #4D5358
$lookingTxt: var(--lookingTxt, #333333); // #4A4E52
$txtBg: var(--txtBg , #F6F8FA); //采集预览右下角复选框
$handsBg: var(--handsBg, #F6F8FA); //#2d2d2d #878D96
$handTxt: var(--handTxt,#666666 ); //#909090 #D6DBE1
$tipTitle: var(--tipTitle,#333333 ); //#ffc005 #121619
$tipP: var(--tipP,#999999 ); //#c4c4c4 #4D5358
// 指纹格子
$fingerboxBg: var(--fingerboxBg, #1b1b1b); // #878D96
$fingerboxBorder: var(--fingerboxBorder, #464646); // #DDE1E6
$fingerboxTxt: var(--fingerboxTxt, #909090); // #DDE1E6
$pichover: var(--pichover, #909090); // #D6DBE1
$boxdesc: var(--boxdesc, #dddddd); // #21272A
$fingerboxBg: var(--fingerboxBg,#ffffff ); //#1b1b1b #878D96
$fingerboxBorder: var(--fingerboxBorder, #cccccc); //#464646 #DDE1E6
$fingerboxTxt: var(--fingerboxTxt, #333333); //#909090 #DDE1E6
$fingerboxtxtBg: var(--fingerboxtxtBg , #F6F8FA);//左八字背景
$fingerboxPlus: var(--fingerboxPlus , #666666); //盒子里的+
$pichover: var(--pichover, #cccccc); //#909090 #D6DBE1 深浅主题hover变颜色
$pichoverShadow: var(--pichoverShadow , 0px 10px 20px 2px rgba(0, 21, 51, 0.08)); //默认hover为加阴影
$picSelected: var(--picSelected ,#0060F0); //选中边框色
$boxdesc: var(--boxdesc,#666660 ); //#dddddd #21272A
$anaphoraBg: var(--anaphoraBg, #1b1b1b); // #D6DBE1
// 按钮
$btnBorder: var(--btnBorder, #464646); // #979FA8
$btnfontColor: var(--btnfontColor, #efefef); // #343A3F
$btnBorder: var(--btnBorder, #AEB5C2 ); //#464646 #979FA8
$btnfontColor: var(--btnfontColor,#2E3846); // #efefef #343A3F
$btnhover: var(--btnhover, #efefef); // #4A4E52
// 弹出对话框
$btndialogBg: var(--btndialogBg, #535353); // #E7EAEE
......@@ -70,29 +78,31 @@ $btndialogTitle: var(--btndialogTitle, #ffc005); // #323942
$btndialogbodyBg: var(--btndialogbodyBg, #3f3f3f); // #CCD2D8
$btndialogbodyTxt: var(--btndialogbodyTxt, #dddddd); // #222222
// 设置对话框
$settingTitle: var(--settingTitle, #333333); // #323942
$settingHeadBg: var(--settingHeadBg, #dddddd); // #E7EAEE
$savePath: var(--savePath, #868686); // #4A4E52
$settingBodyBg: var(--settingBodyBg, #3f3f3f); // #C5CBD1
$settingTxt: var(--settingTxt, #8b8b8b); // #4A4E52
$settingRadioBorder: var(--settingRadioBorder, #dddddd); // #86919B
$settingRadioBg: var(--settingRadioBg, #333333); // #E7EAEE
$settingCheckedRadio: var(--settingCheckedRadio, #dddddd); // #4A4E52
$settingRadioCircle: var(--settingRadioCircle, #333333); // #D3D8DE
$settingLabel: var(--settingLabel, #c4c4c4); // #4A4E52
$settingCheckedLabel: var(--settingCheckedLabel, #dddddd); // #323942
$settingDisableRadio: var(--settingDisableRadio, #565656); // #86919B
$settingDisableLabel: var(--settingDisableLabel, #6e6e6e); // #86919B
$settingContentBorder: var(--settingContentBorder, #303030); // #86919B
$settingLookBg: var(--settingLookBg, #292929); // #3F3F3F
$settingTitle: var(--settingTitle,#323232 ); //#333333 #323942
$settingHeadBg: var(--settingHeadBg, #F6F8FA ); //#dddddd #E7EAEE
$savePath: var(--savePath, #666666); //#868686 #4A4E52
$settingBodyBg: var(--settingBodyBg, #ffffff); //#3f3f3f #C5CBD1
$settingTxt: var(--settingTxt, #333333); //#8b8b8b #4A4E52
$settingRadioBorder: var(--settingRadioBorder, #B1B6C2 ); //#dddddd #86919B
$settingRadioBg: var(--settingRadioBg, #ffffff ); //#333333 #E7EAEE
$settingCheckedRadio: var(--settingCheckedRadio,#055FE7); // #dddddd #4A4E52
$settingRadioCircle: var(--settingRadioCircle, #ffffff); //#333333 #D3D8DE
$settingLabel: var(--settingLabel,#666666 ); //#c4c4c4 #4A4E52
$settingCheckedLabel: var(--settingCheckedLabel, #333333); //#dddddd #323942
$settingDisableRadio: var(--settingDisableRadio, #B1B6C2); //#565656 #86919B
$settingDisableRadioBg: var(--settingDisableRadioBg, #ECEDF1);//#333333 8B8B8B
$settingDisableLabel: var(--settingDisableLabel,#999999 ); //#6e6e6e #86919B
$settingContentBorder: var(--settingContentBorder, #EEEEEE); //#303030 #86919B
$settingLookBg: var(--settingLookBg, #F6F8FA); //#292929 #3F3F3F
$settingLookbgBorder: var(--settingLookbgBorder, #cccccc);
$settingLookBtn: var(--settingLookBtn, #dddddd); // #323942
$cardBg: var(--cardBg, #3f3f3f); // C5CBD1
$cardBorder: var(--cardBorder, #303030); // #A9B1B9
$tabsBg: var(--tabsBg, #303030); // #D7DEE8
$tabsBorder: var(--tabsBorder, #686868); // #A9B1B9
$tabsTxt: var(--tabsTxt, #9f9f9f); // #4A4E52
$tabsActiveBg: var(--tabsActiveBg, #686868); // #4A4E52
$tabsActiveTxt: var(--tabsActiveTxt, #efefef); // #FFFFFF
$tabsBg: var(--tabsBg, #f6f8fa); //#303030 #D7DEE8
$tabsBorder: var(--tabsBorder, #f6f8fa); //#686868 #A9B1B9
$tabsTxt: var(--tabsTxt, #333333); //#9f9f9f #4A4E52
$tabsActiveBg: var(--tabsActiveBg, #0060f0 ); //#686868 #4A4E52
$tabsActiveTxt: var(--tabsActiveTxt, #ffffff); //#efefef #FFFFFF
$cardTitle: var(--cardTitle, #9f9f9f); // #4A4E52
$numberBg: var(--numberBg, #333); // #E7EAEE
$numberTxt: var(--numberTxt, #adadad); // #4A4E52
......@@ -115,19 +125,20 @@ $dialogBtnHover: var(--dialogBtnHover, #dddddd); // #86919B
$dialogBtnHoverSpan: var(--dialogBtnHoverSpan, #dddddd); // #323942
$finger: var(--finger, #ffc005);
$lookingBg: var(--lookingBg, #fff); // #161712
$lookingBg: var(--lookingBg, #fff);//#161712
$dashBorder: var(--dashBorder ,#979797);
$lookingBorder: var(--lookingBorder,#cccccc);
// 上传时的边框
$uploadingBorder: var(--uploadingBorder, 0); // 2px
// el-dialog背景色
$elDialog: var(--elDialog, #3f3f3f); // #CCD2D8
$elDialog: var(--elDialog, #ffffff); // #CCD2D8
// 采集完成是否可以点
$finishTrue: var(--finishTrue, #464646); // 2px
// 设备信息颜色
$versionColor: var(--versionColor, #fff); // #000
$versionColor: var(--versionColor, #000); // #000
* {
margin: 0;
......@@ -171,11 +182,52 @@ $versionColor: var(--versionColor, #fff); // #000
}
.mode {
width: 136px;
height: 126px;
height: 176px;
background: $switchBox;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
cursor: pointer;
padding: 12px;
.default{
width: 112px;
height: 42px;
background: #fff;
opacity: 1;
border-radius: 2px;
font-size: 13px;
font-family: HarmonyOS_Sans_SC;
font-weight: 300;
line-height: 17px;
color: black;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 8px;
border:1px solid #cccccc
}
// .default::before {
// content: "";
// width: 6px;
// height: 1px;
// background-color: $deepBtn;
// position: absolute;
// top: 20px;
// right: 21px;
// transform: rotate(45deg);
// }
// .default::after {
// content: "";
// width: 11px;
// height: 1px;
// background-color: $deepBtn;
// position: absolute;
// top: 19px;
// right: 12px;
// transform: rotate(-45deg);
// }
.default:hover {
border: 1px solid #76828d;
}
.deep {
width: 112px;
height: 42px;
......@@ -192,26 +244,26 @@ $versionColor: var(--versionColor, #fff); // #000
align-items: center;
margin-bottom: 8px;
}
.deep::before {
content: "";
width: 6px;
height: 1px;
background-color: $deepBtn;
position: absolute;
top: 20px;
right: 21px;
transform: rotate(45deg);
}
.deep::after {
content: "";
width: 11px;
height: 1px;
background-color: $deepBtn;
position: absolute;
top: 19px;
right: 12px;
transform: rotate(-45deg);
}
// .deep::before {
// content: "";
// width: 6px;
// height: 1px;
// background-color: $deepBtn;
// position: absolute;
// top: 20px;
// right: 21px;
// transform: rotate(45deg);
// }
// .deep::after {
// content: "";
// width: 11px;
// height: 1px;
// background-color: $deepBtn;
// position: absolute;
// top: 19px;
// right: 12px;
// transform: rotate(-45deg);
// }
// .deep::after {
// content: "";
// width: 20px;
......@@ -243,26 +295,26 @@ $versionColor: var(--versionColor, #fff); // #000
align-items: center;
position: relative;
}
.tint::before {
content: "";
width: 6px;
height: 1px;
background-color: $tintBtn;
position: absolute;
top: 7px;
right: 10px;
transform: rotate(45deg);
}
.tint::after {
content: "";
width: 11px;
height: 1px;
background-color: $tintBtn;
position: absolute;
top: 6px;
right: 1px;
transform: rotate(-45deg);
}
// .tint::before {
// content: "";
// width: 6px;
// height: 1px;
// background-color: $tintBtn;
// position: absolute;
// top: 7px;
// right: 10px;
// transform: rotate(45deg);
// }
// .tint::after {
// content: "";
// width: 11px;
// height: 1px;
// background-color: $tintBtn;
// position: absolute;
// top: 6px;
// right: 1px;
// transform: rotate(-45deg);
// }
}
}
.head_box {
......@@ -417,7 +469,7 @@ $versionColor: var(--versionColor, #fff); // #000
color: $checkSelect !important;
}
/deep/ .el-checkbox__inner {
border: 1px solid #404040;
border: 1px solid $checkBorder;
background-color: $checkInner;
}
/deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
......@@ -452,7 +504,7 @@ $versionColor: var(--versionColor, #fff); // #000
/deep/ .el-slider__button {
width: 11px;
height: 11px;
background: #dddddd;
background: $silderButtonBg;
border: 2px solid $sliderButtonB;
border-radius: 50%;
opacity: 1;
......@@ -543,7 +595,7 @@ $versionColor: var(--versionColor, #fff); // #000
height: 480px;
background: $lookingBg;
// background: #fff;
border: 1px solid #464646;
border: 1px solid $lookingBorder;
opacity: 1;
border-radius: 4px;
.frameImage {
......@@ -743,10 +795,7 @@ $versionColor: var(--versionColor, #fff); // #000
width: 220px;
height: 388px;
// background: #161712;
// border: 3px dashed #707070;
border: 3px dashed;
border-color: #909090;
// border-image: linear-gradient(180deg, rgba(151, 151, 151, 1), rgba(144, 144, 144, 1), rgba(255, 255, 255, 1)) 2 2;
border: 3px dashed $dashBorder;
border-bottom: none;
opacity: 1;
border-radius: 110px 110px 0px 0px;
......@@ -832,7 +881,7 @@ $versionColor: var(--versionColor, #fff); // #000
position: absolute;
width: 96px;
height: 36px;
background: $deepBg;
background: $txtBg;
// opacity: 0.5;
bottom: 12px;
right: 12px;
......@@ -877,7 +926,7 @@ $versionColor: var(--versionColor, #fff); // #000
position: absolute;
width: 96px;
height: 36px;
background: $deepBg;
background: $txtBg;
// opacity: 0.5;
bottom: 58px;
right: 12px;
......@@ -1128,7 +1177,7 @@ $versionColor: var(--versionColor, #fff); // #000
align-items: center;
width: 32px;
height: 96px;
background: $fingerboxBg;
background: $fingerboxtxtBg;
// opacity: 0.28;
border-radius: 2px;
span {
......@@ -1159,7 +1208,7 @@ $versionColor: var(--versionColor, #fff); // #000
display: flex;
justify-content: center;
align-items: center;
color: $fingerboxTxt;
color: $fingerboxPlus;
font-size: 40px;
img {
object-fit: contain;
......@@ -1184,10 +1233,11 @@ $versionColor: var(--versionColor, #fff); // #000
}
.pic:hover {
cursor: pointer;
border: 2px solid $pichover;
border: 1px solid $pichover;
box-shadow:$pichoverShadow
}
.pic.select {
border: 3px solid #ffc005;
border: 3px solid $picSelected;
display: flex;
justify-content: center;
align-items: center;
......@@ -1424,13 +1474,13 @@ $versionColor: var(--versionColor, #fff); // #000
padding: 0;
margin: 0;
box-sizing: border-box;
.el-dialog__title {
/deep/.el-dialog__title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
font-weight: 400;
line-height: 21px;
color: $btndialogTitle;
padding-left: 28px;
margin-left: 28px;
}
.el-dialog__headerbtn {
top: 14px;
......@@ -1507,7 +1557,7 @@ $versionColor: var(--versionColor, #fff); // #000
width: 320px;
height: 300px;
background: $settingLookBg;
border: 1px solid #505050;
border: 1px solid $settingLookbgBorder;
opacity: 1;
margin-bottom: 12px;
}
......@@ -2286,7 +2336,7 @@ $versionColor: var(--versionColor, #fff); // #000
}
}
.top {
padding-left: 32px;
// padding-left: 32px;
.format {
margin-top: 12px;
display: flex;
......@@ -2371,6 +2421,7 @@ $versionColor: var(--versionColor, #fff); // #000
.el-radio.is-disabled {
.el-radio__inner {
border: 1px solid $settingDisableRadio;
background-color:$settingDisableRadioBg
}
.el-radio__label {
color: $settingDisableLabel;
......
src/views/zzwcj/fingerprint.vue
......@@ -4,6 +4,7 @@
<div class="color-switch" v-show="isShowColor">
<div class="triangle"></div>
<div class="mode">
<div class="default" @click="defaultChange">默认模式</div>
<div class="deep" @click="deepChange">深色模式</div>
<div class="tint" @click="tintChange">浅色模式</div>
</div>
......@@ -970,7 +971,7 @@ export default {
getStatus: true,
clickTimes: 0,
// 加载动画
loading: false,
loading: true,
// 小指纹仪
smallCapture: '',
BASE64_MARKER: ';base64,',
......@@ -8713,6 +8714,114 @@ export default {
}
},
/**
* @name: 默认模式
* @param {*}
* @return {*}
*/
defaultChange(){
console.log('默认模式');
this.themeType = '默认'
document.getElementsByTagName('body')[0].style.setProperty('--elDialog', '#ffffff');//设置
document.getElementsByTagName('body')[0].style.setProperty('--deepBtn', '#fff');
document.getElementsByTagName('body')[0].style.setProperty('--tintBtn', '#c1c7cd');
document.getElementsByTagName('body')[0].style.setProperty('--bg', '#ffffff');//
document.getElementsByTagName('body')[0].style.setProperty('--bigBg', '#eeeeee');//边框
document.getElementsByTagName('body')[0].style.setProperty('--bgBorder', '#EEEEEE');
document.getElementsByTagName('body')[0].style.setProperty('--fingerGet', '#333333');//
document.getElementsByTagName('body')[0].style.setProperty('--switchSkin', '#333333');//
document.getElementsByTagName('body')[0].style.setProperty('--deviceMode', '#999999');//
document.getElementsByTagName('body')[0].style.setProperty('--switchBox', '#ffffff');//
document.getElementsByTagName('body')[0].style.setProperty('--switchBtn', '#323232');//选颜色字体颜色
document.getElementsByTagName('body')[0].style.setProperty('--input', '#2a2a2a');
document.getElementsByTagName('body')[0].style.setProperty('--inputTxt', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--inputCaret', '#C0C4CC');
document.getElementsByTagName('body')[0].style.setProperty('--checkSelect', '#666666');//复选字
document.getElementsByTagName('body')[0].style.setProperty('--checkedSelect', '#666666');//复选选中字
document.getElementsByTagName('body')[0].style.setProperty('--checkBorder', '#cccccc');//边框
document.getElementsByTagName('body')[0].style.setProperty('--checkInner', '#ffffff');//未选背景
document.getElementsByTagName('body')[0].style.setProperty('--checkBg', '#055FE7'); //已选背景
document.getElementsByTagName('body')[0].style.setProperty('--sliderRunway', '#eeeeee');//未选拖拉区
document.getElementsByTagName('body')[0].style.setProperty('--sliderBar', '#055FE7');//已选区色
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonB', '#055FE7');
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonBg', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--lightTxt', '#666666');//对比度 亮度
document.getElementsByTagName('body')[0].style.setProperty('--lightSpan', '#333333');//数值
document.getElementsByTagName('body')[0].style.setProperty('--movieBg', '#515151');
document.getElementsByTagName('body')[0].style.setProperty('--bofang', '#7D7D7D');
document.getElementsByTagName('body')[0].style.setProperty('--lookingTxt', '#333333');//采集预览
document.getElementsByTagName('body')[0].style.setProperty('--lookingBg', '#fff');//背景
document.getElementsByTagName('body')[0].style.setProperty('--lookingBorder', '#cccccc');//预览边框
document.getElementsByTagName('body')[0].style.setProperty('--dashBorder', '#979797');//手指虚线边框
document.getElementsByTagName('body')[0].style.setProperty('--txtBg', '#F6F8FA');//方块右下角复选框
document.getElementsByTagName('body')[0].style.setProperty('--handsBg', '#F6F8FA');//两个手的背景框背景
document.getElementsByTagName('body')[0].style.setProperty('--handTxt', '#666666');//左右手俩字
document.getElementsByTagName('body')[0].style.setProperty('--tipTitle', '#333333');//框下边的大字
document.getElementsByTagName('body')[0].style.setProperty('--tipP', '#999999');//大字下边的小字
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBg', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBorder', '#cccccc');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxTxt', '#333333');//左八字颜色
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxtxtBg', '#F6F8FA'); //左八字背景
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxPlus', '#666666'); //box里+的色
document.getElementsByTagName('body')[0].style.setProperty('--pichover', '#cccccc');
document.getElementsByTagName('body')[0].style.setProperty('--pichoverShadow', '0, 10, 20, 2, rgba(0, 21, 51, 0.08)');//默认hover加阴影
document.getElementsByTagName('body')[0].style.setProperty('--picSelected', '#0060F0');//选中的颜色
document.getElementsByTagName('body')[0].style.setProperty('--boxdesc', '#666660');
document.getElementsByTagName('body')[0].style.setProperty('--anaphoraBg', '#cccccc');
document.getElementsByTagName('body')[0].style.setProperty('--btnBorder', '#AEB5C2');//按钮边框
document.getElementsByTagName('body')[0].style.setProperty('--btnfontColor', '#2E3846');
document.getElementsByTagName('body')[0].style.setProperty('--btnhover', '#efefef');
document.getElementsByTagName('body')[0].style.setProperty('--btndialogBg', '#535353');
document.getElementsByTagName('body')[0].style.setProperty('--btndialogTitle', '#ffc005');
document.getElementsByTagName('body')[0].style.setProperty('--btndialogbodyBg', '#3f3f3f');
document.getElementsByTagName('body')[0].style.setProperty('--btndialogbodyTxt', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--settingTitle', '#323232');
document.getElementsByTagName('body')[0].style.setProperty('--settingHeadBg', '#F6F8FA');
document.getElementsByTagName('body')[0].style.setProperty('--savePath', '#666666');//存储路径
document.getElementsByTagName('body')[0].style.setProperty('--settingBodyBg', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--settingTxt', '#333333');
document.getElementsByTagName('body')[0].style.setProperty('--settingRadioBorder', '#BAB6C2');
document.getElementsByTagName('body')[0].style.setProperty('--settingRadioBg', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckedRadio', '#055FE7');
document.getElementsByTagName('body')[0].style.setProperty('--settingRadioCircle', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--settingLabel', '#666666');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckedLabel', '#333333');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadio', '#565656');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadioBg', '#ECEDF1');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableLabel', '#6E6E6E');
document.getElementsByTagName('body')[0].style.setProperty('--settingContentBorder', '#EEEEEE');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBg', '#F6F8FA');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookbgBorder', '#cccccc');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBtn', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--cardBg', '#3f3f3f');
document.getElementsByTagName('body')[0].style.setProperty('--cardBorder', '#303030');
document.getElementsByTagName('body')[0].style.setProperty('--tabsBg', '#F6F8FA');
document.getElementsByTagName('body')[0].style.setProperty('--tabsBorder', '#f6f8fa');
document.getElementsByTagName('body')[0].style.setProperty('--tabsTxt', '#333333');
document.getElementsByTagName('body')[0].style.setProperty('--tabsActiveBg', '#0060F0');
document.getElementsByTagName('body')[0].style.setProperty('--tabsActiveTxt', '#ffffff');
document.getElementsByTagName('body')[0].style.setProperty('--cardTitle', '#9f9f9f');
document.getElementsByTagName('body')[0].style.setProperty('--numberBg', '#333');
document.getElementsByTagName('body')[0].style.setProperty('--numberTxt', '#adadad');
document.getElementsByTagName('body')[0].style.setProperty('--settingLight', '#8b8b8b');
document.getElementsByTagName('body')[0].style.setProperty('--settingSliderB', '#eaeaea');
document.getElementsByTagName('body')[0].style.setProperty('--settingSliderBg', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--settingColor', '#6e6e6e');
document.getElementsByTagName('body')[0].style.setProperty('--settingIschecked', '#9f9f9f');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckBorder', '#565656');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckBg', '#333333');
document.getElementsByTagName('body')[0].style.setProperty('--settingIsCheckedDisable', '#6e6e6e');
document.getElementsByTagName('body')[0].style.setProperty('--settingAfter', '#1b1b1b');
document.getElementsByTagName('body')[0].style.setProperty('--settingTitleChange', '#9F9F9F');
document.getElementsByTagName('body')[0].style.setProperty('--dialogBtn', '#9F9F9F');
document.getElementsByTagName('body')[0].style.setProperty('--dialogBtnBg', '#3f3f3f');
document.getElementsByTagName('body')[0].style.setProperty('--dialogBtnBorder', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--dialogSpan', '#9f9f9f');
document.getElementsByTagName('body')[0].style.setProperty('--dialogBtnHover', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--dialogBtnHoverSpan', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--versionColor', '#000');//设备型号
this.isShowColor = false
},
/**
* @name: 深色模式
* @param {*}
* @return {*}
......@@ -8741,11 +8850,16 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--sliderRunway', '#1b1b1b');
document.getElementsByTagName('body')[0].style.setProperty('--sliderBar', '#c4c4c4');
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonB', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonBg', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--lightTxt', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--lightSpan', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--movieBg', '#515151');
document.getElementsByTagName('body')[0].style.setProperty('--bofang', '#7D7D7D');
document.getElementsByTagName('body')[0].style.setProperty('--lookingTxt', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--lookingBg', '#161712');//背景
document.getElementsByTagName('body')[0].style.setProperty('--lookingBorder', '#333333');//预览边框
document.getElementsByTagName('body')[0].style.setProperty('--dashBorder', '#707070');//手指虚线边框
document.getElementsByTagName('body')[0].style.setProperty('--txtBg', '#323232');//方块右下角复选框
document.getElementsByTagName('body')[0].style.setProperty('--handsBg', '#2d2d2d');
document.getElementsByTagName('body')[0].style.setProperty('--handTxt', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--tipTitle', '#ffc005');
......@@ -8753,7 +8867,11 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBg', '#1B1B1B');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBorder', '#464646');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxTxt', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxtxtBg', '#1b1b1b'); //左八字背景
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxPlus', '#555555'); //box里+的色
document.getElementsByTagName('body')[0].style.setProperty('--pichover', '#909090');
document.getElementsByTagName('body')[0].style.setProperty('--pichoverShadow', 'none');//默认hover加阴影
document.getElementsByTagName('body')[0].style.setProperty('--picSelected', '#ffc005');//选中的颜色
document.getElementsByTagName('body')[0].style.setProperty('--boxdesc', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--anaphoraBg', '#1B1B1B');
document.getElementsByTagName('body')[0].style.setProperty('--btnBorder', '#464646');
......@@ -8775,9 +8893,11 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--settingLabel', '#c4c4c4');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckedLabel', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadio', '#565656');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadioBg', '#333333');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableLabel', '#6E6E6E');
document.getElementsByTagName('body')[0].style.setProperty('--settingContentBorder', '#303030');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBg', '#292929');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookbgBorder', '#505050');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBtn', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--cardBg', '#3f3f3f');
document.getElementsByTagName('body')[0].style.setProperty('--cardBorder', '#303030');
......@@ -8837,11 +8957,16 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--sliderRunway', '#A2A9B0');
document.getElementsByTagName('body')[0].style.setProperty('--sliderBar', '#2F3942');
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonB', '#4D5358');
document.getElementsByTagName('body')[0].style.setProperty('--sliderButtonBg', '#dddddd');
document.getElementsByTagName('body')[0].style.setProperty('--lightTxt', '#697077');
document.getElementsByTagName('body')[0].style.setProperty('--lightSpan', '#21272A');
document.getElementsByTagName('body')[0].style.setProperty('--movieBg', '#A2A9B0');
document.getElementsByTagName('body')[0].style.setProperty('--bofang', '#FFFFFF');
document.getElementsByTagName('body')[0].style.setProperty('--lookingTxt', '#4A4E52');
document.getElementsByTagName('body')[0].style.setProperty('--lookingBg', '#161712');//背景
document.getElementsByTagName('body')[0].style.setProperty('--lookingBorder', '#333333');//预览边框
document.getElementsByTagName('body')[0].style.setProperty('--dashBorder', '#707070');//手指虚线边框
document.getElementsByTagName('body')[0].style.setProperty('--txtBg', '#C1C7CD');//方块右下角复选框
document.getElementsByTagName('body')[0].style.setProperty('--handsBg', '#878D96');
document.getElementsByTagName('body')[0].style.setProperty('--handTxt', '#D6DBE1');
document.getElementsByTagName('body')[0].style.setProperty('--tipTitle', '#121619');
......@@ -8849,7 +8974,11 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBg', '#878D96');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxBorder', '#DDE1E6');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxTxt', '#DDE1E6');
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxtxtBg', '#878D96'); //左八字背景
document.getElementsByTagName('body')[0].style.setProperty('--fingerboxPlus', '#C1C7CD'); //box里+的色
document.getElementsByTagName('body')[0].style.setProperty('--pichover', '#D6DBE1');
document.getElementsByTagName('body')[0].style.setProperty('--pichoverShadow', 'none');//默认hover加阴影
document.getElementsByTagName('body')[0].style.setProperty('--picSelected', '#ffc005');//选中的颜色
document.getElementsByTagName('body')[0].style.setProperty('--boxdesc', '#21272A');
document.getElementsByTagName('body')[0].style.setProperty('--anaphoraBg', '#D6DBE1');
document.getElementsByTagName('body')[0].style.setProperty('--btnBorder', '#979FA8');
......@@ -8871,9 +9000,11 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--settingLabel', '#4A4E52');
document.getElementsByTagName('body')[0].style.setProperty('--settingCheckedLabel', '#323942');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadio', '#86919B');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableRadioBg', '#8B8B8B');
document.getElementsByTagName('body')[0].style.setProperty('--settingDisableLabel', '#86919B');
document.getElementsByTagName('body')[0].style.setProperty('--settingContentBorder', '#86919B');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBg', '#3F3F3F');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookbgBorder', '#505050');
document.getElementsByTagName('body')[0].style.setProperty('--settingLookBtn', '#323942');
document.getElementsByTagName('body')[0].style.setProperty('--cardBg', '#C5CBD1');
document.getElementsByTagName('body')[0].style.setProperty('--cardBorder', '#A9B1B9');
......@@ -9030,7 +9161,11 @@ export default {
document.getElementsByTagName('body')[0].style.setProperty('--finishTrue', '#464646');
}
} else {
if (newValue.length == 0) { //改掉
document.getElementsByTagName('body')[0].style.setProperty('--finishTrue', '#AEB5C2');
} else {
document.getElementsByTagName('body')[0].style.setProperty('--finishTrue', '#055FE7');
}
}
},
themeType (newValue, oldValue) {
......@@ -9039,7 +9174,7 @@ export default {
} else if (this.themeType == '浅色') {
document.getElementsByTagName('body')[0].style.setProperty('--finishTrue', '#979FA8');
} else {
document.getElementsByTagName('body')[0].style.setProperty('--finishTrue', '#AEB5C2'); //改掉
}
}
},
......
src/views/zzwlr/xzry.vue
<!--
* @Author: your name
* @Date: 2021-09-07 10:31:34
* @LastEditTime: 2022-01-13 23:57:19
* @LastEditTime: 2022-01-14 11:07:29
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\zzwlr\Index.vue
......@@ -25,7 +25,14 @@
</div>
</div>
<div class="content">
<el-form :label-position="labelPosition" :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-form-inline">
<el-form
:label-position="labelPosition"
:inline="true"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
class="demo-form-inline"
>
<!-- 一 -->
<el-row class="title">
<div class="colorDiv"></div>
......@@ -34,33 +41,65 @@
<!-- 二 -->
<el-row class="item-row">
<el-form-item label="人员编号：" prop="ysxtAsjxgrybh">
<el-input v-model.trim="ruleForm.ysxtAsjxgrybh" placeholder="请输入人员编号" maxlength="22" class="inputBh" show-word-limit clearable>
<el-input
v-model.trim="ruleForm.ysxtAsjxgrybh"
placeholder="请输入人员编号"
maxlength="22"
class="inputBh"
show-word-limit
clearable
>
<template slot="prepend" class="preR">R</template>
</el-input>
</el-form-item>
<el-form-item class="no_require" label="警综人员编号：">
<el-input v-model.trim="ruleForm.jzrybh" placeholder="请输入警综人员编号" maxlength="23" show-word-limit clearable>
<el-input
v-model.trim="ruleForm.jzrybh"
placeholder="请输入警综人员编号"
maxlength="23"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 三 -->
<el-row class="item-row">
<el-form-item label="采集信息原因：" prop="cjxxyydm">
<SelectCode codeUrl="/api/code/cjxxyydm" width="18.75" :clearable="true" :form="ruleForm" id="cjxxyydm" ref="cjxxyydm" multiple :multipleLimit="5"></SelectCode>
<SelectCode
codeUrl="/api/code/cjxxyydm"
width="18.75"
:clearable="true"
:form="ruleForm"
id="cjxxyydm"
ref="cjxxyydm"
multiple
:multipleLimit="5"
></SelectCode>
</el-form-item>
<el-form-item class="no_require" label="指掌纹卡编号：">
<!-- -->
<el-input v-model.trim="ruleForm.zzhwkbh" placeholder="请输入指掌纹卡编号" maxlength="23" show-word-limit clearable></el-input>
<el-input
v-model.trim="ruleForm.zzhwkbh"
placeholder="请输入指掌纹卡编号"
maxlength="23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-row>
<!-- 四 -->
<el-row class="item-row">
<el-form-item>
</el-form-item>
<el-form-item> </el-form-item>
<el-form-item class="no_require" label="案事件相关人员编号：">
<!-- -->
<el-input v-model.trim="ruleForm.asjxgrybh" placeholder="请输入案事件相关人员编号" maxlength="23" show-word-limit clearable></el-input>
<el-input
v-model.trim="ruleForm.asjxgrybh"
placeholder="请输入案事件相关人员编号"
maxlength="23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-row>
<el-divider></el-divider>
......@@ -72,67 +111,143 @@
<!-- 六 -->
<el-row class="item-row">
<el-form-item label="姓名：" prop="xm">
<el-input v-model.trim="ruleForm.xm" placeholder="请输入姓名" clearable maxlength="50" show-word-limit>
<el-input
v-model.trim="ruleForm.xm"
placeholder="请输入姓名"
clearable
maxlength="50"
show-word-limit
>
</el-input>
</el-form-item>
<el-form-item class="no_require" label="别名/绰号：">
<el-input v-model.trim="ruleForm.bmch" placeholder="请输入别名/绰号" maxlength="50" show-word-limit clearable>
<el-input
v-model.trim="ruleForm.bmch"
placeholder="请输入别名/绰号"
maxlength="50"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 七 -->
<el-row class="item-row">
<el-form-item label="性别：" prop="xbdm">
<SelectCode codeUrl="/api/code/sex" width="18.75" clearable :form="ruleForm" id="xbdm"></SelectCode>
<SelectCode
codeUrl="/api/code/sex"
width="18.75"
clearable
:form="ruleForm"
id="xbdm"
></SelectCode>
</el-form-item>
<el-form-item label="出生日期：" prop="csrq">
<el-date-picker type="date" placeholder="请选择出生日期" v-model="ruleForm.csrq" style="width: 100%" :picker-options="{
<el-date-picker
type="date"
placeholder="请选择出生日期"
v-model="ruleForm.csrq"
style="width: 100%"
:picker-options="{
disabledDate: disabledDate,
}"></el-date-picker>
}"
></el-date-picker>
</el-form-item>
</el-row>
<!-- 八 -->
<el-row class="item-row">
<el-form-item label="国籍：" prop="gjdm">
<SelectCode codeUrl="/api/code/nationality" width="18.75" :form="ruleForm" id="gjdm"></SelectCode>
<SelectCode
codeUrl="/api/code/nationality"
width="18.75"
:form="ruleForm"
id="gjdm"
></SelectCode>
</el-form-item>
<el-form-item label="民族：" prop="mzdm">
<SelectCode codeUrl="/api/code/nation" width="18.75" clearable :form="ruleForm" id="mzdm"></SelectCode>
<SelectCode
codeUrl="/api/code/nation"
width="18.75"
clearable
:form="ruleForm"
id="mzdm"
></SelectCode>
</el-form-item>
</el-row>
<!-- 九 -->
<el-row class="item-row">
<el-form-item label="证件类型：" prop="cyzjdm">
<SelectCode codeUrl="/api/code/certificates" width="18.75" clearable :form="ruleForm" id="cyzjdm">
<SelectCode
codeUrl="/api/code/certificates"
width="18.75"
clearable
:form="ruleForm"
id="cyzjdm"
>
</SelectCode>
</el-form-item>
<el-form-item label="证件号码：" prop="zjhm">
<el-input v-model.trim="ruleForm.zjhm" placeholder="请输入证件号码" maxlength="30" show-word-limit clearable>
<el-input
v-model.trim="ruleForm.zjhm"
placeholder="请输入证件号码"
maxlength="30"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row class="item-row">
<el-form-item label="户籍地行政区：" prop="hjdzXzqhdm">
<Cascader :form="ruleForm" id="hjdzXzqhdm" codeName="CODE_XZQH" :width="18.75"></Cascader>
<Cascader
:form="ruleForm"
id="hjdzXzqhdm"
codeName="CODE_XZQH"
:width="18.75"
></Cascader>
</el-form-item>
<el-form-item label="户籍地址：" prop="hjdzDzmc">
<el-input v-model="ruleForm.hjdzDzmc" placeholder="请输入户籍地址" maxlength="100" show-word-limit clearable>
<el-input
v-model="ruleForm.hjdzDzmc"
placeholder="请输入户籍地址"
maxlength="100"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row class="item-row">
<el-form-item label="现住址行政区：" prop="xzzXzqhdm">
<Cascader :form="ruleForm" id="xzzXzqhdm" codeName="CODE_XZQH" :width="18.75"></Cascader>
<Cascader
:form="ruleForm"
id="xzzXzqhdm"
codeName="CODE_XZQH"
:width="18.75"
></Cascader>
</el-form-item>
<el-form-item label="现住址：" prop="xzzDzmc">
<el-input v-model.trim="ruleForm.xzzDzmc" placeholder="请输入现住址" maxlength="100" show-word-limit clearable>
<el-input
v-model.trim="ruleForm.xzzDzmc"
placeholder="请输入现住址"
maxlength="100"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row class="item-row bz">
<el-form-item label="备注信息：">
<el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz" maxlength="1024" show-word-limit>
<el-input
resize="none"
type="textarea"
placeholder="请输入内容"
v-model.trim="ruleForm.bz"
maxlength="1024"
show-word-limit
>
</el-input>
</el-form-item>
</el-row>
......@@ -144,9 +259,16 @@
</el-row>
<el-row class="flexBox">
<div style="margin: 0.9375rem 0"></div>
<el-checkbox-group v-model="checkedTargets" style="
padding-right: 6.875rem">
<el-checkbox v-for="(value,key) in targets" :key="key" :label="value.code">{{ value.name }}</el-checkbox>
<el-checkbox-group
v-model="checkedTargets"
style="padding-right: 6.875rem"
>
<el-checkbox
v-for="(value, key) in targets"
:key="key"
:label="value.code"
>{{ value.name }}</el-checkbox
>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
......@@ -158,22 +280,44 @@
<!-- 七 -->
<el-row class="item-row">
<el-form-item label="捺印单位：" prop="nydwGajgjgdm">
<Cascader :form="ruleForm" id="nydwGajgjgdm" :width="18.75"></Cascader>
<Cascader
:form="ruleForm"
id="nydwGajgjgdm"
:width="18.75"
></Cascader>
</el-form-item>
<el-form-item label="捺印人姓名：" prop="nyryXm">
<el-input v-model="ruleForm.nyryXm" placeholder="请输入捺印人姓名" maxlength="50" show-word-limit clearable>
<el-input
v-model="ruleForm.nyryXm"
placeholder="请输入捺印人姓名"
maxlength="50"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 八 -->
<el-row class="item-row">
<el-form-item label="捺印日期：" prop="nysj">
<el-date-picker type="date" placeholder="请输入捺印日期" v-model="ruleForm.nysj" style="width: 100%" :picker-options="{
<el-date-picker
type="date"
placeholder="请输入捺印日期"
v-model="ruleForm.nysj"
style="width: 100%"
:picker-options="{
disabledDate: disabledDate,
}"></el-date-picker>
}"
></el-date-picker>
</el-form-item>
<el-form-item label="捺印人身份证号：" prop="nyryGmsfhm">
<el-input v-model="ruleForm.nyryGmsfhm" placeholder="请输入捺印人身份证号" maxlength="18" show-word-limit clearable>
<el-input
v-model="ruleForm.nyryGmsfhm"
placeholder="请输入捺印人身份证号"
maxlength="18"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
......@@ -181,7 +325,13 @@
<el-row class="item-row">
<el-form-item> </el-form-item>
<el-form-item label="捺印人联系电话：" prop="nyryLxdh">
<el-input v-model="ruleForm.nyryLxdh" placeholder="请输入捺印人联系电话" maxlength="18" show-word-limit clearable>
<el-input
v-model="ruleForm.nyryLxdh"
placeholder="请输入捺印人联系电话"
maxlength="18"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
......@@ -190,7 +340,9 @@
<!-- <el-button @click="submitForm('ruleForm')">提交</el-button> -->
<el-button @click="tijiao('ruleForm')">提交</el-button>
<el-button @click="resetForm('ruleForm')" type="primary">取 消</el-button>
<el-button @click="resetForm('ruleForm')" type="primary"
>取 消</el-button
>
</span>
</div>
</div>
......@@ -200,31 +352,31 @@
import Cascader from "@/components/Cascader.vue";
import SelectCode from "@/components/SelectCode.vue";
export default {
name: 'xzry',
name: "xzry",
components: {
Cascader,
SelectCode
SelectCode,
},
data () {
data() {
return {
ryInfo: {},
// edit: '新增人员',
dialogVisible: false, // 弹窗状态
labelPosition: "left", // 数据项对齐方式
checkedTargets: ['1'], // 选定的目标逻辑库
checkedTargets: ["1"], // 选定的目标逻辑库
targets: this.$store.state.ljk.targetOptions_ry, // 目标逻辑库
reqParam: {
// 请求参数
page: {
total: 0, //表格条数
pageSize: 10, //当前选择要显示的条数
currPage: 1 // 当前在第几页
currPage: 1, // 当前在第几页
},
personStoreCustomSearch: {
ysxtAsjxgrybh: "", // 搜索框内容
searchOptions: 3, // 默认搜索方式
checkboxQuery: [] //滚动平面等筛选条件
}
checkboxQuery: [], //滚动平面等筛选条件
},
},
ruleForm: {
ysxtAsjxgrybh: "", // 人员编号
......@@ -256,10 +408,10 @@ export default {
ifidcard: "是", // 是否采集二代身份证
zwbdxtlxms: "1", // 指纹比对描述
},
logicList: [],// 逻辑库代码
logicList: [], // 逻辑库代码
rules: {
ysxtAsjxgrybh: [
{ min: 22, max: 22, message: '编号长度有误！', trigger: 'change' },
{ min: 22, max: 22, message: "编号长度有误！", trigger: "change" },
{ required: true, message: "请输入人员条码号", trigger: "blur" },
],
jzrybh: [
......@@ -318,45 +470,46 @@ export default {
nyryGmsfhm: [
{ required: true, message: "请输入捺印人身份证号", trigger: "blur" },
{
pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
message: '证件号码格式有误！',
trigger: 'blur'
}
pattern:
/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
message: "证件号码格式有误！",
trigger: "blur",
},
],
nyryLxdh: [
{ required: true, message: "请输入捺印人联系电话", trigger: "blur" },
],
},
}
};
},
mounted () {
mounted() {
// console.log(this.$route.query.barcode)
if (this.$route.params.type === 'edit') {
this.edit = '修改人员'
this.getRyinfo(this.$route.query.barcode)
if (this.$route.params.type === "edit") {
this.edit = "修改人员";
this.getRyinfo(this.$route.query.barcode);
} else {
// console.log(this.$route.params.type==='edit');
this.edit = '新增人员'
this.edit = "新增人员";
}
},
methods: {
disabledDate (a) {
disabledDate(a) {
if (a.getTime() > new Date().getTime()) {
return true;
} else {
return false;
}
},
tijiao (e) {
let tjType = this.$route.params.type
if (tjType === 'edit') {
this.editForm(e)
tijiao(e) {
let tjType = this.$route.params.type;
if (tjType === "edit") {
this.editForm(e);
} else {
this.submitForm(e)
this.submitForm(e);
}
},
editForm (formName) {
let self = this
editForm(formName) {
let self = this;
// debugger
// console.log(self.ruleForm);
// console.log(formName);
......@@ -365,11 +518,11 @@ export default {
// let logicList = this.ruleForm.logicdbtype2.map(Number)
// let cjxxyyList = this.ruleForm.cjxxyydm
// delete this.ruleForm.cjxxyydm
this.logicList = this.checkedTargets.map(Number)
this.logicList = this.checkedTargets.map(Number);
let reqParam = {
personDo: "",
logicList: [],
cjxxyyList: []
cjxxyyList: [],
};
// reqParam.cjxxyyList = this.ruleForm.cjxxyydm
......@@ -383,62 +536,61 @@ export default {
reqParam.cjxxyyList = this.ruleForm.cjxxyydm;
// reqParam.personDo.ysxtAsjxgrybh = this.ruleForm.ysxtAsjxgrybh
reqParam.personDo.ysxtAsjxgrybh = 'R' + this.ruleForm.ysxtAsjxgrybh
reqParam.logicList = this.logicList
delete reqParam.personDo.cjxxyydm
reqParam.personDo.ysxtAsjxgrybh = "R" + this.ruleForm.ysxtAsjxgrybh;
reqParam.logicList = this.logicList;
delete reqParam.personDo.cjxxyydm;
this.$axios
.post("/api/personstore/person/file", reqParam)
.then(res => {
.then((res) => {
// console.log(res.data);
if (res.data.code === 0) {
self.$message.success('修改成功！')
self.$message.success("修改成功！");
// 清除全部案件库缓存
self.$store.commit('layout/delcachePageName', 'htcj')
self.$store.commit("layout/delcachePageName", "htcj");
this.$router.pushToTab({
path: `/fingerprintIndex/${reqParam.personDo.ysxtAsjxgrybh}/${this.ruleForm.xm}`,
query: {
type: 0
}
})
type: 0,
},
});
} else {
self.$message.error('修改失败！')
self.$message.error("修改失败！");
}
})
self.$bus.emit('isBlur', false)
});
self.$bus.emit("isBlur", false);
} else {
this.$nextTick(() => {
let isError = document.getElementsByClassName('is-error')
let isError = document.getElementsByClassName("is-error");
isError[0].scrollIntoView({
// 滚动到指定节点
// 值有start,center,end，nearest，当前显示在视图区域中间
block: 'center',
block: "center",
// 值有auto、instant,smooth，缓动动画（当前是慢速的）
behavior: 'smooth',
})
})
behavior: "smooth",
});
});
return false;
}
});
},
submitForm (formName) {
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.checkedTargets.length == 0) {
this.$message.error('请选择逻辑库')
this.$message.error("请选择逻辑库");
} else {
this.logicList = this.checkedTargets.map(Number)
this.logicList = this.checkedTargets.map(Number);
let reqParam = {
personDo: "",
logicList: [],
cjxxyyList: []
cjxxyyList: [],
};
reqParam.cjxxyyList = this.ruleForm.cjxxyydm
delete this.ruleForm.cjxxyydm
reqParam.cjxxyyList = this.ruleForm.cjxxyydm;
delete this.ruleForm.cjxxyydm;
reqParam.personDo = this.ruleForm;
reqParam.personDo.ysxtAsjxgrybh = this.ruleForm.ysxtAsjxgrybh
reqParam.personDo.ysxtAsjxgrybh = 'R' + this.ruleForm.ysxtAsjxgrybh
reqParam.logicList = this.logicList
reqParam.personDo.ysxtAsjxgrybh = this.ruleForm.ysxtAsjxgrybh;
reqParam.personDo.ysxtAsjxgrybh = "R" + this.ruleForm.ysxtAsjxgrybh;
reqParam.logicList = this.logicList;
this.$axios
.post("/api/personstore/personadd", reqParam)
.then((response) => {
......@@ -449,10 +601,10 @@ export default {
this.$router.pushToTab({
path: `/fingerprintIndex/${reqParam.personDo.ysxtAsjxgrybh}/${this.ruleForm.xm}`,
query: {
type: 0
}
})
this.$store.commit('layout/delcachePageName', 'htcj')
type: 1,
},
});
this.$store.commit("layout/delcachePageName", "htcj");
this.ruleForm = {
ysxtAsjxgrybh: "", // 人员编号
jzrybh: "", // 警综人员编号
......@@ -482,11 +634,11 @@ export default {
ifidcard: "是", // 是否采集二代身份证
zwbdxtlxms: "1", // 指纹比对描述
}
this.checkedTargets = ['1']// 选定的目标逻辑库
};
this.checkedTargets = ["1"]; // 选定的目标逻辑库
} else {
this.$message.error("新增失败");
this.$set(this.ruleForm, 'cjxxyydm', [])
this.$set(this.ruleForm, "cjxxyydm", []);
// this.$set(this.ruleForm, 'ysxtAsjxgrybh', this.ruleForm.ysxtAsjxgrybh.substring(1, 23))
}
});
......@@ -496,69 +648,75 @@ export default {
}
});
},
resetForm (formName) {
resetForm(formName) {
this.$refs[formName].resetFields();
this.dialogVisible = false;
this.$bus.emit("xzryResetForm", "xzry");
},
initData () {
initData() {
// 赋值
this.ruleForm.id = this.ryInfo.id
this.ruleForm.rybh = this.ryInfo.ysxtAsjxgrybh
this.ruleForm.jzrybh = this.ryInfo.jzrybh
this.ruleForm.id = this.ryInfo.id;
this.ruleForm.rybh = this.ryInfo.ysxtAsjxgrybh;
this.ruleForm.jzrybh = this.ryInfo.jzrybh;
// 人员档案信息
if (this.ryInfo.cjxxyydm) {
this.ruleForm.cjxxyydm = this.ryInfo.cjxxyydm.split(',')
this.ruleForm.cjxxyydm = this.ryInfo.cjxxyydm.split(",");
}
this.ruleForm.zzhwkbh = this.ryInfo.zzhwkbh
this.ruleForm.asjxgrybh = this.ryInfo.asjxgrybh
this.ruleForm.xm = this.ryInfo.xm
this.ruleForm.bmch = this.ryInfo.bmch
this.ruleForm.xbdm = this.ryInfo.xbdm
this.ruleForm.csrq = this.ryInfo.csrq
this.ruleForm.gjdm = this.ryInfo.gjdm
this.ruleForm.mzdm = this.ryInfo.mzdm
this.ruleForm.cyzjdm = this.ryInfo.cyzjdm
this.ruleForm.zjhm = this.ryInfo.zjhm
this.ruleForm.hjdzXzqhdm = this.ryInfo.hjdzXzqhdm
this.ruleForm.hjdzDzmc = this.ryInfo.hjdzDzmc
this.ruleForm.xzzXzqhdm = this.ryInfo.xzzXzqhdm
this.ruleForm.xzzDzmc = this.ryInfo.xzzDzmc
this.ruleForm.bz = this.ryInfo.bz
this.ruleForm.zzhwkbh = this.ryInfo.zzhwkbh;
this.ruleForm.asjxgrybh = this.ryInfo.asjxgrybh;
this.ruleForm.xm = this.ryInfo.xm;
this.ruleForm.bmch = this.ryInfo.bmch;
this.ruleForm.xbdm = this.ryInfo.xbdm;
this.ruleForm.csrq = this.ryInfo.csrq;
this.ruleForm.gjdm = this.ryInfo.gjdm;
this.ruleForm.mzdm = this.ryInfo.mzdm;
this.ruleForm.cyzjdm = this.ryInfo.cyzjdm;
this.ruleForm.zjhm = this.ryInfo.zjhm;
this.ruleForm.hjdzXzqhdm = this.ryInfo.hjdzXzqhdm;
this.ruleForm.hjdzDzmc = this.ryInfo.hjdzDzmc;
this.ruleForm.xzzXzqhdm = this.ryInfo.xzzXzqhdm;
this.ruleForm.xzzDzmc = this.ryInfo.xzzDzmc;
this.ruleForm.bz = this.ryInfo.bz;
// 人员逻辑分库
// let ryljfk = this.ryInfo.logicdbtype.split('')
// this.ruleForm.logicdbtype = ryljfk
if (this.ryInfo.logicDatabaseCode && this.ryInfo.logicDatabaseCode.length > 0) {
this.ruleForm.logicdbtype2 = this.ryInfo.logicDatabaseCode.split(',')
if (
this.ryInfo.logicDatabaseCode &&
this.ryInfo.logicDatabaseCode.length > 0
) {
this.ruleForm.logicdbtype2 = this.ryInfo.logicDatabaseCode.split(",");
} else {
this.ruleForm.logicdbtype2 = []
this.ruleForm.logicdbtype2 = [];
}
this.ruleForm.nydwGajgjgdm = this.ryInfo.nydwGajgjgdm
this.ruleForm.nyryXm = this.ryInfo.nyryXm
this.ruleForm.nysj = this.ryInfo.nysj
this.ruleForm.nyryGmsfhm = this.ryInfo.nyryGmsfhm
this.ruleForm.nyryLxdh = this.ryInfo.nyryLxdh
this.ruleForm.nydwGajgjgdm = this.ryInfo.nydwGajgjgdm;
this.ruleForm.nyryXm = this.ryInfo.nyryXm;
this.ruleForm.nysj = this.ryInfo.nysj;
this.ruleForm.nyryGmsfhm = this.ryInfo.nyryGmsfhm;
this.ruleForm.nyryLxdh = this.ryInfo.nyryLxdh;
},
getRyinfo (code) {
let self = this
this.reqParam.personStoreCustomSearch.ysxtAsjxgrybh = code
getRyinfo(code) {
let self = this;
this.reqParam.personStoreCustomSearch.ysxtAsjxgrybh = code;
this.$axios
.post("/api/personstore/person/list", this.reqParam)
.then(response => {
.then((response) => {
if (response.data.code === 0) {
self.ryInfo = response.data.ret.list[0]
self.initData()
this.ruleForm.ysxtAsjxgrybh = self.ryInfo.ysxtAsjxgrybh
self.ryInfo = response.data.ret.list[0];
self.initData();
this.ruleForm.ysxtAsjxgrybh = self.ryInfo.ysxtAsjxgrybh;
// this.ruleForm = self.ryInfo
this.ruleForm.ysxtAsjxgrybh = self.ryInfo.ysxtAsjxgrybh.toString().substr(1)
this.ruleForm.ysxtAsjxgrybh = self.ryInfo.ysxtAsjxgrybh
.toString()
.substr(1);
} else {
self.$message.error(response.data.message);
}
});
},
}
},
};
</script>
<style lang="scss" scoped>
@import "./xzry.scss";
@import "./xzry.scss";
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment