Skip to content

N
NewTruckTerminalSyetem
Commit 1b12b881 authored by xxx's avatar xxx
Browse files
Options

1

parent 860386d7
Show whitespace changes
Inline Side-by-side
Showing with 548 additions and 274 deletions
src/views/MLargeScreen/components/failureDeclaration/index.vue
View file @ 1b12b881
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<div class="submitDeStyle"> <div class="submitDeStyle">
<el-button :loading="submitLoading" type="primary" round @click="submitDeFn()">故障申报</el-button> <el-button type="primary" round @click="submitDeFn()">故障申报</el-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -66,7 +66,6 @@ export default { ...@@ -66,7 +66,6 @@ export default {
showDecide:false, showDecide:false,
from:{car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''}, from:{car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''},
getLocationText:'点击获取车辆位置', getLocationText:'点击获取车辆位置',
submitLoading:false,
carnumber:'', carnumber:'',
personName:'', personName:'',
carInforData:[], carInforData:[],
...@@ -151,7 +150,6 @@ export default { ...@@ -151,7 +150,6 @@ export default {
}, },
//提交申报 //提交申报
submitDeFn(){ submitDeFn(){
this.submitLoading = true;
httpPostForJson(faultDayAdd,this.from).then((res) => {}); httpPostForJson(faultDayAdd,this.from).then((res) => {});
httpPostForJson(faultMonthAdd,this.from).then((res) => {}); httpPostForJson(faultMonthAdd,this.from).then((res) => {});
httpPostForJson(faultYearAdd,this.from).then((res) => {}); httpPostForJson(faultYearAdd,this.from).then((res) => {});
...@@ -164,7 +162,6 @@ export default { ...@@ -164,7 +162,6 @@ export default {
}); });
this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''}; this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''};
this.getLocationText = '点击获取车辆位置'; this.getLocationText = '点击获取车辆位置';
this.submitLoading = false;
this.zuobiaoShow = false; this.zuobiaoShow = false;
}else{ }else{
this.$notify({ this.$notify({
...@@ -174,7 +171,6 @@ export default { ...@@ -174,7 +171,6 @@ export default {
}) })
this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''}; this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''};
this.getLocationText = '点击获取车辆位置'; this.getLocationText = '点击获取车辆位置';
this.submitLoading = false;
this.zuobiaoShow = false; this.zuobiaoShow = false;
} }
}); });
...@@ -235,7 +231,7 @@ export default { ...@@ -235,7 +231,7 @@ export default {
background:no-repeat center center url('~@/assets/images/truckTuPian/guzhangshenbankuang1.png'); background:no-repeat center center url('~@/assets/images/truckTuPian/guzhangshenbankuang1.png');
background-size:100% 100%; background-size:100% 100%;
transform: translate(-50%,-48%); transform: translate(-50%,-48%);
padding: 12px 30px 0px; padding: 2vh 2vw 0px;
box-sizing: border-box; box-sizing: border-box;
} }
.failureDeSmallTitle{ .failureDeSmallTitle{
...@@ -330,6 +326,7 @@ export default { ...@@ -330,6 +326,7 @@ export default {
letter-spacing:1px; letter-spacing:1px;
text-align: center; text-align: center;
line-height: 0; line-height: 0;
padding: 0 !important;
} }
.failureDeContentFromViews .el-input--suffix .el-input__inner{ .failureDeContentFromViews .el-input--suffix .el-input__inner{
height: 6.5vh; height: 6.5vh;
......
src/views/MLargeScreen/components/voiceApplication/index.vue
View file @ 1b12b881
...@@ -733,7 +733,9 @@ export default { ...@@ -733,7 +733,9 @@ export default {
</script> </script>
<style scope> <style scope>
#audioView{
@media screen and (max-width:901px){
#audioView{
position: absolute; position: absolute;
top: 200px; top: 200px;
left: 200px; left: 200px;
...@@ -741,11 +743,11 @@ export default { ...@@ -741,11 +743,11 @@ export default {
background-color: red; background-color: red;
width: 200px; width: 200px;
height: 50px; height: 50px;
} }
.el-input__inner{ .el-input__inner{
font-size: 18px; font-size: 18px;
} }
.voiceAppMainViews{ .voiceAppMainViews{
position: absolute; position: absolute;
z-index: 2; z-index: 2;
top: 50%; top: 50%;
...@@ -758,8 +760,8 @@ export default { ...@@ -758,8 +760,8 @@ export default {
padding: 12px 30px 0px; padding: 12px 30px 0px;
box-sizing: border-box; box-sizing: border-box;
} }
.voiceAppSmallTitle{ .voiceAppSmallTitle{
color: white; color: white;
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
...@@ -768,44 +770,44 @@ export default { ...@@ -768,44 +770,44 @@ export default {
height: 4.5vh; height: 4.5vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png'); background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
background-size:100% 100%; background-size:100% 100%;
} }
.voiceAppClose{ .voiceAppClose{
position: absolute; position: absolute;
top: 4vh; top: 4vh;
right: 1vw; right: 1vw;
cursor: pointer; cursor: pointer;
} }
.voiceAppContent{ .voiceAppContent{
width: 100%; width: 100%;
} }
.voiceAppContent>div{ .voiceAppContent>div{
margin-top: 15px; margin-top: 15px;
} }
.voiceAppContent_left_title{ .voiceAppContent_left_title{
font-size: 21px; font-size: 21px;
color: rgb(24,228,240); color: rgb(24,228,240);
} }
.voiceAppContent_1{ .voiceAppContent_1{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.voiceAppContent_1>div{ .voiceAppContent_1>div{
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
color: rgb(24,228,240); color: rgb(24,228,240);
font-size: 22px; font-size: 22px;
} }
.voiceAppContent_2{ .voiceAppContent_2{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.voiceAppContent_2>div{ .voiceAppContent_2>div{
width: 49%; width: 49%;
height: 45vh; height: 45vh;
border: 2px solid rgb(24,228,240); border: 2px solid rgb(24,228,240);
border-radius: 10px; border-radius: 10px;
} }
.voiceAppContent_2_title{ .voiceAppContent_2_title{
border-radius: 10px; border-radius: 10px;
background-color: rgb(25,41,94); background-color: rgb(25,41,94);
height: 4vh; height: 4vh;
...@@ -814,20 +816,20 @@ export default { ...@@ -814,20 +816,20 @@ export default {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
font-size: 20px; font-size: 20px;
} }
.voiceAppContent_2_content{ .voiceAppContent_2_content{
height: 40vh; height: 40vh;
width: 100%; width: 100%;
overflow-y:auto; overflow-y:auto;
padding: 0px 10px; padding: 0px 10px;
box-sizing: border-box; box-sizing: border-box;
} }
.voiceAppContent_2_content::-webkit-scrollbar { .voiceAppContent_2_content::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px; height: 1px;
} }
.voiceAppContent_2_content::-webkit-scrollbar-thumb { .voiceAppContent_2_content::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/ /*滚动条里面小方块*/
border-radius : 10px; border-radius : 10px;
background-color: #274088; background-color: #274088;
...@@ -841,30 +843,30 @@ export default { ...@@ -841,30 +843,30 @@ export default {
transparent 75%, transparent 75%,
transparent transparent
); );
} }
.voiceAppContent_2_content::-webkit-scrollbar-track { .voiceAppContent_2_content::-webkit-scrollbar-track {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed; background : #ededed;
border-radius: 10px; border-radius: 10px;
} }
.el-checkbox__label{ .el-checkbox__label{
vertical-align: -3px; vertical-align: -3px;
} }
.el-checkbox__label>div{ .el-checkbox__label>div{
display: inline-block; display: inline-block;
color: rgb(24,228,240); color: rgb(24,228,240);
font-size: 20px; font-size: 20px;
} }
.el-checkbox{ .el-checkbox{
display: block; display: block;
} }
.el-checkbox__inner{ .el-checkbox__inner{
width: 25px; width: 25px;
height: 25px; height: 25px;
} }
.el-checkbox__input .el-checkbox__inner::after { .el-checkbox__input .el-checkbox__inner::after {
border: 2px solid #fff; border: 2px solid #fff;
box-sizing: content-box; box-sizing: content-box;
content: ""; content: "";
...@@ -876,31 +878,31 @@ export default { ...@@ -876,31 +878,31 @@ export default {
top: 1px; top: 1px;
left: 8px; left: 8px;
transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1);
} }
.voiceAppContent_2_content_selectCar{ .voiceAppContent_2_content_selectCar{
margin-top: 10px; margin-top: 10px;
color: rgb(24,228,240); color: rgb(24,228,240);
font-size: 20px; font-size: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.voiceAppContent_2_content_selectCar>div{ .voiceAppContent_2_content_selectCar>div{
height: 27px; height: 27px;
line-height: 27px; line-height: 27px;
} }
.voiceAppContent_2_3_content{ .voiceAppContent_2_3_content{
height: 33vh; height: 33vh;
width: 100%; width: 100%;
overflow-y:auto; overflow-y:auto;
padding: 0px 10px; padding: 0px 10px;
box-sizing: border-box; box-sizing: border-box;
} }
.voiceAppContent_2_3_content::-webkit-scrollbar { .voiceAppContent_2_3_content::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px; height: 1px;
} }
.voiceAppContent_2_3_content::-webkit-scrollbar-thumb { .voiceAppContent_2_3_content::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/ /*滚动条里面小方块*/
border-radius : 10px; border-radius : 10px;
background-color: #274088; background-color: #274088;
...@@ -914,14 +916,14 @@ export default { ...@@ -914,14 +916,14 @@ export default {
transparent 75%, transparent 75%,
transparent transparent
); );
} }
.voiceAppContent_2_3_content::-webkit-scrollbar-track { .voiceAppContent_2_3_content::-webkit-scrollbar-track {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed; background : #ededed;
border-radius: 10px; border-radius: 10px;
} }
.toCallStyle{ .toCallStyle{
margin-top: 10px; margin-top: 10px;
width: 130px; width: 130px;
height: 40px; height: 40px;
...@@ -929,20 +931,20 @@ export default { ...@@ -929,20 +931,20 @@ export default {
/* position: absolute; /* position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); */ transform: translateX(-50%); */
} }
.situationStyle{ .situationStyle{
width: 100%; width: 100%;
height: 15vh; height: 15vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
overflow-y:auto; overflow-y:auto;
} }
.situationStyle::-webkit-scrollbar { .situationStyle::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px; height: 1px;
} }
.situationStyle::-webkit-scrollbar-thumb { .situationStyle::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/ /*滚动条里面小方块*/
border-radius : 10px; border-radius : 10px;
background-color: #274088; background-color: #274088;
...@@ -956,14 +958,14 @@ export default { ...@@ -956,14 +958,14 @@ export default {
transparent 75%, transparent 75%,
transparent transparent
); );
} }
.situationStyle::-webkit-scrollbar-track { .situationStyle::-webkit-scrollbar-track {
/*滚动条里面轨道*/ /*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed; background : #ededed;
border-radius: 10px; border-radius: 10px;
} }
.situation_fa1{ .situation_fa1{
color: #A6F6F9; color: #A6F6F9;
font-size: 22px; font-size: 22px;
margin: 0px 5px 15px; margin: 0px 5px 15px;
...@@ -976,8 +978,8 @@ export default { ...@@ -976,8 +978,8 @@ export default {
justify-content: space-around; justify-content: space-around;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.situation_fa2{ .situation_fa2{
opacity: 0.8; opacity: 0.8;
color: #00FFFF; color: #00FFFF;
background-color: #00B6FF; background-color: #00B6FF;
...@@ -991,8 +993,281 @@ export default { ...@@ -991,8 +993,281 @@ export default {
justify-content: space-around; justify-content: space-around;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
}
.situationNumber{
padding: 3px;
color: white;
box-sizing: border-box;
border-radius: 50%;
background-color: #007EFF;
position: absolute;
right: -10px;
top: -10px;
font-size: 18px;
}
} }
.situationNumber{
@media screen and (min-width:901px){
#audioView{
position: absolute;
top: 200px;
left: 200px;
z-index: 5;
background-color: red;
width: 200px;
height: 50px;
}
.el-input__inner{
font-size: 18px;
}
.voiceAppMainViews{
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
height: 85vh;
width: 60vw;
background:no-repeat center center url('~@/assets/images/truckTuPian/yuyinshenqing1.png');
background-size:100% 100%;
transform: translate(-50%,-50%);
padding: 12px 30px 0px;
box-sizing: border-box;
}
.voiceAppSmallTitle{
color: white;
font-size: 18px;
text-align: center;
line-height: 4.5vh;
width: 9vw;
height: 4.5vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
background-size:100% 100%;
}
.voiceAppClose{
position: absolute;
top: 4vh;
right: 1vw;
cursor: pointer;
}
.voiceAppContent{
width: 100%;
}
.voiceAppContent>div{
margin-top: 15px;
}
.voiceAppContent_left_title{
font-size: 21px;
color: rgb(24,228,240);
}
.voiceAppContent_1{
display: flex;
justify-content: space-between;
}
.voiceAppContent_1>div{
height: 40px;
line-height: 40px;
color: rgb(24,228,240);
font-size: 22px;
}
.voiceAppContent_2{
display: flex;
justify-content: space-between;
}
.voiceAppContent_2>div{
width: 49%;
height: 45vh;
border: 2px solid rgb(24,228,240);
border-radius: 10px;
}
.voiceAppContent_2_title{
border-radius: 10px;
background-color: rgb(25,41,94);
height: 4vh;
line-height: 4vh;
color: rgb(24,228,240);
display: flex;
justify-content: space-around;
font-size: 20px;
}
.voiceAppContent_2_content{
height: 40vh;
width: 100%;
overflow-y:auto;
padding: 0px 10px;
box-sizing: border-box;
}
.voiceAppContent_2_content::-webkit-scrollbar {
/*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.voiceAppContent_2_content::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius : 10px;
background-color: #274088;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
}
.voiceAppContent_2_content::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed;
border-radius: 10px;
}
.el-checkbox__label{
vertical-align: -3px;
}
.el-checkbox__label>div{
display: inline-block;
color: rgb(24,228,240);
font-size: 20px;
}
.el-checkbox{
display: block;
}
.el-checkbox__inner{
width: 25px;
height: 25px;
}
.el-checkbox__input .el-checkbox__inner::after {
border: 2px solid #fff;
box-sizing: content-box;
content: "";
border-left: 0;
border-top: 0;
height: 12px;
width: 5px;
position: absolute;
top: 1px;
left: 8px;
transform: rotate(45deg) scaleY(1);
}
.voiceAppContent_2_content_selectCar{
margin-top: 10px;
color: rgb(24,228,240);
font-size: 20px;
display: flex;
justify-content: space-between;
}
.voiceAppContent_2_content_selectCar>div{
height: 27px;
line-height: 27px;
}
.voiceAppContent_2_3_content{
height: 33vh;
width: 100%;
overflow-y:auto;
padding: 0px 10px;
box-sizing: border-box;
}
.voiceAppContent_2_3_content::-webkit-scrollbar {
/*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.voiceAppContent_2_3_content::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius : 10px;
background-color: #274088;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
}
.voiceAppContent_2_3_content::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed;
border-radius: 10px;
}
.toCallStyle{
margin-top: 10px;
width: 130px;
height: 40px;
font-size: 18px;
/* position: absolute;
left: 50%;
transform: translateX(-50%); */
}
.situationStyle{
width: 100%;
height: 15vh;
display: flex;
flex-wrap: wrap;
overflow-y:auto;
}
.situationStyle::-webkit-scrollbar {
/*滚动条整体样式*/
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.situationStyle::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius : 10px;
background-color: #274088;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
}
.situationStyle::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ededed;
border-radius: 10px;
}
.situation_fa1{
color: #A6F6F9;
font-size: 22px;
margin: 0px 5px 15px;
width: 32%;
height: 6vh;
border: 2px solid rgb(24,228,240);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
position: relative;
}
.situation_fa2{
opacity: 0.8;
color: #00FFFF;
background-color: #00B6FF;
font-size: 22px;
border-radius: 10px;
margin: 0px 5px 15px;
width: 32%;
height: 6vh;
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
position: relative;
}
.situationNumber{
padding: 3px; padding: 3px;
color: white; color: white;
box-sizing: border-box; box-sizing: border-box;
...@@ -1002,5 +1277,7 @@ export default { ...@@ -1002,5 +1277,7 @@ export default {
right: -10px; right: -10px;
top: -10px; top: -10px;
font-size: 18px; font-size: 18px;
}
} }
</style> </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