From e1ec4e662636af70085e9148c9672e5951d3d568 Mon Sep 17 00:00:00 2001
From: zhangyanpeng <bob.zhang@highdatas.com>
Date: 星期五, 02 八月 2024 14:31:57 +0800
Subject: [PATCH] 新增拜访
---
module/order/page/implanted_date.html | 240 +++++++++++++++++------------------------------------------
1 files changed, 70 insertions(+), 170 deletions(-)
diff --git a/module/order/page/implanted_date.html b/module/order/page/implanted_date.html
index 7848a1e..fbcac42 100644
--- a/module/order/page/implanted_date.html
+++ b/module/order/page/implanted_date.html
@@ -217,20 +217,16 @@
is_implant_alter_open: false,
is_order_open: false,
is_order_close: false,
- is_implant_close: false,
order_open_time: "",
- implant_open_time: "",
month_implant: "",
month_implant_alter: "",
}
this.load_data.push(r_);
this.load_data_map[slotData.day] = r_;
}
+
if (this.load_data_map[slotData.day] && this.load_data_map[slotData.day].is_order_close) {
- class_ += " orderclose";
- }
- if (this.load_data_map[slotData.day] && this.load_data_map[slotData.day].is_implant_close) {
- class_ += " implantclose";
+ class_ += " close";
}
if (this.load_data_map[slotData.day] && this.load_data_map[slotData.day].is_implant_open) {
class_ += " implant";
@@ -238,7 +234,6 @@
if (this.load_data_map[slotData.day] && this.load_data_map[slotData.day].is_order_open) {
class_ += " order";
}
-
// if (this.load_data_map[slotData.day] && this.load_data_map[slotData.day].is_implant_alter_open) {
// class_ += " implantAlterCancel";
// }
@@ -285,15 +280,15 @@
else if (type == "is_order_close") { // 鍏宠处鏃�
if (row.is_order_close) { // 濡傛灉鏄叧璐︽棩鏈�
row.is_order_close = false // 璁剧疆涓嶆槸鍏宠处鏃�
- row.is_order_open = true // 璁剧疆鍙笅鍗�
- // row.is_implant_open = true // 璁剧疆鍙鍏�
+ row.is_order_open = false // 璁剧疆鍙笅鍗�
+ row.is_implant_open = false // 璁剧疆鍙鍏�
row.order_open_time = ""
action = "del"
}
else {
row.is_order_close = true
row.is_order_open = false // 璁剧疆涓嶅彲涓嬪崟
- // row.is_implant_open = false // 璁剧疆涓嶅彲妞嶅叆
+ row.is_implant_open = false // 璁剧疆涓嶅彲妞嶅叆
row.order_open_time = "00:00" // 鍏宠处鏃ヤ腑浠庡嚑鐐瑰紑濮嬪叧璐�
action = "add"
@@ -302,27 +297,6 @@
else if (type == "order_open_time") { // 鍏宠处鏃ヤ粠鍑犵偣寮�濮嬪叧璐�
action = "add"
}
- else if (type == "is_implant_close") { // 鍏宠处鏃�
- if (row.is_implant_close) { // 濡傛灉鏄叧璐︽棩鏈�
- row.is_implant_close = false // 璁剧疆涓嶆槸鍏宠处鏃�
- // row.is_order_open = true // 璁剧疆鍙笅鍗�
- row.is_implant_open = true // 璁剧疆鍙鍏�
- row.implant_open_time = ""
- action = "del"
- }
- else {
- row.is_implant_close = true
- // row.is_order_open = false // 璁剧疆涓嶅彲涓嬪崟
- row.is_implant_open = false // 璁剧疆涓嶅彲妞嶅叆
- row.implant_open_time = "00:00" // 鍏宠处鏃ヤ腑浠庡嚑鐐瑰紑濮嬪叧璐�
-
- action = "add"
- }
- }
- else if (type == "implant_open_time") { // 鍏宠处鏃ヤ粠鍑犵偣寮�濮嬪叧璐�
- action = "add"
- }
-
this.load_data_map[slotData.day] = row
this.setDayData(action, row, type);
@@ -411,129 +385,91 @@
.el-calendar-day>div{
border-radius: 6px;
height: 100%;
- padding: 2px;
+ padding: 8px;
box-sizing: border-box;
}
- /*
- 鍏敤锛歜utton_div
-
- 璁㈠崟锛歰rder orderclose
- 鎸夐敭锛歜utton_order_open
- 鏂囨湰锛歰rder_txt orderclose_txt
-
- */
-
- .button_implantclose, .button_orderclose{
- display: inline;
+ .implant_txt {
+ display: none;
+ }
+ .order_txt {
+ display: none;
+ }
+ .close_txt {
+ display: none;
+ }
+ .button_implant_open, .button_order_open{
+ display: inline-flex;
width: 45%;
height: 100%;
- background-color: #f1f1f1;
- border-radius: 5px;
- font-size: 12px;
- }
-
- .button_div {
- display: flex;
- height: 45%;
- align-items: center; /* 鍨傜洿灞呬腑 */
- justify-content: center; /* 姘村钩灞呬腑 */
- }
-
- .button_implant_open, .button_order_open{
- display: flex;
- width: 100%;
- height: 50%;
background-color: #d8d8d8;
align-items: center; /* 鍨傜洿灞呬腑 */
justify-content: center; /* 姘村钩灞呬腑 */
border-radius: 5px;
}
- .orderclose_txt {
- display: flex;
- color: #fff;
- }
- .order_txt {
- display: flex;
- height: 45%;
- color: #fff;
- align-items: center; /* 鍨傜洿灞呬腑 */
- justify-content: center; /* 姘村钩灞呬腑 */
- }
- .current .order .button_order_open {
- background-color: #55aa7f;
- border-radius: 5px;
- }
- /* .current .order .order_txt{
- display: flex;
- color: #fff;
- } */
-
- .current .implantclose .button_implant_open, .current .orderclose .button_order_open {
+ .button_order_close{
display: none;
- }
- .current .orderclose .button_orderclose{
- background-color: #d5726b;
- color: #fff;
- }
- /* .current .orderclose .orderclose_txt{
- display: flex;
- } */
- .current .orderclose .close_endtime{
- display: flex;
- }
-
-
- .implantclose_txt {
- display: flex;
- color: #fff;
- }
- .implant_txt {
- display: flex;
- height: 45%;
- color: #fff;
- align-items: center; /* 鍨傜洿灞呬腑 */
- justify-content: center; /* 姘村钩灞呬腑 */
}
.current .implant .button_implant_open {
background-color: #6495ed;
+ color: #fff;
border-radius: 5px;
}
- /* .current .implant .implant_txt{
+ .current .implant .implant_txt{
display: flex;
+ font-size: 12px;
+ }
+ .current .order .button_order_open {
+ background-color: #55aa7f;
color: #fff;
- } */
- .current .implantclose .button_implantclose{
+ border-radius: 5px;
+ }
+ .current .order .order_txt{
+ display: flex;
+ font-size: 12px;
+ }
+
+ .current .close {
background-color: #d5726b;
color: #fff;
}
- /* .current .implantclose .implantclose_txt{
- display: flex;
- } */
- .current .implantclose .close_endtime{
- display: flex;
+ .current .close .button_order_close{
+ display: inline-flex;
+ width: 80%;
+ height: 100%;
+ background-color: #d8d8d8;
+ align-items: center; /* 鍨傜洿灞呬腑 */
+ justify-content: center; /* 姘村钩灞呬腑 */
+ border-radius: 5px;
}
-
-
- .current .close_endtime .el-input--prefix .el-input__inner, .current .close_endtime .el-input--prefix .el-input__inner{
+ .current .close .close_endtime{
+ display: flex;
+ font-size: 12px;
+ color: #fff;
+ }
+ .current .close .close_endtime .el-input--prefix .el-input__inner, .current .close .close_endtime .el-input--prefix .el-input__inner{
padding-left: 5px !important;
padding-right: 5px !important;
}
.el-input__prefix {
display: none;
}
+ .current .close .close_txt{
+ display: inline;
+ font-size: 12px;
+ color: #fff;
+ }
+ .current .close .button_implant_open, .current .close .button_order_open {
+ display: none;
+ }
+ .current .implantAlterCancel {
+ background-color: #c38e39;
+ color: #fff;
+ }
.h_table {
margin-top: 0px;
}
- .card-box table {
- border-collapse: collapse !important;
- border: none !important;
- }
-
- .h_c_table td {
- border: none !important
- }
</style>
@@ -544,59 +480,23 @@
</div>
<div :style="{display: 'flex', width: '100%', height: bodyHeight + 'px'}">
+
<div v-loading="load_loading" style="width: 95%; height: 100%; padding:1% 0px 0% 1%">
<div :style="{width: '100%', height: calendarHeight + 'px', display: 'flex', opacity: '1'}">
<el-card class="card-box" shadow="always">
<el-calendar v-model="calendar_month" ref="ref_calendar">
<template slot="dateCell" slot-scope="{date, data}">
- <div :class="setDateClass(date, data)">
- <table class="h_c_table" style="width: 100%; height: 100%;">
- <tr>
- <td style="width: 22px;">
- {{ data.day.split('-').slice(2).join('-')}}
- </td>
- <td>
- <div style="height: 100%; display: flex; justify-content: space-around;">
- <div class="button_implantclose" @click.stop="onDay(date, data, 'is_implant_close')">
- <div class="button_div">
- <span class="implantclose_txt">妞嶅叆鍏宠处</span>
- </div>
- <div class="button_implant_open" @click.stop="onDay(date, data, 'is_implant_open')">
- <div class="implant_txt">鍙鍏�</div>
- </div>
- <div v-if="load_data_map[data.day] && load_data_map[data.day].is_implant_close" class="close_endtime" @click.stop="onTempDay(date, data, 'is_implant_open')">
- <el-time-select :readonly="!cbuttons_r.edit" v-model="load_data_map[data.day].implant_open_time" style="width: 100%;" :clearable="false" size="mini" @change="onDay(date, data, 'implant_open_time')" :picker-options="{
- start: '00:00',
- step: '00:30',
- end: '24:00'
- }"
- placeholder="閫夋嫨鏃堕棿">
- </el-time-select>
- </div>
- </div>
- <div class="button_orderclose" @click.stop="onDay(date, data, 'is_order_close')">
- <div class="button_div">
- <span class="orderclose_txt">璁㈠崟鍏宠处</span>
- </div>
- <div class="button_order_open" @click.stop="onDay(date, data, 'is_order_open')">
- <div class="order_txt">鍙笅鍗�</div>
- </div>
- <div v-if="load_data_map[data.day] && load_data_map[data.day].is_order_close" class="close_endtime" @click.stop="onTempDay(date, data, 'is_order_open')">
- <el-time-select :readonly="!cbuttons_r.edit" v-model="load_data_map[data.day].order_open_time" style="width: 100%;" :clearable="false" size="mini" @change="onDay(date, data, 'order_open_time')" :picker-options="{
- start: '00:00',
- step: '00:30',
- end: '24:00'
- }"
- placeholder="閫夋嫨鏃堕棿">
- </el-time-select>
- </div>
- </div>
-
- </div>
- </td>
- </tr>
- </table>
-
+ <div :class="setDateClass(date, data)" @click="onDay(date, data, 'is_order_close')">
+ {{ data.day.split('-').slice(2).join('-')}}
+ <span class="close_txt">娴佸悜鐢宠瘔</span>
+ <div style="height: 60%; display: flex; justify-content: space-around;">
+ <div class="button_implant_open" @click.stop="onDay(date, data, 'is_implant_open')">
+ <div class="implant_txt">鍒濈増娴佸悜</div>
+ </div>
+ <div class="button_order_open" @click.stop="onDay(date, data, 'is_order_open')">
+ <div class="order_txt">缁堢増鐗堟祦鍚�</div>
+ </div>
+ </div>
</div>
</template>
</el-calendar>
--
Gitblit v1.8.0