Skip to content

C
CRM
Commit b422a2ad authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 5ff17a33
Hide whitespace changes
Inline Side-by-side
Showing with 337 additions and 0 deletions
src/components/customerManage/orderLog.vue 0 → 100644
View file @ b422a2ad
<style>
.orderProductDetails-box{
padding: 20px;
background-color: #fff;
}
.form-box-log {
border-left: 1px solid #E9E9E9;
}
.form-log-title {
width: 100%;
position: relative;
}
.form-log-text {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.form-log-text span:first-child {
color: #409efe;
font-size: 15px;
}
.form-log-text span:last-child {
color: #555;
}
.form-log-text,
.form-log-center {
padding: 0 0 0 20px;
}
.log-radius {
position: absolute;
width: 5px;
height: 5px;
left: -3px;
border-radius: 100%;
top: 15px;
background: rgba(255, 164, 117, 1);
border-radius: 50%;
margin-right: 10px;
}
.form-log-center {
margin-bottom: 20px;
letter-spacing: 2px;
}
.orderlog-box{
height: 100%;
overflow-y: scroll;
}
</style>
<template>
<div class="orderProductDetails-box" :style="{height:logData.length>0?'460px':'400px'}">
<div class="orderlog-box">
<div v-for="(item,index) in logData" :key="index">
<div class="form-box-log">
<div class="form-log-title">
<span class="log-radius"></span>
<div class="form-log-text">
<span>
{{item.CreateByName}}
</span>
<span>
{{item.CreateTime}}
</span>
</div>
</div>
<div class="form-log-center">
{{item.LogContent}}
</div>
</div>
</div>
</div>
<div v-if="total>0">
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[10, 30, 60, 90, 100]" :page-size="msg.pageSize" layout="total, sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
components: {
},
props: {
orderId: {
type: Number,
required: true,
},
},
data() {
return {
logData: [],
total: 0,
msg: {
pageIndex: 1,
pageSize: 10,
OrderId: "",
},
};
},
watch: {
orderId: {
handler(val, oldVal) {
this.msg.orderId = val
this.getList()
},
deep: true,
},
},
mounted() {
this.getList()
},
methods: {
// 操作日志
getList() {
this.apipost("/api/Order/GetOrderLogPageList", this.msg, (res) => {
if (res.data.resultCode == 1) {
this.logData = res.data.data.pageData
this.total = res.data.data.count
} else {
this.$message.error(res.data.message);
}
});
},
handleSizeChange(val) {
this.msg.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
},
};
</script>
\ No newline at end of file
src/components/customerManage/productDetails.vue 0 → 100644
View file @ b422a2ad
<style>
.orderProductDetails-box{
padding: 20px 0;
background-color: #fff;
}
.MultipleChoice-item {
display: flex;
}
.MultipleChoice-item.bottom0 {
margin-bottom: 0;
}
.MultipleChoice-OrderType {
padding: 9px 19px 0 19px;
}
.el-form-item.MultipleChoice-OrderType {
margin-bottom: 0 !important;
}
.MultipleChoice-left {
display: flex;
flex-direction: column;
}
.MultipleChoice-left div {
flex: 1;
padding: 20px 19px;
}
.MultipleChoice-right {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 0 0 0 0;
}
.MultipleChoice-right-box {
background: #fff;
flex: 1;
padding: 9px 19px;
margin-bottom: 10px;
}
.MultipleChoice-right-box.active {
background: #F5F7FA;
}
.MultipleChoice-right-box .el-form-item {
margin-bottom: 0;
}
.combo-box {
display: flex;
justify-content: space-between;
}
.combo-center.active {
background: #F5F7FA;
}
.combo-center {
flex: 1;
padding: 9px 19px 0 19px;
}
.combo-center:first-child {
margin-right: 30px;
}
.el-checkbox-group, .el-radio-group{
margin-bottom: 0;
}
</style>
<template>
<div class="orderProductDetails-box">
<el-form class="MyEditForm">
<div class="MultipleChoice-item">
<div class="MultipleChoice-left">
<div v-for="(item,index) in checkList" :key="index">
{{item.Name}}
</div>
</div>
<div class="MultipleChoice-right">
<div class="MultipleChoice-right-box" v-if="detailsData.OrderType&&detailsData.OrderType.indexOf('1')!=-1"
:class="AirTicketsShow?'active':''">
<el-form-item label="机票金额">
<el-input placeholder="请输入机票金额" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
v-model="detailsData.TicketMoney"
disabled></el-input>
</el-form-item>
</div>
<div class="MultipleChoice-right-box" v-if="detailsData.OrderType&&detailsData.OrderType.indexOf('2')!=-1"
:class="visaShow?'active':''">
<el-form-item label="签证金额">
<el-input placeholder="请输入签证金额" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
v-model="detailsData.VisaMoney"
disabled></el-input>
</el-form-item>
</div>
<div class="MultipleChoice-right-box" v-if="detailsData.OrderType&&detailsData.OrderType.indexOf('3')!=-1"
:class="groundShow?'active':''">
<el-form-item label="地接金额">
<el-input placeholder="请输入地接金额" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
v-model="detailsData.DiJieMoney"
disabled></el-input>
</el-form-item>
</div>
<div class="combo-box" v-if="detailsData.OrderType&&detailsData.OrderType.indexOf('4')!=-1">
<div class="combo-center"
:class="comboShow?'active':''">
<el-form-item label="套餐金额">
<el-input placeholder="请输入套餐金额" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
v-model="detailsData.MealMoney"
disabled></el-input>
</el-form-item>
</div>
<div class="combo-center"
:class="comboShow?'active':''">
<el-form-item label="说明" prop="MealDescription"
:rules="comboShow?[{ required: false}]:rules.MealDescription">
<el-input placeholder="请输入套餐说明"
v-model="detailsData.MealDescription"
disabled></el-input>
</el-form-item>
</div>
</div>
</div>
</div>
</el-form>
</div>
</template>
<script>
export default {
components: {
},
props: {
detailsData: {
type: Object,
required: true,
},
},
data() {
return {
comboShow: true,
groundShow: true,
visaShow: true,
AirTicketsShow: true,
checkList:[],
MultipleChoiceList: [ //多选项目
{
Name: '机票',
Id: '1'
}, {
Name: '签证',
Id: '2'
}, {
Name: '地接',
Id: '3'
}, {
Name: '套餐',
Id: '4'
}
],
};
},
watch: {
detailsData: {
handler(val, oldVal) {
this.detailsData = val
let list = this.detailsData.OrderType.split(',')
for(let i=0;i<list.length;i++){
for(let j=0;j<this.MultipleChoiceList.length;j++){
if(list[i]==this.MultipleChoiceList[j].Id){
this.checkList.push(this.MultipleChoiceList[j])
}
}
}
},
deep: true,
},
},
mounted() {
},
methods: {
},
};
</script>
\ 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