<template>
  <div ref="barEcharts" class="route-info-container">
    <!-- 航线设置规则信息查询条件 -->
    <el-row style="padding: 0 50px">
      <el-col>
        <yl-form
          ref="ruleForm"
          :formConfig="formConfig"
          :queryForm="queryForm"
          :inline="false"
          formWidth="auto"
          @blur="blurEvent"
        >
          <yl-draggable
            :routeList="routeList"
            :dragOptions="dragOptions"
          ></yl-draggable>
        </yl-form>
      </el-col>
    </el-row>
    <!-- 航线设置规则信息 -->
    <el-row>
      <el-col :span="24">
        <el-divider content-position="left">航线维度设置</el-divider>
      </el-col>
      <el-col>
        <route-info
          ref="routeInfo"
          :routesInfo="routesInfo"
          :cargoType="cargoType"
          :cargoStatus="cargoStatus"
          :puporpux="puporpux"
          :serviceCode="serviceCode"
          :handlingCode="handlingCode"
          :subCategory="subCategory"
          :status="getRouter"
          :loading="loading"
          @location="changeLocation"
          @destinationSite="changeDestinationSite"
          @addRlue="addRlue"
          @save="saveSubmit"
          @onOff="onOffSubmit"
          @delete="deleteSubmit"
        >
        </route-info>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import YlForm from "@/components/YlForm";
import RouteInfo from "../components/routeInfo";
import YlDraggable from "@/components/YlDraggable";
import { formConfig, routeRuleForm } from "./formConfig";
import {
  updateOrAddFlight, // 修改
  delFlightId, // 删除航线规则配置
  enableOrDisable, // 是否停用/开启航线规则配置
  batchUpdateOrAddFlight, // 更新航线优先级
  queryRouteByFltNo, // 通过航班号查询航线
} from "@/api/destinationFlight";
import indexMixins from "../mixins";
export default {
  components: {
    YlForm,
    RouteInfo,
    YlDraggable,
  },
  mixins: [indexMixins],
  data() {
    return {
      loading: false, // 折叠面板
      dragOptions: {
        // 航线优先级拖拽配置
        animation: 200,
        group: "description",
        disabled: true, // 是否禁止拖拽
        ghostClass: "ghost",
      },
      formConfig: formConfig, // 表单配置项
      queryForm: {
        // 表单参数
      },
      routeList: [], // 航线
      routesInfo: [], // 航线规则信息
      cargoType: [], // 申报类别
      cargoStatus: [], // 货物类型
      puporpux: [], // 取件扫描号
      serviceCode: [], // Service Code
      handlingCode: [], // Handling Code
      subCategory: [], // Sub Category
    };
  },
  /*
    判断有日期的找到了就走有日期的，如果日期级别的没有找到再去走一次普通级别的接口
  */
  created() {
    this.getAllDictData(); // 获取全部字典
    let _this = this;
    const parmas = {
      querySpecifyData: this.$route.query.querySpecifyData || "", // 查询特殊数据字段
      purposeOfFlightNo: this.$route.query.purposeOfFlightNo || "", // 航班号
      flightDate: this.$route.query.flightDate || "", // 飞行日期
      flightRouteListStr: this.$route.query.flightRouteListStr || "", // 飞行航线集合
      status: this.$route.query.status || "", // 状态
    };
    let dataStatus = this.$route.query.dataStatus || "";
    if (dataStatus == "add") {
      formConfig.map((item) => {
        if (item.type !== "slot") {
          item.disable = false;
          if (item.label == "航班日期" || item.label == "航线") {
            item.hidden = true;
            item.hidden = true;
          }
        }
      });
    } else {
      //
      formConfig.map((item) => {
        if (item.type !== "slot") {
          item.disable = true;
          if (item.label == "航班日期" || item.label == "航线") {
            item.hidden = false;
            item.hidden = false;
          }
        }
      });
    }
    this.queryForm = this.$route.query; // 获取跳转过来的参数
    // 航班配舱维度规则设置查询条件
    let queryCondition = {
      // 航班配舱设置
      flightAllocConfig: {
        noDateParmas: {
          flightDate: "",
          flightRoute: "",
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          status: "",
        },
        dateParmas: {
          flightDate: parmas.flightDate,
          flightRoute: "",
          flightRouteListStr: "",
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          status: "",
        },
        queryParmas: function () {
          // 非日期级别
          if (parmas.querySpecifyData == "2") {
            _this.noDateLevelData(this.noDateParmas);
          }
          // 日期级别
          if (parmas.querySpecifyData == "1") {
            _this.dateLevelData({
              dateParmas: this.dateParmas,
              noDateParmas: this.noDateParmas,
            });
          }
        },
      },
      // 航班信息维护
      flightInformationMaintenance: {
        noDateParmas: {
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          flightRouteListStr: parmas.flightRouteListStr,
          status: "",
        },
        dateParmas: {
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          flightDate: parmas.flightDate,
          flightRouteListStr: parmas.flightRouteListStr,
          status: "",
        },
        queryParmas: function () {
          // White Tail
          if (_this.$route.query.flightKindName == "White Tail") {
            _this.dateLevelData({
              dateParmas: this.dateParmas,
              noDateParmas: this.noDateParmas,
            });
          }
          // Purple Tail
          if (_this.$route.query.flightKindName == "Purple Tail") {
            _this.dateLevelData({
              dateParmas: this.dateParmas,
              noDateParmas: this.noDateParmas,
            });
          }
        },
      },
      // 航班顺位设置
      flightRandConfig: {
        noDateParmas: {
          flightRoute: "",
          flightRouteListStr: "",
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          status: "",
        },
        dateParmas: {
          flightDate: parmas.flightDate,
          flightRoute: "",
          purposeOfFlightNo: parmas.purposeOfFlightNo,
          status: "",
        },
        queryParmas: function () {
          // 普通级别
          if (_this.$route.query.pageName == "flightRandConfig") {
            _this.dateLevelData({
              dateParmas: this.dateParmas,
              noDateParmas: this.noDateParmas,
            });
          }
        },
      },
      // 【系统日志】DM数据处理
      dmLog: {
        queryParmas: function () {
          if (_this.$route.query.pageName == "dmLog") {
            _this.getFindByFlightId({
              id: _this.$route.query.id,
            });
          }
        },
      },
    };
    /*
      queryCondition只负责接收参数和数据调用
    */
    // 航班配舱设置
    queryCondition.flightAllocConfig.queryParmas();
    // 航班信息维护
    queryCondition.flightInformationMaintenance.queryParmas();
    // 航班顺位设置
    queryCondition.flightRandConfig.queryParmas();
    // 【系统日志】DM数据处理
    queryCondition.dmLog.queryParmas();
  },
  mounted() {},
  methods: {
    getQueryRouteByFltNo(parmas) {
      queryRouteByFltNo(parmas)
        .then((res) => {
          const { code, data } = res;
          if (code == 200) {
            if (data.list.length) {
              let isEtesRoute = data.list.filter(
                (item) => item.isEtesRoute == "N"
              ); // 过滤ET86航线
              const routes = [];
              isEtesRoute.map((item) => {
                routes.push({ config: false, route: item.route });
              });
              this.routeList = data.list;
              this.routesInfo = routes;
            } else {
              this.routeList = [];
              this.msgError("暂无航线");
            }
          }
        })
        .catch(() => {});
    },
    // 航班号输入框失焦事件
    blurEvent({ purposeOfFlightNo }) {
      routeRuleForm.flightRoute = this.upCase(purposeOfFlightNo);
      this.getQueryRouteByFltNo({ fltNo: this.upCase(purposeOfFlightNo) });
      this.queryForm.purposeOfFlightNo = this.upCase(purposeOfFlightNo);
    },
    // 新增规则
    addRlue(index) {
      // 如果当前航班号的航线下没有数据给
      routeRuleForm.purposeOfFlightNo = this.$route.query.purposeOfFlightNo;
      this.setattrVal(routeRuleForm);
      const mergeObj = {
        ...this.routesInfo[index],
        ...routeRuleForm,
      };
      this.$set(this.routesInfo, index, mergeObj); // 给新增规则赋上默认数据
    },
    // 保存
    saveSubmit(item, index) {
      item.flightRoute = item.route || item.flightRoute;
      item.ruleDate = item.ruleDate || this.queryForm.flightDate;
      let parmas = JSON.parse(JSON.stringify(item));
      this.returnString(parmas, "cargoType");
      this.returnString(parmas, "typeOfGoods");
      this.returnString(parmas, "puporpuxCode");
      this.returnString(parmas, "serviceCode");
      this.returnString(parmas, "handlingCode");
      this.returnString(parmas, "subCategory");
      if (parmas.minWeight || parmas.maxWeight) {
        if (!/^(0|[1-9]\d*)(.\d{1,5})?$/.test(parmas.minWeight || parmas.maxWeight)) {
          this.msgWarning("请输入有效重量，小数保留5位");
          return;
        }
      }
      if (parmas.minNumOfPieces || parmas.maxNumOfPieces) {
        if (!/^\d+$/.test(parmas.minNumOfPieces || parmas.maxNumOfPieces)) {
          this.msgWarning("请输入有效件数");
          return;
        }
      }
      if (parmas.minNumOfPieces && parmas.maxNumOfPieces) {
        if (Number(parmas.minNumOfPieces) > Number(parmas.maxNumOfPieces)) {
          this.msgWarning("最小件数不能大于最大件数");
          return;
        }
      }
      if (parmas.minWeight && parmas.maxWeight) {
        if (Number(parmas.minWeight) > Number(parmas.maxWeight)) {
          this.msgWarning("最小重量不能大于最大重量");
          return;
        }
      }
      let keys = [
        "location",
        "notLocation",
        "destinationSite",
        "notDestinationSite",
        "includeUrsa",
        "notIncludeUrsa",
        "minNumOfPieces",
        "maxNumOfPieces",
        "minWeight",
        "maxWeight",
        "typeOfGoods",
        "cargoType",
        "puporpuxCode",
        "serviceCode",
        "handlingCode",
        "subCategory",
      ];
      let validate = keys.some((key) => parmas[key]);
      if (validate) {
        this.loading = true;
        updateOrAddFlight(parmas)
          .then((res) => {
            const { code, msg, data } = res;
            if (code == 200) {
              this.hasOwnProperty(data, "typeOfGoods");
              this.hasOwnProperty(data, "puporpuxCode");
              this.hasOwnProperty(data, "serviceCode");
              this.hasOwnProperty(data, "handlingCode");
              this.hasOwnProperty(data, "subCategory");
              this.setattrVal(data); // 设置属性值
              this.$set(this.routesInfo, index, {
                config: true,
                ...data,
              });
              this.msgSuccess("保存成功！");
            } else {
              this.msgWarning(msg);
            }
            this.loading = false;
          })
          .catch(() => {
            this.loading = false;
          });
      } else {
        this.msgWarning("未添加规则信息，请添加后再保存!");
      }
    },
    // 开启/暂停
    onOffSubmit(item, index) {
      this.loading = true;
      let tip = item.status == "1" ? "停用" : "启用";
      let parmas = {
        id: item.id,
        status: item.status == "1" ? "3" : "1",
      };
      this.$confirm("是否确认" + tip + "此航班规则？", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          enableOrDisable(parmas)
            .then((res) => {
              const { code, msg, data } = res;
              if (code == 200) {
                this.hasOwnProperty(data, "typeOfGoods");
                this.hasOwnProperty(data, "puporpuxCode");
                this.hasOwnProperty(data, "serviceCode");
                this.hasOwnProperty(data, "handlingCode");
                this.hasOwnProperty(data, "subCategory");
                this.setattrVal(data); // 设置属性值
                this.$set(this.routesInfo, index, {
                  config: true,
                  ...data,
                });
                this.msgSuccess(tip + "成功");
              } else {
                this.msgWarning(msg);
              }
              this.loading = false;
            })
            .catch(() => {
              this.loading = false;
            });
        })
        .catch(() => {
          this.loading = false;
        });
    },
    // 删除
    deleteSubmit(item, index) {
      this.loading = true;
      let parmas = {
        id: item.id,
      };
      this.$confirm("是否确认删除此航班规则？", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        showCancelButton: true,
        type: "warning",
      })
        .then(() => {
          delFlightId(parmas)
            .then((res) => {
              const { code, msg, data } = res;
              if (code == 200) {
                this.$set(this.routesInfo, index, {
                  route: item.flightRoute,
                  config: false,
                });
                this.msgSuccess(msg);
              } else {
                this.msgWarning(msg);
              }
              this.loading = false;
            })
            .catch(() => {
              this.loading = false;
            });
        })
        .catch(() => {
          this.loading = false;
        });
    },
  },
};
</script>
<style lang="scss" scoped>
.route-info-container {
  padding: 20px;
}
</style>