Skip to content

C
CRM
Commit ab4defb1 authored by 罗超's avatar 罗超
Browse files
Options

调整问题样式

parent e4323fce
Show whitespace changes
Inline Side-by-side
Showing with 885 additions and 821 deletions
src/components/customerManage/orderList.vue
View file @ ab4defb1
...@@ -231,7 +231,7 @@ ...@@ -231,7 +231,7 @@
<customerInfoBox :CustomerId="CustomerId" /> <customerInfoBox :CustomerId="CustomerId" />
</el-drawer> </el-drawer>
<!-- 单号抽屉 --> <!-- 单号抽屉 -->
<el-drawer :with-header="false" size='70%' :visible.sync="orderDrawer" direction="rtl" :before-close="handleClose"> <el-drawer @closed="closeOrderDrawerHandler" :with-header="false" size='70%' :visible.sync="orderDrawer" direction="rtl" :before-close="handleClose">
<orderDetailsDrawer v-if="currentOrder" :orderId="currentOrder.OrderId" /> <orderDetailsDrawer v-if="currentOrder" :orderId="currentOrder.OrderId" />
</el-drawer> </el-drawer>
...@@ -239,18 +239,18 @@ ...@@ -239,18 +239,18 @@
</template> </template>
<script> <script>
import customerInfoBox from "../guestManagement/customerInfoBox"; import customerInfoBox from "../guestManagement/customerInfoBox";
import orderDetailsDrawer from "./orderDetailsDrawer"; import orderDetailsDrawer from "./orderDetailsDrawer";
export default { export default {
components: { components: {
customerInfoBox, customerInfoBox,
orderDetailsDrawer orderDetailsDrawer,
}, },
props: { props: {
//订单 //订单
dataList: { dataList: {
type: Array, type: Array,
default: null default: null,
}, },
loading: { loading: {
type: Boolean, type: Boolean,
...@@ -258,125 +258,136 @@ ...@@ -258,125 +258,136 @@
}, },
superManage: { superManage: {
type: String, type: String,
default: "" default: "",
} },
}, },
data() { data() {
return { return {
MultipleChoiceList: [ //多选项目 MultipleChoiceList: [
//多选项目
{ {
Name: '机票', Name: "机票",
Id: '1' Id: "1",
}, { },
Name: '签证', {
Id: '2' Name: "签证",
}, { Id: "2",
Name: '地接', },
Id: '3' {
}, { Name: "地接",
Name: '套餐', Id: "3",
Id: '4' },
} {
Name: "套餐",
Id: "4",
},
], ],
userInfo: {}, userInfo: {},
MoreList: [{ MoreList: [
Name: '取消订单', {
Id: '1' Name: "取消订单",
}, { Id: "1",
Name: '订单转交', },
Id: '2' {
}, { Name: "订单转交",
Name: '修改出票状态', Id: "2",
Id: '4' },
}, { {
Name: '操作日志', Name: "修改出票状态",
Id: '3' Id: "4",
}, ], },
clickMore: '', {
Name: "操作日志",
Id: "3",
},
],
clickMore: "",
drawer: false, drawer: false,
orderDrawer: false, orderDrawer: false,
CustomerId: '', CustomerId: "",
CustomerName: '', CustomerName: "",
currentOrder:null currentOrder: null,
}; };
}, },
created() { created() {},
},
watch: { watch: {
loading: { loading: {
handler(val, oldVal) { handler(val, oldVal) {
this.loading = val this.loading = val;
},
deep: true,
}, },
deep: true
}
}, },
mounted() { mounted() {
this.userInfo = this.getLocalStorage(); this.userInfo = this.getLocalStorage();
let $this = this let $this = this;
$this.MsgBus.$on("closeBillMaking", function() { $this.MsgBus.$on("closeBillMaking", function() {
for(let i=0;i<$this.dataList.length;i++){ for (let i = 0; i < $this.dataList.length; i++) {
$this.dataList[i].checkList = [] $this.dataList[i].checkList = [];
$this.dataList[i].selectedType = "" $this.dataList[i].selectedType = "";
$this.dataList[i].actuallyReceived = false $this.dataList[i].actuallyReceived = false;
$this.dataList[i].cost = false $this.dataList[i].cost = false;
} }
}); });
}, },
methods: { methods: {
// 多选发生变化 // 多选发生变化
clickMultipleChoice(row, index, num) { clickMultipleChoice(row, index, num) {
if(num == 1){ if (num == 1) {
if(row.checkList.slice(-1)[0] == 4){ if (row.checkList.slice(-1)[0] == 4) {
this.delType(row,1) this.delType(row, 1);
this.delType(row,2) this.delType(row, 2);
this.delType(row,3) this.delType(row, 3);
this.delType(row,5) this.delType(row, 5);
row.selectedType = row.checkList.join(',') row.selectedType = row.checkList.join(",");
}else if(row.checkList.slice(-1)[0] == 5){ } else if (row.checkList.slice(-1)[0] == 5) {
this.delType(row,1) this.delType(row, 1);
this.delType(row,2) this.delType(row, 2);
this.delType(row,3) this.delType(row, 3);
this.delType(row,4) this.delType(row, 4);
row.selectedType = row.checkList.join(',') row.selectedType = row.checkList.join(",");
}else{ } else {
this.delType(row,4) this.delType(row, 4);
this.delType(row,5) this.delType(row, 5);
row.selectedType = row.checkList.join(',') row.selectedType = row.checkList.join(",");
} }
} }
}, },
// 删除套餐值 // 删除套餐值
delType(row,item) { delType(row, item) {
for (let i = 0; i < row.checkList.length; i++) { for (let i = 0; i < row.checkList.length; i++) {
if (row.checkList[i] == item) { if (row.checkList[i] == item) {
row.checkList.splice(i, 1) row.checkList.splice(i, 1);
} }
} }
}, },
// 取消 // 取消
popCancelClick(row, index, num){ popCancelClick(row, index, num) {
this.dataList.forEach(item=>{ this.dataList.forEach((item) => {
item.checkList = [] item.checkList = [];
item.selectedType = '' item.selectedType = "";
item.actuallyReceived =false item.actuallyReceived = false;
item.cost =false item.cost = false;
}) });
}, },
// 确定弹窗 // 确定弹窗
popClick(row, index, num){ popClick(row, index, num) {
if(!row.selectedType){ if (!row.selectedType) {
this.$message.warning('请选择类型!'); this.$message.warning("请选择类型!");
return return;
} }
this.makeAdocumentFun(row, index, num) this.makeAdocumentFun(row, index, num);
this.dataList[index].actuallyReceived =false this.dataList[index].actuallyReceived = false;
this.dataList[index].cost =false this.dataList[index].cost = false;
}, },
// 点击单号 // 点击单号
clickSingleNumber(item){ clickSingleNumber(item) {
this.currentOrder=item this.currentOrder = item;
this.orderDrawer = true this.orderDrawer = true;
},
closeOrderDrawerHandler() {
this.currentOrder = null;
this.orderDrawer = false;
}, },
handleClose(done) { handleClose(done) {
done(); done();
...@@ -389,160 +400,187 @@ ...@@ -389,160 +400,187 @@
// 查看出票凭据 // 查看出票凭据
viewCredentials(row) { viewCredentials(row) {
let $this = this; let $this = this;
this.MsgBus.$emit("CredentialsOrderTicketOrderBoxOpen", $this.ID, row, true); this.MsgBus.$emit(
"CredentialsOrderTicketOrderBoxOpen",
$this.ID,
row,
true
);
}, },
chooseMore(row) { chooseMore(row) {
// 取消订单 // 取消订单
if (row.More == '1') { if (row.More == "1") {
this.cancelOrder(row) this.cancelOrder(row);
} }
// 订单转换 // 订单转换
if (row.More == '2') { if (row.More == "2") {
this.convertOrder(row) this.convertOrder(row);
} }
// 操作日志 // 操作日志
if (row.More == '3') { if (row.More == "3") {
this.operationLog(row) this.operationLog(row);
} }
// 修改出票状态 // 修改出票状态
if (row.More == '4') { if (row.More == "4") {
this.modifyStatus(row) this.modifyStatus(row);
} }
// 编辑订单金额 // 编辑订单金额
if (row.More == '5') { if (row.More == "5") {
this.editOrderAmount(row) this.editOrderAmount(row);
} }
}, },
// 转换订单 // 转换订单
convertOrder(row) { convertOrder(row) {
this.MsgBus.$emit("convertOrderTicketOrderBoxOpen", row.GuestId, row, true); this.MsgBus.$emit(
"convertOrderTicketOrderBoxOpen",
row.GuestId,
row,
true
);
}, },
// 验证操作员 // 验证操作员
ValidateOperator() { ValidateOperator() {
this.$message({ this.$message({
type: 'warning', type: "warning",
message: '抱歉,该订单您没有操作权限!' message: "抱歉,该订单您没有操作权限!",
}); });
this.$emit('emptyMore') this.$emit("emptyMore");
}, },
// 制作单据 // 制作单据
makeAdocument(row, index, num) { makeAdocument(row, index, num) {
let list = row.OrderType&&row.OrderType.split(',') let list = row.OrderType && row.OrderType.split(",");
if(list!=null&&list.length>1&&num==1){
this.dataList.forEach(item=>{
return item.cost = false
})
this.dataList.forEach(item=>{
return item.actuallyReceived = false
})
this.dataList[index].actuallyReceived = true
if (list != null && list.length > 1 && num == 1) {
} this.dataList.forEach((item) => {
else if(list!=null&&list.length>1&&num==3){ return (item.cost = false);
this.dataList.forEach(item=>{ });
return item.actuallyReceived = false this.dataList.forEach((item) => {
}) return (item.actuallyReceived = false);
this.dataList.forEach(item=>{ });
return item.cost = false this.dataList[index].actuallyReceived = true;
}) } else if (list != null && list.length > 1 && num == 3) {
this.dataList[index].cost = true this.dataList.forEach((item) => {
return (item.actuallyReceived = false);
}else{ });
this.makeAdocumentFun(row, index, num) this.dataList.forEach((item) => {
return (item.cost = false);
});
this.dataList[index].cost = true;
} else {
this.makeAdocumentFun(row, index, num);
} }
}, },
makeAdocumentFun(row, index, num){ makeAdocumentFun(row, index, num) {
let type let type;
type = num == 1 ? 1 : 2 // 1收款 2退款 3成本 type = num == 1 ? 1 : 2; // 1收款 2退款 3成本
let href let href;
let url = this.domainManager().erpRoutingUrl let url = this.domainManager().erpRoutingUrl;
let data let data;
let list = row.OrderType&&row.OrderType.split(',') let list = row.OrderType && row.OrderType.split(",");
if (this.userInfo.EmName != row.EnterName) { if (this.userInfo.EmName != row.EnterName) {
this.ValidateOperator() this.ValidateOperator();
} else { } else {
if (row.OrderStatus != '2') { if (row.OrderStatus != "2") {
if(list&&list.length>1){ if (list && list.length > 1) {
let typeList = row.selectedType.split(',') let typeList = row.selectedType.split(",");
if(num==1&&typeList.length>=2){ if (num == 1 && typeList.length >= 2) {
let $this = this; let $this = this;
row.ReFinanceId2 = num row.ReFinanceId2 = num;
this.MsgBus.$emit("BillMakingOrderBoxOpen", $this.ID, row, true); this.MsgBus.$emit("BillMakingOrderBoxOpen", $this.ID, row, true);
}if(typeList.length==1&&num=='1'||num=='3'){ }
data = [{ if ((typeList.length == 1 && num == "1") || num == "3") {
path: 'ChoiceAddFinancialDocuments', data = [
{
path: "ChoiceAddFinancialDocuments",
type: type, type: type,
OtherType: 55, OtherType: 55,
ReFinanceId: row.OrderId, ReFinanceId: row.OrderId,
ReFinanceId2: num, ReFinanceId2: num,
GuestId: row.GuestId, GuestId: row.GuestId,
RelevanceFrId: row.selectedType, // 单据类型 RelevanceFrId: row.selectedType, // 单据类型
}] },
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) ];
href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href); window.open(href);
for(let i=0;i<this.dataList.length;i++){ for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].checkList = [] this.dataList[i].checkList = [];
this.dataList[i].selectedType = "" this.dataList[i].selectedType = "";
this.dataList[i].actuallyReceived = false this.dataList[i].actuallyReceived = false;
this.dataList[i].cost = false this.dataList[i].cost = false;
}
} }
}if(num=='2'){ if (num == "2") {
data = [{ data = [
path: 'ChoiceAddFinancialDocuments', {
path: "ChoiceAddFinancialDocuments",
type: type, type: type,
OtherType: 55, OtherType: 55,
ReFinanceId: row.OrderId, ReFinanceId: row.OrderId,
ReFinanceId2: num, ReFinanceId2: num,
GuestId: row.GuestId, GuestId: row.GuestId,
}] },
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) ];
href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href); window.open(href);
for(let i=0;i<this.dataList.length;i++){ for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].checkList = [] this.dataList[i].checkList = [];
this.dataList[i].selectedType = "" this.dataList[i].selectedType = "";
this.dataList[i].actuallyReceived = false this.dataList[i].actuallyReceived = false;
this.dataList[i].cost = false this.dataList[i].cost = false;
} }
} }
} else {
}else{ if (num == 1 || num == 2) {
if(num==1||num==2){ data = [
data = [{ {
path: 'ChoiceAddFinancialDocuments', path: "ChoiceAddFinancialDocuments",
type: type, type: type,
OtherType: 55, OtherType: 55,
ReFinanceId: row.OrderId, ReFinanceId: row.OrderId,
ReFinanceId2: num, ReFinanceId2: num,
GuestId: row.GuestId, GuestId: row.GuestId,
RelevanceFrId: row.OrderType, // 单据类型 RelevanceFrId: row.OrderType, // 单据类型
}] },
];
} }
if(num==3){ if (num == 3) {
data = [{ data = [
path: 'ChoiceAddFinancialDocuments', {
path: "ChoiceAddFinancialDocuments",
type: type, type: type,
OtherType: 55, OtherType: 55,
ReFinanceId: row.OrderId, ReFinanceId: row.OrderId,
ReFinanceId2: num, ReFinanceId2: num,
GuestId: row.GuestId, GuestId: row.GuestId,
}] },
} ];
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) }
href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href); window.open(href);
for(let i=0;i<this.dataList.length;i++){ for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].checkList = [] this.dataList[i].checkList = [];
this.dataList[i].selectedType = "" this.dataList[i].selectedType = "";
this.dataList[i].actuallyReceived = false this.dataList[i].actuallyReceived = false;
this.dataList[i].cost = false this.dataList[i].cost = false;
} }
} }
} }
} }
}, },
...@@ -553,18 +591,22 @@ ...@@ -553,18 +591,22 @@
// 修改出票状态 // 修改出票状态
modifyStatus(row) { modifyStatus(row) {
if (this.superManage) { if (this.superManage) {
this.ModifyStatusfun(row) this.ModifyStatusfun(row);
} else { } else {
if (this.userInfo.EmName != row.EnterName) { if (this.userInfo.EmName != row.EnterName) {
this.ValidateOperator() this.ValidateOperator();
} else { } else {
this.ModifyStatusfun(row) this.ModifyStatusfun(row);
} }
} }
}, },
ModifyStatusfun(row) { ModifyStatusfun(row) {
if (row.TicketStatus == 3 || row.TicketStatus == 4 || row.OrderStatus == '2') { if (
return row.TicketStatus == 3 ||
row.TicketStatus == 4 ||
row.OrderStatus == "2"
) {
return;
} else { } else {
this.MsgBus.$emit("reviseTicketOrderBoxOpen", row.GuestId, row, true); this.MsgBus.$emit("reviseTicketOrderBoxOpen", row.GuestId, row, true);
} }
...@@ -572,71 +614,87 @@ ...@@ -572,71 +614,87 @@
// 取消订单 // 取消订单
cancelOrder(row) { cancelOrder(row) {
if (this.superManage) { if (this.superManage) {
this.cancelOrderfun(row) this.cancelOrderfun(row);
} else { } else {
if (this.userInfo.EmName != row.EnterName) { if (this.userInfo.EmName != row.EnterName) {
this.ValidateOperator() this.ValidateOperator();
} else { } else {
this.cancelOrderfun(row) this.cancelOrderfun(row);
} }
} }
}, },
cancelOrderfun(row) { cancelOrderfun(row) {
if (row.OrderStatus != '2' && row.IncomeFinance.length == 0 && row.BackFinance.length == 0 && row.PayFinance.length == 0) { if (
let tips = '此操作将取消该订单，是否继续取消?' row.OrderStatus != "2" &&
this.$confirm(tips, '提示', { row.IncomeFinance.length == 0 &&
confirmButtonText: '确定', row.BackFinance.length == 0 &&
cancelButtonText: '取消', row.PayFinance.length == 0
type: 'warning' ) {
}).then(() => { let tips = "此操作将取消该订单，是否继续取消?";
this.apipost('/api/Order/SetGuestOrderState', { this.$confirm(tips, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.apipost(
"/api/Order/SetGuestOrderState",
{
OrderId: row.OrderId, OrderId: row.OrderId,
Type: '1', Type: "1",
}, res => { },
(res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.$message.success(res.data.message); this.$message.success(res.data.message);
this.getList() this.getList();
}
} }
);
}) })
}).catch(() => { .catch(() => {
this.$emit('emptyMore') this.$emit("emptyMore");
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
} else { } else {
this.$emit('emptyMore') this.$emit("emptyMore");
} }
}, },
// 编辑订单 // 编辑订单
editOrder(row) { editOrder(row) {
if (this.superManage) { if (this.superManage) {
this.editOrderfun(row) this.editOrderfun(row);
} else { } else {
if (this.userInfo.EmName != row.EnterName) { if (this.userInfo.EmName != row.EnterName) {
this.ValidateOperator() this.ValidateOperator();
} else { } else {
this.editOrderfun(row) this.editOrderfun(row);
} }
} }
}, },
editOrderfun(row) { editOrderfun(row) {
if (row.TicketStatus == 1 && row.OrderStatus == 1) { if (row.TicketStatus == 1 && row.OrderStatus == 1) {
this.MsgBus.$emit("editOrderTicketOrderBoxOpen", row.GuestId, row, true); this.MsgBus.$emit(
"editOrderTicketOrderBoxOpen",
row.GuestId,
row,
true
);
} else { } else {
this.$emit('emptyMore') this.$emit("emptyMore");
} }
}, },
// 编辑订单金额 // 编辑订单金额
editOrderAmount(row) { editOrderAmount(row) {
if (this.superManage) { if (this.superManage) {
this.editOrderAmountfun(row) this.editOrderAmountfun(row);
} else { } else {
if (this.userInfo.EmName != row.EnterName) { if (this.userInfo.EmName != row.EnterName) {
this.ValidateOperator() this.ValidateOperator();
} else { } else {
this.editOrderAmountfun(row) this.editOrderAmountfun(row);
} }
} }
}, },
...@@ -644,204 +702,209 @@ ...@@ -644,204 +702,209 @@
if (row.TicketStatus == 1 && row.OrderStatus == 1) { if (row.TicketStatus == 1 && row.OrderStatus == 1) {
this.MsgBus.$emit("editTicketOrderBoxOpen", row.GuestId, row, true); this.MsgBus.$emit("editTicketOrderBoxOpen", row.GuestId, row, true);
} else { } else {
this.$emit('emptyMore') this.$emit("emptyMore");
} }
}, },
openDetails(item) { openDetails(item) {
let href let href;
let url = this.domainManager().erpRoutingUrl let url = this.domainManager().erpRoutingUrl;
let data = [{ let data = [
path: 'FinancialDocumentsDetail', {
id: item.FrID path: "FinancialDocumentsDetail",
}] id: item.FrID,
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) },
];
href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href); window.open(href);
}, },
// 获取出票状态枚举 // 获取出票状态枚举
GetTicketStatusEnumList() { GetTicketStatusEnumList() {
this.msg.GuestId = row.GuestId this.msg.GuestId = row.GuestId;
this.apipost( this.apipost("/api/Order/GetTicketStatusEnumList", {}, (res) => {
"/api/Order/GetTicketStatusEnumList", {},
(res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.ticketingStatusList = res.data.data; this.ticketingStatusList = res.data.data;
let data = { let data = {
Name: '全部', Name: "全部",
Id: '0' Id: "0",
} };
this.ticketingStatusList.unshift(data) this.ticketingStatusList.unshift(data);
} else { } else {
this.$message.error(res.data.message); this.$message.error(res.data.message);
} }
} });
);
}, },
} },
}; };
</script> </script>
<style> <style>
li { li {
list-style-type: none; list-style-type: none;
} }
.classorder ul { .classorder ul {
padding: 0px; padding: 0px;
} }
.classorder .price-popup { .classorder .price-popup {
border-radius: 4px; border-radius: 4px;
} }
.classorder .el-range-editor .el-range-input { .classorder .el-range-editor .el-range-input {
background: none; background: none;
} }
.classorder .el-range-editor.el-input__inner { .classorder .el-range-editor.el-input__inner {
background-color: transparent; background-color: transparent;
} }
.classorder .q-mb-md { .classorder .q-mb-md {
margin-bottom: 0; margin-bottom: 0;
} }
.classorder .stics { .classorder .stics {
padding: 10px 20px; padding: 10px 20px;
background: #dddee0; background: #dddee0;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
} }
.classorder .stics .stics-name { .classorder .stics .stics-name {
color: #2d2d2d; color: #2d2d2d;
font-weight: 600; font-weight: 600;
margin-right: 10px; margin-right: 10px;
} }
.classorder .tis { .classorder .tis {
margin: 10px 0; margin: 10px 0;
align-items: center; align-items: center;
} }
.classorder .tis .tis-k { .classorder .tis .tis-k {
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-right: 8px; margin-right: 8px;
} }
.classorder .tis span { .classorder .tis span {
font-size: 14px; font-size: 14px;
color: #2d2d2d; color: #2d2d2d;
font-weight: 600; font-weight: 600;
margin-right: 20px; margin-right: 20px;
} }
.classorder table { .classorder table {
padding: 10px 0; padding: 10px 0;
width: 100%; width: 100%;
background-color: #ededed; background-color: #ededed;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
font-size: 12px; font-size: 12px;
} }
.classorder table th { .classorder table th {
background-color: #ededed; background-color: #ededed;
height: 34px; height: 34px;
text-indent: 15px; text-indent: 15px;
} }
.enrollTotalSearchTable td { .enrollTotalSearchTable td {
background-color: #ffffff; background-color: #ffffff;
padding: 9px 15px; padding: 9px 15px;
color: #333333; color: #333333;
border: 1px solid rgba(138, 138, 138, 0.09); border: 1px solid rgba(138, 138, 138, 0.09);
text-align: left; text-align: left;
} }
.classorder table ._color_666 { .classorder table ._color_666 {
color: #666666; color: #666666;
} }
.classorder table tr._color_666 th { .classorder table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.classorder table th { .classorder table th {
background-color: #ededed; background-color: #ededed;
height: 34px; height: 34px;
text-indent: 15px; text-indent: 15px;
} }
.classorder table td { .classorder table td {
background-color: #ffffff; background-color: #ffffff;
padding: 9px 15px; padding: 9px 15px;
color: #333333; color: #333333;
} }
.classorder table ._color_666 { .classorder table ._color_666 {
color: #666666; color: #666666;
} }
.classorder table tr._color_666 th { .classorder table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.classorder .enrollTotalSearchTable { .classorder .enrollTotalSearchTable {
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
border-collapse: collapse; border-collapse: collapse;
} }
.classorder .enrollTotalSearchTable tr {} .classorder .enrollTotalSearchTable tr {
}
.classorder .enrollTotalSearchTable tr th { .classorder .enrollTotalSearchTable tr th {
background: #dddee0; background: #dddee0;
height: 30px; height: 30px;
font-size: 12px; font-size: 12px;
text-align: left; text-align: left;
} }
.classorder .enrollTotalSearchTable tr { .classorder .enrollTotalSearchTable tr {
background: #fff; background: #fff;
text-align: left; text-align: left;
} }
.classorder .enrollTotalSearchTable tbody tr:last-child { .classorder .enrollTotalSearchTable tbody tr:last-child {
border-bottom: 2px solid #ddd; border-bottom: 2px solid #ddd;
} }
.classorder .enrollTotalSearchTable tr:first-child td:first-child { .classorder .enrollTotalSearchTable tr:first-child td:first-child {
border-bottom: 2px solid #ddd; border-bottom: 2px solid #ddd;
} }
.classorder .enrollTotalSearchTable tr td { .classorder .enrollTotalSearchTable tr td {
height: 46px; height: 46px;
padding: 10px; padding: 10px;
} }
.classorder .enrollTotalSearchTable tr td>img { .classorder .enrollTotalSearchTable tr td > img {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 16px; border-radius: 16px;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 5px;
} }
.classorder .enrollTotalSearchTable tr td p { .classorder .enrollTotalSearchTable tr td p {
line-height: 20px; line-height: 20px;
} }
.classorder .remarks { .classorder .remarks {
font-size: 14px; font-size: 14px;
color: #2d2d2d; color: #2d2d2d;
} }
.classorder .remarks-b { .classorder .remarks-b {
height: 34px; height: 34px;
background: #f0f5fb; background: #f0f5fb;
margin-top: 10px; margin-top: 10px;
...@@ -854,220 +917,221 @@ ...@@ -854,220 +917,221 @@
line-height: 20px; line-height: 20px;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.classorder .remarks-b-b { .classorder .remarks-b-b {
text-align: right; text-align: right;
position: absolute; position: absolute;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
} }
.classorder .on-left { .classorder .on-left {
margin-right: 5px; margin-right: 5px;
} }
.classorder .finance { .classorder .finance {
padding: 1px 10px; padding: 1px 10px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
margin: 5px 3px 3px 0; margin: 5px 3px 3px 0;
} }
.classorder .order_OfferId { .classorder .order_OfferId {
font-size: 18px; font-size: 18px;
color: #2961fe; color: #2961fe;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.takeContract { .takeContract {
cursor: pointer; cursor: pointer;
color: rgb(41, 97, 254); color: rgb(41, 97, 254);
} }
.Contract_Table { .Contract_Table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.Contract_Table th, .Contract_Table th,
.Contract_Table td { .Contract_Table td {
padding: 5px; padding: 5px;
color: #000; color: #000;
text-align: center; text-align: center;
} }
.table-body { .table-body {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }
.classorder .redstyle { .classorder .redstyle {
color: var(--q-color-negative); color: var(--q-color-negative);
} }
.order_OferTitle { .order_OferTitle {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
margin-bottom: 10px; margin-bottom: 10px;
} }
.tatusText.grey { .tatusText.grey {
color: grey; color: grey;
} }
.tatusText.success { .tatusText.success {
color: #21BA45; color: #21ba45;
} }
.tatusText.error { .tatusText.error {
color: #F2C037; color: #f2c037;
} }
.tatusText.Black { .tatusText.Black {
color: Black; color: Black;
} }
.ToBeReceived.red { .ToBeReceived.red {
color: #fd397a; color: #fd397a;
} }
.ToBeReceived.blue { .ToBeReceived.blue {
color: #409eff; color: #409eff;
} }
.documents-text { .documents-text {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.documents-left { .documents-left {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: 2px 0; margin: 2px 0;
} }
.documents-left span { .documents-left span {
margin-right: 10px; margin-right: 10px;
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
} }
.documents-left span:hover { .documents-left span:hover {
cursor: pointer; cursor: pointer;
} }
.documents-left span.one { .documents-left span.one {
background-color: rgba(41, 97, 254, 0.2); background-color: rgba(41, 97, 254, 0.2);
color: rgb(41, 97, 254); color: rgb(41, 97, 254);
} }
.documents-left span.two { .documents-left span.two {
background-color: rgba(242, 140, 29, 0.2); background-color: rgba(242, 140, 29, 0.2);
color: rgb(242, 140, 29); color: rgb(242, 140, 29);
} }
.documents-left span.three { .documents-left span.three {
background-color: rgba(63, 196, 255, 0.2); background-color: rgba(63, 196, 255, 0.2);
color: rgb(63, 196, 255); color: rgb(63, 196, 255);
} }
.documents-left.num span { .documents-left.num span {
background-color: rgba(41, 97, 254, 0); background-color: rgba(41, 97, 254, 0);
color: rgb(41, 97, 254); color: rgb(41, 97, 254);
padding: 0; padding: 0;
} }
.documents-right { .documents-right {
margin-right: 20px; margin-right: 20px;
position: relative; position: relative;
} }
.OrderId-text { .OrderId-text {
font-size: 19px; font-size: 19px;
/* text-decoration:underline; */ /* text-decoration:underline; */
font-weight: bold; font-weight: bold;
color: #2961fe; color: #2961fe;
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;
} }
.CreateByName-text { .CreateByName-text {
margin-bottom: 10px; margin-bottom: 10px;
} }
.colorblue { .colorblue {
color: #2961fe; color: #2961fe;
} }
.enedit-box { .enedit-box {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.select-right { .select-right {
margin-left: 5px; margin-left: 5px;
} }
.Credentials { .Credentials {
color: #2961FE; color: #2961fe;
} }
.TicketVoucher-box { .TicketVoucher-box {
display: flex; display: flex;
} }
.TicketVoucher-box span { .TicketVoucher-box span {
flex-shrink: 0; flex-shrink: 0;
} }
.TicketVoucher-box i { .TicketVoucher-box i {
margin-left: 5px; margin-left: 5px;
} }
.agreement-IncomeMoney-box{ .agreement-IncomeMoney-box {
position: relative; position: relative;
} }
.agreement-IncomeMoney-pop{ .agreement-IncomeMoney-pop {
position: absolute; position: absolute;
top: -20px; top: -20px;
left: -270px; left: -270px;
z-index: 1; z-index: 1;
background: #fff; background: #fff;
padding: 10px 19px 10px 19px; padding: 10px 19px 10px 19px;
Box-shadow:5px 5px 10px 5px #ccc; box-shadow: 5px 5px 10px 5px #ccc;
} }
.agreement-Cancel{ .agreement-Cancel {
text-align: right; text-align: right;
color: #409eff; color: #409eff;
} }
.agreement-Cancel span:first-child{ .agreement-Cancel span:first-child {
color: #999999; color: #999999;
margin-right: 20px; margin-right: 20px;
} }
.agreement-Cancel span:hover{ .agreement-Cancel span:hover {
cursor: pointer; cursor: pointer;
} }
.float-flag-shape{ .float-flag-shape {
position: absolute; position: absolute;
top:20px; top: 20px;
border: 1px solid #fff; border: 1px solid #fff;
height: 0; height: 0;
width: 0; width: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-left: 10px solid #fff; border-left: 10px solid #fff;
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
right:-11px; right: -11px;
} }
.el-checkbox-group,.el-radio-group{ .el-checkbox-group,
.el-radio-group {
display: flex !important; display: flex !important;
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.font-color-link{ .font-color-link {
cursor: pointer; cursor: pointer;
} }
</style> </style>
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