Skip to content

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

1

parent 860386d7
Hide 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,274 +733,551 @@ export default { ...@@ -733,274 +733,551 @@ export default {
</script> </script>
<style scope> <style scope>
#audioView{
position: absolute; @media screen and (max-width:901px){
top: 200px; #audioView{
left: 200px; position: absolute;
z-index: 5; top: 200px;
background-color: red; left: 200px;
width: 200px; z-index: 5;
height: 50px; background-color: red;
} width: 200px;
.el-input__inner{ height: 50px;
font-size: 18px; }
} .el-input__inner{
.voiceAppMainViews{ font-size: 18px;
position: absolute; }
z-index: 2; .voiceAppMainViews{
top: 50%; position: absolute;
left: 50%; z-index: 2;
height: 85vh; top: 50%;
width: 60vw; left: 50%;
background:no-repeat center center url('~@/assets/images/truckTuPian/yuyinshenqing1.png'); height: 85vh;
background-size:100% 100%; width: 60vw;
transform: translate(-50%,-50%); background:no-repeat center center url('~@/assets/images/truckTuPian/yuyinshenqing1.png');
padding: 12px 30px 0px; background-size:100% 100%;
box-sizing: border-box; transform: translate(-50%,-50%);
padding: 12px 30px 0px;
} box-sizing: border-box;
.voiceAppSmallTitle{
color: white; }
font-size: 18px; .voiceAppSmallTitle{
text-align: center; color: white;
line-height: 4.5vh; font-size: 18px;
width: 9vw; text-align: center;
height: 4.5vh; line-height: 4.5vh;
background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png'); width: 9vw;
background-size:100% 100%; height: 4.5vh;
} background:no-repeat center center url('~@/assets/images/truckTuPian/xiaobiaotikuang.png');
.voiceAppClose{ background-size:100% 100%;
position: absolute; }
top: 4vh; .voiceAppClose{
right: 1vw; position: absolute;
cursor: pointer; top: 4vh;
} right: 1vw;
.voiceAppContent{ cursor: pointer;
width: 100%; }
} .voiceAppContent{
.voiceAppContent>div{ width: 100%;
margin-top: 15px; }
} .voiceAppContent>div{
.voiceAppContent_left_title{ margin-top: 15px;
font-size: 21px; }
color: rgb(24,228,240); .voiceAppContent_left_title{
} font-size: 21px;
.voiceAppContent_1{ color: rgb(24,228,240);
display: flex; }
justify-content: space-between; .voiceAppContent_1{
} display: flex;
.voiceAppContent_1>div{ justify-content: space-between;
height: 40px; }
line-height: 40px; .voiceAppContent_1>div{
color: rgb(24,228,240); height: 40px;
font-size: 22px; line-height: 40px;
} color: rgb(24,228,240);
.voiceAppContent_2{ font-size: 22px;
display: flex; }
justify-content: space-between; .voiceAppContent_2{
} display: flex;
.voiceAppContent_2>div{ justify-content: space-between;
width: 49%; }
height: 45vh; .voiceAppContent_2>div{
border: 2px solid rgb(24,228,240); width: 49%;
border-radius: 10px; height: 45vh;
} border: 2px solid rgb(24,228,240);
.voiceAppContent_2_title{ border-radius: 10px;
border-radius: 10px; }
background-color: rgb(25,41,94); .voiceAppContent_2_title{
height: 4vh; border-radius: 10px;
line-height: 4vh; background-color: rgb(25,41,94);
color: rgb(24,228,240); height: 4vh;
display: flex; line-height: 4vh;
justify-content: space-around; color: rgb(24,228,240);
font-size: 20px; display: flex;
} justify-content: space-around;
.voiceAppContent_2_content{ font-size: 20px;
height: 40vh; }
width: 100%; .voiceAppContent_2_content{
overflow-y:auto; height: 40vh;
padding: 0px 10px; width: 100%;
box-sizing: border-box; overflow-y:auto;
} padding: 0px 10px;
.voiceAppContent_2_content::-webkit-scrollbar { box-sizing: border-box;
/*滚动条整体样式*/ }
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ .voiceAppContent_2_content::-webkit-scrollbar {
height: 1px; /*滚动条整体样式*/
} width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
.voiceAppContent_2_content::-webkit-scrollbar-thumb { height: 1px;
/*滚动条里面小方块*/ }
border-radius : 10px; .voiceAppContent_2_content::-webkit-scrollbar-thumb {
background-color: #274088; /*滚动条里面小方块*/
background-image: -webkit-linear-gradient( border-radius : 10px;
45deg, background-color: #274088;
rgba(255, 255, 255, 0.2) 25%, background-image: -webkit-linear-gradient(
transparent 25%, 45deg,
transparent 50%, rgba(255, 255, 255, 0.2) 25%,
rgba(255, 255, 255, 0.2) 50%, transparent 25%,
rgba(255, 255, 255, 0.2) 75%, transparent 50%,
transparent 75%, rgba(255, 255, 255, 0.2) 50%,
transparent 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); .voiceAppContent_2_content::-webkit-scrollbar-track {
background : #ededed; /*滚动条里面轨道*/
border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
} background : #ededed;
.el-checkbox__label{ border-radius: 10px;
vertical-align: -3px; }
} .el-checkbox__label{
.el-checkbox__label>div{ vertical-align: -3px;
display: inline-block; }
color: rgb(24,228,240); .el-checkbox__label>div{
font-size: 20px; display: inline-block;
} color: rgb(24,228,240);
.el-checkbox{ font-size: 20px;
display: block; }
.el-checkbox{
} display: block;
.el-checkbox__inner{
width: 25px; }
height: 25px; .el-checkbox__inner{
} width: 25px;
.el-checkbox__input .el-checkbox__inner::after { height: 25px;
border: 2px solid #fff; }
box-sizing: content-box; .el-checkbox__input .el-checkbox__inner::after {
content: ""; border: 2px solid #fff;
border-left: 0; box-sizing: content-box;
border-top: 0; content: "";
height: 12px; border-left: 0;
width: 5px; border-top: 0;
position: absolute; height: 12px;
top: 1px; width: 5px;
left: 8px; position: absolute;
transform: rotate(45deg) scaleY(1); top: 1px;
} left: 8px;
.voiceAppContent_2_content_selectCar{ transform: rotate(45deg) scaleY(1);
margin-top: 10px; }
color: rgb(24,228,240); .voiceAppContent_2_content_selectCar{
font-size: 20px; margin-top: 10px;
display: flex; color: rgb(24,228,240);
justify-content: space-between; font-size: 20px;
} display: flex;
.voiceAppContent_2_content_selectCar>div{ justify-content: space-between;
height: 27px; }
line-height: 27px; .voiceAppContent_2_content_selectCar>div{
} height: 27px;
.voiceAppContent_2_3_content{ line-height: 27px;
height: 33vh; }
width: 100%; .voiceAppContent_2_3_content{
overflow-y:auto; height: 33vh;
padding: 0px 10px; width: 100%;
box-sizing: border-box; overflow-y:auto;
} padding: 0px 10px;
.voiceAppContent_2_3_content::-webkit-scrollbar { box-sizing: border-box;
/*滚动条整体样式*/ }
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ .voiceAppContent_2_3_content::-webkit-scrollbar {
height: 1px; /*滚动条整体样式*/
} width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
.voiceAppContent_2_3_content::-webkit-scrollbar-thumb { height: 1px;
/*滚动条里面小方块*/ }
border-radius : 10px; .voiceAppContent_2_3_content::-webkit-scrollbar-thumb {
background-color: #274088; /*滚动条里面小方块*/
background-image: -webkit-linear-gradient( border-radius : 10px;
45deg, background-color: #274088;
rgba(255, 255, 255, 0.2) 25%, background-image: -webkit-linear-gradient(
transparent 25%, 45deg,
transparent 50%, rgba(255, 255, 255, 0.2) 25%,
rgba(255, 255, 255, 0.2) 50%, transparent 25%,
rgba(255, 255, 255, 0.2) 75%, transparent 50%,
transparent 75%, rgba(255, 255, 255, 0.2) 50%,
transparent 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); .voiceAppContent_2_3_content::-webkit-scrollbar-track {
background : #ededed; /*滚动条里面轨道*/
border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
} background : #ededed;
.toCallStyle{ border-radius: 10px;
margin-top: 10px; }
width: 130px; .toCallStyle{
height: 40px; margin-top: 10px;
font-size: 18px; width: 130px;
/* position: absolute; height: 40px;
left: 50%; font-size: 18px;
transform: translateX(-50%); */ /* position: absolute;
} left: 50%;
.situationStyle{ transform: translateX(-50%); */
width: 100%; }
height: 15vh; .situationStyle{
display: flex; width: 100%;
flex-wrap: wrap; height: 15vh;
overflow-y:auto; display: flex;
} flex-wrap: wrap;
.situationStyle::-webkit-scrollbar { overflow-y:auto;
/*滚动条整体样式*/ }
width : 8px; /*高宽分别对应横竖滚动条的尺寸*/ .situationStyle::-webkit-scrollbar {
height: 1px; /*滚动条整体样式*/
} width : 8px; /*高宽分别对应横竖滚动条的尺寸*/
.situationStyle::-webkit-scrollbar-thumb { height: 1px;
/*滚动条里面小方块*/ }
border-radius : 10px; .situationStyle::-webkit-scrollbar-thumb {
background-color: #274088; /*滚动条里面小方块*/
background-image: -webkit-linear-gradient( border-radius : 10px;
45deg, background-color: #274088;
rgba(255, 255, 255, 0.2) 25%, background-image: -webkit-linear-gradient(
transparent 25%, 45deg,
transparent 50%, rgba(255, 255, 255, 0.2) 25%,
rgba(255, 255, 255, 0.2) 50%, transparent 25%,
rgba(255, 255, 255, 0.2) 75%, transparent 50%,
transparent 75%, rgba(255, 255, 255, 0.2) 50%,
transparent 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); .situationStyle::-webkit-scrollbar-track {
background : #ededed; /*滚动条里面轨道*/
border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
} background : #ededed;
.situation_fa1{ border-radius: 10px;
color: #A6F6F9; }
font-size: 22px; .situation_fa1{
margin: 0px 5px 15px; color: #A6F6F9;
width: 32%; font-size: 22px;
height: 6vh; margin: 0px 5px 15px;
border: 2px solid rgb(24,228,240); width: 32%;
border-radius: 10px; height: 6vh;
display: flex; border: 2px solid rgb(24,228,240);
align-items: center; border-radius: 10px;
justify-content: space-around; display: flex;
cursor: pointer; align-items: center;
position: relative; justify-content: space-around;
} cursor: pointer;
.situation_fa2{ position: relative;
opacity: 0.8; }
color: #00FFFF; .situation_fa2{
background-color: #00B6FF; opacity: 0.8;
font-size: 22px; color: #00FFFF;
border-radius: 10px; background-color: #00B6FF;
margin: 0px 5px 15px; font-size: 22px;
width: 32%; border-radius: 10px;
height: 6vh; margin: 0px 5px 15px;
display: flex; width: 32%;
align-items: center; height: 6vh;
justify-content: space-around; display: flex;
cursor: pointer; align-items: center;
position: relative; justify-content: space-around;
cursor: pointer;
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{
padding: 3px; @media screen and (min-width:901px){
color: white; #audioView{
box-sizing: border-box; position: absolute;
border-radius: 50%; top: 200px;
background-color: #007EFF; left: 200px;
position: absolute; z-index: 5;
right: -10px; background-color: red;
top: -10px; width: 200px;
font-size: 18px; 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;
color: white;
box-sizing: border-box;
border-radius: 50%;
background-color: #007EFF;
position: absolute;
right: -10px;
top: -10px;
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