Skip to content

F
founder_vue
Commit 9e1befff by 米嘉伟
Options

逻辑库 发查询

parent 930515d3
Showing with 189 additions and 69 deletions
src/store/index.js
......@@ -18,6 +18,7 @@ import rydaxx from "./modules/rydaxx";
import ajdaxx from "./modules/ajdaxx";
import loading from "./modules/loading";
import ryzwbj from "./modules/ryzwbj";
import ljk from "./modules/ljk";
Vue.use(Vuex);
......@@ -30,7 +31,8 @@ const store = new Vuex.Store({
rydaxx,
ajdaxx,
loading,
ryzwbj
ryzwbj,
ljk
},
getters,
plugins: [
......
src/store/modules/ljk.js 0 → 100644
import { _axios } from "@/plugins/axios";
const state = {
targetOptions_ry: [],
targetOptions_aj: []
};
const mutations = {
ljkRy (state, res) {
state.targetOptions_ry = res
},
ljkAj (state, res) {
state.targetOptions_aj = res
}
};
const actions = {
_ljkRy (context, options) {// 获取人员逻辑库
_axios.get('/api/code/personLogic').then(res => {
if (res.data.code == 0 && res.data.message == "success") {
context.commit('ljkRy', res.data.ret);
}
})
},
_ljkAj (context, options) {// 获取案件逻辑库
_axios.get('/api/code/caseLogic').then(res => {
if (res.data.code == 0 && res.data.message == "success") {
context.commit('ljkAj', res.data.ret);
}
})
},
}
export default {
namespaced: true,
state,
mutations,
actions
};
src/views/drFPTX/Index.vue
......@@ -7,9 +7,18 @@
class='drlx'
v-model="drlx"
>
<el-radio :label="3" v-if="roleArr.includes('B-1-1')">人员</el-radio>
<el-radio :label="6" v-if="roleArr.includes('B-1-2')">案件</el-radio>
<el-radio :label="9" v-if="roleArr.includes('B-1-3')">比中关系</el-radio>
<el-radio
:label="3"
v-if="roleArr.includes('B-1-1')"
>人员</el-radio>
<el-radio
:label="6"
v-if="roleArr.includes('B-1-2')"
>案件</el-radio>
<el-radio
:label="9"
v-if="roleArr.includes('B-1-3')"
>比中关系</el-radio>
</el-radio-group>
<div class='choose'>
<div class="wjlx">
......@@ -251,7 +260,7 @@
v-model="checkAll"
@change="handleCheckAllChange"
>全选</el-checkbox> -->
<el-checkbox-group
<!-- <el-checkbox-group
v-model="checkedTargets"
@change="handleCheckedTargetsChange"
>
......@@ -260,7 +269,15 @@
:label="target"
:key="target"
>{{target}}</el-checkbox>
</el-checkbox-group> -->
<el-checkbox-group v-model="checkedTargets">
<el-checkbox
v-for="(value,key) in targets"
:key="key"
:label="value.code"
>{{ value.name }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
......@@ -420,7 +437,7 @@
v-model="checkAllLeft"
@change="handleCheckAllChangeLeft"
>全选</el-checkbox> -->
<el-checkbox-group
<!-- <el-checkbox-group
v-model="checkedTargetsLeft"
@change="handleCheckedTargetsChangeLeft"
>
......@@ -429,7 +446,7 @@
:label="target"
:key="target"
>{{target}}</el-checkbox>
</el-checkbox-group>
</el-checkbox-group> -->
</div>
<div class="line"></div>
<div class="targetRight">
......@@ -438,7 +455,7 @@
v-model="checkAllRight"
@change="handleCheckAllChangeRight"
>全选</el-checkbox> -->
<el-checkbox-group
<!-- <el-checkbox-group
v-model="checkedTargetsRight"
@change="handleCheckedTargetsChangeRight"
>
......@@ -447,7 +464,7 @@
:label="target"
:key="target"
>{{target}}</el-checkbox>
</el-checkbox-group>
</el-checkbox-group> -->
</div>
</div>
</div>
......@@ -528,11 +545,9 @@ export default {
fileContent: '', // 导入文件内容
// 人员/案件 导入逻辑库
checkAll: false, // 逻辑库全选
checkedTargets: [], // 选定逻辑库
checkedTargets: ['1'], // 选定逻辑库
targetHead: '人员逻辑分库',// 逻辑库标题
targets: targetOptions_ry, // 逻辑库列表
isIndeterminate: false, // 逻辑库全选状态
targets: this.$store.state.ljk.targetOptions_ry, // 逻辑库列表
// 表格
selectArr: [], // 右边列表
......@@ -542,14 +557,10 @@ export default {
nowSelectRightData: [], // 右边选中列表数据
// 比中关系
checkAllLeft: false, // 逻辑库全选
checkedTargetsLeft: [], // 选定逻辑库
targetsLeft: targetOptions_ry, // 逻辑库列表
isIndeterminateLeft: false, // 逻辑库全选状态
checkAllRight: false, // 逻辑库全选
targetsLeft: this.$store.state.ljk.targetOptions_ry, // 逻辑库列表
checkedTargetsRight: [], // 选定逻辑库
targetsRight: targetOptions_aj, // 逻辑库列表
isIndeterminateRight: false, // 逻辑库全选状态
targetsRight: this.$store.state.ljk.targetOptions_aj, // 逻辑库列表
newArr: [],
......@@ -572,7 +583,7 @@ export default {
drlx (newValue, oldValue) {
if (newValue == 3) {
this.targetHead = '人员逻辑分库'
this.targets = targetOptions_ry
this.targets = this.$store.state.ljk.targetOptions_ry
this.action = '/api/upload/person'
this.isIndeterminate = false
this.checkAll = false
......@@ -581,14 +592,14 @@ export default {
this.selectArr = []
this.nowSelectRightData = []
this.fileList = []
this.checkedTargets = []
this.checkedTargets = ['1']
this.logicList = [] // 目标逻辑库数组
this.logicPsnList = []// 比中关系人员逻辑库数组
this.logicCaseList = []//比中关系案件逻辑库数组
this.$forceUpdate()
} else if (newValue == 6) {
this.targetHead = '案件逻辑分库'
this.targets = targetOptions_aj
this.targets = this.$store.state.ljk.targetOptions_aj
this.action = '/api/upload/case'
this.isIndeterminate = false
this.checkAll = false
......@@ -597,7 +608,7 @@ export default {
this.selectArr = []
this.nowSelectRightData = []
this.fileList = []
this.checkedTargets = []
this.checkedTargets = ['1']
this.logicList = [] // 目标逻辑库数组
this.logicPsnList = []// 比中关系人员逻辑库数组
this.logicCaseList = []//比中关系案件逻辑库数组
......@@ -609,8 +620,8 @@ export default {
this.nowSelectRightData = []
this.fileList = []
this.checkedTargets = []
this.checkedTargetsRight = []
this.checkedTargetsLeft = []
this.checkedTargetsRight = ['1']
this.checkedTargetsLeft = ['1']
this.logicList = [] // 目标逻辑库数组
this.logicPsnList = []// 比中关系人员逻辑库数组
this.logicCaseList = []//比中关系案件逻辑库数组
......@@ -1143,39 +1154,39 @@ export default {
var fileDic = this.$refs['upload'].$children[0].$refs.input
//console.log(fileDic, 111222)
},
// 人员/案件逻辑分库
handleCheckAllChange (val) {
if (this.drlx == 3) {
this.checkedTargets = val ? targetOptions_ry : [];
} else if (this.drlx == 6) {
this.checkedTargets = val ? targetOptions_aj : [];
}
this.isIndeterminate = false;
},
handleCheckedTargetsChange (value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.targets.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.targets.length;
},
// 比中关系逻辑分库
handleCheckAllChangeLeft (val) {
this.checkedTargetsLeft = val ? targetOptions_ry : [];
this.isIndeterminateLeft = false;
},
handleCheckedTargetsChangeLeft (value) {
let checkedCount = value.length;
this.checkAllLeft = checkedCount === this.targetsLeft.length;
this.isIndeterminateLeft = checkedCount > 0 && checkedCount < this.targetsLeft.length;
},
handleCheckAllChangeRight (val) {
this.checkedTargetsRight = val ? targetOptions_aj : [];
this.isIndeterminateRight = false;
},
handleCheckedTargetsChangeRight (value) {
let checkedCount = value.length;
this.checkAllRight = checkedCount === this.targetsRight.length;
this.isIndeterminateRight = checkedCount > 0 && checkedCount < this.targetsRight.length;
},
// // 人员/案件逻辑分库
// handleCheckAllChange (val) {
// if (this.drlx == 3) {
// this.checkedTargets = val ? targetOptions_ry : [];
// } else if (this.drlx == 6) {
// this.checkedTargets = val ? targetOptions_aj : [];
// }
// this.isIndeterminate = false;
// },
// handleCheckedTargetsChange (value) {
// let checkedCount = value.length;
// this.checkAll = checkedCount === this.targets.length;
// this.isIndeterminate = checkedCount > 0 && checkedCount < this.targets.length;
// },
// // 比中关系逻辑分库
// handleCheckAllChangeLeft (val) {
// this.checkedTargetsLeft = val ? targetOptions_ry : [];
// this.isIndeterminateLeft = false;
// },
// handleCheckedTargetsChangeLeft (value) {
// let checkedCount = value.length;
// this.checkAllLeft = checkedCount === this.targetsLeft.length;
// this.isIndeterminateLeft = checkedCount > 0 && checkedCount < this.targetsLeft.length;
// },
// handleCheckAllChangeRight (val) {
// this.checkedTargetsRight = val ? targetOptions_aj : [];
// this.isIndeterminateRight = false;
// },
// handleCheckedTargetsChangeRight (value) {
// let checkedCount = value.length;
// this.checkAllRight = checkedCount === this.targetsRight.length;
// this.isIndeterminateRight = checkedCount > 0 && checkedCount < this.targetsRight.length;
// },
// 表格穿梭框
checkAll1 (val) {
......@@ -1253,7 +1264,7 @@ export default {
}
},
computed: {
roleArr(){
roleArr () {
return this.$store.state.layout.Menu
}
},
......
src/views/login/modules/AccountsLogin.vue
<template>
<div class="login_account width70 middle" v-show="isShow">
<div
class="login_account width70 middle"
v-show="isShow"
>
<!-- todo 输入框图标样式调整-->
<el-input
class="width100 margin_top25_bottom10"
......@@ -8,7 +11,10 @@
@keydown.enter.native="login(userInfo)"
v-model="userInfo.username"
>
<i slot="prefix" style="display: flex; align-items: center">
<i
slot="prefix"
style="display: flex; align-items: center"
>
<img
style="
margin: 1.3125rem 1.3125rem 1.3125rem 1.1875rem;
......@@ -45,8 +51,7 @@
ref="userLogin"
@click="login(userInfo)"
:loading="btnLoading"
>登录</el-button
>
>登录</el-button>
</div>
</template>
......@@ -60,7 +65,7 @@ export default {
watch: {
loginType: {
immediate: true,
handler(val) {
handler (val) {
//console.info("account参数===>", val);
if (val === true) {
this.isShow = true;
......@@ -70,7 +75,7 @@ export default {
},
},
},
data() {
data () {
return {
btnLoading: false,
isShow: false,
......@@ -81,7 +86,7 @@ export default {
},
methods: {
// 登录
login(userinfo) {
login (userinfo) {
let me = this;
me.btnLoading = true;
this.$axios({
......@@ -99,6 +104,8 @@ export default {
this.$message.success("登录成功！");
//所在单位数据
this.$store.dispatch("publicData/_getList");
this.$store.dispatch("ljk/_ljkRy") // 获取用户逻辑库
this.$store.dispatch("ljk/_ljkAj") // 获取用户逻辑库
this.$router.push("/index");
this.$bus.emit("goLogin");
this.$store.commit("layout/setMenu", res.data.auth);
......@@ -108,7 +115,7 @@ export default {
});
},
},
mounted() {
mounted () {
// todo 选中进来清空userInfo数据
},
};
......
src/views/zzwcj/Index.vue
......@@ -7,18 +7,79 @@
* @FilePath: \founder_vue\src\views\zzwcj\Index.vue
-->
<template>
<div id="zzwcl">指掌纹采集</div>
<div id="zzwcl">指掌纹采集
<div
class="page"
id="app"
>
<button
@click="getMsg"
class="get-msg"
>获取数据</button>
<button
@click="cancelGetMsg"
class="cancel"
>取消获取</button>
<ul>
<li
v-for="item in items"
:key="item"
>{{item.name}}</li>
</ul>
</div>
</div>
</template>
<script>
import axios from "axios"
export default {
name: "zzwcj",
mounted() {
mounted () {
zoom("zzwcl");
window.addEventListener("resize", function () {
zoom("zzwcl");
});
},
data () {
return {
message: 'Hello Vue!',
items: [],
cancel: null
}
},
methods: {
getMsg () {
let CancelToken = axios.CancelToken
let self = this
axios.get('/api/upload/testAbort', {
cancelToken: new CancelToken(function executor (c) {
self.cancel = c
console.log(c)
// 这个参数 c 就是CancelToken构造函数里面自带的取消请求的函数，这里把该函数当参数用
}),
headers: {
Authorization: localStorage.getItem("token"),
BrowserHeader: 'H5'
}
}).then(res => {
this.items = res.data
}).catch(err => {
console.log(err)
})
//手速够快就不用写这个定时器了，点击取消获取就可以看到效果了
// setTimeout(function () {
// //只要我们去调用了这个cancel()方法，没有完成请求的接口便会停止请求
// self.cancel()
// }, 100)
},
//cancelGetMsg 方法跟上面的setTimeout函数是一样的效果，因为手速不够快，哦不，是因为网速太快，导致我来不及点取消获取按钮，数据就获取成功了
cancelGetMsg () {
// 在这里去判断你的id 1 2 3，你默认是展示的tab1，点击的时候不管你上一个请求有没有执行完都去调用这个cancel()，
this.cancel()
}
}
};
</script>
......
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