zuel-itsm-3.0.2/src/views/newIncident.vue

<template>
  <div slot="content" class="bgColor newIncident">
    <div class="header">新建事件</div>
    <div class="navBar">
      <div class="fl">
        <a
          :class="{ active: label == 'incidentInfo' }"
          href="javascript:;"
          @click="toInfo('incidentInfo')"
          >事件信息</a
        >
      </div>
      <div class="fl">
        <a
          :class="{ active: label == 'handlerInfo' }"
          href="javascript:;"
          @click="toInfo('handlerInfo')"
          >处理信息</a
        >
      </div>
    </div>
    <div class="label" id="incidentInfo">事件信息</div>
    <cube-form
      :model="model"
      @validate="validateHandler"
      @submit="submitHandler"
    >
      <cube-form-group>
        <cube-form-item :field="fields[24]" class="btn_plcaeholde" v-if="valConfig == 2"></cube-form-item>
        <cube-form-item :field="fields[20]" v-if="valConfig == 2" class="btn_plcaeholde btn_local">
          <input type="text" class="inp_local" placeholder="请选择报修科室" v-model="model.requester" @click="toSearchDept()" />
        </cube-form-item>
        <cube-form-item
          v-if="valConfig == 1"
          :field="fields[0]"
        ></cube-form-item>
        <cube-form-item
          v-if="valConfig == 2"
          :field="fields[21]"
        ></cube-form-item>
        <cube-form-item :field="fields[1]"></cube-form-item>
        <cube-form-item :field="fields[2]" class="btn_plcaeholde">
          <cube-button @click="showPlacePicker()">{{
            selectedPlaceTxt ? selectedPlaceTxt : "请选择区域地点"
          }}</cube-button>
        </cube-form-item>
        <cube-form-item :field="fields[23]" v-if="ifRoom == 1"></cube-form-item>
        <cube-form-item :field="fields[3]"></cube-form-item>
        <cube-form-item :field="fields[4]" class="btn_plcaeholde">
          <cube-button @click="showCategoryPicker()">{{
            selectedCategoryTxt ? selectedCategoryTxt : "请选择故障现象"
          }}</cube-button>
        </cube-form-item>
        <cube-form-item
          :field="fields[5]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <cube-form-item :field="fields[7]"></cube-form-item>
        <div class="label formLabel">
          报修图片
          <span>(最多可上传3张JPG或PNG,每张不能超过10M)</span>
        </div>
        <div class="uplod">
          <cube-upload
            ref="upload"
            :max="3"
            :action="action"
            :simultaneous-uploads="3"
            @files-added="filesAdded"
            @file-submitted="fileSubmitted"
          />
        </div>
        <!-- <cube-form-item :field="fields[8]" class="btn_plcaeholde"></cube-form-item>
        <cube-form-item :field="fields[9]" class="btn_plcaeholde"></cube-form-item>-->
        <cube-form-item
          :field="fields[10]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <div class="zc" v-if="wxIncidentWithCmdb == 1">
          <cube-form-item
            :field="fields[22]"
            class="btn_plcaeholde zc-item"
          ></cube-form-item>
          <span class="icon dash dash-saoyisao zc-sao" @click="scan()"></span>
        </div>
        <div class="label" id="handlerInfo">处理信息</div>
        <div class="handleRadio">
          <cube-radio-group
            v-model="order"
            :options="handleTypes"
            position="right"
            :hollow-style="true"
            @input="changeHandleTypes"
          />
        </div>
        <!-- 直接处理 begin -->
        <cube-form-item
          v-if="order == 1"
          :field="fields[11]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <cube-form-item
          v-if="order == 1"
          :field="fields[12]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <cube-form-item
          v-if="order == 1 && isShowDes"
          :field="fields[13]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <div v-if="order == 1" class="label formLabel">
          报修图片
          <span>(最多可上传3张JPG或PNG,每张不能超过10M)</span>
        </div>
        <div class="uplod" v-if="order == 1">
          <cube-upload
            ref="upload1"
            :max="3"
            :action="action1"
            :simultaneous-uploads="3"
            @files-added="filesAdded1"
            @file-submitted="fileSubmitted1"
          />
        </div>
        <cube-form-item v-if="order == 1" :field="fields[14]"></cube-form-item>
        <cube-form-item
          v-if="order == 1 && model.knowledge == true"
          :field="fields[15]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <!-- 直接处理 end -->

        <!-- 派单 begin -->
        <cube-form-item v-if="order == 2" :field="fields[16]"></cube-form-item>
        <cube-form-item
          v-if="order == 2 && model.handleUserOrGroup == true"
          :field="fields[17]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <cube-form-item
          v-if="order == 2 && model.handleUserOrGroup == false"
          :field="fields[18]"
          class="btn_plcaeholde"
        ></cube-form-item>
        <!-- 派单 end -->
      </cube-form-group>
      <cube-form-group class="sub">
        <cube-button type="submit" @click="subVali()">提交</cube-button>
      </cube-form-group>
    </cube-form>
    <load-ing v-show="loadShow"></load-ing>
    <promp-ting
      :conents="promptingConent"
      :status="promptingStatus"
    ></promp-ting>
    <seiminModel ref="seiminModel"></seiminModel>
  </div>
</template>
<script>
import seiminModel from "./../custom/seiminModel";
import CubePage from "./../components/cube-page.vue";
import CubeButtonGroup from "./../components/cube-button-group.vue";
import DatePicker from "./../components/date-picker.vue";
import CubeExtendPopup from "./../components/extend-popup.vue";
import LoadIng from "./../views/loading.vue";
import PrompTing from "./../views/prompting.vue";
import { SM } from "./../http/http";
// import host from "../request/host";
// 知识库类型
const solution = {
  props: {
    value: {
      default() {
        return [];
      }
    }
  },
  data() {
    return {
      selected: [],
      selectData: [],
      initVal: JSON.parse(localStorage.getItem("solution")) || [0, 0, 0],
      allPlace: {}, //存放请求到的所有区域地点
      sleectHouseNumber: {}, //区域地点
      initSjList: [], //原始事件列表
      initAreaList: [], //原始区域列表
    };
  },
  render(createElement) {
    return createElement(
      "cube-button",
      {
        on: {
          click: this.showPicker
        }
      },
      this.selected.length
        ? this.selected[this.selected.length - 1]
        : "请选择知识库类型"
    );
  },
  created() {
    this.getTree();
  },
  mounted() {},
  methods: {
    showPicker() {
      this.picker.show();
    },
    selectHandler(selectedVal, selectedIndex, selectedTxt) {
      var selected = [];
      selectedTxt.forEach(function(v, i) {
        if (v != "") {
          selected.push(v);
        }
      });
      this.selected = selected;
      this.$emit("input", selectedVal);
      localStorage.setItem("solution", JSON.stringify(selectedIndex));
    },
    // 获取故障现象数据
    getTree() {
      let that = this;
      that.$http
        .post("service/solution/fetchDataList/solutionType", {
          idx: 0,
          sum: 100
        })
        .then(function(res) {
          // console.log(res);
          var list = res.data.list;
          var tree = [];
          list.forEach((v, i) => {
            if (!v.parent) {
              tree[i] = {
                value: v.id,
                text: v.typeName,
                children: []
              };
            } else {
              tree.forEach((val, idx) => {
                if (
                  v.parent &&
                  !v.parent.parent &&
                  val.text == v.parent.typeName
                ) {
                  tree[idx].children.push({
                    value: v.id,
                    text: v.typeName,
                    children: []
                  });
                } else if (v.parent.parent) {
                  tree[idx].children.forEach((value, index) => {
                    if (value.text == v.parent.typeName) {
                      tree[idx].children[index].children.push({
                        value: v.id,
                        text: v.typeName
                      });
                    }
                  });
                }
              });
            }
          });
          var arrTree = [];
          tree.forEach(function(v) {
            arrTree.push(v);
          });
          that.selectData = arrTree;
          console.log(arrTree);

          that.picker = that.$createCascadePicker({
            title: "知识库类型选择",
            data: that.selectData,
            selectedIndex: that.initVal,
            onSelect: that.selectHandler
          });
        });
    }
  }
};

export default {
  data() {
    return {
      validity: {},

      valid: undefined,
      action: {
        target:
          this.$host + "/service/common/common/uploadAttachment/incident/",
        data: {}
      },
      action1: {
        target:
          this.$host + "/service/common/common/uploadAttachment/incident/",
        data: {}
      },
      isUploading: false,
      loadShow: false,
      incidentWithConsumable: localStorage.getItem("incidentWithConsumable"), //是否绑定耗材
      wxIncidentWithCmdb: localStorage.getItem("wxIncidentWithCmdb"), //是否绑定资产
      ifRoom: localStorage.getItem("ifRoom"), //是否增加房间号选择
      loginUser: JSON.parse(localStorage.getItem("loginUser")),
      integralMechanism: localStorage.getItem("integralMechanism"),
      valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
      name: "",
      phone: "",
      label: "incidentInfo", //顶部快速定位
      modelData: {
        incident: {}
      }, //上传的model
      timer: null,
      incidentTitle: "", //事件主题
      placeSelectData: [], //区域地点下拉框选项
      inpLocalVal: "", //故障地点输入框
      faultLocationList: [], //区域地点拼接下拉框选项
      deptList: [], //报修科室下拉选项
      deptRes: "", //下拉框科室信息

      branchList: [], //院区下拉列表
      // branchRes: [], //院区下拉列表（完整）

      model: {
        duty: null,
        branch: "",
        contactsInformation: "",
        placeValue: [],
        address: "", //故障地点
        requester: "", //报修科室
        houseNumber: "", //详细地址
        description: "", //故障描述
        assetId: "", //资产
        category: [],
        source: "", //事件来源
        title: "", //事件主题
        priority: "", //优先级
        emergency: "", //紧急度
        influence: "", //影响度
        handleCategory: "", //处理方式
        closecode: "", //关闭代码
        handleDescription: "", //处理方案
        knowledge: false, //是否提交知识库
        handlerUser: "", //处理人
        candidateGroups: "", //处理组
        solutionType: [], //知识库类型
        handleUserOrGroup: false, //处理人or处理组
        room: "" //房间号
      },
      selectedCategoryTxt: "", //故障现象选中展示
      selectedPlaceTxt: "", //区域地点选中展示
      promptingConent: "",
      promptingStatus: "",
      order: 1, //处理方式  1：直接处理，2:派单
      sourceArr: [], //事件来源数组
      priorityArr: [], //优先级数组
      emergencyArr: [], //紧急度数组
      influenceArr: [], //影响度数组
      handleCategoryArr: [], //处理方式数组
      closecodeArr: [], //关闭代码数组
      handlerUserArr: [], //处理人数组
      candidateGroupsArr: [], //处理组数组
      isShowDes: false,
      handleTypes: [
        {
          label: "直接处理",
          value: 1
        },
        {
          label: "派单",
          value: 2
        }
      ],
      vali: false,
      fields: [
        {
          type: "input",
          modelKey: "contacts",
          label: "联系人:",
          props: {
            placeholder: "请输入联系人"
          },
          rules: {
            required: true
          }
        },
        {
          type: "input",
          modelKey: "contactsInformation",
          label: "联系电话:",
          props: {
            placeholder: "请输入联系电话"
          },
          rules: {
            required: true
          }
        },
        {
          component: "button",
          modelKey: "placeValue",
          label: "区域地点:",
          rules: {
            required: false
          },
          messages: {
            required: "请选择区域地点"
          }
        },
        {
          type: "textarea",
          modelKey: "houseNumber",
          label: "详细地址:",
          props: {
            placeholder: "请输入详细地址"
          },
          rules: {
            required: false
          },
          debounce: 100
        },
        {
          component: "button",
          modelKey: "category",
          label: "故障现象:",
          rules: {
            required: true
          },
          messages: {
            required: "请选择故障现象"
          }
        },
        {
          type: "select",
          modelKey: "source",
          label: "事件来源:",
          props: {
            options: this.sourceArr,
            title: "请选择事件来源",
            placeholder: "请选择事件来源"
          },
          rules: {
            required: true
          }
        },
        {
          // component: Place,
          type: "input",
          modelKey: "title",
          label: "事件主题:",
          rules: {
            required: true
          },
          messages: {
            required: "请选择事件主题"
          }
        },
        {
          type: "textarea",
          modelKey: "description",
          label: "故障描述:",
          props: {
            placeholder: "请详细描述故障，并上传故障图片，例如：网络故障。"
          },
          rules: {
            required: true
          },
          debounce: 100
        },
        {
          type: "select",
          modelKey: "influence",
          label: "影响度:",
          props: {
            options: this.influenceArr,
            title: "请选择影响度",
            placeholder: "请选择影响度"
          },
          rules: {
            required: false
          },
          events: {
            change: (value, index, text) => {
              console.log(value, index, text);
              console.log(this.model);
              var that = this;
              if (this.model.emergency) {
                this.$http
                  .post("service/bpm/data/fetchDataList/prioritymatrix", {
                    idx: 0,
                    sum: 1000,
                    prioritymatrix: {
                      emergency: { id: this.model.emergency },
                      influence: { id: this.model.influence }
                    }
                  })
                  .then(function(res) {
                    if (res.data.list.length) {
                      that.model.priority = res.data.list[0].priority.id;
                    }
                  });
              }
            }
          }
        },
        {
          type: "select",
          modelKey: "emergency",
          label: "紧急度:",
          props: {
            options: this.emergencyArr,
            title: "请选择紧急度",
            placeholder: "请选择紧急度"
          },
          rules: {
            required: false
          },
          events: {
            change: (value, index, text) => {
              console.log(value, index, text);
              console.log(this.model);
              var that = this;
              if (this.model.influence) {
                this.$http
                  .post("service/bpm/data/fetchDataList/prioritymatrix", {
                    idx: 0,
                    sum: 1000,
                    prioritymatrix: {
                      emergency: { id: this.model.emergency },
                      influence: { id: this.model.influence }
                    }
                  })
                  .then(function(res) {
                    console.log(res.data);
                    if (res.data.list.length) {
                      that.model.priority = res.data.list[0].priority.id;
                    }
                  });
              }
            }
          }
        },
        {
          type: "select",
          modelKey: "priority",
          label: "优先级:",
          props: {
            options: this.priorityArr,
            title: "请选择优先级",
            placeholder: "请选择优先级"
          },
          rules: {
            required: true
          }
        },
        {
          type: "select",
          modelKey: "handleCategory",
          label: "处理方式:",
          props: {
            options: this.handleCategoryArr,
            title: "请选择处理方式",
            placeholder: "请选择处理方式"
          },
          rules: {
            required: true
          }
        },
        {
          type: "select",
          modelKey: "closecode",
          label: "关闭代码:",
          props: {
            options: this.closecodeArr,
            title: "请选择关闭代码",
            placeholder: "请选择关闭代码"
          },
          rules: {
            required: true
          }
        },
        {
          type: "textarea",
          modelKey: "handleDescription",
          label: "处理方案:",
          props: {
            placeholder: "请填写处理方案"
          },
          rules: {
            required: true
          },
          debounce: 100
        },
        {
          type: "switch",
          modelKey: "knowledge",
          label: "是否提交知识库:",
          rules: {
            required: false
          }
        },
        {
          component: solution,
          modelKey: "solutionType",
          label: "知识库类型:",
          rules: {
            required: true
          },
          messages: {
            required: ""
          }
        },
        {
          type: "switch",
          modelKey: "handleUserOrGroup",
          label: "是否选择处理人:",
          rules: {
            required: false
          }
        },
        {
          type: "select",
          modelKey: "handlerUser",
          label: "处理人:",
          props: {
            options: this.handlerUserArr,
            title: "请选择处理人",
            placeholder: "请选择处理人"
          },
          rules: {
            required: true
          }
        },
        {
          type: "select",
          modelKey: "candidateGroups",
          label: "处理组:",
          props: {
            options: this.candidateGroupsArr,
            title: "请选择处理组",
            placeholder: "请选择处理组"
          },
          rules: {
            required: true
          }
        },
        {
          type: "select",
          modelKey: "address",
          label: "故障地点:",
          props: {
            options: this.faultLocationList,
            title: "请选择故障地点",
            placeholder: "请选择故障地点"
          },
          rules: {
            required: true
          }
        },
        {
          type: "select",
          modelKey: "requester",
          label: "报修科室:",
          props: {
            options: this.requesterList,
            title: "请选择报修科室",
            placeholder: "请选择报修科室"
          },
          rules: {
            required: true
          }
        },
        {
          type: "input",
          modelKey: "contacts",
          label: "联系人:",
          props: {
            placeholder: "请输入联系人"
          },
          rules: {
            required: false
          }
        },
        {
          type: "input",
          modelKey: "assetId",
          label: "资产:",
          rules: {
            required: false
          },
          props: {
            placeholder: "请选择资产",
            disabled: true
          }
        },
        {
          type: "select",
          modelKey: "room",
          label: "房间号",
          props: {
            placeholder: "请选择房间号",
            options: []
          },
          rules: {
            required: false
          }
        },
        {
          type: "select",
          modelKey: "branch",
          label: "院区:",
          props: {
            options: this.branchList,
            title: "请选择院区",
            placeholder: "请选择院区"
          },
          rules: {
            required: true
          }
        },
      ]
    };
  },

  methods: {
    // 切换处理方式
    changeHandleTypes() {
      let reverseArr = this.model.category.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
      let sjId = reverseArr[0]; //事件Id baba
      let sj = this.initSjList ? this.initSjList.filter(v => v.id == sjId)[0] : null;
      console.log(this.order, sj);
      this.isShowDes = !(this.order == 1 && sj && sj.hasSimple == 1);
    },
    //扫资产
    scan() {
      SM(this).then(ress1 => {
        this.model.assetId = ress1;
      });
    },
    // 输入故障描述
    inpTitle() {
      this.model.title = this.incidentTitle;
    },

    // 快速定位
    toInfo(id) {
      this.label = id;
      $("body,html").animate(
        {
          scrollTop:
            $("#" + id).offset().top -
            $(".header")[0].offsetHeight -
            $(".navBar")[0].offsetHeight
        },
        260
      );
    },
    subVali() {
      this.vali = true;
    },
    // 获取事件单号
    getsjnum() {
      var that = this;
      this.$http.get("service/bpm/bpm/restful/sj", {}).then(function(res) {
        that.modelData.incident.incidentsign = res.data.data;
      });
    },
    // 获取事件来源
    getSource() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_source",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.sourceArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[5].props.options = that.sourceArr;
        });
    },
    // 获取优先级
    getPriority() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_priority",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.priorityArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[10].props.options = that.priorityArr;
        });
    },
    // 获取紧急度
    getMergency() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_emergency",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.emergencyArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[9].props.options = that.emergencyArr;
        });
    },
    // 获取影响度
    getInfluence() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_influence",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.influenceArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[8].props.options = that.influenceArr;
        });
    },
    // 获取处理方式
    getHandleCategory() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_handleCategory",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.handleCategoryArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[11].props.options = that.handleCategoryArr;
        });
    },
    // 获取关闭代码
    getClosecode() {
      var that = this;
      this.$http
        .post("service/common/common/getDictionary", {
          key: "incident_closecode",
          type: "list"
        })
        .then(function(res) {
          res.data.forEach(function(v, i) {
            that.closecodeArr.push({
              text: v.desc,
              value: v.id
            });
          });
          that.fields[12].props.options = that.closecodeArr;
        });
    },
    // 获取处理人
    getHandlerUser() {
      var that = this;
      let postData = {
        idx: 0,
        sum: 1000,
        user: {
          roledata: { rolecode: "first-line support" },
          selectType: "1"
        }
      };
      // 当前所属院区或责任科室
      if(this.loginUser.duty){
        postData.user = { duty: this.loginUser.duty };
      }else if(this.loginUser.branch){
        postData.user = { branch: this.loginUser.branch }
      }
      this.$http
        .post("service/user/data/fetchDataList/user", postData)
        .then(function(res) {
          res.data.list.forEach(function(v, i) {
            that.handlerUserArr.push({
              text: v.name,
              value: v.id
            });
          });
          that.fields[17].props.options = that.handlerUserArr;
        });
    },
    // 获取处理组
    getCandidateGroups() {
      var that = this;
      this.$http
        .post("service/user/data/fetchDataList/group", {
          idx: 0,
          sum: 1000,
          group: { selectType: "nouser" }
        })
        .then(function(res) {
          res.data.list.forEach(function(v, i) {
            that.candidateGroupsArr.push({
              text: v.groupName,
              value: v.id
            });
          });
          that.fields[18].props.options = that.candidateGroupsArr;
        });
    },
    // 暂时存值
    setLocalStroageData() {
      var that = this;
      var a1 = [],
        a2 = [],
        category = [],
        solutionType = [];
      that.model.category.forEach(function(v, i) {
        if (v) {
          a1.push(v);
        }
      });
      category = a1;
      that.model.solutionType.forEach(function(v, i) {
        if (v) {
          a2.push(v);
        }
      });
      solutionType = a2;
      if (that.model.placeValue.length == 2) {
        that.model.areaId =
          that.model.placeValue[that.model.placeValue.length - 2];
        that.model.placeId =
          that.model.placeValue[that.model.placeValue.length - 1];
      } else if (that.model.placeValue.length == 1) {
        that.model.areaId =
          that.model.placeValue[that.model.placeValue.length - 1];
        that.model.placeId = "";
      }

      // that.modelData.incident.houseNumber = that.model.address[0];
      that.modelData.incident["repairType"] = that.valConfig;
      if (that.valConfig == 1) {
        // that.modelData.incident.requester = that.loginUser;
        // that.modelData.incident.account = that.loginUser.account;
        // that.modelData.requestershow = that.loginUser;
      } else if (that.valConfig == 2) {
        that.modelData.incident.branch = that.model.branch;
        if(that.$route.query.id){
          that.modelData.incident.department = {id: +that.$route.query.id};
        }
      }
      if (that.wxIncidentWithCmdb == 1) {
        that.modelData.incident.assetId = that.model.assetId;
      }
      that.modelData.incident.area = { id: that.model.areaId };
      that.modelData.incident.place = { id: that.model.placeId };
      that.modelData.incident.category = {
        id: category[category.length - 1]
      };
      that.modelData.initUser = that.loginUser.id;
      that.modelData.loginUser = that.loginUser;
      that.modelData.fromWeChat = true;
      that.modelData.incident.contactsInformation =
        that.model.contactsInformation;
      that.modelData.incident.contacts = that.model.contacts;
      that.modelData.incident.houseNumber = that.model.houseNumber;
      if (that.ifRoom == 1) {
        that.modelData.incident.room = { id: that.model.room };
      }
      that.modelData.incident.acceptUser = that.loginUser;
      // that.modelData.incident.requester = {};
      that.modelData.incident.handlingPersonnelUser = { id: that.loginUser.id };
      that.modelData.incident.source = { id: that.model.source };
      that.modelData.incident.title = that.model.title;
      that.modelData.incident.description = that.model.description;
      // that.modelData.incident.emergency = { id: that.model.emergency };
      // that.modelData.incident.influence = { id: that.model.influence };
      if(that.model.priority){
        that.modelData.incident.priority = { id: that.model.priority };
      }
      that.modelData.incident.alarmType = false;
      if (that.order == 1) {
        // 直接处理
        that.modelData.handler_code = "resolve";
        that.modelData.start_code = "close";
        that.modelData.incident.directProcess = 1;
        that.modelData.incident.handleDescription =
          that.model.handleDescription;
        that.modelData.incident.handleCategory = {
          id: that.model.handleCategory
        };
        that.modelData.incident.closecode = { id: that.model.closecode };
        that.modelData.bpm_activiti = {
          solutionType: {
            id: solutionType[solutionType.length - 1]
          }
        };
        that.modelData.isSolution = that.model.knowledge;
      } else if (that.order == 2) {
        // 派单
        that.modelData.start_code = "assignment";
        if (that.model.handleUserOrGroup) {
          // 处理人
          that.modelData.assignee = that.model.handlerUser;
          that.modelData.incident.handlingPersonnelUser = {
            id: that.model.handlerUser
          };
        } else {
          // 处理组
          that.modelData.candidateGroups = that.model.candidateGroups;
          if (that.modelData.assignee) {
            delete that.modelData.assignee;
          }
          if (that.modelData.incident.handlerUser) {
            delete that.modelData.incident.handlerUser;
          }
        }

        if (that.modelData.incident.handlingPersonnelUser) {
          delete that.modelData.incident.handlingPersonnelUser;
        }
        if (that.modelData.incident.handleDescription) {
          delete that.modelData.incident.handleDescription;
        }
        if (that.modelData.incident.closecode) {
          delete that.modelData.incident.closecode;
        }
        if (that.modelData.incident.degree) {
          delete that.modelData.incident.degree;
        }
        if (that.modelData.isSolution) {
          delete that.modelData.isSolution;
        }
      }

      console.log(that.modelData);

      that.model.fileUrl = "url";
      that.loadShow = true;
    },
    // 获取页面数据
    getMessage() {
      var that = this;

      if (that.$route.params.data) {
        var inspecInfo = that.$route.params.data;
        // 巡检生成事件
        if (that.wxIncidentWithCmdb == 1) {
          that.model.assetId = inspecInfo.assetId;
        }
        console.log(that.$route.params.abnormal);
        that.model.contacts = inspecInfo.processUser.name;
        that.model.contactsInformation = inspecInfo.processUser.phone
          ? inspecInfo.processUser.phone
          : "";
        that.order = 2;
        that.model.handleUserOrGroup = true;
        that.model.source = 1552; //巡检生成事件来源默认为其他
        // 处理人
        if (inspecInfo.handlerUser) {
          that.model.handlerUser = inspecInfo.handlerUser.id;
        }
        // that.modelData.incident.handlingPersonnelUser = {
        //   id: that.model.handlerUser
        // };

        if (that.$route.params.abnormal) {
          that.model.description = that.modelData.incident.description =
            that.$route.params.abnormal;
        }
      } else {
        // that.name = that.loginUser.name;
        // that.model.contactsInformation = that.loginUser.phone;
        // that.model.contacts = that.loginUser.name;
        // that.model.houseNumber = that.loginUser.houseNumber;
      }
      // if (that.loginUser.place && that.loginUser.place.length) {
      //   if (that.loginUser.place.id) {
      //     if (that.loginUser.place.area) {
      //       that.model.placeValue[0] = that.loginUser.place.area.id;
      //     }
      //     that.model.placeValue[1] = that.loginUser.place.id;
      //   }
      // }

      if (localStorage.getItem("model")) {
        that.model = JSON.parse(localStorage.getItem("model"));
        that.incidentTitle = that.model.title;
      }
      if (localStorage.getItem("modelData")) {
        that.modelData = JSON.parse(localStorage.getItem("modelData"));
      }
      if (localStorage.getItem("order")) {
        that.order = localStorage.getItem("order") - 0;
      }
    },
    // 提交
    submitHandler() {
      $("#fade").fadeOut();
      var that = this;
      if (that.valConfig == 2) {
        if(that.model.duty){
          that.modelData.incident.duty = that.model.duty
        }else{
          let categoryId = this.model.category.slice(-1)[0];
          let category = this.initSjList.find(v => v.id == categoryId);
          this.$createDialog({
            type: "alert",
            title: "校验失败",
            content: "故障现象【"+ category.category +"】没有设置责任科室!",
            icon: "cubeic-wrong"
          }).show();
          return;
        }
      }
      that.setLocalStroageData();
      if (that.selectHouseNumber && that.selectHouseNumber.place) {
        that.modelData.incident.place = that.selectHouseNumber;
      }
      console.log(
        that.modelData,
        that.selectHouseNumber,
        "2020年4月25日14:09:29"
      );
      console.log(that.modelData.incident.category.id, this.initSjList, "事件");
      if (
        this.order == 1 &&
        (this.integralMechanism == 1 ||
          (this.integralMechanism == 2 && this.loginUser.userType.value == 2))
      ) {
        // 直接处理,积分机制
        let category = this.initSjList.find(
          v => v.id == this.modelData.incident.category.id
        );
        this.$refs.seiminModel.show({
          category,
          type: "now",
          btns: [
            {
              click: () => {
                this.loadShow = false;
                this.$refs.seiminModel.close();
              }
            },
            {
              click: () => {
                if (!this.$refs.seiminModel.complexity) {
                  this.$createDialog({
                    type: "alert",
                    title: "操作失败",
                    content: "请选择工时!",
                    icon: "cubeic-wrong"
                  }).show();
                  return;
                }
                if (this.$refs.seiminModel.complexitySource != this.$refs.seiminModel.complexity && !this.$refs.seiminModel.updateReason.trim()) {
                  this.$createDialog({
                    type: "alert",
                    title: "操作失败",
                    content: "请填写升级原因!",
                    icon: "cubeic-wrong"
                  }).show();
                  return;
                }
                this.$refs.seiminModel.close();
                console.log("确定");
                this.handlerFn();
              }
            }
          ]
        });
      } else {
        this.handlerFn();
      }
      event.preventDefault();
    },
    commonFn() {
      let that = this;
      $("#fade").fadeIn();
      that.promptingConent = "恭喜您,新建报修成功!";
      that.promptingStatus = true;
      that.dialog = that
        .$createDialog({
          type: "alert",
          title: "新建成功",
          content: "点击返回首页",
          icon: "cubeic-right",
          onConfirm: (e, promptValue) => {
            that.$router.push({ path: "/main" });
          }
        })
        .show();
      localStorage.removeItem("model");
      localStorage.removeItem("modelData");
      localStorage.removeItem("solution");
      localStorage.removeItem("order");
      setTimeout(function() {
        $("#fade").fadeOut();
      }, 2000);
    },
    handlerFn() {
      let that = this;
      that.$http
        .post("service/bpm/bpm/start/bpm_incident", that.modelData)
        .then(res => {
          if (res.data) {
            that.action.target = that.action.target + res.data.id;
            that.action1.target = that.action1.target + res.data.id;
            setTimeout(function() {
              that.$refs.upload.start();
              if (that.order == 1) {
                that.$refs.upload1.start();
              }
            }, 100);
            if (
              this.order == 1 &&
              (this.integralMechanism == 1 ||
                (this.integralMechanism == 2 &&
                  this.loginUser.userType.value == 2))
            ) {
              this.$http
                .post("service/common/common/getDictionary", {
                  key: "incident_integral_state",
                  type: "list"
                })
                .then(result => {
                  result = result.data;
                  let auditState = result.find(v => v.value == 0);
                  let postData = {
                    incidentIntegral: {
                      incidentId: res.data.bussId,
                      auditState: auditState,
                      handlerUser: this.loginUser.id,
                      handlerUserName: this.loginUser.name,
                      sourceScore: this.$refs.seiminModel.complexitySource,
                      currentScore: this.$refs.seiminModel.complexity,
                      updateReason:
                        this.$refs.seiminModel.updateReason.trim() || undefined
                    }
                  };
                  this.$http
                    .post("service/bpm/data/addData/incidentIntegral", postData)
                    .then(result1 => {
                      if (result1.data.status == 200) {
                        this.commonFn();
                      } else {
                        this.$createDialog({
                          type: "alert",
                          title: "系统错误,请稍后再试!",
                          content: "",
                          icon: "cubeic-wrong"
                        }).show();
                      }
                    });
                });
            } else {
              this.commonFn();
            }
          } else {
            $("#fade").fadeIn();
            that.promptingConent = "系统错误,请稍后再试!";
            that.promptingStatus = false;
            that.loadShow = false;
            that.dialog = that
              .$createDialog({
                type: "alert",
                title: "系统错误,请稍后再试!",
                content: "点击返回首页",
                icon: "cubeic-wrong",
                onConfirm: (e, promptValue) => {
                  that.$router.push({ path: "/main" });
                }
              })
              .show();
            setTimeout(function() {
              $("#fade").fadeOut();
            }, 2000);
          }
        });
    },
    validateHandler(result) {
      console.log(result);
      this.resule = result;
      var that = this;

      that.validity = result.validity;
      that.valid = result.valid;
    },

    dateSelectHandler(selectedVal) {
      this.model.dateValue = new Date(
        selectedVal[0],
        selectedVal[1] - 1,
        selectedVal[2]
      ).toDateString();
    },
    filesAdded(files) {
      let hasIgnore = false;
      const maxSize = 1000 * 1024 * 1024; // 1M
      for (let k in files) {
        const file = files[k];
        if (file.size > maxSize) {
          file.ignore = true;
          hasIgnore = true;
        }
      }
      hasIgnore &&
        this.$createToast({
          type: "warn",
          time: 1000,
          txt: "不能上传超过100M的文件"
        }).show();
    },
    filesAdded1(files) {
      let hasIgnore = false;
      const maxSize = 1000 * 1024 * 1024; // 1M
      for (let k in files) {
        const file = files[k];
        if (file.size > maxSize) {
          file.ignore = true;
          hasIgnore = true;
        }
      }
      hasIgnore &&
        this.$createToast({
          type: "warn",
          time: 1000,
          txt: "不能上传超过100M的文件"
        }).show();
    },
    fileSubmitted(files) {
      this.action.data = { fileName: files.name };
    },
    fileSubmitted1(files) {
      this.action1.data = { fileName: files.name };
    },
    // 展示故障现象选择器
    showCategoryPicker() {
      this.categoryPicker.show();
    },
    // 选择故障现象
    selectCategoryHandler(selectedVal, selectedIndex, selectedTxt) {
      // console.log(this.initSjList, "故障现象列表");
      // console.log(this.model.category.slice(-1)[0], "故障现象");
      var selected = [];
      selectedTxt.forEach(function(v, i) {
        if (v != "") {
          selected.push(v);
        }
      });
      this.selectedCategoryTxt = this.model.title = this.model.description = this.incidentTitle =
        selected[selected.length - 1];
      this.model.category = selectedVal;

      if(this.model.category.length){
        let category = this.initSjList.find(v => v.id == this.model.category.slice(-1)[0]);
        if(category && category.priority){
          // 回显优先级
          this.model.priority = category.priority.id;
        }
        // 选择了院区，科室，故障现象，责任科室
        this.showUserOrGroup();
        // 处理责任科室数据
        this.handlerDuty();
      }

      // ----------------------回显其他数据---------------------
      // console.log(selectedVal, "seimin");
      // let reverseArr = selectedVal.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
      // let sjId = reverseArr[0]; //事件Id
      // let sj = this.initSjList.filter(v => v.id == sjId)[0];
      // console.log(sj);
      // this.model.priority = sj.priority?sj.priority.id:null;
      // if (sj.branchType == 0) {
      //   if (sj.userOrGroupType === 1) {
      //     //派人
      //     this.order = 2;
      //     this.model.handleUserOrGroup = true;
      //     this.model.handlerUser = sj.handleUser ? sj.handleUser.id : "";
      //   } else if (sj.userOrGroupType === 2) {
      //     //派组
      //     this.order = 2;
      //     this.model.handleUserOrGroup = false;
      //     this.model.candidateGroups = sj.group ? sj.group.id : "";
      //   } else {
      //     this.order = 1;
      //     this.model.handleUserOrGroup = false;
      //     this.model.handlerUser = "";
      //     this.model.candidateGroups = "";
      //   }
      // } else if (sj.branchType == 1) {
      //   // 分院区
      //   let areaId = this.model.placeValue[0]; //区域id
      //   console.log(this.initAreaList);
      //   if (areaId) {
      //     // 选择了区域
      //     let areaObj = this.initAreaList.find(v => v.id == areaId);
      //     if (areaObj) {
      //       let branchId = areaObj.branch;
      //       let branchUserGroup =
      //         sj.branchUserGroups.find(v => v.branchId == branchId) || {};
      //       if (branchUserGroup.branchUserOrGroupType == 1) {
      //         //派人
      //         this.order = 2;
      //         this.model.handleUserOrGroup = true;
      //         this.model.handlerUser = branchUserGroup.userId
      //           ? branchUserGroup.userId
      //           : undefined;
      //       } else if (branchUserGroup.branchUserOrGroupType === 2) {
      //         //派组
      //         this.order = 2;
      //         this.model.handleUserOrGroup = false;
      //         this.model.candidateGroups = branchUserGroup.groupId
      //           ? branchUserGroup.groupId
      //           : undefined;
      //       } else {
      //         this.order = 1;
      //         this.model.handleUserOrGroup = false;
      //         this.model.handlerUser = "";
      //         this.model.candidateGroups = "";
      //       }
      //     } else {
      //       this.order = 1;
      //       this.model.handleUserOrGroup = false;
      //       this.model.handlerUser = "";
      //       this.model.candidateGroups = "";
      //     }
      //   } else {
      //     this.order = 1;
      //     this.model.handleUserOrGroup = false;
      //     this.model.handlerUser = "";
      //     this.model.candidateGroups = "";
      //   }
      // }
      // console.log(this.order, sj.hasSimple);
      // if (this.order == 1 && sj.hasSimple == 1) {
      //   // 直接处理 && 简单处理
      //   this.isShowDes = false;
      // } else {
      //   this.isShowDes = true;
      // }
      // ----------------------回显其他数据---------------------
    },
    // 故障现象
    getIncidentcategory() {
      this.loadShow = true;
      var that = this;
      let postData = {
        idx: 0,
        sum: 9999,
      };
      // 当前所属院区或责任科室
      if(this.loginUser.duty){
        postData.incidentcategory = { duty: this.loginUser.duty.id };
      }else if(this.loginUser.branch){
        postData.incidentcategory = { branch: this.loginUser.branch.id }
      }
      this.$http
        .post("service/bpm/data/fetchDataList/incidentcategory", postData)
        .then(function(res) {
          that.initSjList = JSON.parse(JSON.stringify(res.data.list));
          var list = res.data.list;
          var tree = [];
          list.forEach((v, i) => {
            if (!v.parent) {
              tree[i] = {
                value: v.id,
                text: v.category,
                children: []
              };
            } else {
              tree.forEach((val, idx) => {
                if (
                  v.parent &&
                  !v.parent.parent &&
                  val.text == v.parent.category
                ) {
                  tree[idx].children.push({
                    value: v.id,
                    text: v.category,
                    children: []
                  });
                } else if (v.parent.parent) {
                  tree[idx].children.forEach((value, index) => {
                    if (value.text == v.parent.category) {
                      tree[idx].children[index].children.push({
                        value: v.id,
                        text: v.category
                      });
                    }
                  });
                }
              });
            }
          });

          that.selectData = tree;
          that.categoryPicker = that.$createCascadePicker({
            title: "故障现象选择",
            data: that.selectData,
            selectedIndex:[0, 0, 0],
            onSelect: that.selectCategoryHandler
          });
          that.loadShow = false;
        });
    },
    getRoomData(placeId) {
      this.$http
        .post("service/user/data/fetchDataList/room", {
          idx: 0,
          sum: 1000,
          room: { place: { id: placeId } }
        })
        .then(result => {
          let arr = [];
          result.data.list = result.data.list || [];
          result.data.list.forEach(item => {
            arr.push({ value: item.id, text: item.room });
          });
          this.fields.forEach(item => {
            // 初始化房间号下拉框列表
            if (item.modelKey == "room") {
              item.props.options = arr;
            }
          });
        });
    },
    // 区域地点
    showPlacePicker() {
      this.placePicker.show();
    },
    selectPlaceHandler(selectedVal, selectedIndex, selectedTxt) {
      console.log(selectedVal, selectedIndex, selectedTxt);
      console.log(selectedVal[0], "区域");
      console.log(this.initSjList, "故障现象列表");
      console.log(this.model.category.slice(-1)[0], "故障现象");
      if (this.ifRoom == 1) {
        this.getRoomData(selectedVal[1]);
      }
      this.model.placeValue = selectedVal;
      this.selectedPlaceTxt = selectedTxt.join(" ");
      // 分院区
      // --------------------start---------------------
      let categoryId = this.model.category.slice(-1)[0];
      if (categoryId) {
        // 选择了故障现象
        let categoryObj = this.initSjList.find(v => v.id == categoryId);
        if (categoryObj) {
          if (categoryObj.branchType == 1) {
            // 分院区开关打开的情况下
            let areaId = this.model.placeValue[0]; //区域id
            let areaObj = this.initAreaList.find(v => v.id == areaId);
            let branchId = areaObj.branch;
            let branchUserGroup =
              categoryObj.branchUserGroups.find(v => v.branchId == branchId) ||
              {};
            if (branchUserGroup.branchUserOrGroupType == 1) {
              //派人
              this.order = 2;
              this.model.handleUserOrGroup = true;
              this.model.handlerUser = branchUserGroup.userId
                ? branchUserGroup.userId
                : undefined;
            } else if (branchUserGroup.branchUserOrGroupType === 2) {
              //派组
              this.order = 2;
              this.model.handleUserOrGroup = false;
              this.model.candidateGroups = branchUserGroup.groupId
                ? branchUserGroup.groupId
                : undefined;
            } else {
              this.order = 1;
              this.model.handleUserOrGroup = false;
              this.model.handlerUser = "";
              this.model.candidateGroups = "";
            }
          } else {
            this.order = 1;
            this.model.handleUserOrGroup = false;
            this.model.handlerUser = "";
            this.model.candidateGroups = "";
          }
        } else {
          this.order = 1;
          this.model.handleUserOrGroup = false;
          this.model.handlerUser = "";
          this.model.candidateGroups = "";
        }
      } else {
        this.order = 1;
        this.model.handleUserOrGroup = false;
        this.model.handlerUser = "";
        this.model.candidateGroups = "";
      }
      // --------------------end---------------------
    },
    // 跳转到报修科室搜索页面
    toSearchDept() {
      this.$router.push(`/searchDept?type=searchDept`);
    },
    getAreaData(branchId) {
      this.$http
        .post("service/user/data/fetchDataList/area", {
          idx: 0,
          sum: 9999,
          area: {
            branch: branchId,
          }
        })
        .then(res => {
          this.initAreaList = JSON.parse(JSON.stringify(res.data.list));
          var data = res.data.list;
          for (var i = 0; i < data.length; i++) {
            this.placeSelectData.push({
              text: data[i].area,
              value: data[i].id,
              children: []
            });
          }

          this.getPlaceData(branchId);
        });
    },
    getPlaceData(branchId) {
      this.$http
        .post("service/user/data/fetchDataList/place", {
          idx: 0,
          sum: 9999,
          area: {
            branch: branchId,
          }
        })
        .then((res) => {
          var data = res.data.list;
          for (var i = 0; i < data.length; i++) {
            for (var j = 0; j < this.placeSelectData.length; j++) {
              if (data[i].area.id == this.placeSelectData[j].value) {
                this.placeSelectData[j].children.push({
                  text: data[i].place,
                  value: data[i].id
                });
              }
            }
          }

          console.log(this.initAreaList, data);
          console.log(this.placeSelectData);

          this.placePicker = this.$createCascadePicker({
            title: "区域地点选择",
            data: this.placeSelectData,
            selectedIndex: [0, 0],
            onSelect: this.selectPlaceHandler
          });
        });
    },
    // 获取院区列表
    getBranchList() {
      this.$http
        .post("service/user/data/fetchDataList/branch", {
          idx: 0,
          sum: 9999,
        })
        .then((res) => {
          res.data.list.forEach((v) => {
            this.branchList.push({
              text: v.hosName,
              value: v.id
            });
          });
          this.fields[24].props.options = this.branchList;
        });
    },
    // 回显处理人或组
    showUserOrGroup(){
      this.order = 2;
      this.model.handleUserOrGroup = true;
      this.model.handlerUser = this.loginUser.id;
    },
    // 处理顶部责任科室数据
    handlerDuty(){
      console.log(this.model.category)
      if(!this.model.category.length){
        return;
      }
      let categoryId = this.model.category.slice(-1)[0];
      let category = this.initSjList.find(v => v.id == categoryId);

      if(category.branchType == 1){
        // 分院区
        if(this.model.branch){
          var dutyConfig = category.branchUserGroups.find(v=>v.branchId == this.model.branch);
          if(dutyConfig && dutyConfig.dutyId && dutyConfig.dutyName){
            this.model.duty = {id:dutyConfig.dutyId,dept:dutyConfig.dutyName};
          }else{
            this.model.duty = null;
          }
        }else{
          this.model.duty = null;
        }
      }else{
        // 不分院区
        this.model.duty = category.dutyDepartment;
      }
    },
  },
  watch: {
    "model.room": {
      handler(newV) {
        if (newV) {
          this.fields.forEach(item => {
            if (item.modelKey == "room") {
              this.model.houseNumber = item.props.options.find(
                v => v.value == newV
              ).text;
            }
          });
        } else {
          this.model.houseNumber = "";
        }
      }
    },
    'model.branch': {
      handler(newVal, oldVal){
        console.log(newVal, oldVal);
        this.showUserOrGroup();
        newVal && this.getAreaData(newVal);
        this.handlerDuty();
      }
    },
  },
  created() {
    //获取事件来源
    this.getSource();
    // 优先级
    this.getPriority();
    // 紧急度
    this.getMergency();
    // 影响度
    this.getInfluence();
    // 处理方式
    this.getHandleCategory();
    // 关闭代码
    this.getClosecode();
    // 处理人
    this.getHandlerUser();
    // 处理组
    this.getCandidateGroups();
    this.getMessage();
    // 事件单号
    this.getsjnum();
    // 故障现象
    this.getIncidentcategory();
    if (this.valConfig == 2) {
      // 获取院区列表
      this.getBranchList();

      // 回显选择的报修科室
      if(this.$route.query.id && this.$route.query.dept){
        this.model.requester = this.$route.query.dept;
        // 回显科室信息
        this.showUserOrGroup();
        if(this.$route.query.areaId && this.$route.query.placeId && this.$route.query.areaName && this.$route.query.placeName){
          this.model.placeValue = [+this.$route.query.areaId, +this.$route.query.placeId];
          this.selectedPlaceTxt = this.$route.query.areaName + ' ' + this.$route.query.placeName;
        }else{
          this.model.placeValue = [];
          this.selectedPlaceTxt = '';
        }
        this.model.contactsInformation = this.$route.query.phone;
      }

      // 回显院区
      this.model.branch = this.loginUser.duty ? this.loginUser.duty.branch : this.loginUser.branch.id;
    }
  },
  beforeRouteLeave(to, from, next) {
    console.log(to);
    if (to.name == "InspectionDetail") {
      this.$router.push({ name: "Inspection" });
    } else {
      next();
    }
  },
  mounted() {
    this.$refs.upload.pause();
    if (this.$refs.upload1) {
      this.$refs.upload1.pause();
    }
  },
  components: {
    seiminModel,
    CubePage,
    CubeButtonGroup,
    DatePicker,
    CubeExtendPopup,
    LoadIng,
    PrompTing
  }
};
</script>

<style lang="less" scoped>
.newIncident .cube-form-group {
  border-bottom: 0.02rem solid rgb(245, 245, 245);
}
.newIncident .sub .cube-btn {
  margin-top: 1.1rem;
}
.btn_plcaeholde .cube-btn {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  color: inherit;
  background: none;
  border: none;
}
.inp_local {
  outline: none;
  width: 100%;
  height: 36px;
  color: #666;
}

.btn_plcaeholde .cube-btn::after {
  content: ">";
  float: right;
  margin-right: 0.15rem;
}
.cube-form_standard .cube-upload-def .cube-upload-btn,
.cube-form_standard .cube-upload-def .cube-upload-file {
  margin-left: 3% !important;
}
.sub .cube-btn {
  background-color: #005395 !important;
  width: 90%;
  margin: 0 auto;
  border-radius: 8px;
}
.cube-picker-wheel-item {
  text-overflow: ellipsis;
}
.zc {
  display: flex;
  position: relative;
  .zc-item {
    flex: 7;
  }
  .zc-sao {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6rem;
  }
}
.header {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  color: #fff;
  font-size: 0.37rem;
  background: linear-gradient(#2e2f32, #414246);
  position: fixed;
  top: 0;
  z-index: 6;
}
.incidentTitle {
  .titleRefer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .titleTxtArea {
      font-size: 0.3rem;
      color: #333;
      height: auto;
      width: 62%;
      &:focus {
        outline: none;
      }
    }
    .abtn {
      display: inline-block;
      width: 37%;
      text-align: center;
      height: 0.48rem;
      color: #005395;
      font-size: 0.28rem;
    }
  }
}
.form-custom {
  .cube-form-item {
    .cube-btn {
      padding-left: 0;
      padding-right: 0;
      text-align: left;
      color: inherit;
      background: none;
      border: none;
    }
  }
}

.label {
  background-color: rgb(238, 238, 238);
  height: 0.6rem;
  line-height: 0.6rem;
  padding-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  span {
    font-size: 0.2rem;
    display: inline-block;
    margin-left: 0.08rem;
    color: #999999;
  }
  &.formLabel {
    background-color: #fff;
  }
}

.zhidu {
  display: flex;
  height: 0.7rem;
  line-height: 0.7rem;
  border-bottom: 0.02rem solid rgb(245, 245, 245);
  div:nth-child(1) {
    width: 27.5%;
    padding-left: 6%;
  }
}

.bgColor {
  background-color: white;
  &.newIncident {
    padding-top: 1.84rem;
  }
}

.uplod {
  padding: 0 0.24rem;
  border-bottom: 0.02rem solid rgb(245, 245, 245);
}
.navBar {
  width: 100%;
  height: 0.96rem;
  line-height: 0.96rem;
  background-color: #e5e5e5;
  font-size: 0.28rem;
  position: fixed;
  top: 0.88rem;
  z-index: 6;
  div {
    width: 49%;
    text-align: center;
    a {
      display: inline-block;
      height: 0.9rem;
      width: 1.7rem;
      padding: 0 0.3rem;
      &.active {
        color: #005395;
        border-bottom: 0.06rem solid #005395;
      }
    }
  }
}
.handleRadio {
  border-bottom: 0.02rem solid rgb(245, 245, 245);
}
</style>