调度记录完善

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DispatchLiaison/StatsDialogVisible/index.vue

@@ -22,21 +22,43 @@
           </el-table-column>
           <el-table-column label="人员" align="center">
             <template slot-scope="scope">
-              <span v-for="item in scope.row.shiftsMap">
+              <el-checkbox-group v-model="form.personnel">
+                <el-checkbox
+                  v-for="item in scope.row.shiftsMap"
+                  :label="item.shiftsName"
+                ></el-checkbox>
+              </el-checkbox-group>
+              <!-- <span v-for="item in scope.row.shiftsMap">
                 {{ item.shiftsName }}</span
-              >
+              > -->
             </template>
           </el-table-column>
           <el-table-column label="车辆" align="center">
             <template slot-scope="scope">
+              <el-checkbox-group v-model="form.vehicle">
+                <el-checkbox
+                  v-for="item in scope.row.shiftsMap"
+                  :label="item.shiftsName"
+                ></el-checkbox>
+              </el-checkbox-group>
               <span v-for="item in scope.row.vehiclesMap">
                 {{ item.shiftsName }}</span
               >
             </template>
           </el-table-column>
-        </el-table></el-form
+        </el-table>
-      >
+      </el-form>
     </div>
+
+    <template #footer>
+      <Button
+        style="background-color: rgba(0, 179, 204, 0.3)"
+        @click.native="(modelVisible = false), (submitting = false)"
+      >
+        取消
+      </Button>
+      <Button @click.native="handleSubmit" :loading="submitting"> 确定 </Button>
+    </template>
   </Dialog>
 </template>
 
@@ -46,12 +68,14 @@ import InputSearch from "@screen/components/InputSearch/index.vue";
 import Table from "@screen/components/Table.vue";
 import { selectTollStation } from "@/api/event/governanceAnalysis";
 import request from "@/utils/request";
+import Button from "@screen/components/Buttons/Button.vue";
 export default {
   name: "StatsDetail",
   components: {
     Dialog,
     InputSearch,
     Table,
+    Button,
   },
   model: {
     prop: "visible",
@@ -63,6 +87,7 @@ export default {
   },
   data() {
     return {
+      form: { personnel: [], vehicle: [] },
       num: 0,
       tableData: [],
       weatherNum: [],
@@ -391,4 +416,8 @@ export default {
 .el-table--border::after {
   background: none;
 }
+.footer {
+  margin-top: 20px;
+  display: flex;
+}
 </style>