Merge branch 'dev' of https://git.code.tencent.com/lian-cbtc/jl-client into dev
This commit is contained in:
fan
commit
214a74a55a
@ -90,7 +90,7 @@
|
||||
<template v-else-if="checkFieldType(field, 'select', name)">
|
||||
<el-form-item :prop="name" :label="field.label">
|
||||
<el-select
|
||||
v-if="field.show !== false"
|
||||
v-if="field.show !== false && !(field.noClearable)"
|
||||
:ref="name"
|
||||
v-model="formModel[name]"
|
||||
:multiple="field.config.multiple"
|
||||
@ -106,6 +106,22 @@
|
||||
</template>
|
||||
</template>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-if="field.show !== false && field.noClearable"
|
||||
:ref="name"
|
||||
v-model="formModel[name]"
|
||||
:multiple="field.config.multiple"
|
||||
:placeholder="field.placeholder || $t('global.choose')"
|
||||
filterable
|
||||
@change="selectChange(field, formModel)"
|
||||
>
|
||||
<template v-if="field.config.data instanceof Array ? true : false">
|
||||
<template v-for="(item, idx) in field.config.data">
|
||||
<el-option :key="idx" :value="item.value" :label="item.label">{{
|
||||
item.label }}</el-option>
|
||||
</template>
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<template v-else-if="checkFieldType(field, 'complete')">
|
||||
@ -286,7 +302,11 @@ export default {
|
||||
if (field.config.multiple) {
|
||||
defaultValue = [];
|
||||
} else {
|
||||
defaultValue = '';
|
||||
if (field.default) {
|
||||
defaultValue = field.default;
|
||||
} else {
|
||||
defaultValue = '';
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 'daterange':
|
||||
|
||||
@ -37,5 +37,6 @@ export default {
|
||||
numOfTransfer:'Num of transfer',
|
||||
transferTips:'You can receive multiple permissions at a time, and the permissions you receive can continue to be transferred.',
|
||||
distributeTips:'Only one permission can be obtained at a time. The permission received is a dedicated permission and cannot be redistributed.',
|
||||
distributeId: 'Distribute id'
|
||||
distributeId: 'Distribute id',
|
||||
sortType:'SortType'
|
||||
};
|
||||
|
||||
@ -44,5 +44,6 @@ export default {
|
||||
numOfTransfer:'转赠权限数量',
|
||||
transferTips:'一次可以领取多个权限，领到的权限可以继续转赠',
|
||||
distributeTips:'一次只能领取一个权限，领到的权限是专用权限，不可再次分发',
|
||||
distributeId: '分发ID'
|
||||
distributeId: '分发ID',
|
||||
sortType:'排序方式'
|
||||
};
|
||||
|
||||
@ -4,6 +4,7 @@ const config = {
|
||||
namespaced: true,
|
||||
|
||||
state: {
|
||||
maskOpen: false, // 开关
|
||||
width: document.documentElement.clientWidth, // 地图canvas 容器 宽度
|
||||
height: document.documentElement.clientHeight, // 地图canvas 容器 高度
|
||||
menuBarLoadedCount: 0, // menuBar加载完成
|
||||
@ -44,6 +45,9 @@ const config = {
|
||||
},
|
||||
changeSwitchMap: (state, swtichMap) => {
|
||||
state.switchMap = swtichMap;
|
||||
},
|
||||
setMaskOpen: (state, flag) => {
|
||||
state.maskOpen = flag;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
@ -76,6 +80,9 @@ const config = {
|
||||
},
|
||||
changeSwitchMap: ({ commit, state}, switchMap) => {
|
||||
commit('changeSwitchMap', switchMap);
|
||||
},
|
||||
setMaskOpen: ({ commit }, flag) => {
|
||||
commit('setMaskOpen', flag);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@ -1,10 +1,9 @@
|
||||
<template>
|
||||
|
||||
<div
|
||||
ref="drapBox"
|
||||
class="drapWidth"
|
||||
:style="{width: width + 'px', height: height + 'px', left: widthLeft +'px'}"
|
||||
@mousedown="mousedown"
|
||||
@mousedown.stop="mousedown"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@ -12,79 +11,79 @@
|
||||
import localStore from 'storejs';
|
||||
|
||||
export default {
|
||||
name: 'DrapLeft',
|
||||
props: {
|
||||
widthLeft: {
|
||||
type: Number,
|
||||
required: true
|
||||
},
|
||||
isSave: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 16
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
widthLefts: 0
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
height() {
|
||||
return this.$store.state.app.height;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const oDiv = this.$refs.drapBox;
|
||||
oDiv.onmousedown = () => {
|
||||
return false;
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
mousedown(e) {
|
||||
const oDiv = this.$refs.drapBox;
|
||||
const maxNum = this.max || 850;
|
||||
const minNum = this.min || 150;
|
||||
oDiv.onmousedown = function() {
|
||||
return false;
|
||||
};
|
||||
e.stopPropagation();
|
||||
window.event.cancelBubble = true;
|
||||
const odiv = e.target;
|
||||
const disX = e.clientX - odiv.offsetLeft;
|
||||
document.onmousemove = (e) => {
|
||||
let left = e.clientX - disX;
|
||||
if (left > maxNum) {
|
||||
left = maxNum;
|
||||
} else if (left < minNum) {
|
||||
left = minNum;
|
||||
}
|
||||
odiv.style.left = left + 'px';
|
||||
this.$emit('drapWidth', left);
|
||||
this.widthLefts = left;
|
||||
};
|
||||
document.onmouseup = (e) => {
|
||||
if (this.isSave) {
|
||||
if (this.widthLefts > minNum) { // 左侧菜单宽度必须大于150 才可以设置
|
||||
localStore('LeftWidth', JSON.stringify(this.widthLefts));
|
||||
}
|
||||
}
|
||||
document.onmousemove = null;
|
||||
document.onmouseup = null;
|
||||
};
|
||||
}
|
||||
}
|
||||
name: 'DrapLeft',
|
||||
props: {
|
||||
widthLeft: {
|
||||
type: Number,
|
||||
required: true
|
||||
},
|
||||
isSave: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 16
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
widthLefts: 0
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
height() {
|
||||
return this.$store.state.app.height;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const oDiv = this.$refs.drapBox;
|
||||
oDiv.onmousedown = () => {
|
||||
return false;
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
mousedown(e) {
|
||||
const oDiv = this.$refs.drapBox;
|
||||
const maxNum = this.max || 850;
|
||||
const minNum = this.min || 150;
|
||||
oDiv.onmousedown = function() {
|
||||
return false;
|
||||
};
|
||||
const odiv = e.target;
|
||||
const disX = e.clientX - odiv.offsetLeft;
|
||||
this.$store.dispatch('config/setMaskOpen', true);
|
||||
document.onmousemove = (e) => {
|
||||
let left = e.clientX - disX;
|
||||
if (left > maxNum) {
|
||||
left = maxNum;
|
||||
} else if (left < minNum) {
|
||||
left = minNum;
|
||||
}
|
||||
odiv.style.left = left + 'px';
|
||||
this.$emit('drapWidth', left);
|
||||
this.widthLefts = left;
|
||||
};
|
||||
document.onmouseup = (e) => {
|
||||
if (this.isSave) {
|
||||
if (this.widthLefts > minNum) { // 左侧菜单宽度必须大于150 才可以设置
|
||||
localStore('LeftWidth', JSON.stringify(this.widthLefts));
|
||||
}
|
||||
}
|
||||
this.$store.dispatch('config/setMaskOpen', false);
|
||||
document.onmousemove = null;
|
||||
document.onmouseup = null;
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="mapPaint">
|
||||
<div v-show="maskOpen" class="mask" />
|
||||
<div class="map-view">
|
||||
<div class="operation_box">
|
||||
<el-button-group>
|
||||
@ -84,7 +85,10 @@ export default {
|
||||
...mapGetters('map', [
|
||||
'stepData',
|
||||
'recoverStepData'
|
||||
])
|
||||
]),
|
||||
maskOpen() {
|
||||
return this.$store.state.config.maskOpen;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'$store.state.map.mapDataLoadedCount': function (val) {
|
||||
@ -136,7 +140,7 @@ export default {
|
||||
});
|
||||
this.setDelayUnlockStatus(response.data, '00');
|
||||
this.initAutoSaveTask();
|
||||
}).catch((error) => {
|
||||
}).catch(() => {
|
||||
this.$message.error(this.$t('tip.failedLoadMap'));
|
||||
this.endViewLoading();
|
||||
});
|
||||
@ -338,6 +342,16 @@ export default {
|
||||
</script>
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
@import "src/styles/mixin.scss";
|
||||
.mask{
|
||||
opacity: 0;
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9;
|
||||
}
|
||||
.operation_box{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
@ -360,6 +374,7 @@ export default {
|
||||
.mapPaint{
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.map-view {
|
||||
|
||||
@ -61,6 +61,18 @@ export default {
|
||||
config: {
|
||||
data: []
|
||||
}
|
||||
},
|
||||
sortOrder:{
|
||||
type: 'select',
|
||||
label: this.$t('permission.sortType'),
|
||||
default:'id desc',
|
||||
noClearable:true,
|
||||
config: {
|
||||
data: [
|
||||
{value:'id desc', label:'ID倒序'},
|
||||
{value:'userName', label:'用户名正序'}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -246,3 +258,6 @@ export default {
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user