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 @@
</div>
</div>
<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>
</template>
......@@ -66,7 +66,6 @@ export default {
showDecide:false,
from:{car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''},
getLocationText:'点击获取车辆位置',
submitLoading:false,
carnumber:'',
personName:'',
carInforData:[],
......@@ -151,7 +150,6 @@ export default {
},
//提交申报
submitDeFn(){
this.submitLoading = true;
httpPostForJson(faultDayAdd,this.from).then((res) => {});
httpPostForJson(faultMonthAdd,this.from).then((res) => {});
httpPostForJson(faultYearAdd,this.from).then((res) => {});
......@@ -164,7 +162,6 @@ export default {
});
this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''};
this.getLocationText = '点击获取车辆位置';
this.submitLoading = false;
this.zuobiaoShow = false;
}else{
this.$notify({
......@@ -174,7 +171,6 @@ export default {
})
this.from = {car:'',carcode:'',name:'',fault:'',problem:'',lat:'',lon:''};
this.getLocationText = '点击获取车辆位置';
this.submitLoading = false;
this.zuobiaoShow = false;
}
});
......@@ -235,7 +231,7 @@ export default {
background:no-repeat center center url('~@/assets/images/truckTuPian/guzhangshenbankuang1.png');
background-size:100% 100%;
transform: translate(-50%,-48%);
padding: 12px 30px 0px;
padding: 2vh 2vw 0px;
box-sizing: border-box;
}
.failureDeSmallTitle{
......@@ -330,6 +326,7 @@ export default {
letter-spacing:1px;
text-align: center;
line-height: 0;
padding: 0 !important;
}
.failureDeContentFromViews .el-input--suffix .el-input__inner{
height: 6.5vh;
......
src/views/MLargeScreen/components/voiceApplication/index.vue
View file @ 1b12b881
......@@ -733,274 +733,551 @@ export default {
</script>
<style scope>
#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;
@media screen and (max-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;
color: white;
box-sizing: border-box;
border-radius: 50%;
background-color: #007EFF;
position: absolute;
right: -10px;
top: -10px;
font-size: 18px;
}
}
.situationNumber{
padding: 3px;
color: white;
box-sizing: border-box;
border-radius: 50%;
background-color: #007EFF;
position: absolute;
right: -10px;
top: -10px;
font-size: 18px;
@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;
color: white;
box-sizing: border-box;
border-radius: 50%;
background-color: #007EFF;
position: absolute;
right: -10px;
top: -10px;
font-size: 18px;
}
}
</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