工单->添加展开列的伸展收缩高度

resources/views/order/issue/index.blade.php

@@ -1717,12 +1717,7 @@
                     this.copyText(logisticNumbers.join('\n'));
                 },
                 checkAll(e) {
-                    if (!e.target.checked) this.checkData = [];
-                    else {
-                        this.orderIssues.forEach((el, i) => {
-                            if (this.checkData.indexOf(el.id) === -1) this.checkData.push(el.id);
-                        });
-                    }
+                    this.checkData = e.target.checked ? this.orderIssues.map(e => e.id) : []
                 },
                 endOrderIssue() {
                     if (this.checkData.length !== 0) {

resources/views/order/workOrder/index.blade.php

@@ -79,7 +79,11 @@
                     <table class="table table-sm table-striped table-hover table-bordered td-min-width-80 " id="table">
                         <thead>
                         <tr>
-                            <th style="min-width: 100px"></th>
+                            <th style="min-width: 100px">
+                                <label for="all">
+                                    <input id="all" type="checkbox" @click="checkAll($event)"/>
+                                </label>
+                            </th>
                             <th style="min-width: 120px">工单号</th>
                             <th style="min-width: 120px">操作</th>
                             <th style="min-width: 200px">创建时间</th>
@@ -159,7 +163,8 @@
 
                                     <template>
                                         @can('订单管理-工单处理-宝时编辑')
-                                            <select class="form-control form-control-sm" v-model="item.custom_rejected_status"
+                                            <select class="form-control form-control-sm"
+                                                    v-model="item.custom_rejected_status"
                                                     @change="changeCustomRejectedStatus(item,$event)">
                                                 <option value="无">无</option>
                                                 <option value="待退回">待退回</option>
@@ -288,6 +293,7 @@
                                 <td class="p-0 m-0 w-50" style="width:30px;" v-if="i===0"
                                     :rowspan="workOrders.length">
                                     <span class="btn"
+                                          id="rejected_bill_btn"
                                           style="max-width: 50px"
                                           :class="hideRejectedBills ? 'btn-outline-info':'btn-outline-secondary'"
                                           @click="toggleRejectedBill()" :style="{'min-height':toggleBtnHeight+'px'}"
@@ -747,6 +753,12 @@
                 toggleBtnHeight: 0,
             },
             computed: {},
+            watch: {
+                checkData(value) {
+                    let dom = document.getElementById('all')
+                    dom.checked = value.length === this.workOrders.length;
+                }
+            },
             mounted() {
                 $(".up").slideUp();
                 $(".tooltipTarget").tooltip({'trigger': 'hover'});
@@ -787,8 +799,13 @@
                 ], [
                     {name: 'review_at_start', type: 'time', tip: ['终审开始日期', '时间']},
                     {name: 'review_at_end', type: 'time', tip: ['终审结束日期', '时间']},
-                    {name: 'order_issue_type', type: 'select_multiple_select',tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的问题件类型'],
-                        placeholder: ['问题件类型', '定位或多选问题件类型'], data: this.orderIssueTypes},
+                    {
+                        name: 'order_issue_type',
+                        type: 'select_multiple_select',
+                        tip: ['输入关键词快速定位下拉列表，回车确定', '选择要显示的问题件类型'],
+                        placeholder: ['问题件类型', '定位或多选问题件类型'],
+                        data: this.orderIssueTypes
+                    },
                     {name: 'client_code', type: 'input', placeholder: '客户订单号'},
                     {
                         name: 'status', type: 'select', placeholder: '工单当前处理人',
@@ -900,6 +917,7 @@
                     appendDom: "btn",
                 });
                 this.form.init();
+                this.toggleBtnHeight = document.getElementById('table').clientHeight;
             },
             created() {
                 this.workOrders.forEach(item => {
@@ -1180,7 +1198,7 @@
                     return new Array(...logistic_numbers);
                 },
                 groupProcessLogs(workOrder) {
-                    return workOrder.details.map(e=>e.process_logs ? e.process_logs : [] ).reduce((a,b)=> a=[...a,...b],[]).sort((pre,cur)=>cur.id-pre.id);
+                    return workOrder.details.map(e => e.process_logs ? e.process_logs : []).reduce((a, b) => a = [...a, ...b], []).sort((pre, cur) => cur.id - pre.id);
                 },
                 createOrderIssue(item, tag) { // 生成问题件
                     let url = '{{route('workOrder.buildOrderIssueApi')}}';
@@ -3741,7 +3759,10 @@
                 },
                 changeCustomRejectedStatus({id}, event) {
                     this.batchCustomRejectedStatus([id], event.target.value)
-                }
+                },
+                checkAll(e) {
+                    this.checkData = e.target.checked ? this.workOrders.map(e => e.id) : []
+                },
             },
         });
     </script>