zhangyanpeng
2024-08-02 e1ec4e662636af70085e9148c9672e5951d3d568
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;
         }
         /*
         公用: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>
@@ -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;">
                              <div :class="setDateClass(date, data)" @click="onDay(date, data, 'is_order_close')">
                                          {{ 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>
                                 <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 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 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 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 class="order_txt">终版版流向</div>
                                                </div>
                                             </div>
                                          </div>
                                       </td>
                                    </tr>
                                 </table>
                              </div>
                           </template>
                        </el-calendar>