单位调整&哈尔滨区段限速调整

This commit is contained in:
fan 2020-12-02 14:22:26 +08:00
parent 422ed21415
commit d8f8acfe02
10 changed files with 183 additions and 114 deletions

View File

@ -108,6 +108,11 @@ class SkinCode extends defaultStyle {
},
speedLimitName: {
z: 10,
leftName: true, // 左侧限速值是否展示
rightName: true, // 右侧限速值是否展示
nameBackgroundIsRect: false, // 限速值背景是否为矩形
nameBackgroundBorderWidth: 0, // 限速值背景是否边框宽度
nameBackgroundBorderColor: '#000', // 限速值背景边框颜色
limitValueDistance: -15,
kilometerFontSize: 8, // 公里标大小
kilometerColor: '#fff', // 公里标颜色

View File

@ -108,6 +108,11 @@ class SkinCode extends defaultStyle {
},
speedLimitName: {
z: 10,
leftName: true, // 左侧限速值是否展示
rightName: true, // 右侧限速值是否展示
nameBackgroundIsRect: false, // 限速值背景是否为矩形
nameBackgroundBorderWidth: 0, // 限速值背景是否边框宽度
nameBackgroundBorderColor: '#000', // 限速值背景边框颜色
limitValueDistance: -15,
kilometerFontSize: 8, // 公里标大小
kilometerColor: '#fff', // 公里标颜色

View File

@ -6,7 +6,7 @@ class SkinCode extends defaultStyle {
super();
this.fontFamily = '宋体';
this[deviceType.Section] = {
elemnetType:['name', 'logicText', 'standTrackText', 'reentryTrackText', 'transferTrackText', 'line', 'lineBorder', 'sectionBlock', 'speedLimit'],
elemnetType:['name', 'logicText', 'standTrackText', 'reentryTrackText', 'transferTrackText', 'line', 'lineBorder', 'sectionBlock', 'speedLimitName'],
active: {
routeColor: false // 进路触发颜色
},
@ -113,6 +113,21 @@ class SkinCode extends defaultStyle {
lineColor: '#FFFF00', // 限速线颜色
nameShow: false // 名称显示
},
speedLimitName: {
z: 10,
leftName: true, // 左侧限速值是否展示
rightName: false, // 右侧限速值是否展示
nameBackgroundIsRect: true, // 限速值背景是否为矩形
nameBackgroundBorderWidth: 1, // 限速值背景是否边框宽度
nameBackgroundBorderColor: '#C00808', // 限速值背景边框颜色
limitValueDistance: 18,
kilometerFontSize: 0, // 公里标大小
nameNumberFontSize: 11, // 限速值大小
nameNumberColor: '#C00808', // 限速值颜色
nameBackground: '#000', // 限速名称背景颜色
drogueWidth: 15, // 浮标宽度
drogueHeight: 12 // 浮标高度
},
separator: {
z: 3, // 分割符层级
width: 1.2, // 分隔符宽度

View File

@ -68,6 +68,11 @@ class SkinCode extends defaultStyle {
},
speedLimitName: {
z: 10,
leftName: true, // 左侧限速值是否展示
rightName: true, // 右侧限速值是否展示
nameBackgroundIsRect: false, // 限速值背景是否为矩形
nameBackgroundBorderWidth: 0, // 限速值背景是否边框宽度
nameBackgroundBorderColor: '#C00808', // 限速值背景边框颜色
limitValueDistance: 15, // 限速值距离
kilometerFontSize: 0, // 公里标大小
kilometerColor: '#000', // 公里标颜色

View File

@ -22,110 +22,122 @@ export default class ELimitName extends Group {
const y1 = model.points[0].y + style.Section.speedLimitName.limitValueDistance;
const x2 = model.points[model.points.length - 1].x;
const y2 = model.points[model.points.length - 1].y + style.Section.speedLimitName.limitValueDistance;
this.leftPolygon = new Polygon({
zlevel: this.zlevel,
z: this.z + 9,
shape: {
points: [
[x1, y1],
[x1 + rectW, y1],
[x1 + (rectW + rectH / 2), y1 - rectH / 2],
[x1 + rectW, y1 - rectH],
[x1, y1 - rectH]
]
},
style: {
lineWidth: 0,
fill: style.Section.speedLimitName.nameBackground
}
});
this.rightPolygon = new Polygon({
zlevel: this.zlevel,
z: this.z + 9,
shape: {
points: [
[x2, y2],
[x2 - rectW, y2],
[x2 - (rectW + rectH / 2), y2 - rectH / 2],
[x2 - rectW, y2 - rectH],
[x2, y2 - rectH]
]
},
style: {
lineWidth: 0,
fill: style.Section.speedLimitName.nameBackground
}
});
this.leftLimitValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x1 + 2,
y: y1,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.nameNumberFontSize,
fontFamily: style.fontFamily,
text: '',
textFill: style.Section.speedLimitName.nameNumberColor,
textAlign: 'left',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.rightLimitValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x2 - 2,
y: y2,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.nameNumberFontSize,
fontFamily: style.fontFamily,
text: '',
textFill: style.Section.speedLimitName.nameNumberColor,
textAlign: 'right',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.leftKilometerValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x1,
y: y1 + 12,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.kilometerFontSize,
fontFamily: style.fontFamily,
text: '17.981km',
textFill: style.Section.speedLimitName.kilometerColor,
textAlign: 'left',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.rightKilometerValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x2,
y: y2 + 12,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.kilometerFontSize,
fontFamily: style.fontFamily,
text: '17.981km',
textFill: style.Section.speedLimitName.kilometerColor,
textAlign: 'right',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.add(this.leftPolygon);
this.add(this.rightPolygon);
this.add(this.leftLimitValue);
this.add(this.rightLimitValue);
this.add(this.leftKilometerValue);
this.add(this.rightKilometerValue);
if (style.Section.speedLimitName.leftName) {
const leftPoints = style.Section.speedLimitName.nameBackgroundIsRect ? [[x1, y1],
[x1 + rectW, y1],
[x1 + rectW, y1 - rectH],
[x1, y1 - rectH]] : [[x1, y1],
[x1 + rectW, y1],
[x1 + (rectW + rectH / 2), y1 - rectH / 2],
[x1 + rectW, y1 - rectH],
[x1, y1 - rectH]];
this.leftPolygon = new Polygon({
zlevel: this.zlevel,
z: this.z + 9,
shape: {
points: leftPoints
},
style: {
lineWidth: style.Section.speedLimitName.nameBackgroundBorderWidth,
fill: style.Section.speedLimitName.nameBackground,
stroke: style.Section.speedLimitName.nameBackgroundBorderColor
}
});
this.leftLimitValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x1 + 2,
y: y1,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.nameNumberFontSize,
fontFamily: style.fontFamily,
text: '',
textFill: style.Section.speedLimitName.nameNumberColor,
textAlign: 'left',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.leftKilometerValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x1,
y: y1 + 12,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.kilometerFontSize,
fontFamily: style.fontFamily,
text: '17.981km',
textFill: style.Section.speedLimitName.kilometerColor,
textAlign: 'left',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.add(this.leftPolygon);
this.add(this.leftLimitValue);
this.add(this.leftKilometerValue);
}
if (style.Section.speedLimitName.rightName) {
const rightPoints = style.Section.speedLimitName.nameBackgroundIsRect ? [[x2, y2],
[x2 - rectW, y2],
[x2 - rectW, y2 - rectH],
[x2, y2 - rectH]] : [[x2, y2],
[x2 - rectW, y2],
[x2 - (rectW + rectH / 2), y2 - rectH / 2],
[x2 - rectW, y2 - rectH],
[x2, y2 - rectH]];
this.rightPolygon = new Polygon({
zlevel: this.zlevel,
z: this.z + 9,
shape: {
points: rightPoints
},
style: {
lineWidth: style.Section.speedLimitName.nameBackgroundBorderWidth,
fill: style.Section.speedLimitName.nameBackground,
stroke: style.Section.speedLimitName.nameBackgroundBorderColor
}
});
this.rightLimitValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x2 - 2,
y: y2,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.nameNumberFontSize,
fontFamily: style.fontFamily,
text: '',
textFill: style.Section.speedLimitName.nameNumberColor,
textAlign: 'right',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.rightKilometerValue = new Text({
zlevel: this.zlevel,
z: this.z + 10,
style: {
x: x2,
y: y2 + 12,
fontWeight: 'normal',
fontSize: style.Section.speedLimitName.kilometerFontSize,
fontFamily: style.fontFamily,
text: '17.981km',
textFill: style.Section.speedLimitName.kilometerColor,
textAlign: 'right',
textPosition: style.Section.name.textPosition || 'inside',
textVerticalAlign: 'bottom'
}
});
this.add(this.rightPolygon);
this.add(this.rightLimitValue);
this.add(this.rightKilometerValue);
}
}
hide() {

View File

@ -33,7 +33,6 @@ export default {
components: {
MenuBar,
MenuButton,
MenuCancel,
MenuSignal,
MenuSwitch,
MenuSection,

View File

@ -53,7 +53,7 @@
:data="tempData"
border
:cell-style="tableStyle"
style="width: 100%;background: #E0E0E0;border: none;outline: none; height: 56px"
style="width: 100%;background: #E0E0E0;border: none;outline: none; height: 28px"
size="mini"
class="haerbin_table"
highlight-current-row
@ -61,6 +61,14 @@
>
<el-table-column prop="name" style="margin-left:10px" class-name="abc" />
</el-table>
<el-select v-if="speedShow" v-model="speedLimitValue" size="small" style="float: left;width: 100px;margin-left: 20px;" placeholder="请选择">
<el-option
v-for="item in speedList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
</div>
</el-col>
@ -147,6 +155,8 @@ export default {
data() {
return {
tempData: [],
speedList: [{label: '15km/h', value: 15}, {label: '25km/h', value:25}, {label: '45km/h', value:45}, {label: '60km/h', value: 60}],
speedLimitValue: 15,
oldDevice: null, //
canCommand: true,
cr1Confrim: false,
@ -204,6 +214,9 @@ export default {
},
cr2ConfirmId() {
return OperationEvent.Command.commandHaerbin.confrimCr2.domId;
},
speedShow() {
return this.cmdType == CMD.Section.CMD_SECTION_SET_LIMIT_SPEED || this.cmdType == CMD.Switch.CMD_SWITCH_SET_LIMIT_SPEED;
}
},
watch: {
@ -373,8 +386,7 @@ export default {
this.tempData.push(this.selectedObj);
this.param = {
switchCode: this.selectedObj.code,
sectionCode: section.code,
speedLimitValue: '5' //
sectionCode: section.code
};
},
handleSingalMenu() {
@ -468,8 +480,7 @@ export default {
this.tempData = [];
this.tempData.push(this.selectedObj);
this.param = {
sectionCode: this.selectedObj.code,
speedLimitValue: '5'
sectionCode: this.selectedObj.code
};
},
handleDirectionRodMenu() {
@ -577,6 +588,9 @@ export default {
});
}
}
if (this.cmdType == CMD.Section.CMD_SECTION_SET_LIMIT_SPEED || this.cmdType == CMD.Switch.CMD_SWITCH_SET_LIMIT_SPEED) {
this.param.speedLimitValue = this.speedLimitValue;
}
},
command() {
this.handleParam();
@ -652,6 +666,7 @@ export default {
this.operate = ''; //
this.cmdType = '';
this.securityCommand = '';
this.speedLimitValue = 15;
this.secondConfirm = false;
this.cr1Confrim = false;
if (this.oldClickObj) {
@ -804,6 +819,16 @@ export default {
height: 20px;
line-height: 20px;
}
/deep/.el-input--small .el-input__inner{
height: 28px;
line-height: 28px;
}
/deep/.el-table__empty-text{
line-height: 28px;
}
/deep/.el-table__empty-block{
min-height: 28px;
}
</style>
<style lang="scss">
#menuButton{

View File

@ -766,7 +766,7 @@ export const asyncRouter = [
{
// 单位管理
path: 'companyManage',
hidden: true,
// hidden: true,
component: CompanyManage,
meta: {
i18n: 'router.companyManage'

View File

@ -2,11 +2,11 @@ export function getBaseUrl() {
let BASE_API;
if (process.env.NODE_ENV === 'development') {
// BASE_API = 'https://joylink.club/jlcloud';
// BASE_API = 'https://test.joylink.club/jlcloud';
BASE_API = 'https://test.joylink.club/jlcloud';
// BASE_API = 'http://192.168.8.107:9000'; // 袁琪
// BASE_API = 'http://192.168.8.129:9000'; // 旭强
// BASE_API = 'http://192.168.8.119:9000'; // 张赛
BASE_API = 'http://192.168.8.110:9000'; // 杜康
// BASE_API = 'http://192.168.8.110:9000'; // 杜康
// BASE_API = 'http://b29z135112.zicp.vip';
// BASE_API = 'http://2925963m2a.zicp.vip'; // 杜康
// BASE_API = 'http://2i38984j47.qicp.vip'; // 张赛

View File

@ -98,6 +98,9 @@ export default {
doShow(companyId) {
this.dialogVisible = true;
this.companyId = companyId;
this.$nextTick(() => {
this.reloadTable();
});
},
handleClose() {
this.dialogVisible = false;