vue-insagent-pc/src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyuntasks.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 
      @expand-change="handleRowChange" ref="expandTable" :row-class-name="tableRowClassName"
      :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
      <el-table-column prop="subOrderId" label="订单号" align="center"></el-table-column>
      <el-table-column prop="username" label="业务员" align="center" width="200">
        <template slot-scope="scope">
          <span>{{ scope.row.username }}({{ scope.row.userid }})</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="承保公司" 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="合作公司" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.partnerCompaniesName ? scope.row.partnerCompaniesName : '--' }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="licenseno" label="车牌号" align="center"></el-table-column>
      <el-table-column prop="insuredname" label="投保人姓名" align="center"></el-table-column>
      <el-table-column prop="product" label="投保险种" align="center"></el-table-column>
      <el-table-column prop="operatorName" label="录入人" align="center"></el-table-column>
      <el-table-column prop="auditStatus" label="状态" align="center">
        <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="createtime" label="录单日期" align="center" ></el-table-column>
      <el-table-column prop="signingTime" label="签单时间" align="center" ></el-table-column>
      <el-table-column prop="payDate" label="支付时间" align="center" ></el-table-column>
      <el-table-column label="操作" align="center" min-width="170" >
        <template slot-scope="scope">
          <kt-button label="审核" type="text" perms="carInsurance:expenseVerification:pendingReview:review"
            @click="OrderDetails(scope.row)" />
          <!-- <kt-button label="轨迹" type="text" perms="carInsurance:expenseVerification:pendingReview:trajectory"
            @click="trajectory(scope.row)" /> -->
          <kt-button label="轨迹" type="text" @click="trajectory(scope.row)" />
          <kt-button :label="scope.row.problemOrder=='0'?'疑问订单':'取消疑问订单'" type="text" @click="doubtfulOrders(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" :isrejection="isrejection"
      @updatedCost="updatedCost" @adusitFUn="adusitFUn" @rejectionFUn="rejectionFUn">
    </detailsDialog>
    <el-dialog :visible.sync="ddgjdialogVisible" width="430px">
      <div slot="title" class="dialog-title">
        <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">
              <div>保险公司：{{ item.insCompany }} <span style="margin-left:15px">创建用户：{{ item.operator }}</span></div>
              <div>创建时间：{{ item.operatorTime }}</div>
            </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 {
      isrejection:false,
      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,
        orderStatus: 0,
        userId: "",
      },
      retrievalFields: [
        {
          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'
        },
      ],
      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(1, 99, "provinceId");
    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 "审核驳回";
      }
      if (val == "3") {
        return "已承保";
      }
    },
    trajectory(row) {
      // let a='1797905916021248000'
      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('暂无数据！')
        }
      });
    },
    doubtfulOrders(row) {
      this.$api.task.markProblemOrder({subOrder:row.orderno,problemOrder:row.problemOrder=='0'?'1':'0'}).then((res) => {
        if (res.code == 200 ) {
          this.$message({
            message: res.msg ||'操作成功',
            type: 'success'
          });
      this.findPage();
        }
        else {
          this.$message.error(res.msg)
        }
      });
    },
    //获取机构数据
    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 '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],
          }
          this.$message({
            type: 'success',
            message: res.msg,
          });
        } else {
          this.$message({
            type: 'error',
            message: res.msg,
          });
        }
      });
    },
    closeDialog() {
      this.adjustFeeFlag = false;
    },
    // 审核驳回
    rejectionFUn(){
      this.$prompt('输入驳回原因', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputPattern: /^.+$/,
        distinguishCancelAndClose: true,
        inputErrorMessage: '输入驳回原因!'
      }).then(({ value }) => {
        let subParam = {
          orderNo: this.orderInfo.orderno,
          jqCostsProportionStr: this.adjustFeeDescInfo.jqAllFeeRate,
          syCostsProportionStr: this.adjustFeeDescInfo.syAllFeeRate,
          auditStatus:'2',
          updateFlag: this.adjustFeeFlag ? "1" : "0",
          rejectinfo:value
        }
        this.$api.task
          .auditFee(subParam)
          .then(res => {
            if (res.code == 200) {
              this.findPage()
              this.$message({
                message: '操作成功' || res.msg,
                type: 'success'
              });
            this.$refs.detailsDialog.setBackupVisible(false);
            }
            else {
              this.$message.error(res.msg)
            }
          })
      })
    },
    //审核通过
    adusitFUn() {
      this.$confirm('是否确认审核?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        const loading = this.$loading({
        lock: true,
        text: '数据加载中，请稍等',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      });
        let subParam = {
          orderNo: this.orderInfo.orderno,
          jqCostsProportionStr: this.adjustFeeDescInfo.jqAllFeeRate,
          syCostsProportionStr: this.adjustFeeDescInfo.syAllFeeRate,
          auditStatus:'1',
          updateFlag: this.adjustFeeFlag ? "1" : "0",
        }
        this.$api.task.auditFee(subParam).then((res) => {
          if (res.code == 200) {
            loading.close();
            this.$message({
              type: 'success',
              message: "审核通过",
            });
            this.findPage();
            // this.quotedetailsdialogVisible = false;
            this.$refs.detailsDialog.setBackupVisible(false);
          } else {
            loading.close();
            this.$message.error(res.msg)
          }
        })
      }).catch(() => {

      });

    },
    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:
      }

    },
    tableRowClassName(row) {
        if(row.row.isExternal===1){
            return "flagRow";
        }
        else{
          return ''
        }
    },
    //应用详情
    OrderDetails(dy) {
      if(dy.isExternal==1){
        this.isrejection=true
      }
      else{
        this.isrejection=false
      }
      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],
            }
          }
          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.syPolicy) {
                      accidentList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res1.data.syPolicy
                      });
                    }
                    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 "华泰财险":
                  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 "中煤财险":
                  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 "大家财险":
                  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;
                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>