| | |
| | | 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"; |
| | |
| | | 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"; |
| | | // } |
| | |
| | | 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" |
| | |
| | | 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); |
| | |
| | | .el-calendar-day>div{ |
| | | border-radius: 6px; |
| | | height: 100%; |
| | | padding: 2px; |
| | | padding: 8px; |
| | | box-sizing: border-box; |
| | | } |
| | | /* |
| | | 公用:button_div |
| | | |
| | | 订单:order orderclose |
| | | 按键:button_order_open |
| | | 文本:order_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> |
| | | |
| | |
| | | </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> |