vue-insagent-pc/src/views/Task/Underwrite.vue

<template>
	<div class="page-container">
	  <!-- 查询条件（按车牌号查询） -->
	  <div class="queryForm" title="检索区" style="padding-top:10px;padding-left:15px;">
		<el-form size="mini" ref="queryForm" :model="queryForm" label-width="120px">
		  <el-row>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="所属机构">
				<el-select v-model="queryForm.deptId" filterable placeholder="所属机构" clearable style="width: 100%;">
				  <el-option v-for="item in totalComapny" :key="item.id" :label="item.name" :value="item.id">
				  </el-option>
				</el-select>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="任务号">
				<el-input clearable placeholder="任务号" v-model="queryForm.quoteNo"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="订单号">
				<el-input clearable placeholder="订单号" v-model="queryForm.orderNo"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="车牌号">
				<el-input clearable placeholder="车牌号" v-model="queryForm.licenseNo"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="车架号">
				<el-input clearable placeholder="车架号" v-model="queryForm.frameNo"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="发动机号">
				<el-input clearable placeholder="发动机号" v-model="queryForm.engineNo"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="投保险种">
				<el-select v-model="queryForm.riskCode" placeholder="请选择" style="width: 100%;" clearable>
				  <el-option label="单交强" value="单交强"></el-option>
				  <el-option label="单商业" value="单商业"></el-option>
				  <el-option label="单三者" value="单三者"></el-option>
				  <el-option label="交强+商业" value="交强+商业"></el-option>
				  <el-option label="交强+三者" value="交强+三者"></el-option>
				</el-select>
			  </el-form-item>
			</el-col>

			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="代理人工号">
				<el-input clearable placeholder="代理人工号" v-model="queryForm.userid"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="代理人姓名">
				<el-input clearable placeholder="代理人姓名" v-model="queryForm.username"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6" style="height: 40px;">
			  <el-form-item label="被保险人">
				<el-input clearable placeholder="被保人姓名" v-model="queryForm.insureName"></el-input>
			  </el-form-item>
			</el-col>
			<el-col :span="6">
			  <el-form-item label="受理人工号">
				<el-input clearable placeholder="受理人工号" v-model="queryForm.auditId"></el-input>
			  </el-form-item>
			</el-col>
          <el-col :span="6" style="height: 40px;">
            <el-form-item label="保险公司">
              <el-select v-model="queryForm.insCompany" filterable  class="widths" clearable>
                <el-option v-for="val in companyList" :key='val.id' :label="val.name" :value="val.id" ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
			<el-col :span="12" style="height: 40px;">
			  <el-form-item label="报价时间">
				<el-date-picker v-model="queryForm.quoteDate" style="width:100%" type="daterange" align="left"
				  range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
			  </el-form-item>
			</el-col>
			<el-col :span="12" style="height: 40px;">
			  <el-form-item label="起保时间">
				<el-date-picker v-model="queryForm.policyDate" style="width:100%" type="daterange" align="left"
				  range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
			  </el-form-item>
			</el-col>
			<el-col :span="24" class="u-f u-f-je" style="height: 40px;">
			  <div class="u-f" style="margin-bottom: 20px; width: 120px;height: 32px; border-radius: 5px;overflow: hidden;"
				@click="queryGetOrderList">
				<div class="u-f u-f1 u-f-ajc" style="background: #409EFF;color:#fff">查询</div>
				<div class="u-f u-f1 u-f-ajc" style="background: #F78948;color:#fff">{{ totalSize }}</div>
			  </div>
			</el-col>
		  </el-row>
		</el-form>
	  </div>

	  <!-- 任务区域 -->
	  <div class="tasks">
		<div v-if="ordersList.length == 0" class="u-f-ajc" style="padding: 240px 0;">
		  暂无数据
		</div>

		<el-card v-if="ordersList.length > 0" class="task" :body-style="{ padding: '15px' }" shadow="never"
		  v-for="(order, orderItem) in ordersList" :key="order.orderno">
		  <el-row class="row">
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label" style="font-size: 18px;font-weight:bold;">{{ (pageNum - 1) * pageSize + orderItem + 1
			  }}</label>
			  <label class="label">任务号</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.quoteno"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">订单号</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.orderno"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">任务状态</label>
			</el-col>
			<el-col :span="4">
			  <div v-for="(orderStatusItem, orderStatusIndex) in global.orderStatus" :key="orderStatusIndex">
				<template v-if="orderStatusItem.value == order.orderstatus">
				  <el-input size="mini" disabled v-model="orderStatusItem.label"></el-input>
				</template>
			  </div>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">录单时间</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.createtime"></el-input>
			</el-col>
		  </el-row>
		  <el-row class="row">
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">工号</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.userid"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">名称</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.username"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">团队归属</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.deptname"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">归属机构</label>
			</el-col>
			<el-col :span="4">
			  <div v-for="(item, index) in totalComapny" :key="index" v-if="order.deptid.split('D')[0] == item.id">
				<el-input size="mini" disabled v-model="item.name"></el-input>
			  </div>
			  <!-- <el-input size="mini" disabled v-model="order.deptid"></el-input> -->
			</el-col>
		  </el-row>
		  <el-row class="row">
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">车牌号</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.carinfo.licenseNo"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">被保险人</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.insureinfo.name"></el-input>
			</el-col>
			<el-col :span="2" class="u-f u-f-je">
			  <label class="label">投保险种</label>
			</el-col>
			<el-col :span="4">
			  <el-input size="mini" disabled v-model="order.product"></el-input>
			</el-col>
		  </el-row>
		  <el-row class="row">
			<div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskIndex">
			  <template v-if="riskItem.riskCode == '0507'">
				<el-col :span="2" class="u-f u-f-je">
				  <label class="label">交强险起保时间</label>
				</el-col>
				<el-col :span="4">
				  <el-input size="mini" disabled v-model="riskItem.startDate"></el-input>
				</el-col>
				<el-col :span="2" class="u-f u-f-je">
				  <label class="label">交强险终保时间</label>
				</el-col>
				<el-col :span="4">
				  <el-input size="mini" disabled v-model="riskItem.endDate"></el-input>
				</el-col>
			  </template>
			</div>
			<div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskItem.riskCode">
			  <template v-if="riskItem.riskCode == '0510'">
				<el-col :span="2" class="u-f u-f-je">
				  <label class="label">商业险起保时间</label>
				</el-col>
				<el-col :span="4">
				  <el-input size="mini" disabled v-model="riskItem.startDate"></el-input>
				</el-col>
				<el-col :span="2" class="u-f u-f-je">
				  <label class="label">商业险终保时间</label>
				</el-col>
				<el-col :span="4">
				  <div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskIndex">
					<template v-if="riskItem.riskCode == '0510'">
					  <el-input size="mini" disabled v-model="riskItem.endDate"></el-input>
					</template>
				  </div>
				</el-col>
			  </template>
			</div>
		  </el-row>
		  <el-row class="task_bottom u-f u-f-je">
          <el-button v-if="order.orderstatus!='3'" size="mini" type="primary" style="background:#419fff;border: 1px solid #419fff;"
                     @click="commonCheck(order.orderno,'1')">编辑</el-button>
          <el-button v-if="order.orderstatus!='3'" size="mini" type="primary" style="background:#DE504C;border: 1px solid #DE504C;"
            @click="commonCheck(order.orderno,'2')">任务转发</el-button>
			<el-button size="mini" type="primary" style="background:#F99070;border: 1px solid #F99070;"
            @click="commonCheck(order.orderno,'3')">报价轨迹</el-button>

		  </el-row>
		</el-card>

		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
		  :page-sizes="[20, 40, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
		  :total="totalSize" style="text-align: end;margin-bottom: 15px;">
		</el-pagination>
	  </div>


    <el-dialog   title="车辆报价信息详情" :visible.sync="dialogVisible" width="90%" center>

      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">报价信息</span>
          </div>
        </div>
        <div style="padding:20px;font-weight:bold;font-size:20px;">
          <span>总保费</span>
          <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
          <span style="padding-left: 20px">总费用</span>
          <span style="color:#ff7612;" >
            ￥{{orderInfo.orderCommissionVo&&orderInfo.orderCommissionVo.totalFeePremium?orderInfo.orderCommissionVo.totalFeePremium:0 }}</span>
        </div>
        <div class="headers headers_Custom">
          <el-row style="width: 100%">
            <el-col :span="1"></el-col>
            <el-col :span="5"><div v-show="orderInfo.jqpremium">
            交强险金额：
            <span>
              ￥{{
                orderInfo.jqpremium }}
            </span>
          </div></el-col>
            <el-col :span="4" v-if="orderInfo.orderCommissionVo&&orderInfo.orderCommissionVo.jqFeeRate"><div>
            手续费比例：
            <span>
              {{
                orderInfo.orderCommissionVo.jqFeeRate }}%
            </span>
          </div></el-col>
            <el-col :span="5" v-if="orderInfo.orderCommissionVo&&orderInfo.orderCommissionVo.jqFeePremium"><div>
            手续费金额：
            <span>
              ￥{{orderInfo.orderCommissionVo.jqFeePremium }}
            </span>
          </div></el-col>
            <el-col :span="6"><div v-show="orderInfo.jqstartdate">
            交强险起保日期：
            <span>{{ orderInfo.jqstartdate }}</span>
          </div></el-col>
            <el-col :span="3"><div v-show="orderInfo.taxamount">
            车船税：
            <span>￥{{ orderInfo.taxamount }}</span>
          </div></el-col>
          </el-row>
        </div>
        <div class="headers headers_Custom" >
          <el-row style="width: 100%">
            <el-col :span="1"></el-col>
            <el-col :span="5"><div v-show="orderInfo.sypremium">
            商业险金额：
            <span>￥{{ orderInfo.sypremium }}</span>
          </div></el-col>
            <el-col :span="4" v-if="orderInfo.orderCommissionVo&&orderInfo.orderCommissionVo.syFeeRate"><div>
            手续费比例：
            <span>
              {{
                orderInfo.orderCommissionVo.syFeeRate  }}%
            </span>
          </div></el-col>
            <el-col :span="5" v-if="orderInfo.orderCommissionVo&&orderInfo.orderCommissionVo.syFeePremium"><div>
            手续费金额：
            <span>
              ￥{{orderInfo.orderCommissionVo.syFeePremium }}
            </span>
          </div></el-col>
            <el-col :span="6"><div v-show="orderInfo.systartdate">
            商业险起保日期：
            <span>{{ orderInfo.systartdate }}</span>
          </div></el-col>
            <el-col :span="3"></el-col>
          </el-row>
        </div>
        <div class="headers headers_Custom" >
          <el-row style="width: 100%">
            <el-col :span="1"></el-col>
            <el-col :span="5" v-if="orderInfo.jypremium"><div>
            驾意险：
            <span>￥{{ orderInfo.jypremium }}</span>
          </div></el-col>
            <el-col :span="18"></el-col>
          </el-row>
        </div>
      </div>
      <div class="Enclosure" v-if="orderInfo.extendInfo">
        <div class="home flex j-s a-c back">


          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">保费因素</span>
          </div>
        </div>
        <el-descriptions size="small">
          <el-descriptions-item label="评分">{{ orderInfo.extendInfo.score }}</el-descriptions-item>
          <el-descriptions-item label="出险信息">{{ orderInfo.extendInfo.accidentInfoStr }}</el-descriptions-item>
          <el-descriptions-item label="商业险折扣比例">{{ orderInfo.extendInfo.nirrratio }}</el-descriptions-item>
          <el-descriptions-item label="交强险折扣比例">{{ orderInfo.extendInfo.nirrratioCI }}</el-descriptions-item>
          <el-descriptions-item label="自主定价系数">{{ orderInfo.extendInfo.pricingAdjustValue }}</el-descriptions-item>
          <el-descriptions-item label="业务员交强险销售费用浮动率">
            {{ orderInfo.extendInfo.jqFeeSaleChangeRateA4
            }}
          </el-descriptions-item>
          <el-descriptions-item label="交强深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeCI }}</el-descriptions-item>
          <el-descriptions-item label="业务员商业险销售费用浮动率">
            {{ orderInfo.extendInfo.syFeeSaleChangeRateA4
            }}
          </el-descriptions-item>
          <el-descriptions-item label="商业深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeBI }}</el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">车辆信息</span>
          </div>
        </div>
        <el-descriptions size="small">
          <el-descriptions-item label="车牌号">{{ orderInfo.carinfo.licenseNo }}</el-descriptions-item>
          <el-descriptions-item label="车辆识别代码">{{ orderInfo.carinfo.vinNo }}</el-descriptions-item>
          <el-descriptions-item label="品牌型号">{{ orderInfo.carinfo.modelcname }}</el-descriptions-item>

          <el-descriptions-item label="发动机号">{{ orderInfo.carinfo.engineNo }}</el-descriptions-item>
          <el-descriptions-item label="年款">{{ orderInfo.carinfo.caryear }}</el-descriptions-item>
          <el-descriptions-item label="座位数">{{ orderInfo.carinfo.seatCount }}</el-descriptions-item>
          <el-descriptions-item label="新车购置价">{{ orderInfo.carinfo.purchasePrice }}</el-descriptions-item>
          <el-descriptions-item label="使用性质">
            {{ orderInfo.carinfo.carnature == '8A' ? '家庭自用' : ''
            }}
          </el-descriptions-item>
          <el-descriptions-item label="注册日期">{{ orderInfo.carinfo.registerDate }}</el-descriptions-item>
          <el-descriptions-item label="发证日期">{{ orderInfo.carinfo.issueDate }}</el-descriptions-item>
          <el-descriptions-item label="是否过户">
            {{ orderInfo.carinfo.transferFlag == true ? '是' : '否'
            }}
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">车主信息</span>
          </div>
        </div>
        <el-descriptions size="small">
          <el-descriptions-item label="车主姓名">{{ orderInfo.ownerinfo.name }}</el-descriptions-item>
          <el-descriptions-item label="证件类型">{{ orderInfo.ownerinfo.identifyType }}</el-descriptions-item>
          <el-descriptions-item label="身份证号">{{ orderInfo.ownerinfo.identifyNumber }}</el-descriptions-item>
          <el-descriptions-item label="手机号">{{ orderInfo.ownerinfo.mobile }}</el-descriptions-item>
          <el-descriptions-item label="地址">{{ orderInfo.ownerinfo.addr }}</el-descriptions-item>

          <el-descriptions-item label="电子邮箱">{{ orderInfo.ownerinfo.email }}</el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">投保人信息</span>
          </div>
        </div>
        <el-descriptions size="small">
          <el-descriptions-item label="投保人姓名">{{ orderInfo.applyinfo.name }}</el-descriptions-item>

          <el-descriptions-item label="证件类型"> {{ orderInfo.applyinfo.identifyType }}</el-descriptions-item>
          <el-descriptions-item label="身份证号">{{ orderInfo.applyinfo.identifyNumber }}</el-descriptions-item>
          <el-descriptions-item label="手机号">{{ orderInfo.applyinfo.mobile }}</el-descriptions-item>
          <el-descriptions-item label="地址">{{ orderInfo.applyinfo.addr }}</el-descriptions-item>
          <el-descriptions-item label="电子邮箱">{{ orderInfo.applyinfo.email }}</el-descriptions-item>
        </el-descriptions>
			  </div>
      <div class="Enclosure" v-if="orderInfo">

        <div class="home flex j-s a-c back">

          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">被保人信息</span>
          </div>
        </div>
        <el-descriptions size="small">
          <el-descriptions-item label="被保人姓名">{{ orderInfo.insureinfo.name }}</el-descriptions-item>
          <el-descriptions-item label="证件类型"> {{ orderInfo.insureinfo.identifyType}}</el-descriptions-item>
          <el-descriptions-item label="身份证号">{{ orderInfo.insureinfo.identifyNumber }}</el-descriptions-item>
          <el-descriptions-item label="手机号">{{ orderInfo.insureinfo.mobile }}</el-descriptions-item>


          <el-descriptions-item label="地址">{{ orderInfo.insureinfo.addr }}</el-descriptions-item>
          <el-descriptions-item label="电子邮箱">{{ orderInfo.insureinfo.email }}</el-descriptions-item>
        </el-descriptions>

      </div>




      <div class="Enclosure" v-if="orderInfo">

        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">险种信息</span>
          </div>
					</div>
        <div style="font-size:12px">
          <div class="headers kindinfocss" style="justify-content: space-around">
            <span>商业险险别</span>
            <span>保额（元）</span>
            <span>保费（元）</span>
          </div>
          <div class="headers kindinfocss" style="color:rgb(255, 118, 18); justify-content:space-around;"
               v-for="(kindinfoitem, kindinfoindex) in orderInfo.kindinfo" :key="kindinfoindex">
            <template v-if="kindinfoitem.coveragePremium">
              <span>{{ kindinfoitem.kindName }}</span>
              <span v-if="['D4', 'SY_FJ_YBW2'].includes(kindinfoitem.kindCode)">{{ kindinfoitem.unitAmount }}</span>
              <span v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindinfoitem.kindCode)">
                {{
                  kindinfoitem.deductibleRate
                }}
              </span>
              <span v-else>{{ kindinfoitem.amount }}</span>
              <span>{{ kindinfoitem.coveragePremium }}</span>
				</template>
          </div>
        </div>
			  </div>
      <div class="Enclosure" v-if="orderInfo.accidentInfo&&orderInfo.accidentInfo.length>0">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">驾意险</span>
          </div>
			  </div>
        <div style="font-size:12px"  >
          <div class="jyxStyle" style=" font-weight: bold;color: #333;">
            <span style="width:50%;margin-left:50px">产品</span>
            <span style="width:20%">份数</span>
            <span style="width:20%">价格</span>
			  </div>
          <div  v-for="(kindinfoitem, kindinfoindex) in orderInfo.accidentInfo" :key="kindinfoindex">
            <div style="margin-top:20px" class="jyxStyle">
              <span style="width:50%;margin-left:50px">{{ kindinfoitem.projectName }}</span>
              <span style="width:20%">{{ kindinfoitem.quantity ?kindinfoitem.quantity:'1' }}</span>
              <span style="width:20%">{{ kindinfoitem.actualPremium}}/份</span>
            </div>
			  </div>
        </div>
			  </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">欠税明细</span>
          </div>
        </div>


        <div style="font-size:12px">
          <div class="headers kindinfocss" style="justify-content: space-around;">
            <span>日期</span>
            <span>欠费（元）</span>
            <span>滞纳金（元）</span>
          </div>
          <div class="headers kindinfocss" style="color:rgb(255, 118, 18); justify-content:space-around;"
               v-for="(taxArrearsitem, taxArrearsindex) in orderInfo.taxArrears" :key="taxArrearsindex">
            <span>{{ taxArrearsitem.years }}</span>
            <span>{{ taxArrearsitem.taxDefault }}</span>
            <span>{{ taxArrearsitem.lateFee }}</span>
					  </div>
        </div>
      </div>

      <div class="Enclosure" v-if="orderInfo&&feeDetailInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />


            <span style="margin-left:10px;">费用明细</span>
          </div>
        </div>
        <div style="font-size:12px;width: 100%" class="FeeEnclosure">

          <el-table :data="feeDetailInfo"   :border="true"   width="100%"  :stripe="true" size="mini">

            <el-table-column prop="feeTypeName" label="费用类型" width="10%"></el-table-column>
            <el-table-column  label="交强险费用跟单明细" width="30%">
              <el-table-column prop="jqFeeRateAll" label="手续费比例/跟单费比例/总比例" width="15%"></el-table-column>
              <el-table-column prop="jqFeeAmountAll" label="手续费金额/跟单费金额/总金额" width="15%"></el-table-column>
            </el-table-column>
            <el-table-column  label="商业险费用跟单明细" width="30%">
              <el-table-column prop="syFeeRateAll" label="手续费比例/跟单费比例/总比例" width="15%"></el-table-column>
              <el-table-column prop="syFeeAmountAll" label="手续费金额/跟单费金额/总金额" width="15%"></el-table-column>
            </el-table-column>
            <el-table-column   label="非车险费用跟单明细" width="30%">
              <el-table-column prop="fcFeeRate" label="比例" width="15%"></el-table-column>
              <el-table-column prop="fcFeeAmount" label="金额" width="15%"></el-table-column>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">影像</span>
          </div>
        </div>
        <div style="font-size:12px;padding:10px 0">
          <div style="margin-bottom: 10px;">
            <el-row class="u-f-ac bodyTitle">
              <label @click="pic1Control = !pic1Control">行驶证影像</label>
            </el-row>
            <el-row class="body" v-show="pic1Control">
              <el-row style="padding:10px;">
                <viewer :images="carImageList">
                  <img class="imageStyle" v-for="(imageItem, imageIndex) in carImageList" :src="imageItem"
                       :key="imageIndex" />
                </viewer>
              </el-row>
            </el-row>
          </div>
          <div style="margin-bottom: 10px;">
            <el-row class="u-f-ac bodyTitle">
              <label @click="pic2Control = !pic2Control">车主身份证影像</label>
            </el-row>
            <el-row class="body" v-show="pic2Control">
              <el-row style="padding:10px;">
                <viewer :images="ownerImageList">
                  <img class="imageStyle" v-for="(imageItem, imageIndex) in ownerImageList" :src="imageItem"
                       :key="imageIndex" />
                </viewer>
              </el-row>
            </el-row>
          </div>
          <div style="margin-bottom: 10px;">
            <el-row class="u-f-ac bodyTitle">
              <label @click="pic3Control = !pic3Control">投保人身份证影像</label>
            </el-row>
            <el-row class="body" v-show="pic3Control">
              <el-row style="padding:10px;">
                <viewer :images="policyImageList">
                  <img class="imageStyle" v-for="(imageItem, imageIndex) in policyImageList" :src="imageItem"
                       :key="imageIndex" />
                </viewer>
              </el-row>
            </el-row>
          </div>
          <div style="margin-bottom: 10px;">
            <el-row class="u-f-ac bodyTitle">
              <label @click="pic4Control = !pic4Control">被保人身份证影像</label>
            </el-row>
            <el-row class="body" v-show="pic4Control">
              <el-row style="padding:10px;">
                <viewer :images="insuredImageList">
                  <img class="imageStyle" v-for="(imageItem, imageIndex) in insuredImageList" :src="imageItem"
                       :key="imageIndex" />
                </viewer>
              </el-row>
            </el-row>
          </div>
          <div style="margin-bottom: 10px;">
            <el-row class="u-f-ac bodyTitle">
              <label @click="pic5Control = !pic5Control">验车照影像</label>
            </el-row>
            <el-row class="body" v-show="pic5Control">
              <el-row style="padding:10px;">
                <viewer :images="carCheckImageList">
                  <img class="imageStyle" v-for="(imageItem, imageIndex) in carCheckImageList" :src="imageItem"
                       :key="imageIndex" />
                </viewer>
              </el-row>
            </el-row>
          </div>
        </div>
      </div>
      <div class="Enclosure" v-if="orderInfo">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">投保单号</span>
          </div>
        </div>
        <el-descriptions size="small" :column="2">
          <el-descriptions-item label="交强险投保单号">{{ orderInfo.jqapplyno }}</el-descriptions-item>
          <el-descriptions-item label="商业险投保单号">{{ orderInfo.syapplyno }}</el-descriptions-item>
          <el-descriptions-item label="交强险保单号">{{ orderInfo.jqpolicyno }}</el-descriptions-item>
          <el-descriptions-item label="商业险保单号">{{ orderInfo.sypolicyno }}</el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="Enclosure" v-if="orderInfo && orderInfo.orderstatus == 4">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">审核意见</span>
          </div>
        </div>
        <div style='font-size:12px;padding: 10px 50px'>{{orderInfo.auditopinion}}</div>
      </div>
      <div class="Enclosure" v-if="orderInfo && orderInfo.orderstatus == 3">
        <div class="home flex j-s a-c back">
          <div class="flex j-s a-c color">
            <img src="../../../src/icon/company.png" alt class="icon-img" />
            <span style="margin-left:10px;">电子保单</span>
          </div>
        </div>
        <el-row class="body" >
          <el-row v-for="(oldfileItem, oldfileIndex) in oldfileList" :key="oldfileIndex">
            <el-col :span="2" style="margin-right: 15px;">
              <label>{{ oldfileItem.fileTitle }}:</label>
            </el-col>
            <el-col :span="6" class="u-f u-f-column">
              <div class="u-f u-f-jsb u-f-ac" style="width: 170px;">
                <div
                  style="height: 36px;line-height: 36px; width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                  {{ licenseNo }}</div>
                <el-button style="cursor: pointer;" type="text" @click="viewfile(oldfileItem)">下载
                </el-button>
              </div>
            </el-col>
          </el-row>
        </el-row>
      </div>
      <span slot="footer" class="dialog-footer" >
        <el-button size="small" @click="dialogVisible = false">关闭</el-button>
		</span>
	  </el-dialog>


	  <el-dialog title="订单报价记录" :visible.sync="historyDialogVisible" width="1300px">
		<!-- 订单历史轨迹内容区域 -->
		<el-table size="small" :data="HistoryList" height="250" border style="width:100%" v-loading="loading"
		  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#ee7000' }" highlight-current-row>
		  <el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
		  <el-table-column prop="createtime" label="报价时间" align="center"></el-table-column>
		  <el-table-column prop="jqpremium" label="交强险" align="center"></el-table-column>
		  <el-table-column prop="sypremium" label="商业险" align="center"></el-table-column>
		  <el-table-column prop="taxamount" label="车船税" align="center"></el-table-column>
		  <el-table-column prop="sumpremium" label="总保费" align="center"></el-table-column>
		  <el-table-column prop="orderstatus" label="状态" align="center">
			<template slot-scope="scope">
			  <el-tag v-if="scope.row.orderstatus == '0'" type="success" size="small">报价中</el-tag>
			  <el-tag v-if="scope.row.orderstatus == '1'" type="warning" size="small">待核保</el-tag>
			  <el-tag v-if="scope.row.orderstatus == '2'" type="danger" size="small">已核保待缴费</el-tag>
			  <el-tag v-if="scope.row.orderstatus == '3'" type="danger" size="small">已承保</el-tag>
			  <el-tag v-if="scope.row.orderstatus == '4'" type="danger" size="small">核保退回</el-tag>
			</template>
		  </el-table-column>
		  <el-table-column label="操作" align="center" min-width="150" fixed="right">
			<template slot-scope="scope">
            <el-button type="text" size="small" @click="OrderDetails(scope.row)">查看详情</el-button>
			  <el-button size="small" type="text" style="color:rgb(240, 12, 10)"
				@click="bjdpreview(scope.row.id)">报价单</el-button>
			  <el-button size="small" v-show="scope.row.orderstatus == '2'" type="text" style="color:rgb(240, 12, 10)"
				@click="carcode(scope.row.id)">付款码</el-button>
            <el-button size="mini" type="text" v-if="scope.row.orderstatus == '2' && ['紫金财险'].includes(scope.row.inscompany)"
                       @click="cancelorder(scope.row)" style="color:#f56c6c">撤单</el-button>
            <el-button type="text" size="mini" v-if="scope.row.orderstatus == '2'"  @click="revokeCode(scope.row.id)">撤销二维码</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '2' && ['恒邦财险', '众安平安', '中国人寿', '安盛天平', '紫金财险'].includes(scope.row.inscompany)"
                       @click="querystatus(scope.row)" style="color:#f56c6c">状态更新</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '2' && scope.row.inscompany=='永诚财险'"
                       @click="refreshStatus(scope.row)" style="color:#f56c6c">状态更新</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '1' && scope.row.inscompany=='永诚财险'"
                       @click="refreshStatus(scope.row)" style="color:#f56c6c">更新订单</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '1' && scope.row.inscompany=='中煤财险'"
                       @click="updateStatus(scope.row)" style="color:#f56c6c">更新订单</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '1' && scope.row.inscompany=='华泰财险'"
                       @click="updateStatusHuatai(scope.row)" style="color:#f56c6c">更新订单</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '2' && scope.row.inscompany=='华泰财险'"
                       @click="updateOrderInfoHuatai(scope.row)" style="color:#f56c6c">状态更新</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '2' && scope.row.inscompany=='国任财险'"
                       @click="refreshStatusGuoren(scope.row)" style="color:#f56c6c">状态更新</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '1' && scope.row.inscompany=='国任财险'"
                       @click="refreshStatusGuoren(scope.row)" style="color:#f56c6c">更新订单</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '1' && scope.row.inscompany=='大家财险'"
                       @click="refreshStatusDajia(scope.row)" style="color:#f56c6c">更新订单</el-button>
            <el-button size="mini" type="text"
                       v-if="scope.row.orderstatus == '2' && scope.row.inscompany=='大家财险'"
                       @click="refreshStatusDajia(scope.row)" style="color:#f56c6c">状态更新</el-button>
			</template>
		  </el-table-column>
		</el-table>

		<span slot="footer" class="dialog-footer">
		  <el-button size="small" type="primary" style="background: #DE504C;border: 1px solid #DE504C;"
			@click="historyDialogVisible = false">关 闭</el-button>
		</span>
	  </el-dialog>

	  <!-- 任务转发内容区域 -->
	  <el-dialog title="订单任务转发" :visible.sync="taskForwardDialogVisible" width="800px" @close="closeTaskForward">
		<div class="u-f-ac" style="height:40px;background-color: #F5F5F7;padding-left: 30px;">
		  订单号：{{ taskForwardData.orderNo }} </div>
		<el-form :model="taskForwardData" label-width="100px" size="small" style="text-align:left;">
		  <el-row style="margin-top: 20px;padding: 0px 20px;">
			<el-col :span="10">
			  <el-form-item label="任务接收人" prop="auditid">
				<el-select size="small" style="width: 100%" filterable v-model="taskForwardData.auditId" placeholder="请选择"
				  @change="changeAudit">
          <el-option v-for="item in staffList" :key="item.userId" :label="item.name" :value="item.userId">
          </el-option>
				</el-select>
			  </el-form-item>
			</el-col>
		  </el-row>
		</el-form>
		<span slot="footer" class="dialog-footer">
		  <el-button size="small" type="primary" style="background: #5EB2D3;border: 1px solid #5EB2D3;"
			@click="comfirmTaskForward">确 定</el-button>
		</span>
	  </el-dialog>
	  <el-dialog :visible.sync="bjddialogVisible" width="570px" top="1vh" v-if="queryOrders">
      <div class="bjdbody" id='pdfContentsDiv'>
		  <div class="bjdCarMessage">
			<div class="bjdCarMessage1">
            <img src="../../../static/bjdcar.png" class="align" alt style="width:60px;height:60px;" />
			  <div class="dis f-c" style="height:100%">
				<span>{{ queryOrders.carinfo.licenseNo }}</span>
				<span>{{ queryOrders.carinfo.modelcname }}</span>
			  </div>
			</div>
			<div class="bjdCarMessage2">
			  <ul>
				<li>
				  <div class="bjdCarMessage2_car dis">
					<span>订单号：</span>
					<span>{{ queryOrders.orderno }}</span>
				  </div>
				</li>
				<li>
				  <div class="bjdCarMessage2_car dis">
					<span>车主姓名：</span>
					<span>{{ queryOrders.ownerinfo.name }}</span>
				  </div>
				</li>
				<li>
				  <div class="bjdCarMessage2_car dis">
					<span>投保人姓名：</span>
					<span>{{ queryOrders.applyinfo.name }}</span>
				  </div>
				</li>
				<li>
				  <div class="bjdCarMessage2_car dis">
                  <span>被保人姓名：</span>
                  <span>{{ queryOrders.insureinfo.name }}</span>
                </div>
              </li>
              <li>
                <div class="bjdCarMessage2_car dis">
					<span>发动机号：</span>
					<span>{{ queryOrders.carinfo.engineNo }}</span>
				  </div>
				</li>
				<li>
				  <div class="bjdCarMessage2_car dis">
					<span>车架号：</span>
					<span>{{ queryOrders.carinfo.vinNo }}</span>
                </div>
              </li>
              <li>
                <div class="bjdCarMessage2_car dis">
                  <span>座位数：</span>
                  <span>{{ queryOrders.carinfo.seatCount }}</span>
				  </div>
				</li>
				<li v-show="queryOrders.jqstartdate">
				  <div class="bjdCarMessage2_car " style="flex-direction: column;">
					<span>车辆交强险保险期间：</span>
					<span style="margin-top:5px;">{{ queryOrders.jqstartdate }} 至 {{ queryOrders.jqenddate }}</span>
				  </div>
				</li>
				<li v-show="queryOrders.systartdate">
				  <div class="bjdCarMessage2_car " style="flex-direction: column;">
					<span>车辆商业险保险期间：</span>
					<span style="margin-top:5px;">{{ queryOrders.systartdate }} 至 {{ queryOrders.syenddate }}</span>
				  </div>
				</li>
			  </ul>
			</div>
		  </div>
		  <div class="bjdCarSum">
			<div class="dis align jus">
			  <span>应缴金额</span>
			  <span style="color:rgb(255, 30, 7);font-size:16px;">￥{{ queryOrders.sumpremium }}</span>
			</div>
			<div class="dis align jus" v-show="queryOrders.jqpremium">
			  <span>交强险</span>
			  <span>￥{{ queryOrders.jqpremium }}</span>
			</div>
          <div class="dis align jus" v-show="queryOrders.taxamount">
            <span>车船税</span>
            <span>￥{{ queryOrders.taxamount }}</span>
          </div>
			<div class="dis align jus" v-show="queryOrders.sypremium">
			  <span>车辆商业险</span>
			  <span>￥{{ queryOrders.sypremium }}</span>
			</div>
          <div class="dis align jus" v-show="queryOrders.jypremium">
            <span>驾意险</span>
            <span>￥{{ queryOrders.jypremium }}</span>
			</div>
			<div class="dis align jus" v-show="queryOrders.jqdiscountrate">
			  <span>交强险优惠比例</span>
			  <span style="color:#ff8605;">{{ queryOrders.jqdiscountrate }}%</span>
			</div>
			<div class="dis align jus" v-show="queryOrders.sydiscountrate">
			  <span>商业险优惠比例</span>
			  <span style="color:#ff8605;">{{ queryOrders.sydiscountrate }}%</span>
			</div>
			<div style="border:none;" v-show="queryOrders.sypremium">
			  <div class="Risk">
				<div class="Risk_title dis  align  jus">
				  <div>
					<span>商业险险别</span>
				  </div>
				  <div>
					<span>保险金额</span>
				  </div>
				  <div>
					<span>保费</span>
				  </div>
				</div>
				<div class="Risk_data dis  align  jus" v-for="(kindinfoitem, kindinfoindex) in queryOrders.kindinfo"
				  :key="kindinfoindex">
				  <template>
					<div>
					  <span>{{ kindinfoitem.kindName }}</span>
					</div>
                  <div v-if="['D4', 'SY_FJ_YBW2'].includes(kindinfoitem.kindCode)">
                    <span>{{ kindinfoitem.unitAmount }}</span>/<span>{{ queryOrders.carinfo.seatCount - 1 }}座</span>
					</div>
					<div v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindinfoitem.kindCode)">
					  <span>{{ kindinfoitem.deductibleRate }}</span>
					</div>
					<div v-else>
					  <span>{{ kindinfoitem.amount }}</span>
					</div>
					<div>
					  <span>￥{{ kindinfoitem.coveragePremium }}</span>
					</div>
				  </template>
				</div>
			  </div>
			</div>
		  </div>
		  <div class="flex f-c" style="padding:5px 0; color:#fff;margin-bottom:15px;">
          <span style="margin-bottom:10px;">报价时间：</span>
			<span>注：本报价单仅供参考，最终以出单价格为准。</span>
		  </div>
		  <div class="bjdfooter dis align">
          <img :src="logoImg" class="align" alt style="width:60px;height:60px;" />
			<div class="dis f-c jus" style="height:100%">
			  <span>{{ queryOrders.inscompany }}</span>
			</div>
		  </div>
		</div>
		<div class="display">
        <el-button size="small" style="width:100px;" @click="copybjd()" >截图</el-button>
        <el-button size="small" style="width:100px;" @click="bjddialogVisible = false">关闭</el-button>
		</div>
	  </el-dialog>
	  <el-dialog :visible.sync="codedialogVisible" width="400px" top="10vh" class="saomazhifucodeClass">
		<div class="ORcodebody">
		  <div class="code_title dis align">
			<span>扫码付款</span>
		  </div>
		  <div style="padding:0 20px">
			<div class="ORcode ">
			  <div style="padding:5px;position: relative;">
              <!-- <div v-show="['永安财险', '人保财险', '永诚财险', '中煤财险','华泰财险', '众安平安', '紫金财险','中国人寿'].includes(inscompany)" id="qrcode"
                ref="qrcode">
              </div>
              <img v-show="['恒邦财险','安盛天平','国任财险'].includes(inscompany)" :src="paycodeimg" alt style="width:100%" /> -->
              <div id="qrcode"  ref="qrcode"></div>
			  </div>
			</div>
		  </div>
		  <div class="ORtitle dis f-c align ">
			<div>
			  <span>保险公司：</span>
			  <span>{{ inscompany }}</span>
			</div>
			<div>
			  <span>车牌号：</span>
			  <span>{{ licenseNo }}</span>
			</div>
			<div>
			  <span>投保人：</span>
			  <span>{{ applyName }}</span>
			</div>
			<div>
			  <span style="color:#f75c00">总金额：</span>
			  <span style="color:#f75c00">{{ sumpremium }}</span>
			</div>
			<div v-show="jqpremium">
			  <span>交强：</span>
			  <span>{{ jqpremium }}</span>
			</div>
			<div v-show="sypremium">
			  <span>商业：</span>
			  <span>{{ sypremium }}</span>
			</div>
			<div v-show="taxamount">
			  <span>车船税：</span>
			  <span>{{ taxamount }}</span>
			</div>
			<div v-show="jqstartdate">
			  <span>交强险起保日期：</span>
			  <span>{{ jqstartdate }}</span>
			</div>
			<div v-show="systartdate">
			  <span>商业险起保日期：</span>
			  <span>{{ systartdate }}</span>
			</div>
          <div v-if="jypremium">
            <span>非车险：</span>
            <span>{{ jypremium }}</span>
		  </div>
        </div>
		  <div class="display">
          <el-button size="small" style="width:100px;" @click="codedialogVisible = false">关闭</el-button>
		  </div>
		</div>
	  </el-dialog>
	</div>
  </template>

  <script>
  import CommonUtil from "@/utils/comutil.js";
  import {
	pathToBase64,
	base64ToPath
  } from '@/common/image-tools-base64.js';
  import QRCode from "qrcodejs2";
  import Cookies from "js-cookie"
  import { formatWithSeperator, format } from "@/utils/datetime.js";
  import html2Canvas from 'html2canvas'
  export default {
	name: 'taskpool',
	computed: {
	  registerDateFormat() {
		let date = new Date(this.orderInfo.carinfo.registerDate);
		let year = date.getFullYear();
		let month = date.getMonth() + 1;
		let day = date.getDate();
		return year + '-' + month + '-' + day;
	  },
	  issueDateFormat() {
		let date = new Date(this.orderInfo.carinfo.issueDate);
		let year = date.getFullYear();
		let month = date.getMonth() + 1;
		let day = date.getDate();
		return year + '-' + month + '-' + day;
	  }
	},
	data() {
	  return {
        logoImg: "",//报价单保险公司logo图
        feeDetailInfo:[],//费用明细信息
		loading: false, //加载事件
		totalComapny: [],//全部机构

		payMoney: "",//合计金额

		ordersList: [], //展示页面上的订单列表数据
		pageNum: 1, //当前页码
		pageSize: 20,  //每页数据条数
		totalSize: 0, //全部的数据条数
		codedialogVisible: false,//付款码
		bjddialogVisible: false,//报价单
		dialogVisible: false, //是否显示订单信息框
		orderInfo: { //选中的订单
		  ownerinfo: {},
		  carinfo: {},
		  applyinfo: {},
		  insureinfo: {},
		  kindinfo: [],
		  riskinfo: [],
		  ownerinfo: {},
      orderCommissionVo:{},
		},

		carImageList: [],//车辆影像
		ownerImageList: [],//车主影像
		policyImageList: [],//投保人影像
		insuredImageList: [],//被保人影像
		carCheckImageList: [],//验车照影像
		// 影像控制
		pic1Control: false,
		pic2Control: false,
		pic3Control: false,
		pic4Control: false,
		pic5Control: false,


		insureListForm: [],//险种信息的原始版本，当回写时使用

		transferRightList: [],


		//查询的表单
		queryForm: {
		  "deptId": "",
		  "licenseNo": "",
		  "frameNo": "",
		  "engineNo": "",
		  "userid": "",
		  "username": "",
		  "riskCode": "",
		  "startDate": "",
		  "endDate": "",
		  "policyStartDate": "",
		  "policyEndDate": "",
		  "insureName": "",
		  "auditId": "",
		  "quoteNo": "",
		  "orderNo": "",
		  "quoteDate": "",
		  "policyDate": "",
		  "orderStatus": "1",
		  "editId": "",
		  "pageNum": 1,
		  "pageSize": 20,
          "insCompany":""
		},

		sendBackDialogVisible: false,//控制退回修改弹框
		sendBackData: [],
		sendBackValue: [],
		addSendBackValue: '',

		showInsureList: false,

		historyDialogVisible: false,
		history: {
		  taskid: "",
		  company: "",
		  product: "",
		  totalmoney: "",
		  active: "",
		  data: []
		},
		HistoryList: [],//报价轨迹lsit
		// 任务转发
		staffList: [],
		taskForwardDialogVisible: false,
		taskForwardData: {
		  orderNo: "",
		  auditId: "",
		  operatorId: '',
		},

		//文件上传的文件
		oldfileList: [],
		quoteno: "", //报价号
		orderno: "", //订单号
		queryOrders: "", //核保详情
		inscompany: "", //保险公司名称
		licenseNo: "", //车牌号
		applyName: "", //车主名字
		orderstatus: "", //订单状态
		sumpremium: "", //保费合计
		jqpremium: "",//交强
		sypremium: "",//商业
    jypremium:'',//驾意险
		taxamount: "",//车船税
		jqstartdate: "",//交强时间
		systartdate: "",//商业时间
		mobile: "",//投保人手机号
		paycodeimg: "",//展示二维码
        companyList:[], //保险公司
	  }
	},
	created() {
      this.$api.letter.gainTopList().then(res=>{
        this.companyList=res.data
      })
	  this.peopleid = Cookies.get('user');
	  if (this.peopleid != 'admin') {
		this.peopledeptid = Cookies.get('user').split('D')[0];
	  } else {
		this.peopledeptid = '9';
	  }

	 this.getAllCompany();// 获取机构数据
	  this.getOrderList()// 数据列表
	  this.getAllStaff()//获取任务转发列表

	},
	methods: {
    //公共操作进行校验，是否可以操作
    commonCheck(orderno,type) {
      this.$api.task.checkOrdersEdit({ orderNo: orderno }).then((res) => {
        if (res.code == 200) {
          //如果校验通过，则按分支去走自己的方法
          if(type=='1'){//编辑
              this.CloseEdit(orderno);
          }else if(type=='2'){//任务转发
              this.openTaskForward(orderno);
          }else if(type=='3'){//报价轨迹
              this.getHistoryList(orderno);
          }
        }else{
          this.$message({
            message: res.msg,
            type: 'error'
          });
        }
      })
    },
//预览文件
      viewfile(index) {
        let name = index.fileurl.lastIndexOf("\/")
        fetch(index.fileurl)
          .then(response => response.blob())
          .then(blob => {
            this.saveAs(blob, index.fileurl.substring(name + 1, index.fileurl.length))
          })
          .catch(error => {
          });
        // const a = document.createElement('a')
        // a.style.display = 'none'
        // a.href = index.fileurl
        // a.target = '_ blank';
        // a.download = this.licenseNo+ '.pdf';  // 下载文件的名字
        // document.body.appendChild(a)
        // a.click()
      },
      OrderDetails(item) {
        this.carImageList = [];
        this.ownerImageList = []; //车主影像
        this.policyImageList = []; //投保人影像
        this.insuredImageList = []; //被保人影像
        this.carCheckImageList = []; //验车照影像
        // 影像控制
        this.pic1Control = false;
        this.pic2Control = false;
        this.pic3Control = false;
        this.pic4Control = false;
        this.pic5Control = false;
        for (let i = 0; i < this.global.insureList.length; i++) {
          this.global.insureList[i].coveragePremium = "";
          this.global.insureList[i].amount = 0;
        }
        let params = {
          companyId: item.id,
        }
        this.$api.letter.getByCompanyId(params).then((res) => {
          if (res.code == 200) {
            this.licenseNo = res.data.licenseno;//车牌号
            this.inscompany = res.data.inscompany;//保险公司
            if( res.data.accidentInfo){
              res.data.accidentInfo.constructor === Object?[res.data.accidentInfo]:res.data.accidentInfo
            }
            Object.assign(this.orderInfo, res.data);
            for (let i = 0; i < this.orderInfo.riskinfo.length; i++) {
              if (this.orderInfo.riskinfo[i].riskCode == "0510") {
                for (let j = 0; j < this.orderInfo.kindinfo.length; j++) {
                  for (let m = 0; m < this.global.insureList.length; m++) {
                    if (
                      this.orderInfo.kindinfo[j].kindCode ==
                      this.global.insureList[m].kindCode
                    ) {
                      this.global.insureList[m].coveragePremium =
                        this.orderInfo.kindinfo[j].coveragePremium;
                      if (this.orderInfo.kindinfo[j].kindCode == "B") {
                        this.global.insureList[9].amtList[0].value =
                          this.orderInfo.kindinfo[j].amount;
                      }
                      if (this.orderInfo.kindinfo[j].kindCode == "A") {
                        this.global.insureList[m].amount = "1";
                      } else if (this.global.insureList[m].kindCode == "D4") {
                        this.global.insureList[m].amount =
                          this.orderInfo.kindinfo[j].unitAmount;
                      } else if (
                        this.global.insureList[m].isMainRisk ||
                        this.global.insureList[m].kindCode == "BD" ||
                        this.global.insureList[m].kindCode == "L"
                      ) {
                        this.global.insureList[m].amount =
                          this.orderInfo.kindinfo[j].amount;
                      } else {
                        this.global.insureList[m].amount =
                          this.orderInfo.kindinfo[j].deductibleRate;
                      }
                    }
                  }
                }
              }
            }
            // 获取影像
            this.$api.letter.findByQuoteNo(item.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;
                    default:
                      break;
                  }
                }
              })
            })
            this.pic1Control = false;
            this.pic2Control = false;
            this.pic3Control = false;
            this.pic4Control = false;
            this.pic5Control = false;
            this.oldfileList = [];
            switch (res.data.inscompany) {
              case "永安财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.getPolicyPrint({
                    companyId: item.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: item.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: item.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){
                          this.oldfileList.push({
                            fileTitle: "商业电子保单",
                            filename: this.orderInfo.sypolicyno,
                            fileurl: path,
                          });
                        }
                      });
                    }
                  });
                }
                break;
              case "华泰财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.HuataigetPolicyPrint({
                    companyId: item.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,
                        });
                      }
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.HuataigetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data && res.data.syxPolicyUrl) {
                      this.oldfileList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res.data.syxPolicyUrl,
                      });
                    }
                  })
                }
                break;
              case "中煤财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.ZhongmeigetPolicyPrint({
                    companyId: item.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],
                      });
                    }
                  })
                  this.$api.letter.ZhongmeigetPolicyPrint({
                    companyId: item.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],
                      });
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.ZhongmeigetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data && res.data[0]) {
                      this.oldfileList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res.data[0],
                      });
                    }
                  })
                }
                break;
              case "永诚财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.yongchenggetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '2',//2:保单
                  }).then(res => {
                    if (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,
                        });
                      }
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.yongchenggetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data && res.data.syUrl) {
                      this.oldfileList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res.data.syUrl,
                      });
                    }
                  })
                }
                if (this.orderInfo.crossInsurance.length > 0) {
                  this.orderInfo.crossInsurance.map(ele => {
                    this.$api.letter.yongchenggetPolicyPrint({
                      companyId: item.id,
                      policyNumber: ele.policyNumber,
                      riskCode: "0513",
                      type: '2',//2:保单
                    }).then(res => {
                      if (res.data) {
                        this.oldfileList.push({
                          fileTitle: "驾意险保单",
                          filename: ele.policyNumber,
                          fileurl: res.data.jyUrl,
                        });
                      }
                    })
                  })
                }
                break;
              case "国任财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.guoRengetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子保单",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                  this.$api.letter.guoRengetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '1',//1:标志
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子标志",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.guoRengetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                }
                if (this.orderInfo.crossInsurance.length > 0) {
                  this.orderInfo.crossInsurance.map(ele => {
                    this.$api.letter.guoRengetPolicyPrint({
                      companyId: item.id,
                      policyNumber: ele.policyNumber,
                      riskCode: "0513",
                      type: '2',//2:保单
                    }).then(res => {
                      if (res.data) {
                        this.oldfileList.push({
                          fileTitle: "驾意险保单",
                          filename: ele.policyNumber,
                          fileurl: res.data,
                        });
                      }
                    })
                  })
                }
                break;
              case "紫金财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.zijingetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子保单",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                  this.$api.letter.zijingetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '1',//1:标志
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子标志",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.zijingetPolicyPrint({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.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: item.id,
                      policyNumber: ele.policyNumber,
                      riskCode: "0513",
                      type: '2',//2:保单
                    }).then(res => {
                      if (res.data) {
                        this.oldfileList.push({
                          fileTitle: "驾意险保单",
                          filename: ele.policyNumber,
                          fileurl: res.data,
                        });
                      }
                    })
                  })
                }
                break;
              case "恒邦财险":
              case "安盛天平":
              case "中国人寿":
              case "众安平安":
                if (this.orderInfo.jqpolicyno || this.orderInfo.sypolicyno) {
                  this.$api.letter.pythongetPolicyPrint({
                    subOrderNo: item.id,
                  }).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,
                        });
                      }
                    }
                    if (res.data.syxPolicyUrl) {
                      this.oldfileList.push({
                        fileTitle: "商业电子保单",
                        filename: this.orderInfo.sypolicyno,
                        fileurl: res.data.syxPolicyUrl,
                      });
                    }
                    if (res.data.jyxInfoList && res.data.jyxInfoList.length>0) {
                      res.data.jyxInfoList.forEach(val=>{
                        this.oldfileList.push({
                          fileTitle: "驾意险保单",
                          filename: 'xxxxxxxxxxxxxxxxxxxxxx',
                          fileurl: val.jyx_policy_url,
                        });
                      })
                    }
                  })
                }
                break;
              case "大家财险":
                if (this.orderInfo.jqpolicyno) {
                  this.$api.letter.obtainWarranty({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子保单",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                  this.$api.letter.obtainWarranty({
                    companyId: item.id,
                    riskCode: "0507",
                    type: '1',//1:标志
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.push({
                        fileTitle: "交强电子标志",
                        filename: this.orderInfo.jqpolicyno,
                        fileurl: res.data,
                      });
                    }
                  })
                }
                if (this.orderInfo.sypolicyno) {
                  this.$api.letter.obtainWarranty({
                    companyId: item.id,
                    riskCode: "0510",
                    type: '2',//2:保单
                  }).then(res => {
                    if (res.data) {
                      this.oldfileList.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: item.id,
                      policyNumber: ele.policyNumber,
                      riskCode: "0513",
                      type: '2',//2:保单
                    }).then(res => {
                      if (res.data) {
                        this.oldfileList.push({
                          fileTitle: "驾意险保单",
                          filename: ele.policyNumber,
                          fileurl: res.data,
                        });
                      }
                    })
                  })
                }
                break;
              default:
            }
            //赋值费用信息
            this.feeDetailInfo=res.data.orderFeeResult;
            this.showInsureList = false;
            this.dialogVisible = true; //在页面上显示订单
          } else {
            this.$message.error("订单获取失败");
          }
        });
      },
    cancelorder(item) {
      this.$api.letter.zijincancelorder({ companyId: item.id }).then(res => {
        if(res.code==200){
          this.$message({
            message: res.msg,
            type: 'success'
          });
          this.findPage()
        }
      })
    },
    //y永城查询缴费状态
    refreshStatus(item){
      this.$api.letter.orderStatusyongcheng( item.id ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    // 国任查询缴费状态
    refreshStatusGuoren(item){
      this.$api.letter.updateOrderInfoGuoren( {companyId:item.id} ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    // 大家刷新核保状态
    refreshStatusDajia(item){
      this.$api.letter.updateOrderInfoDajia( {companyId:item.id} ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    //华泰刷新核保状态
    updateStatusHuatai(item){
      this.$api.letter.orderStatushuatai( {companyId:item.id} ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    //华泰更新订单状态
    updateOrderInfoHuatai(item){
      this.$api.letter.updateOrderInfoHuatai( {companyId:item.id} ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    //中煤查询缴费状态
    updateStatus(item){
      this.$api.letter.orderStatuszhongmei( {companyId:item.id} ).then(res => {
        if(res.code==200){
          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
          this.loading = true;
          this.$api.letter.queryOrders(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;
            }
          })
        }
        else{
          this.$message({ message:res.msg, type: "error" })
        }
      })
    },
    //查询缴费状态
    querystatus(item) {
      if (item.inscompany == '紫金财险') {
        this.$api.letter.getOrderDetail({ companyId: item.id }).then(res => {
          if (res.code == '200') {
            this.$message({ message: res.msg, type: "success" })
            this.loading = true;
            this.$api.letter.queryOrders(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;
              }
            })
          } else {
            this.$message({ message: res.msg, type: "error" })
          }
        })
      } else {
        this.$api.letter.pychonverifyPayment({ subOrderNo: item.id }).then(res => {
          if (res.code == '200') {
            this.$message({ message: "订单支付成功，正在更改状态", type: "success" })
            this.loading = true;
            this.$api.letter.queryOrders(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;
              }
            })
          } else {
            this.$message({ message: res.msg, type: "error" })
          }
        })
      }
    },
    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);
    },
		getAllStaff() {
		var that = this;
		var personRequest = {  //查询的默认条件
		  pageNum: 1,
		  pageSize: 9999999,
		  columnFilters: {
			"deptId": {
			  "name": "deptId",
			  "value": "99"
			},
			"containsSubDept": {
			  "name": "containsSubDept",
			  "value": 1
			},
			"usertype": {
			  "name": "usertype",
			  "value": "A"
			},
			"status": {
			  "name": "status",
			  "value": "1"
			}
		  }
		}

		this.$api.user.findPage(personRequest).then((res) => {
		  if (res.code == 200) {
			if (res.data.content.length > 0) {
			  that.staffList = [];
			  Object.assign(that.staffList, res.data.content);
			} else {
			  that.staffList = [];
			}
		  } else {
			that.staffList = [];
		  }
		})
	  },
	  getAllCompany: function () {
		// 获取数据
		this.$api.dept.findLeftDeptTree(this.peopledeptid).then(res => {
		  for (let i = 0; i < res.data.length; i++) {
			if (res.data[i].id.indexOf('D') < 0) {
			  this.totalComapny.push(res.data[i]);
			}
		  }
		});
	  },

	  // 跳转页面锚链接Start
	  jump(obj) {
		var s = document.getElementById(obj);
		var parent = s.parentNode
		for (let i = 0; i < parent.childNodes.length; i++) {
		  if (parent.childNodes[i].tagName == 'DIV') {
			if (parent.childNodes[i].childNodes[0].classList.contains("active")) {
			  parent.childNodes[i].childNodes[0].classList.remove("active");
			}
		  }
		}
		s.childNodes[0].classList.add("active");
	  },
	  // 跳转页面锚链接End
	  //条件查询
	  queryGetOrderList() {
		this.queryForm.pageNum = 1;
		this.queryForm.pageSize = 20;
		this.getOrderList();
	  },
	  // 获取提交核保请求订单信息Start
	  getOrderList: function () {
		this.ordersList=[];
		this.$api.task.findPage(this.queryForm).then(res => {
		  this.ordersList = res.data.content;
		  this.totalSize = res.data.totalSize;
		});
	  },
	  // 获取提交核保请求订单信息End
	  handleCurrentChange(val) {//页数
		this.pageNum = val;
		this.queryForm.pageNum = val;
		this.getOrderList();
	  },
	  handleSizeChange(val) {//条数
		this.pageSize = val;
		this.pageNum = 1;
		this.queryForm.pageNum = 1;
		this.queryForm.pageSize = val;
		this.getOrderList();
	  },
	  //报价单
	  bjdpreview(companyId) {
		let params = {
          companyId: companyId
        };
        this.$api.letter.getByCompanyId(params).then(res => {
		  if (res.code == "200") {
			var data = res.data;
            if (data.kindinfo != null) {
              data.kindinfo.map((ele, index) => {
                switch (ele.kindCode) {
                  case "A":
                    if (ele.amount == 1) {
                      ele.amount = "投保"
                    } else {
                      ele.amount = 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.queryOrders = data;
            this.logoImg = this.iconfftter(res.data.inscompany)
			this.bjddialogVisible = true;
		  }
		});
	  },
      iconfftter(icon) {
        return CommonUtil.getDataName({
          dataList: this.global.insCompanyList,
          value: "name",
          label: "icon",
          data: icon,
        });
      },
      // 截图粘贴
      copybjd(){
        let that=this
        html2Canvas(document.getElementById('pdfContentsDiv') , {
          allowTaint: true,
          taintTest: false,
        }).then(function (canvas) {
          let base64Data = ''
          // let blob = null
          base64Data = canvas.toDataURL('image/png', 1)
          const date = new Date()
          const saveInfo = {
            download: date.getTime() + `.png`,
            href: base64Data,
          }
          const element = document.createElement('a')
          element.style.display = 'none'
          for (const key in saveInfo) {
            element.setAttribute(key, saveInfo[key])
          }
          document.body.appendChild(element)
          element.click()
          setTimeout(() => {
            document.body.removeChild(element)
          }, 300)
        })
      },
      // 撤销二维码
      revokeCode(id){
        this.$api.letter.getRevokeQrCode(id).then(res => {
          if(res.code==200){
            this.$message({
              message: res.msg,
              type: 'success'
            });
            this.historyDialogVisible=false;
          }
        })
      },
	  //二维码
	  carcode(id) {
        this.$api.letter.getQrCode(id).then(res => {
		  if (res.code == '200') {
			this.inscompany = res.data.inscompany;//保险公司
			this.sumpremium = res.data.sumpremium;//总价
            this.licenseNo = res.data.cPlateNo;//车牌号
            this.applyName = res.data.cInsuredNme;//车主
			this.jqpremium = res.data.jqpremium;//交强
			this.sypremium = res.data.sypremium;//商业
			this.taxamount = res.data.taxamount;//车船税
            this.jypremium = res.data.jypremium;//驾意险
			this.jqstartdate = res.data.jqstartdate;//交强起保日期
			this.systartdate = res.data.systartdate;//商业起保日期
            // this.mobile = res.data.applyinfo.mobile;//投保人手机号

				this.$nextTick(() => {
              this.creatQrCode(res.data.qrCodeUrl);
				});
			this.codedialogVisible = true;
		  } else {
			this.$message({ message: res.msg, type: "warning" })
		  }
		})
	  },
	  creatQrCode(text) {
		if (this.qrcode) {
		  this.qrcode.clear();
		  this.qrcode.makeCode(text);
		} else {
		  this.qrcode = new QRCode("qrcode", {
			text: text,
			width: 180,
			height: 180,
			colorDark: "#000000",
			colorLight: "#ffffff",
			correctLevel: QRCode.CorrectLevel.H,
		  });
		}
	  },
	  //查看详情
      qoutedetail(companyId) {
		let params = {
          companyId: companyId
        };
        this.$api.letter.getByCompanyId(params).then(res => {
          if (res.code == "200") {

            var data = res.data;


            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.queryOrders = data;
            //赋值费用信息
            this.feeDetailInfo=data.orderFeeResult;
		  }
        });
        this.dialogVisible = true;
	  },
	  //获取一个订单的全部信息End
	  getHistoryList(orderNo) {
		this.$api.letter.getByOrderNo({ orderNo: orderNo }).then((res) => {
		  this.HistoryList = res.data.insAreaCompanyList;
          //赋值quoteno字段，查看详情获取影像使用
          this.HistoryList.map((ele, index) => {
            ele.quoteno=res.data.quoteno;
          });
		})
		this.historyDialogVisible = true;
	  },

    //订单修改
    CloseEdit(orderno) {
      this.$api.letter.getByOrderNo({ orderNo: orderno }).then((res) => {
        this.$router.push({ path: '/task/daikeLetter', query: { data: res.data } })
      })
    },
	  // 打开任务转发
	  openTaskForward(orderno) {
		this.taskForwardData.orderNo = orderno;
		this.taskForwardData.operatorId = this.peopleid;
		this.taskForwardDialogVisible = true;
	  },
	  comfirmTaskForward() {
		if (!this.taskForwardData.auditId) {
		  return this.$message({ type: 'info', message: '请选择任务接收人' });
		}
		this.$confirm('是否确认转发任务？', '提示', {}).then(() => {
		  this.$api.task.forwarding(this.taskForwardData).then(res => {
			if (res.code == '200') {
			  this.$message({ type: 'success', message: res.msg });
			  this.getOrderList();
			  this.taskForwardDialogVisible = false;
			}else{
			  this.$message.error(res.msg);
			}
		  })

		}).catch(() => {
		})
	  },
	  changeAudit(e) {
		// for (let i = 0; i < this.staffList.length; i++) {
		//   if (this.staffList[i].id == e) {
		//     this.taskForwardData.auditname = this.staffList[i].name;
		//   }
		// }
	  },
	  closeTaskForward() {
		for (let key in this.taskForwardData) {
		  this.taskForwardData[key] = "";
		}
		this.taskForwardDialogVisible = false;
	  },
	}
  }
  </script>
  <style>
  .saomazhifucodeClass .el-dialog__body,
  .saomazhifucodeClass .el-dialog__header {
	padding: 0;
  }
  </style>
  <style scoped lang="scss">
  /* 检索区Start */
  .ORcodebody {
	width: 100%;
	height: auto;
	box-sizing: border-box;
  }

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

	&>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;

	&>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;

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

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

		&:nth-child(2) {
		  color: #000;
		  margin-left: 10px;
		}
	  }
	}
  }

  .queryForm {
	background: #f2f7fc;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 20px 0;

	&:before {
	  content: attr(title);
	  position: absolute;
	  left: 10%;
	  transform: translate(-50%, -120%);
	  padding: 0 10px;
	  background-color: #fff;
	}
  }

  /* 检索区End */
  /* 页面的整体布局 */
  .page-container {
	margin: 0px 10px;
  }

  .task {
	border-color: #a6a6a6;
	line-height: 25px;
	font-size: 14px;
	margin-bottom: 10px;

	.row {
	  margin-bottom: 10px;
	  line-height: 28px;
	  font-size: 12px;

	  .label {
		padding: 0 10px;
	  }
	}
  }

  .task_bottom {
	margin-top: 10px;
  }

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

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

	  a {
		display: block;
		color: #a6aeb9;
		text-decoration: none;

		&:hover {
		  color: #fff;
		}

		&.active {
		  color: #fff;
		}
	  }

	  i {
		font-size: 30px;
		margin: 15px 0px 5px;
	  }
	}
  }

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

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

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

	  &>label {
		margin: 0px 15px;
		font-weight: bold;
	  }
	}

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

  .rightContainer #demo2 .body,
  .rightContainer #demo5 .body,
  .rightContainer #demo6 .body,
  .rightContainer #demo7 .body,
  .rightContainer #demo8 .body,
  .rightContainer #demo9 .body,
  .rightContainer #demo10 .body,
  .rightContainer #demo11 .body {
	border: 1px solid #ddd;
	padding: 15px;
	border-top: none;
  }

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

  .el-transfer-panel {
	width: calc(100%/3) !important;
  }

  .body {
	.el-row {
	  margin-bottom: 15px;

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

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

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

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

	&>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;

	  &:nth-child(1) {
		border-top-left-radius: 10px;
	  }

	  &:nth-child(2) {
		border-left: none;
		border-right: none;
	  }

	  &:nth-child(3) {
		border-top-right-radius: 10px;
	  }
	}
  }

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

	&>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;

	  &:nth-child(2) {
		border-left: none;
		border-right: none;
	  }
	}
  }

  .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;

	.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;
	  }

	  &:nth-child(2) {
		color: #999;
	  }
	}
  }

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

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

  .dis {
	display: flex;
  }

  .align {
	align-items: center;
  }

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

  .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: 2px 0px;
      font-size: 14px;
      &>span {
        color: rgb(226, 118, 10);
      }
    }
}
  .back {
    color: #303133;
    font-weight: 700;
  }
  .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);
  }
  .FeeEnclosure{
    /deep/ table {
      width: 100% !important;
    }
    /deep/ .cell {
      text-align: center;
    }
    /deep/ .el-table__empty-block{
      width: 100% !important;
    }
  }
  /deep/ {
	.el-input {
	  &.is-disabled {
		.el-input__inner {
		  color: #333;
		}
	  }
	}
  }
  </style>