vue-insagent-pc/src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyintasks.vue

<template>
  <div class="page">
    <retrievalForm
      :fields="retrievalFields"
      @submit="handleFormSubmit"
      @toggleCollapse="toggleCollapse"
      @areaSelectChange="areaSelectChange"
    ></retrievalForm>
    <el-table
      size="small"
      :data="pageResult"
      height="590"
      border
      v-loading="loading"
      highlight-current-row
      stripe
      @expand-change="handleRowChange"
      ref="expandTable"
      :header-cell-style="{
        background: '#F2F7FC',
        fontWeight: '700',
        color: '#606266',
      }"
    >
      <el-table-column
        prop="orderno"
        label="订单号"
        align="center"
      ></el-table-column>
      <el-table-column prop="username" label="业务员工号" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.userid }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="username" label="业务员名称" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.username }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="managementSource" label="业务来源" align="center">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.managementSource == '渠道'">渠道</el-tag>
          <el-tag v-if="scope.row.managementSource == '个代'" type="success"
            >个代</el-tag
          >
          <el-tag v-if="scope.row.managementSource == '电销'" type="warning"
            >电销</el-tag
          >
        </template>
      </el-table-column>
      <el-table-column
        prop="agreementName"
        label="协议名称"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="insCompany"
        label="承保公司"
        width="180"
        align="center"
      >
        <template slot-scope="scope">
          <span>{{ scope.row.insCompany ? scope.row.insCompany : "--" }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="isExternal" label="外部订单" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.isExternal == "1" ? "是" : "否" }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="problemOrder" label="疑问订单" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.problemOrder == "1" ? "是" : "否" }}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="insCompany"
        label="合作公司"
        width="180"
        align="center"
      >
        <template slot-scope="scope">
          <span>{{
            scope.row.partnerCompaniesName
              ? scope.row.partnerCompaniesName
              : "--"
          }}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="licenseno"
        label="车牌号"
        width="180"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="insuredname"
        label="投保人姓名"
        align="center"
        width="150"
      ></el-table-column>
      <el-table-column
        prop="product"
        label="投保险种"
        align="center"
        width="200"
      ></el-table-column>
      <el-table-column
        prop="auditStatus"
        label="状态"
        align="center"
        width="100"
      >
        <template slot-scope="scope">
          <el-tag
            v-if="scope.row.auditStatus == '0'"
            type="success"
            size="small"
            >未审核</el-tag
          >
          <el-tag
            v-if="scope.row.auditStatus == '1'"
            type="warning"
            size="small"
            >审核通过</el-tag
          >
          <el-tag v-if="scope.row.auditStatus == '2'" type="danger" size="small"
            >审核驳回</el-tag
          >
        </template>
      </el-table-column>
      <el-table-column
        prop="auditUser"
        label="审核人"
        align="center"
        width="200"
      ></el-table-column>
      <el-table-column
        prop="createtime"
        label="录单日期"
        align="center"
        width="200"
      ></el-table-column>
      <el-table-column
        prop="signingTime"
        label="签单时间"
        align="center"
        width="200"
      ></el-table-column>
      <el-table-column
        prop="payDate"
        label="支付时间"
        align="center"
        width="200"
      ></el-table-column>
      <el-table-column
        label="操作"
        align="center"
        min-width="150"
        fixed="right"
      >
        <template slot-scope="scope">
          <kt-button
            label="查看详情"
            type="text"
            perms="carInsurance:expenseVerification:pendingReview:review"
            @click="OrderDetails(scope.row)"
          />
          <kt-button label="轨迹" type="text" @click="trajectory(scope.row)" />
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页功能 -->
    <div class="block">
      <el-pagination
        @size-change="applyhandleSizeChange"
        @current-change="applyhandleCurrentChange"
        :current-page="pageNum"
        :page-size="pageSize"
        :page-sizes="[20, 30, 50, 100]"
        layout="total, sizes, prev, pager, next, jumper"
        :total="totalSize"
      ></el-pagination>
    </div>
    <!-- 车辆报价新页面 -->
    <detailsDialog
      ref="detailsDialog"
      :orderInfo="orderInfo"
      :feeOrderNewVoList="feeOrderNewVoList"
      @updatedCost="updatedCost"
      @adusitFUn="adusitFUn"
      auditStatus="1"
    >
    </detailsDialog>
    <el-dialog :visible.sync="ddgjdialogVisible" width="430px">
      <div slot="title" class="">
        <span>订单轨迹</span>
      </div>
      <div style="height: 300px; overflow-y: auto">
        <el-steps
          direction="vertical"
          :active="trajectoryTable.length - 1"
          finish-status="success"
        >
          <el-step
            :title="auditstatusCap(item.auditstatus)"
            :key="item.id"
            v-for="item in trajectoryTable"
          >
            <template slot="description">
              <template v-if="item.auditstatus == '0'">
                <div>保险公司：{{ item.insCompany }}</div>
                <div>创建用户：{{ item.operator }}</div>
              </template>
              <template v-else>
                <span>审核人：{{ item.operator }}</span>
                <span style="margin-left: 10px"
                  >审核人工号：{{ item.audituser }}</span
                >
                <div v-if="item.operatorTime">
                  审核时间：{{ item.operatorTime }}
                </div>
              </template>
            </template>
          </el-step>
        </el-steps>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import retrievalForm from "@/components/Form/retrievalForm.vue";
import Cookies from "js-cookie";
import KtButton from "@/views/Core/KtButton"; //按钮权限组件
import detailsDialog from "@/views/Core/components/detailsDialogPro.vue";

export default {
  components: {
    KtButton,
    detailsDialog,
    retrievalForm,
  },
  data() {
    return {
      ddgjdialogVisible: false,
      trajectoryTable: [],
      feeOrderNewVoList: {},
      isAuditing: {},
      oldFeeInfo: [], //原始跟单费用比例
      adjustFeeDescInfo: {}, //调整费用时使用对象
      adjustFeeFlag: false,
      queryOrders: "",
      value2: "",
      optionsStatus: [],
      quotedetailsdialogVisible: false,
      loading: false,
      pageNum: 1, //页数
      pageSize: 20, //条数
      totalSize: null, //总数
      peopleid: "", //工号
      pageResult: [], //列表
      pageRequest: {
        pageNum: 1,
        pageSize: 20,
        auditStatus: 1,
        userId: "",
      },
      retrievalFields: [
      {
          name: 'whole',
          label: '总机构',
          type: 'select',
          options: []
        },
        {
          name: "provinceId",
          label: "省机构名称",
          type: "select",
          options: [],
        },
        {
          name: "cityId",
          label: "市机构名称",
          type: "select",
          options: [],
        },
        {
          name: "countyId",
          label: "区机构名称",
          type: "select",
          options: [],
        },
        {
          name: "houseId",
          label: "门店名称",
          type: "select",
          options: [],
        },

        // {
        //   name: 'taskNo',
        //   label: '任务池号',
        //   type: 'input',

        // },
        {
          name: "orderNo",
          label: "订单号",
          type: "input",
        },
        {
          name: "managementSource",
          label: "业务来源",
          type: "select",
          options: [],
          optionsIabel: "dictTag",
          optionsValue: "dictValue",
        },
        {
          name: "companyId",
          label: "保险公司",
          type: "select",
          options: [],
        },

        {
          name: "insuredName",
          label: "被保险人",
          type: "input",
          Retained: true,
        },
        {
          name: "licenseNo",
          label: "车牌号",
          type: "input",
          Retained: true,
        },
        {
          name: "frameNo",
          label: "车架号",
          type: "input",
          Retained: true,
        },
        {
          name: "engineNo",
          label: "发动机号",
          type: "input",
          Retained: true,
        },
        {
          name: "riskCode",
          label: "投保险种",
          type: "select",
          Retained: true,
          options: [],
          optionsIabel: "dictTag",
          optionsValue: "dictTag",
        },
        {
          name: "operatorId",
          label: "代理人工号",
          type: "input",
          Retained: true,
        },
        {
          name: "operatorName",
          label: "代理人姓名",
          type: "input",
          Retained: true,
        },
        {
          name: "auditId",
          label: "受理人工号",
          type: "input",
          Retained: true,
        },
        {
          name: "agreeId",
          label: "协议选择",
          type: "select",
          options: [],
          optionsIabel: "agreementName",
        },
        {
          name: "isExternal",
          label: "外部订单",
          type: "select",
          optionsIabel: "label",
          optionsValue: "value",
          options: [
            {
              label: "是",
              value: "1",
            },
            {
              label: "否",
              value: "0",
            },
          ],
        },
        {
          name: "problemOrder",
          label: "疑问订单",
          type: "select",
          optionsIabel: "label",
          optionsValue: "value",
          options: [
            {
              label: "是",
              value: "1",
            },
            {
              label: "否",
              value: "0",
            },
          ],
        },
        {
          name: ["quoteStartDateStr", "quoteEndDateStr"],
          label: "报价时间",
          type: "date",
          list: "quoteList",
        },
        {
          name: ["attachStartDateStr", "attachEndDateStr"],
          label: "起保时间",
          type: "date",
          list: "attachList",
        },
        {
          name: ["signStartDateStr", "signEndDateStr"],
          label: "签单时间",
          type: "date",
          list: "signList",
        },
        {
          name: ["payStartDateStr", "payEndDateStr"],
          label: "支付时间",
          type: "date",
          list: "payList",
        },
        // {
        //   name: 'isExternal',
        //   label: '外部订单',
        //   optionsIabel: 'label',
        //   optionsValue: 'value',
        //   Retained: true,
        //   type: 'select',
        //   options: [
        //   {
        //         label: '否',
        //         value: '0'
        //       },
        //       {
        //         label: '是',
        //         value: '1'
        //       },
        //   ]
        // },
        {
          name: 'jqPolicyNo',
          label: '交强保单号',
          type: 'input',
          Retained: true,
        },
        {
          name: 'syPolicyNo',
          label: '商业保单号',
          type: 'input',
          Retained: true,
        },
        {
          name: 'noPolicyNo',
          label: '非车保单号',
          type: 'input',
          Retained: true,
        },
      ],
      orderInfo: {
        //选中的订单
        ownerinfo: {},
        carinfo: {},
        applyinfo: {},
        insureinfo: {},
        kindinfo: [],
        riskinfo: [],
        ownerinfo: {},
        extendInfo: {},
      },
      feeDetailInfo: [], //费用明细信息
      inscompany: "", //保险公司名称
      licenseNo: "", //车牌号
      sumpremium: "", //保费合计
      jqpremium: "", //交强
      sypremium: "", //商业
      taxamount: "", //车船税
      jypremium: "", //驾意险
      jqstartdate: "", //交强时间
      systartdate: "", //商业时间
      mobile: "", //投保人手机号
      qrcode: null,
      userid: "",
      institutionOptions: [],
      width: document.documentElement.clientWidth,
      insAreaCompanyList: [], //子订单list
      companyList: [], //保险公司
      oldVersionHistory: [],
      natureOfVehicleUseoptions: [],
      businessVehicleUseoptions: [],
      outOfBusinessVehicleUseoptions: [],
      vehicleTypeoptions: [],
      trafficManagementVehicleTypeoptions: [],
      energyTypeoptions: [],

      carImageList: [], //车辆影像
      ownerImageList: [], //车主影像
      policyImageList: [], //投保人影像
      insuredImageList: [], //被保人影像
      carCheckImageList: [], //验车照影像
      oldfileList: [], //电子保单数据
    };
  },
  created() {
    this.pageRequest.userId = Cookies.get("user");
    this.areaqueryList(0, 9, "whole");
    this.CompanyList();
    this.agrmentlist();
    this.$api.insCompany.dicType("productsType").then((res) => {
      if (res.code == 200) {
        this.selectDataMatching(
          this.retrievalFields,
          "riskCode",
          res.data.ddList
        );
      }
    });
    this.$api.insCompany.dicType("organizationSource").then((res) => {
      if (res.code == 200) {
        this.selectDataMatching(
          this.retrievalFields,
          "managementSource",
          res.data.ddList
        );
      }
    });
    this.getDicType("natureOfVehicleUse"); //车辆使用性质
    this.getDicType("businessVehicleUse"); //（车辆用途）营业
    this.getDicType("outOfBusinessVehicleUse"); //（车辆用途）非营业
    this.getDicType("vehicleType"); //车辆种类
    this.getDicType("trafficManagementVehicleType"); //车辆类型
    this.getDicType("energyType"); //能源种类
  },
  mounted() {
    window.addEventListener("resize", this.getDimensions);
  },
  unmounted() {
    window.removeEventListener("resize", this.getDimensions);
  },
  methods: {
    auditstatusCap(val) {
      if (val == "0") {
        return "未审核";
      }
      if (val == "1") {
        return "审核通过";
      }
      if (val == "2") {
        return "审核驳回";
      }
    },
    trajectory(row) {
      this.$api.task.getFeeAuditHistory(row.orderno).then((res) => {
        if (res.code == 200 && res.data.length > 0) {
          this.trajectoryTable = res.data;
          this.ddgjdialogVisible = true;
        } else {
          this.$message.error("暂无数据！");
        }
      });
    },
    //获取机构数据
    areaqueryList(level, parentId, filed) {
      this.$api.task.queryListByParentId(level, parentId).then((res) => {
        this.selectDataMatching(this.retrievalFields, filed, res.data);
      });
    },
    CompanyList() {
      this.$api.letter.gainTopList().then((res) => {
        this.selectDataMatching(this.retrievalFields, "companyId", res.data);
      });
    },
    agrmentlist() {
      this.$api.task.findPtlAgreementList().then((res) => {
        this.selectDataMatching(this.retrievalFields, "agreeId", res.data);
      });
    },
    getDicType(type) {
      this.$api.insCompany.dicType(type).then((res) => {
        if (res.code == 200) {
          this[type + "options"] = res.data.ddList;
        }
      });
    },
    //下拉数据匹配
    selectDataMatching(files, name, data) {
      files.forEach((filed) => {
        if (filed.name == name) {
          filed.options = data;
        }
      });
    },
    areaSelectChange(obj) {
      switch (obj.filed) {
        case "whole":
          this.areaqueryList(1, obj.id, "provinceId");
          break;
        case "provinceId":
          this.areaqueryList(2, obj.id, "cityId");
          break;
        case "cityId":
          this.areaqueryList(3, obj.id, "countyId");
          break;
        case "countyId":
          this.areaqueryList(4, obj.id, "houseId");
          break;
        default:
      }
    },
    handleFormSubmit(data) {
      this.pageRequest.pageNum = 1;
      this.pageRequest.pageSize = 20;
      let obj = Object.assign(this.pageRequest, data);
      this.pageRequest = obj;
      this.findPage();
    },
    toggleCollapse(data) {
      this.retrievalFields.map((val) => {
        if (val.Retained != null) val.Retained = data;
        return val;
      });
    },
    updatedCost(data) {
      let list = JSON.parse(JSON.stringify(data));
      console.log(list);
      const exportFee = [];
      const entranceFee = [];
      list.feeOrder.forEach((item, index) => {
        if (index < 3) entranceFee.push(item);
        else exportFee.push(item);
      });
      let params = {
        feeId: this.oldVersionHistory.feeId,
        feeOrderNewVoOld: this.oldVersionHistory,
        feeOrderNewVoNew: {
          deptManagerFee: list.deptManagerFee,
          entranceFee: entranceFee,
          exportFee: exportFee,
        },
      };
      this.$api.task.costsadjust(params).then((res) => {
        if (res.code == "200") {
          let data = res.data;
          let list = [];
          data.exportFee.map((val, index) => {
            val.type = "出口费用";
            return val;
          });
          data.entranceFee.map((val, index) => {
            val.type = "入口费用";
            return val;
          });
          console.log(data);
          this.feeOrderNewVoList = {
            deptManagerFee: data.deptManagerFee,
            list: [...data.entranceFee, ...data.exportFee],
            retailFee: data.retailFee,
          };
          this.$message({
            type: "success",
            message: res.msg,
          });
        } else {
          this.$message({
            type: "error",
            message: res.msg,
          });
        }
      });
    },
    closeDialog() {
      this.adjustFeeFlag = false;
    },
    //审核通过
    adusitFUn() {
      let subParam = {
        orderNo: this.orderInfo.orderno,
        jqCostsProportionStr: this.adjustFeeDescInfo.jqAllFeeRate,
        syCostsProportionStr: this.adjustFeeDescInfo.syAllFeeRate,
        updateFlag: this.adjustFeeFlag ? "1" : "0",
      };
      this.$api.task.auditFee(subParam).then((res) => {
        if (res.code == 200) {
          this.$message({
            type: "success",
            message: "审核通过",
          });
          this.findPage();
          // this.quotedetailsdialogVisible = false;
          this.$refs.detailsDialog.setBackupVisible(false);
        } else {
          this.$message.error(res.msg);
        }
      });
    },
    toChinesNum(num) {
      let changeNum = ["零", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
      let unit = ["", "0", "00", "000", "0000"];
      num = parseInt(num);
      let getWan = (temp) => {
        let strArr = temp.toString().split("").reverse();
        let newNum = "";
        let newArr = [];
        strArr.forEach((item, index) => {
          newArr.unshift(
            item === "0" ? changeNum[item] : changeNum[item] + unit[index]
          );
        });
        let numArr = [];
        newArr.forEach((m, n) => {
          if (m !== "零") numArr.push(n);
        });
        if (newArr.length > 1) {
          newArr.forEach((m, n) => {
            if (newArr[newArr.length - 1] === "零") {
              if (n <= numArr[numArr.length - 1]) {
                newNum += m;
              }
            } else {
              newNum += m;
            }
          });
        } else {
          newNum = newArr[0];
        }
        return newNum;
      };
      let overWan = Math.floor(num / 10000);
      let noWan = num % 10000;
      if (noWan.toString().length < 4) {
        noWan = "0" + noWan;
      }
      return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
    },
    //联级选择器触发事件
    handleChange(val) {
      if (val.length !== 0) {
        this.pageRequest.deptId = val.at(-1);
      } else {
        this.pageRequest.deptId = "";
      }
    },
    getDimensions() {
      this.width = document.documentElement.clientWidth - 350 + "px";
    },
    //使用性质
    natureOfVehicleUseCap(ele) {
      if (
        this.natureOfVehicleUseoptions.find((item) => item.dictValue == ele)
      ) {
        return this.natureOfVehicleUseoptions.find((item) => {
          return item.dictValue === ele;
        }).dictTag;
      } else {
        return "";
      }
    },
    //车辆类型
    trafficManagementVehicleTypeCap(ele) {
      if (
        this.trafficManagementVehicleTypeoptions.find(
          (item) => item.dictValue == ele
        )
      ) {
        return this.trafficManagementVehicleTypeoptions.find((item) => {
          return item.dictValue === ele;
        }).dictTag;
      } else {
        return "";
      }
    },
    //车辆种类
    vehicleTypeCap(ele) {
      if (this.vehicleTypeoptions.find((item) => item.dictValue == ele)) {
        return this.vehicleTypeoptions.find((item) => {
          return item.dictValue === ele;
        }).dictTag;
      } else {
        return "";
      }
    },
    //能源种类
    energyTypeCap(ele) {
      if (this.energyTypeoptions.find((item) => item.dictValue == ele)) {
        return this.energyTypeoptions.find((item) => {
          return item.dictValue === ele;
        }).dictTag;
      } else {
        return "";
      }
    },
    //车辆用途
    outOfBusinessVehicleUseCap(type, ele) {
      switch (type) {
        case "非营业":
          if (
            this.outOfBusinessVehicleUseoptions.find(
              (item) => item.dictValue == ele
            )
          ) {
            return this.outOfBusinessVehicleUseoptions.find((item) => {
              return item.dictValue === ele;
            }).dictTag;
          } else {
            return "";
          }
        case "营业":
          if (
            this.businessVehicleUseoptions.find((item) => item.dictValue == ele)
          ) {
            return this.businessVehicleUseoptions.find((item) => {
              return item.dictValue === ele;
            }).dictTag;
          } else {
            return "";
          }
        default:
      }
    },
    //应用详情
    OrderDetails(dy) {
      this.carImageList = [];
      this.ownerImageList = []; //车主影像
      this.policyImageList = []; //投保人影像
      this.insuredImageList = []; //被保人影像
      this.carCheckImageList = []; //验车照影像
      let params = {
        orderNo: dy.orderno,
      };
      this.$api.task.feeDetail(params).then((res) => {
        if (res.code == 200) {
          res.data.kindinfo.map((ele, index) => {
            switch (ele.kindCode) {
              case "A":
                ele.amount = "投保";
                break;
              case "D4":
              case "SY_FJ_YBW2":
                ele.unitAmount = this.toChinesNum(ele.unitAmount);
                break;
              case "MJ1":
              case "MJ2":
              case "MJ3":
              case "MJ4":
                ele.deductibleRate = ele.deductibleRate + "%";
                break;
              default:
                ele.amount = this.toChinesNum(ele.amount);
            }
            return ele;
          });
          // 获取影像
          this.$api.letter.findByQuoteNo(dy.quoteno).then((resImage) => {
            Object.keys(resImage.data).forEach((keys) => {
              if (resImage.data[keys]) {
                resImage.data[keys].url = resImage.data[keys].url
                  ? process.env.BASE_URL + resImage.data[keys].url
                  : null;
                switch (keys) {
                  case "C01":
                  case "D01":
                    resImage.data[keys].url
                      ? this.carImageList.push(resImage.data[keys].url)
                      : "";
                    break;
                  case "C02":
                  case "D02":
                    resImage.data[keys].url
                      ? this.ownerImageList.push(resImage.data[keys].url)
                      : "";
                    break;
                  case "C03":
                  case "D03":
                    resImage.data[keys].url
                      ? this.policyImageList.push(resImage.data[keys].url)
                      : "";
                    break;
                  case "C04":
                  case "D04":
                    resImage.data[keys].url
                      ? this.insuredImageList.push(resImage.data[keys].url)
                      : "";
                    break;
                  case "XC00":
                  case "GC00":
                  case "GX00":
                    resImage.data[keys].url
                      ? this.carCheckImageList.push(resImage.data[keys].url)
                      : "";
                    break;
                  default:
                    break;
                }
              }
            });
            let obj = {
              carImageList: this.carImageList,
              ownerImageList: this.ownerImageList,
              policyImageList: this.policyImageList,
              insuredImageList: this.insuredImageList,
              carCheckImageList: this.carCheckImageList,
            };
            this.$refs.detailsDialog.imageFun(obj);
          });
          if (
            res.data.feeOrderNewVo &&
            res.data.feeOrderNewVo.exportFee &&
            res.data.feeOrderNewVo.entranceFee
          ) {
            let data = JSON.parse(JSON.stringify(res.data.feeOrderNewVo));
            this.oldVersionHistory = data;
            data.exportFee.map((val, index) => {
              val.type = "出口费用";
              return val;
            });
            data.entranceFee.map((val, index) => {
              val.type = "入口费用";
              return val;
            });
            this.feeOrderNewVoList = {
              deptManagerFee: data.deptManagerFee,
              list: [...data.entranceFee, ...data.exportFee],
              retailFee: data.retailFee,
            };
          }
          res.data.carinfo.carnature = this.natureOfVehicleUseCap(
            res.data.carinfo.carnature
          );
          res.data.carinfo.cartype = this.trafficManagementVehicleTypeCap(
            res.data.carinfo.cartype
          );
          res.data.carinfo.cimodelclass = this.vehicleTypeCap(
            res.data.carinfo.cimodelclass
          );
          res.data.carinfo.energyType = this.energyTypeCap(
            res.data.carinfo.energyType
          );
          res.data.carinfo.vehicleUse = this.outOfBusinessVehicleUseCap(
            res.data.carinfo.carnature,
            res.data.carinfo.vehicleUse
          );
          this.orderInfo = res.data;
          this.oldfileList = [];
          let businessList = [];
          let accidentList = [];
          if (res.data.orderstatus == "3") {
            if (res.data.isExternal == 1) {
              this.$api.letter
                .getPolicyPrintexternalOrder(res.data.id)
                .then((res1) => {
                  if (res1.code == 200) {
                    if (res1.data.jqPolicy) {
                      this.oldfileList.push({
                        fileTitle: "交强电子保单",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res1.data.jqPolicy,
                      });
                    }
                    if (res1.data.jqSign) {
                      this.oldfileList.push({
                        fileTitle: "交强电子标志",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res1.data.jqSign,
                      });
                    }
                    if (res1.data.jqSign) {
                      accidentList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res1.data.jqSign,
                      });
                    }
                    if (res1.data.noPolicy) {
                      accidentList.push({
                        fileTitle: "驾意险保单",
                        filename: "驾意险保单",
                        fileurl: res1.data.noPolicy,
                      });
                    }
                  } else {
                    this.$message.error(res1.msg);
                  }
                });
            } else {
              switch (res.data.inscompany) {
                case "永安财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .getPolicyPrint({
                        companyId: res.data.id,
                        policytype: "jq",
                      })
                      .then((res) => {
                        //交强保单
                        if (res.data) {
                          let result = res.data.replace(/[\r\n]/g, "");
                          let pdfBase64 = `data:application/pdf;base64,${result}`;
                          base64ToPath(pdfBase64).then((path) => {
                            if (path) {
                              this.oldfileList.push({
                                fileTitle: "交强电子保单",
                                filename: this.orderInfo.jqpolicyno,
                                fileurl: path,
                              });
                            }
                          });
                        }
                      });
                    this.$api.letter
                      .getPolicyPrint2({
                        companyId: res.data.id,
                        policytype: "jq",
                      })
                      .then((res) => {
                        //交强保单
                        if (res.data) {
                          let result = res.data.replace(/[\r\n]/g, "");
                          let pdfBase64 = `data:application/pdf;base64,${result}`;
                          base64ToPath(pdfBase64).then((path) => {
                            if (path) {
                              this.oldfileList.push({
                                fileTitle: "交强电子标志",
                                filename: this.orderInfo.jqpolicyno,
                                fileurl: path,
                              });
                            }
                          });
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .getPolicyPrint({
                        companyId: res.data.id,
                        policytype: "sy",
                      })
                      .then((res) => {
                        //商业保单
                        if (res.data) {
                          let result = res.data.replace(/[\r\n]/g, "");
                          let pdfBase64 = `data:application/pdf;base64,${result}`;
                          base64ToPath(pdfBase64).then((path) => {
                            if (path) {
                              businessList.push({
                                fileTitle: "商业电子保单",
                                filename: this.orderInfo.sypolicyno,
                                fileurl: path,
                              });
                            }
                          });
                        }
                      });
                  }
                  break;
                case "华泰财险":
                  switch (this.orderInfo.apiType) {
                    case 1:
                    if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .HuataigetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data) {
                          if (res.data.jqxPolicyUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子保单",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxPolicyUrl,
                            });
                          }
                          if (res.data.jqxFlagUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子标志",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxFlagUrl,
                            });
                          }
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .HuataigetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0510",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data && res.data.syxPolicyUrl) {
                          businessList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: res.data.syxPolicyUrl,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                      break;
                    case 2:
                    if (
                        this.orderInfo.jqpolicyno ||
                        this.orderInfo.sypolicyno
                      ) {
                        this.$api.letter
                          .pythongetPolicyPrint({
                            subOrderNo: res.data.id,
                          })
                          .then((res) => {
                            if (res.code == 200 && res.data) {
                              if (res.data.jqxPolicyUrl) {
                                this.oldfileList.push({
                                  fileTitle: "交强电子保单",
                                  filename: this.orderInfo.jqpolicyno,
                                  fileurl: res.data.jqxPolicyUrl,
                                });
                              }
                              if (res.data.jqxFlagUrl) {
                                this.oldfileList.push({
                                  fileTitle: "交强电子标志",
                                  filename: this.orderInfo.jqpolicyno,
                                  fileurl: res.data.jqxFlagUrl,
                                });
                              }
                              if (res.data.syxPolicyUrl) {
                                businessList.push({
                                  fileTitle: "商业电子保单",
                                  filename: this.orderInfo.sypolicyno,
                                  fileurl: res.data.syxPolicyUrl,
                                });
                              }
                              if (
                                res.data.jyxInfoList &&
                                res.data.jyxInfoList.length > 0
                              ) {
                                res.data.jyxInfoList.forEach((val) => {
                                  accidentList.push({
                                    fileTitle: "驾意险保单",
                                    filename: "驾意险保单",
                                    fileurl: val.jyx_policy_url,
                                  });
                                });
                              }
                            } else {
                              this.$message.error(res.msg);
                            }
                          });
                      }
                      break;
                    default:
                  }

                  break;
                case "中煤财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .ZhongmeigetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data && res.data[0]) {
                          this.oldfileList.push({
                            fileTitle: "交强电子保单",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data[0],
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                    this.$api.letter
                      .ZhongmeigetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "1", // 1：标志
                      })
                      .then((res) => {
                        if (res.data && res.data[0]) {
                          this.oldfileList.push({
                            fileTitle: "交强电子标志",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data[0],
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .ZhongmeigetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0510",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data && res.data[0]) {
                          businessList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: res.data[0],
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.crossInsurance.length > 0) {
                    this.orderInfo.crossInsurance.map((ele) => {
                      this.$api.letter
                        .ZhongmeigetPolicyPrint({
                          ridePolicyNo: ele.ridePolicyNo,
                          companyId: res.data.id,
                          riskCode: "0513",
                          type: "2", //2:保单
                        })
                        .then((res) => {
                          if (res.code == 200 && res.data) {
                            accidentList.push({
                              fileTitle: "驾意险保单",
                              filename: this.orderInfo.sypolicyno,
                              fileurl: res.data[0],
                            });
                          } else {
                            this.$message.error(res.msg);
                          }
                        });
                    });
                  }
                  break;
                case "永诚财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .yongchenggetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.code == 200 && res.data) {
                          if (res.data.jqUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子保单",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqUrl,
                            });
                          }
                          if (res.data.jqFlagUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子标志",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqFlagUrl,
                            });
                          }
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .yongchenggetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0510",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data && res.data.syUrl) {
                          businessList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: res.data.syUrl,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.crossInsurance.length > 0) {
                    this.orderInfo.crossInsurance.map((ele) => {
                      this.$api.letter
                        .yongchenggetPolicyPrint({
                          companyId: res.data.id,
                          policyNumber: ele.policyNumber,
                          riskCode: "0513",
                          type: "2", //2:保单
                        })
                        .then((res) => {
                          if (res.code == 200 && res.data) {
                            accidentList.push({
                              fileTitle: "驾意险保单",
                              filename: ele.policyNumber,
                              fileurl: res.data.jyUrl,
                            });
                          } else {
                            this.$message.error(res.msg);
                          }
                        });
                    });
                  }
                  break;
                case "国任财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .guoRengetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data) {
                          this.oldfileList.push({
                            fileTitle: "交强电子保单",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                    this.$api.letter
                      .guoRengetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "1", //1:标志
                      })
                      .then((res) => {
                        if (res.data) {
                          this.oldfileList.push({
                            fileTitle: "交强电子标志",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .guoRengetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0510",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data) {
                          businessList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.crossInsurance.length > 0) {
                    this.orderInfo.crossInsurance.map((ele) => {
                      this.$api.letter
                        .guoRengetPolicyPrint({
                          companyId: res.data.id,
                          policyNumber: ele.policyNumber,

                          riskCode: "0513",
                          type: "2", //2:保单
                        })
                        .then((res) => {
                          if (res.data) {
                            accidentList.push({
                              fileTitle: "驾意险保单",
                              filename: ele.policyNumber,
                              fileurl: res.data,
                            });
                          } else {
                            this.$message.error(res.msg);
                          }
                        });
                    });
                  }
                  break;

                case "紫金财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .zijingetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data) {
                          this.oldfileList.push({
                            fileTitle: "交强电子保单",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                    this.$api.letter
                      .zijingetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0507",
                        type: "1", //1:标志
                      })
                      .then((res) => {
                        if (res.data) {
                          this.oldfileList.push({
                            fileTitle: "交强电子标志",
                            filename: this.orderInfo.jqpolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .zijingetPolicyPrint({
                        companyId: res.data.id,
                        riskCode: "0510",
                        type: "2", //2:保单
                      })
                      .then((res) => {
                        if (res.data) {
                          businessList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: res.data,
                          });
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  if (this.orderInfo.crossInsurance.length > 0) {
                    this.orderInfo.crossInsurance.map((ele) => {
                      this.$api.letter
                        .zijingetPolicyPrint({
                          companyId: res.data.id,
                          policyNumber: ele.policyNumber,
                          riskCode: "0513",
                          type: "2", //2:保单
                        })
                        .then((res) => {
                          if (res.data) {
                            accidentList.push({
                              fileTitle: "驾意险保单",
                              filename: ele.policyNumber,
                              fileurl: res.data,
                            });
                          } else {
                            this.$message.error(res.msg);
                          }
                        });
                    });
                  }
                  break;
                case "渤海财险":
                  if (this.orderInfo.jqpolicyno) {
                    this.$api.letter
                      .getPolicyPrintboHai({
                        companyId: res.data.id,
                      })
                      .then((res) => {
                        if (res.code == 200 && res.data) {
                          if (res.data.jqxPolicyUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子保单",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxPolicyUrl,
                            });
                          }
                          if (res.data.jqxFlagUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子标志",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxFlagUrl,
                            });
                          }
                          if (res.data.syxPolicyUrl) {
                            businessList.push({
                              fileTitle: "商业电子保单",
                              filename: this.orderInfo.sypolicyno,
                              fileurl: res.data.syxPolicyUrl,
                            });
                          }
                          if (
                            res.data.jyxInfoList &&
                            res.data.jyxInfoList.length > 0
                          ) {
                            res.data.jyxInfoList.forEach((val) => {
                              accidentList.push({
                                fileTitle: "驾意险保单",
                                filename: "驾意险保单",
                                fileurl: val.jyx_policy_url,
                              });
                            });
                          }
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  break;
                case "恒邦财险":
                case "安盛天平":
                case "中国人寿":
                case "太平财险":
                case "华农财险":
                case "众安财险":
                  if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
                    this.$api.letter
                      .pythongetPolicyPrint({
                        subOrderNo: res.data.id,
                      })
                      .then((res) => {
                        if (res.code == 200 && res.data) {
                          if (res.data.jqxPolicyUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子保单",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxPolicyUrl,
                            });
                          }
                          if (res.data.jqxFlagUrl) {
                            this.oldfileList.push({
                              fileTitle: "交强电子标志",
                              filename: this.orderInfo.jqpolicyno,
                              fileurl: res.data.jqxFlagUrl,
                            });
                          }
                          if (res.data.syxPolicyUrl) {
                            businessList.push({
                              fileTitle: "商业电子保单",
                              filename: this.orderInfo.sypolicyno,
                              fileurl: res.data.syxPolicyUrl,
                            });
                          }
                          if (
                            res.data.jyxInfoList &&
                            res.data.jyxInfoList.length > 0
                          ) {
                            res.data.jyxInfoList.forEach((val) => {
                              accidentList.push({
                                fileTitle: "驾意险保单",
                                filename: "驾意险保单",
                                fileurl: val.jyx_policy_url,
                              });
                            });
                          }
                        } else {
                          this.$message.error(res.msg);
                        }
                      });
                  }
                  break;
                case "大家财险":
                switch (this.orderInfo.apiType) {
                    case 1:
                      if (this.orderInfo.jqpolicyno) {
                        this.$api.letter
                          .obtainWarranty({
                            companyId: res.data.id,
                            riskCode: "0507",
                            type: "2", //2:保单
                          })
                          .then((res) => {
                            if (res.data) {
                              this.oldfileList.push({
                                fileTitle: "交强电子保单",
                                filename: this.orderInfo.jqpolicyno,
                                fileurl: res.data,
                              });
                            } else {
                              this.$message.error(res.msg);
                            }
                          });
                        this.$api.letter
                          .obtainWarranty({
                            companyId: res.data.id,
                            riskCode: "0507",
                            type: "1", //1:标志
                          })
                          .then((res) => {
                            if (res.data) {
                              this.oldfileList.push({
                                fileTitle: "交强电子标志",
                                filename: this.orderInfo.jqpolicyno,
                                fileurl: res.data,
                              });
                            } else {
                              this.$message.error(res.msg);
                            }
                          });
                      }
                      if (this.orderInfo.sypolicyno) {
                        this.$api.letter
                          .obtainWarranty({
                            companyId: res.data.id,
                            riskCode: "0510",
                            type: "2", //2:保单
                          })
                          .then((res) => {
                            if (res.data) {
                              businessList.push({
                                fileTitle: "商业电子保单",
                                filename: this.orderInfo.sypolicyno,
                                fileurl: res.data,
                              });
                            }
                          });
                      }
                      if (this.orderInfo.crossInsurance.length > 0) {
                        this.orderInfo.crossInsurance.map((ele) => {
                          this.$api.letter
                            .zijingetPolicyPrint({
                              companyId: res.data.id,
                              policyNumber: ele.policyNumber,
                              riskCode: "0513",
                              type: "2", //2:保单
                            })
                            .then((res) => {
                              if (res.data) {
                                accidentList.push({
                                  fileTitle: "驾意险保单",
                                  filename: ele.policyNumber,
                                  fileurl: res.data,
                                });
                              } else {
                                this.$message.error(res.msg);
                              }
                            });
                        });
                      }
                      break;
                    case 2:
                      if (
                        this.orderInfo.jqpolicyno ||
                        this.orderInfo.sypolicyno
                      ) {
                        this.$api.letter
                          .pythongetPolicyPrint({
                            subOrderNo: res.data.id,
                          })
                          .then((res) => {
                            if (res.code == 200 && res.data) {
                              if (res.data.jqxPolicyUrl) {
                                this.oldfileList.push({
                                  fileTitle: "交强电子保单",
                                  filename: this.orderInfo.jqpolicyno,
                                  fileurl: res.data.jqxPolicyUrl,
                                });
                              }
                              if (res.data.jqxFlagUrl) {
                                this.oldfileList.push({
                                  fileTitle: "交强电子标志",
                                  filename: this.orderInfo.jqpolicyno,
                                  fileurl: res.data.jqxFlagUrl,
                                });
                              }
                              if (res.data.syxPolicyUrl) {
                                businessList.push({
                                  fileTitle: "商业电子保单",
                                  filename: this.orderInfo.sypolicyno,
                                  fileurl: res.data.syxPolicyUrl,
                                });
                              }
                              if (
                                res.data.jyxInfoList &&
                                res.data.jyxInfoList.length > 0
                              ) {
                                res.data.jyxInfoList.forEach((val) => {
                                  accidentList.push({
                                    fileTitle: "驾意险保单",
                                    filename: "驾意险保单",
                                    fileurl: val.jyx_policy_url,
                                  });
                                });
                              }
                            } else {
                              this.$message.error(res.msg);
                            }
                          });
                      }
                      break;
                  }
                  break;
                default:
              }
            }
            let obj = {
              oldfileList: this.oldfileList,
              businessList,
              accidentList,
            };
            this.$refs.detailsDialog.warrantyFun(obj);
          }
          this.feeDetailInfo = res.data.orderFeeResult;
          this.oldFeeInfo = res.data.adjustFeeDescVo;
          this.adjustFeeDescInfo = { ...this.oldFeeInfo };
          // this.quotedetailsdialogVisible = true;

          this.$refs.detailsDialog.setBackupVisible(true);
        } else {
          this.$message.error("订单获取失败");
        }
      });
    },
    // 设置每页条数
    applyhandleSizeChange(val) {
      this.pageSize = val;
      this.pageNum = 1;
      this.pageRequest.pageNum = 1;
      this.pageRequest.pageSize = val;
      this.findPage();
    },
    // 当前页
    applyhandleCurrentChange(val) {
      this.pageNum = val;
      this.pageRequest.pageNum = val;
      this.findPage();
    },
    handleRowChange(row) {
      if (!row.expanded) {
        this.$api.letter
          .querySonOrders({ orderNo: row.orderno })
          .then((res) => {
            if (res.code == "200" && res.data.length != 0) {
              this.pageResult.map((item) => {
                if (item.orderno === row.orderno) {
                  item.insAreaCompanyList = res.data;
                }
                return item;
              });
              row.expanded = !row.expanded;
              this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
            } else {
              this.$message.info("暂无数据");
            }
          });
      } else {
        row.expanded = !row.expanded;
        this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
      }
    },
    //数据
    findPage() {
      this.loading = true;
      this.$api.task.queryPageOrder(this.pageRequest).then((res) => {
        if (res.code == "200") {
          this.loading = false;
          this.pageResult = res.data.content;
          this.pageNum = res.data.pageNum;
          this.totalSize = res.data.totalSize;
          this.pageResult.forEach((val) => {
            this.$set(val, "expanded", false);
          });
        } else {
          this.loading = false;
        }
      });
    },
    //查询
    onSubmit() {
      this.pageRequest.pageNum = 1;
      this.pageRequest.pageSize = 20;
      this.findPage();
    },
    //时间js
    monthChange(e) {
      if (e === null) {
        this.pageRequest.startDate = e;
        this.pageRequest.endDate = e;
      } else {
        this.pageRequest.startDate = e[0];
        this.pageRequest.endDate = e[1];
      }
    },
  },
};
</script>
<style lang="scss" scoped>
/deep/ {
  .el-table .row-expand-cover .cell .el-table__expand-icon {
    display: none;
  }

  .el-descriptions__body {
    padding: 10px 50px;
    box-sizing: border-box;
    color: rgb(226, 118, 10);
  }

  .el-descriptions-item__label {
    &:not(.is-bordered-label) {
      color: #333;
    }
  }

  .saomazhifucodeClass .el-dialog__body,
  .saomazhifucodeClass .el-dialog__header {
    padding: 0;
  }

  .el-input.is-disabled .el-input__inner {
    color: #333;
  }
}

.ORcodebody {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.code_title {
  width: 100%;
  height: 50px;
  background-color: #fdcb08;
  justify-content: center;
}

.code_title > span {
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.ORcode {
  width: 100%;
  background: #fff;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  box-sizing: border-box;
  border-bottom: 6px dotted #fdcb08;
}

.ORcode > div {
  width: 180px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 5px;
}

.ORtitle {
  background: #fff;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2;
}

.ORtitle > div {
  width: 100%;
  margin: 10px 0;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.ORtitle > div > span:nth-child(1) {
  color: #979797;
  text-align: end;
  width: 150px;
}

.ORtitle > div > span:nth-child(2) {
  color: #000;
  margin-left: 10px;
}
</style>
<style scoped>
#qqq {
  background-color: #111;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  /*水平居中*/
  position: relative;
}

#qrCode {
  display: inline-block;
  margin: 0 auto;
  /*水平居中*/
  position: relative;
  top: 15%;
}

#qrCode img {
  width: 200px;
  height: 200px;
  background-color: #fff;
  padding: 6px;
}

.leftContainer {
  width: 80px;
  position: fixed;
  top: 79px;
  left: 30px;
}

.leftContainer .el-col {
  width: 80px;
  height: 80px;
  border-bottom: 1px solid #4d5c6f;
  background: #526176;
  cursor: pointer;
  color: #a6aeb9;
  border-radius: 0;
}

.leftContainer .el-col a {
  display: block;
  color: #a6aeb9;
  text-decoration: none;
}

.leftContainer .el-col a:hover {
  color: #fff;
}

.leftContainer .el-col a.active {
  color: #fff;
}

.leftContainer .el-col i {
  font-size: 30px;
  margin: 15px 0px 5px;
}

.rightContainer {
  width: calc(100vw - 160px);
  margin-left: 100px;
}

.rightContainer .header .el-col {
  font-size: 18px;
  font-weight: bold;
}

.rightContainer .bodyTitle {
  height: 40px;
  background: #f3f3f3;
  border: 1px solid #dddddd;
}

.rightContainer .bodyTitle > label {
  margin: 0px 15px;
  font-weight: bold;
}

.rightContainer #demo2 .body,
.rightContainer #demo6 .body {
  border: 1px solid #ddd;
  padding: 15px;
  border-top: none;
}

.rightContainer .el-card {
  margin-bottom: 15px;
}

.body .el-row .el-col label {
  text-align: right;
  width: 80px;
  font-size: 14px;
  width: 100%;
  line-height: 36px;
  display: inline-block;
  box-sizing: border-box;
}

.disabledInput {
  width: 80% !important;
  background-color: #f5f7fa;
  text-align: center !important;
  max-width: 200px;
  border: 1px solid #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0px 10px;
  height: 36px;
  margin: 20px 10%;
}

/* 上传图片样式Start */
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 1px dashed #d9d9d9;
}

.avatar {
  border: 1px dashed #d9d9d9;
  padding: 5px;
  border-radius: 6px;
  width: 100px;
  height: 100px;
  display: block;
}

.imageStyle {
  display: inline-block;
  width: 100px;
  height: 100px;
  box-shadow: #ddd 0px 0px 5px;
  margin-right: 20px;
}

/* 上传图片样式End */

.dis {
  display: flex;
}

.align {
  align-items: center;
}

.jus {
  justify-content: space-between;
}

.display {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}

.block {
  margin-top: 10px;
}

.page {
  padding: 14px;
  box-sizing: border-box;
}

.el-select--medium {
  vertical-align: bottom !important;
}

.widths {
  width: 220px;
}

.demo-table-expand {
  width: 100%;
  height: auto;
  padding: 10px 50px;
  font-size: 14px;
}

.demo-table-expand-time {
  width: 600px;
}

.demo-table-expand-time > div {
  margin: 0 10px;
}

.icon-img {
  display: block;
  width: 30px;
  height: 30px;
}

.Enclosure {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #ebeef5;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.headers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 5px 0;
  font-weight: bold;
  color: #333;
}

/* 内容待定 */
.headers_Custom > div {
  padding: 20px 40px;
  font-size: 16px;
}

.headers_Custom > div > span {
  color: rgb(226, 118, 10);
}

.back {
  color: #303133;
  font-weight: 700;
}

.u-f-ac {
  -webkit-box-align: center;
  align-items: center;
  /* padding: 10px; */
}

.bodyTitle {
  height: 40px;
  background: #f3f3f3;
  border: 1px solid #dddddd;
  line-height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
}

.bjdbody {
  width: 100%;
  height: auto;
  background-color: rgb(199, 20, 45);
  padding: 20px 10px 0 10px;
  box-sizing: border-box;
  border-radius: 8px;
}

.bjdCarMessage,
.bjdCarSum {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.bjdfooter {
  border-top: 1px solid #fff;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
}

.bjdCarSum > div {
  width: 100%;
  padding: 15px 20px;
  box-sizing: border-box;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #f2f2f2;
}

.bjdCarMessage1 {
  height: 80px;
  padding: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  color: #000;
}

.bjdCarMessage1 > .f-c > span:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
}

.bjdCarMessage1 > img,
.bjdfooter > img {
  margin-right: 30px;
}

.bjdCarMessage1 .f-c > span:nth-child(2),
.bjdCarMessage1 .f-c > span:nth-child(3) {
  font-size: 12px;
  margin-top: 5px;
}

.bjdCarMessage2_car > span:nth-child(1) {
  color: #000;
  font-weight: bold;
}

.bjdCarMessage2_car > span:nth-child(2) {
  color: #999;
}

.bjdCarMessage2 > ul > li {
  margin: 20px 0;
}

.Risk {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}

.Risk_title {
  width: 100%;
  height: 40px;
}

.Risk_title > div {
  background: rgb(199, 20, 45);
  color: rgb(255, 255, 255);
  height: 100%;
  font-weight: 500;
  width: 33.3%;
  padding: 10px 20px;
  box-sizing: border-box;
  border: #fff solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
}

.Risk_title > div:nth-child(2) {
  border-left: none;
  border-right: none;
}

.Risk_data {
  width: 100%;
  height: 40px;
}

.Risk_data > div {
  background: #fbf6f7;
  color: rgb(51, 51, 51);
  height: 100%;
  font-weight: 500;
  width: 33.3%;
  padding: 10px 20px;
  box-sizing: border-box;
  border: #fff solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
}

.Risk_data > div :nth-child(2) {
  border-left: none;
  border-right: none;
}

.Risk_title > div :nth-child(3) {
  border-top-right-radius: 10px;
}

.jyxStyle > span {
  display: inline-block;
  text-align: center;
}

.FeeEnclosure /deep/ table {
  width: 100% !important;
}

.FeeEnclosure /deep/ .cell {
  text-align: center;
}

.FeeEnclosure /deep/ .el-table__empty-block {
  width: 100% !important;
}

.FeeEnclosure .feeadjust-input {
  width: 35%;
  height: 20px;
  font-size: 13px;
}
</style>