Commit 2a6ebfe4 authored by 余苗苗's avatar 余苗苗

修改

parent 88b2ed61
// 待完工 // 待完工
var beCompleting={ var beCompleting={
template: ` template: `
<el-dialog width="570px" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'> <el-dialog width="570px" :top="resizeTop" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'>
<div slot='title' class="el-dialog__title"> <div slot='title' class="el-dialog__title">
<i class="iconfont icongongdan"></i> <i class="iconfont icongongdan"></i>
{{dialog.title}} {{dialog.title}}
...@@ -12,6 +12,7 @@ var beCompleting={ ...@@ -12,6 +12,7 @@ var beCompleting={
</div> </div>
<el-tabs v-model="dialog.tab" type="card" > <el-tabs v-model="dialog.tab" type="card" >
<el-tab-pane label="详情" name="1" > <el-tab-pane label="详情" name="1" >
<div style="max-height: 528px;overflow: auto;">
<h2 class="line-left">派单信息</h2> <h2 class="line-left">派单信息</h2>
<div class='order-detail-tab'> <div class='order-detail-tab'>
<p> <p>
...@@ -23,7 +24,6 @@ var beCompleting={ ...@@ -23,7 +24,6 @@ var beCompleting={
<p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p> <p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p>
</div> </div>
<h2 class="line-left">工单履历</h2> <h2 class="line-left">工单履历</h2>
<div>
<div class="order-detail-steps" style=""> <div class="order-detail-steps" style="">
<el-steps direction="vertical" :active="1"> <el-steps direction="vertical" :active="1">
<el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'> <el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'>
...@@ -101,7 +101,7 @@ var beCompleting={ ...@@ -101,7 +101,7 @@ var beCompleting={
}, },
data(){ data(){
return{ return{
uploadApi:'', uploadApi:'',resizeTop:'5vh',
resdata:{ resdata:{
inputValue:"", inputValue:"",
talks:[ talks:[
...@@ -130,7 +130,16 @@ var beCompleting={ ...@@ -130,7 +130,16 @@ var beCompleting={
} }
}, },
created(){ created(){
this.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
this.dialog.title = '工单(GLDQ0019211237)--待完工'; this.dialog.title = '工单(GLDQ0019211237)--待完工';
//屏幕缩放时大小适应
const that = this;
window.onresize = function temp() {
that.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
};
},
beforeDestroy() {
window.onresize = null
}, },
methods:{ methods:{
handleClose() { handleClose() {
......
// 确权 // 确权
var beRighting={ var beRighting={
template: `<el-dialog width="570px" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'> template: `<el-dialog width="570px" :top="resizeTop" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'>
<div slot='title' class="el-dialog__title"> <div slot='title' class="el-dialog__title">
<i class="iconfont icongongdan"></i> <i class="iconfont icongongdan"></i>
{{dialog.title}} {{dialog.title}}
</div> </div>
<el-tabs v-model="dialog.tab" type="card" @tab-click="handleClick"> <el-tabs v-model="dialog.tab" type="card" @tab-click="handleClick">
<el-tab-pane label="详情" name="1" > <el-tab-pane label="详情" name="1" >
<div style="max-height: 528px;overflow: auto;">
<h2 class="line-left">派单信息</h2> <h2 class="line-left">派单信息</h2>
<div class='order-detail-tab'> <div class='order-detail-tab'>
<p> <p>
...@@ -18,29 +19,28 @@ var beRighting={ ...@@ -18,29 +19,28 @@ var beRighting={
<p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p> <p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p>
</div> </div>
<h2 class="line-left">工单履历</h2> <h2 class="line-left">工单履历</h2>
<div> <div class="order-detail-steps" style="">
<div class="order-detail-steps" style=""> <el-steps direction="vertical" :active="1">
<el-steps direction="vertical" :active="1"> <el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'>
<el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'> <i class="iconfont iconshixinyuanxing" slot="icon"></i>
<i class="iconfont iconshixinyuanxing" slot="icon"></i> </el-step>
</el-step> <el-step title="张师傅:完工" description=' 03-13 18:30:02'>
<el-step title="张师傅:完工" description=' 03-13 18:30:02'> <i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step>
<i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step> <el-step title="张师傅:改预约时间(03-13 10:00),备注:用户明天回 " description='03-13 18:30:02'>
<el-step title="张师傅:改预约时间(03-13 10:00),备注:用户明天回 " description='03-13 18:30:02'> <i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step>
<i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step> </el-step>
</el-step> <el-step title="张师傅:改预约时间(03-12 11:00),备注:用户出差不在家,已经协调修改预约时间" description='03-13 18:30:02'>
<el-step title="张师傅:改预约时间(03-12 11:00),备注:用户出差不在家,已经协调修改预约时间" description='03-13 18:30:02'> <i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step>
<i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step> </el-step>
</el-step> <el-step title="客服:结算确权" description='03-13 18:30:02'>
<el-step title="客服:结算确权" description='03-13 18:30:02'> <i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step>
<i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step> </el-step>
</el-step> <el-step title="系统:派单给唯修汇 " description='03-13 18:30:02'>
<el-step title="系统:派单给唯修汇 " description='03-13 18:30:02'> <i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step>
<i class="iconfont iconshixinyuanxing" slot="icon"></i></el-step> </el-step>
</el-step> </el-steps>
</el-steps>
</div>
</div> </div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="反馈" name="2"> <el-tab-pane label="反馈" name="2">
<div class="order-request-box"> <div class="order-request-box">
...@@ -151,7 +151,7 @@ var beRighting={ ...@@ -151,7 +151,7 @@ var beRighting={
}, },
data(){ data(){
return{ return{
uploadApi:'', uploadApi:'',resizeTop:'5vh',
resdata:{ resdata:{
inputValue:"", inputValue:"",
talks:[ talks:[
...@@ -181,7 +181,16 @@ var beRighting={ ...@@ -181,7 +181,16 @@ var beRighting={
} }
}, },
created(){ created(){
this.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
this.dialog.title = '工单(GLDQ0019211237)--待确权' ; this.dialog.title = '工单(GLDQ0019211237)--待确权' ;
//屏幕缩放时大小适应
const that = this;
window.onresize = function temp() {
that.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
};
},
beforeDestroy() {
window.onresize = null
}, },
methods:{ methods:{
// 传递事件 // 传递事件
......
// 已完工 // 已完工
var hasDone={ var hasDone={
template: `<el-dialog width="570px" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'> template: `<el-dialog width="570px" :top="resizeTop" :visible.sync="dialog.show" custom-class='order-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'>
<div slot='title' class="el-dialog__title"> <div slot='title' class="el-dialog__title">
<i class="iconfont icongongdan"></i> <i class="iconfont icongongdan"></i>
{{dialog.title}} {{dialog.title}}
</div> </div>
<el-tabs v-model="dialog.tab" type="card" @tab-click="handleClick"> <el-tabs v-model="dialog.tab" type="card" @tab-click="handleClick">
<el-tab-pane label="详情" name="1" > <el-tab-pane label="详情" name="1" >
<div style="max-height: 528px;overflow: auto;">
<h2 class="line-left">派单信息</h2> <h2 class="line-left">派单信息</h2>
<div class='order-detail-tab'> <div class='order-detail-tab'>
<p> <p>
...@@ -18,7 +19,6 @@ var hasDone={ ...@@ -18,7 +19,6 @@ var hasDone={
<p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p> <p>描述:<span>请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽快安装请尽</span></p>
</div> </div>
<h2 class="line-left">工单履历</h2> <h2 class="line-left">工单履历</h2>
<div>
<div class="order-detail-steps" style=""> <div class="order-detail-steps" style="">
<el-steps direction="vertical" :active="1"> <el-steps direction="vertical" :active="1">
<el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'> <el-step title="客服:结算确权 " description='03-13 18:30:02' icon='1'>
...@@ -151,7 +151,7 @@ var hasDone={ ...@@ -151,7 +151,7 @@ var hasDone={
}, },
data(){ data(){
return{ return{
uploadApi:'', uploadApi:'',resizeTop:'5vh',
resdata:{ resdata:{
inputValue:"", inputValue:"",
talks:[ talks:[
...@@ -181,6 +181,15 @@ var hasDone={ ...@@ -181,6 +181,15 @@ var hasDone={
}, },
created(){ created(){
this.dialog.title = '工单(GLDQ0019211237)--已完成' ;; this.dialog.title = '工单(GLDQ0019211237)--已完成' ;;
this.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
//屏幕缩放时大小适应
const that = this;
window.onresize = function temp() {
that.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
};
},
beforeDestroy() {
window.onresize = null
}, },
methods:{ methods:{
// 传递事件 // 传递事件
......
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
font-size: 12px; font-size: 12px;
} }
.all-box-top .type1{ .all-box-top .type1{
font-size: 14px; font-size: 12px;
color: #ffffff; color: #ffffff;
padding:5px 6px; padding:5px 6px;
margin-right: 10px; margin-right: 10px;
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
margin-left: -2px; margin-left: -2px;
} }
.all-box-top .type2{ .all-box-top .type2{
font-size: 14px; font-size: 12px;
color: #ffffff; color: #ffffff;
padding:5px 6px; padding:5px 6px;
margin-right: 10px; margin-right: 10px;
...@@ -718,11 +718,12 @@ ...@@ -718,11 +718,12 @@
/*******派单弹框end************/ /*******派单弹框end************/
/*******确权结算************/ /*******确权结算************/
.beRighting-bt{ .beRighting-bt{
position: absolute; /* position: absolute;
bottom: 20px; bottom: 20px;
left: 0; left: 0;
right: 0; right: 0;*/
text-align: center; text-align: center;
margin-top: 50px;
} }
.beRighting-bt button{ .beRighting-bt button{
width: 180px; width: 180px;
......
...@@ -38,25 +38,37 @@ var Product={ ...@@ -38,25 +38,37 @@ var Product={
<td style="width:15%"> <td style="width:15%">
<div class="text_center cursor" @click='edictType(item)'> <div class="text_center cursor" @click='edictType(item)'>
<img src="../static/images/man.jpg" width="78px" height="78px"></img> <img src="../static/images/man.jpg" width="78px" height="78px"></img>
<div><el-button class="text_underline" type='text'>{{item.name}}</el-button></div> <div>
<el-button class="text_underline font-12" type='text'>
<span class="font-12"> {{item.name}}</span>
</el-button>
</div>
</div> </div>
</td> </td>
<td style="width:85%;"> <td style="width:85%;">
<table class="second-table"> <table class="second-table">
<tr v-for='(items,indexs) in item.type' :key='indexs'> <tr v-for='(items,indexs) in item.type' :key='indexs'>
<td style="width:25%;"> <td style="width:25%;">
<div class="text_center cursor text_underline" @click='edictCate(item,items)'>{{items.cate}}</div> <div class="text_center cursor text_underline font-12 firsttext_font" @click='edictCate(item,items)'>
{{items.cate}}
</div>
</td> </td>
<td style="width:75%; "> <td style="width:75%; ">
<table class="third-table" > <table class="third-table" >
<tr v-for='(child,key) in items.type' :key='key'> <tr v-for='(child,key) in items.type' :key='key'>
<td style="width:70%" class='third-table-center'> <td style="width:70%" class='third-table-center'>
<div class="text_center"> <div class="text_center">
<el-button class="firsttext_font text_underline" type='text' @click='edictModel(items,child)'>{{child.type}}</el-button> <el-button class="firsttext_font text_underline " type='text' @click='edictModel(items,child)'>
<span class="font-12 firsttext_font">{{child.type}}</span>
</el-button>
</div> </div>
</td> </td>
<td style="width:30%" @click="AddCardfun('edict')"> <td style="width:30%" @click="AddCardfun('edict')">
<div class="text_center"><div class="text_center firsttext_font text_underline">{{child.name}}</div></div> <div class="text_center">
<div class="text_center firsttext_font text_underline font-12 firsttext_font">
{{child.name}}
</div>
</div>
</td> </td>
</tr> </tr>
......
...@@ -39,28 +39,44 @@ var Protect ={ ...@@ -39,28 +39,44 @@ var Protect ={
<tr v-for='(item,index) in tableData' :key='index'> <tr v-for='(item,index) in tableData' :key='index'>
<td style="width:15%" class="text_center "> <td style="width:15%" class="text_center ">
<img src="../static/images/man.jpg" width="78px" height="78px"></img> <img src="../static/images/man.jpg" width="78px" height="78px"></img>
<div><el-button type='text'>{{item.name}}</el-button></div> <div>
<el-button type='text'>
<span class=" font-12">{{item.name}}</span>
</el-button>
</div>
</td> </td>
<td style="width:85%;"> <td style="width:85%;">
<table class="second-table"> <table class="second-table">
<tr v-for='(items,indexs) in item.type' :key='indexs'> <tr v-for='(items,indexs) in item.type' :key='indexs'>
<td style="width:15%;"> <td style="width:15%;">
<div class="text_center">{{items.name}}</div> <div class="text_center font-12">
{{items.name}}
</div>
</td> </td>
<td style="width:85%; "> <td style="width:85%; ">
<table class="third-table" > <table class="third-table" >
<tr v-for='(child,key) in items.type' :key='key'> <tr v-for='(child,key) in items.type' :key='key'>
<td style="width:20%"> <td style="width:20%">
<div class="text_center">{{child.name}}</div> <div class="text_center font-12 firsttext_font">
{{child.name}}
</div>
</td> </td>
<td style="width:60%" class='third-table-center'> <td style="width:60%" class='third-table-center'>
<div class="text_center">{{child.cate}}</div> <div class="text_center font-12 firsttext_font">
{{child.cate}}
</div>
</td> </td>
<td style="width:10%" class='third-table-center'> <td style="width:10%" class='third-table-center'>
<div class="text_right" style="margin-right:5px">¥{{child.price}}</div> <div class="text_right font-12 firsttext_font" style="margin-right:5px">
¥{{child.price}}
</div>
</td> </td>
<td style="width:10%"> <td style="width:10%">
<div class="text_center"><el-button type='text' @click="edictProtect()">操作</el-button></div> <div class="text_center">
<el-button type='text' @click="edictProtect()">
<span class=" font-12 firsttext_font">操作</span>
</el-button>
</div>
</td> </td>
</tr> </tr>
......
...@@ -38,24 +38,34 @@ var Server={ ...@@ -38,24 +38,34 @@ var Server={
<td style="width:15%"> <td style="width:15%">
<div class="text_center cursor" @click='EdictName()'> <div class="text_center cursor" @click='EdictName()'>
<img src="../static/images/man.jpg" width="78px" height="78px"></img> <img src="../static/images/man.jpg" width="78px" height="78px"></img>
<div><el-button class="text_underline" type='text'>{{item.name}}</el-button></div> <div>
<el-button class="text_underline" type='text'>
<span class=" font-12">{{item.name}}</span>
</el-button>
</div>
</div> </div>
</td> </td>
<td style="width:85%;"> <td style="width:85%;">
<table class="second-table"> <table class="second-table">
<tr v-for='(items,indexs) in item.type' :key='indexs'> <tr v-for='(items,indexs) in item.type' :key='indexs'>
<td style="width:15%;"> <td style="width:15%;">
<div class="text_center">{{items.name}}</div> <div class="text_center font-12">
{{items.name}}
</div>
</td> </td>
<td style="width:85%; "> <td style="width:85%; ">
<table class="third-table" > <table class="third-table" >
<tr v-for='(child,key) in items.type' :key='key'> <tr v-for='(child,key) in items.type' :key='key'>
<td style="width:30%"> <td style="width:30%">
<div class="text_center">{{child.name}}</div> <div class="text_center font-12 firsttext_font">
{{child.name}}
</div>
</td> </td>
<td style="width:70%" class='third-table-center'> <td style="width:70%" class='third-table-center'>
<div class="text_center"> <div class="text_center">
<el-button type='text' style='color:#333;cursor:default'>{{child.cate}}</el-button> <el-button type='text' style='cursor:default'>
<span class=" font-12 firsttext_font">{{child.cate}}</span>
</el-button>
</div> </div>
</td> </td>
</tr> </tr>
......
...@@ -439,6 +439,8 @@ ...@@ -439,6 +439,8 @@
} }
.settle-content .table-header td div,.settle-content .table-header th div{ .settle-content .table-header td div,.settle-content .table-header th div{
font-size: 12px; font-size: 12px;
font-weight: normal;
color: #666666;
} }
.settle-right{ .settle-right{
float: right; float: right;
......
...@@ -58,14 +58,14 @@ ...@@ -58,14 +58,14 @@
<td>{{item.name}}</td> <td>{{item.name}}</td>
<td>¥{{item.price}}</td> <td>¥{{item.price}}</td>
<td> <td>
<span class='firsttext_blue'>{{item.construst }}</span> <span class='firsttext_blue font-12'>{{item.construst }}</span>
</td> </td>
<td> <td>
<p class="info">{{item.info }}</p> <p class="info">{{item.info }}</p>
<p class="detail">{{item.detail }}</p> <p class="detail">{{item.detail }}</p>
</td> </td>
<td> <td>
<span class='firsttext_blue'>{{item.number }}</span> <span class='firsttext_blue font-12'>{{item.number }}</span>
</td> </td>
<td>{{item.date}}</td> <td>{{item.date}}</td>
<td @click='opendialog(item)' class="cursor"> <td @click='opendialog(item)' class="cursor">
......
// 付款详情 // 付款详情
var payDetail={ var payDetail={
template: ` template: `
<el-dialog width="570px" :visible.sync="dialog.show" custom-class='pay-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'> <el-dialog width="570px" :top="resizeTop" :visible.sync="dialog.show" custom-class='pay-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'>
<div slot='title' class="el-dialog__title"> <div slot='title' class="el-dialog__title">
<i class="iconfont iconjiesuan"></i> <i class="iconfont iconjiesuan"></i>
{{dialog.title}} {{dialog.title}}
...@@ -53,12 +53,23 @@ var payDetail={ ...@@ -53,12 +53,23 @@ var payDetail={
}, },
data(){ data(){
return{ return{
detail:{ },uploadApi:'',isdedict:false,other:'',price:'',remark:'', detail:{ },uploadApi:'',isdedict:false,other:'',price:'',remark:'',resizeTop:'5vh',
dialog:{ dialog:{
show:true,title:'付款单(GLDQ0019211237)',tab:'1', show:true,title:'付款单(GLDQ0019211237)',tab:'1',
}, },
} }
}, },
created(){
this.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
//屏幕缩放时大小适应
const that = this;
window.onresize = function temp() {
that.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
};
},
beforeDestroy() {
window.onresize = null
},
methods:{ methods:{
handleClose() { handleClose() {
this.$emit('close') this.$emit('close')
......
// 待结工单 // 待结工单
var settleDetail={ var settleDetail={
template: ` template: `
<el-dialog width="570px" :visible.sync="dialog.show" custom-class='pay-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'> <el-dialog width="570px" :top="resizeTop" :visible.sync="dialog.show" custom-class='pay-detail animated slideInRight' @close="handleClose" :append-to-body="true" :show-close='true'>
<div slot='title' class="el-dialog__title"> <div slot='title' class="el-dialog__title">
<i class="iconfont iconjiesuan"></i> <i class="iconfont iconjiesuan"></i>
{{dialog.title}} {{dialog.title}}
...@@ -77,12 +77,23 @@ var settleDetail={ ...@@ -77,12 +77,23 @@ var settleDetail={
}, },
data(){ data(){
return{ return{
detail:{ },uploadApi:'',other:'',price:'',modal:null,innerData:{}, detail:{ },uploadApi:'',other:'',price:'',modal:null,innerData:{},resizeTop:'5vh',
dialog:{ dialog:{
show:true,title:'工单(GLDQ0019211237)--待结',tab:'1', show:true,title:'工单(GLDQ0019211237)--待结',tab:'1',
}, },
} }
}, },
created(){
this.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
//屏幕缩放时大小适应
const that = this;
window.onresize = function temp() {
that.resizeTop = (document.documentElement.clientHeight/2 -319)+'px';
};
},
beforeDestroy() {
window.onresize = null
},
methods:{ methods:{
handleClose() { handleClose() {
this.$emit('close') this.$emit('close')
......
...@@ -44,6 +44,9 @@ button,.el-button{ ...@@ -44,6 +44,9 @@ button,.el-button{
.text_underline{ .text_underline{
text-decoration: underline; text-decoration: underline;
} }
.font-12{
font-size: 12px;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #f5f5f5; background-color: #f5f5f5;
color: #5874d8; color: #5874d8;
......
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