|  |  | 
 |  |  |         <el-form-item label=" " prop="unionApplyId" > | 
 |  |  |           <div style=" display: flex; flex-direction: column;"> | 
 |  |  |             <el-button type="primary" size="small" @click="selectBaoxiandan"> 选择保险单</el-button> | 
 |  |  |             <span style="color: #F95601; font-size: 14px;">(1. 请选择保险单后进行操作)</span> | 
 |  |  |             <span style="color: orange; font-size: 14px;"><i class="el-icon-warning"></i>1. 请选择保险单后进行操作</span> | 
 |  |  |           </div> | 
 |  |  |         </el-form-item> | 
 |  |  | <!--        <el-form-item label="申请日期:" prop="applyDate" style="margin-left: 40px"> | 
 |  |  | 
 |  |  |           </div> | 
 |  |  |         </el-form-item>--> | 
 |  |  |         <el-form-item label="费用" v-if="model"> | 
 |  |  |           <span>{{model.price}}元</span> | 
 |  |  |           <span>{{model.price}} 元</span> | 
 |  |  |           <span v-if="model.timeUnit === 0">/天</span> | 
 |  |  |           <span v-if="model.timeUnit === 1">/半月</span> | 
 |  |  |           <span v-if="model.timeUnit === 2">/月</span> | 
 |  |  | 
 |  |  |         </template> | 
 |  |  |       </el-table-column> | 
 |  |  |     </el-table> | 
 |  |  |     <div style="color: #F95601; font-size: 14px;width: 100%;text-align: left">(2. 请先选择至少一条申请后提交投保申请)</div> | 
 |  |  |     <div style="color: orange; font-size: 14px;width: 100%;text-align: left"><i class="el-icon-warning"></i>2. 请先选择至少一条申请后提交投保申请</div> | 
 |  |  |     <div class="info" v-if="model"> | 
 |  |  |       <span v-if="model.specialAgreement" v-html="model.specialAgreement"></span> | 
 |  |  |       <span v-if="model.specialInfo" v-html="model.specialInfo"> </span> | 
 |  |  | 
 |  |  |         append-to-body | 
 |  |  |         center> | 
 |  |  |       <div class="desc_item_from" id="selectTable"> | 
 |  |  |         <div style="width: 100%;  text-align: right; align-items: center;margin-bottom: 10px"> | 
 |  |  |           <span class="tip-warn"  style="color: orange; font-size: 14px; margin-right: 20px ;text-align: left"> | 
 |  |  |             <i class="el-icon-warning"></i>注:只能选择申请单数大于0的申请记录进行操作 | 
 |  |  |           </span> | 
 |  |  |           <el-checkbox :true-label="1" :false-label="0"   v-model="hasApplying" style="font-size: 12px;" @change="handleCurrentChange(1)">只显示有申请单记录</el-checkbox> | 
 |  |  |         </div> | 
 |  |  |         <el-table | 
 |  |  |             border | 
 |  |  |             ref="multipleTable1" | 
 |  |  |             v-loading="isWorking.search" | 
 |  |  |             :data="tableData.list" | 
 |  |  |             @row-click="rowselect1" | 
 |  |  |             row-key="id" | 
 |  |  |             @selection-change="handleSelectionChange1" | 
 |  |  |             :data="tableData" | 
 |  |  |             stripe | 
 |  |  |         > | 
 |  |  |          <el-table-column | 
 |  |  |             type="selection" | 
 |  |  |             width="55"> | 
 |  |  |          </el-table-column> | 
 |  |  |           <el-table-column label="序号" width="80px"> | 
 |  |  |             <template slot-scope="scope"> | 
 |  |  |               <span>{{scope.$index + 1}}</span> | 
 |  |  | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="code" label="保单号" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="solutionName" label="保险方案" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="insureNum" label="投保人数" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="guaranteeNum" label="在保人数" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="addApplyNum" label="申请单数" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="insureNum" label="投保人数" min-width="90px"></el-table-column> | 
 |  |  |           <el-table-column prop="guaranteeNum" label="在保人数" min-width="90px"></el-table-column> | 
 |  |  |           <el-table-column prop="addApplyNum" label="申请单数" min-width="80px"></el-table-column> | 
 |  |  |           <el-table-column prop="fee" label="总费用(元)" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="createDate" label="提交时间" min-width="180px"></el-table-column> | 
 |  |  |           <el-table-column | 
 |  |  |               label="操作" | 
 |  |  |               min-width="100" | 
 |  |  |               fixed="right" | 
 |  |  |               align="center" | 
 |  |  |           > | 
 |  |  |             <template slot-scope="{row}"> | 
 |  |  |               <el-button  v-if="row.addApplyNum >0" type="primary"   @click="selectDo(row)">选择</el-button> | 
 |  |  |             </template> | 
 |  |  |           </el-table-column> | 
 |  |  |         </el-table> | 
 |  |  |         <div class="desc_item_from_page"> | 
 |  |  |           <el-pagination | 
 |  |  |               @current-change="handleCurrentChange" | 
 |  |  |               :current-page="currentPage" | 
 |  |  |               :current-page="currentPage1" | 
 |  |  |               :page-size="10" | 
 |  |  |               layout="total, prev, pager, next, jumper" | 
 |  |  |               :total="tableTotal"> | 
 |  |  | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <span slot="footer" class="dialog-footer"> | 
 |  |  |                 <el-button type="primary" @click="selectDo()">确  定</el-button> | 
 |  |  | <!--                <el-button type="primary" @click="selectDo()">确  定</el-button>--> | 
 |  |  |                 <el-button @click="model=null;visibleSelect=false">取 消</el-button> | 
 |  |  |             </span> | 
 |  |  |     </el-dialog> | 
 |  |  | 
 |  |  |         applyDate: null, | 
 |  |  |         businessType: 0 | 
 |  |  |       }, | 
 |  |  |       hasApplying:0, | 
 |  |  |       pickerOptions: {}, | 
 |  |  |       visibleSelect:false, | 
 |  |  |       visibleSelect: true, | 
 |  |  |       solutions: [], | 
 |  |  |       currentPage:0, | 
 |  |  |       currentPage1:1, | 
 |  |  |       list: [], | 
 |  |  |       tableData:[], | 
 |  |  |       tableData:null, | 
 |  |  |       tableTotal:0, | 
 |  |  |       endTime: '', | 
 |  |  |       item: null, | 
 |  |  | 
 |  |  |         return new Date() | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     selectDo(){ | 
 |  |  |     selectDo(row){ | 
 |  |  |       this.model =row | 
 |  |  |       if(!this.model){ | 
 |  |  |         this.$tip.apiFailed({ | 
 |  |  |           type: 'error', | 
 |  |  |           message: '请选择至少一条申请记录进行操作' | 
 |  |  |         }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       this.form.applyDate=null | 
 |  |  |       this.visibleSelect=false | 
 |  |  |       this.form.unionApplyId = this.model.id | 
 |  |  |       var that =this | 
 |  |  |       this.pickerOptions = { | 
 |  |  |         disabledDate (time) { | 
 |  |  |           var start = new Date(that.model.startTime) | 
 |  |  |           start.setDate(start.getDate() + 1) | 
 |  |  |           var end = new Date(that.model.endTime) | 
 |  |  |           // console.log(end ) | 
 |  |  |           // console.log(time ) | 
 |  |  |           return ( time.getTime() < start.getTime() ||  time.getTime()>end.getTime()) | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       this.getList(); | 
 |  |  |     }, | 
 |  |  |     selectDoOld(){ | 
 |  |  |       if(!this.model){ | 
 |  |  |         this.$tip.apiFailed({ | 
 |  |  |           type: 'error', | 
 |  |  | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     selectBaoxiandan(){ | 
 |  |  |       this.currentPage = 1 | 
 |  |  |       this.currentPage1 = 1 | 
 |  |  |       this.visibleSelect=true | 
 |  |  |       this.$refs.multipleTable.clearSelection(); | 
 |  |  |       this.getUnionApplyList() | 
 |  |  |     }, | 
 |  |  |     getUnionApplyList(){ | 
 |  |  |     getUnionApplyList() { | 
 |  |  |       pageUnionList({ | 
 |  |  |         capacity: 10, | 
 |  |  |         page: this.currentPage, | 
 |  |  |         page: this.currentPage1, | 
 |  |  |         model: { | 
 |  |  |           queryFlag:1, | 
 |  |  |           status: 3, | 
 |  |  |           queryFlag: 1, | 
 |  |  |           hasApplying: this.hasApplying, | 
 |  |  |           status: 3 | 
 |  |  |         } | 
 |  |  |       }).then(res => { | 
 |  |  |         this.tableData.list = res.records | 
 |  |  |         this.tableTotal = res.total | 
 |  |  |         this.$nextTick(() => { | 
 |  |  |           console.log(this.$refs.multipleTable1) | 
 |  |  |           this.tableData = res.records | 
 |  |  |           this.tableTotal = res.total | 
 |  |  |           if (this.$refs.multipleTable1 && this.$refs.multipleTable1.doLayout) { | 
 |  |  |             this.$refs.multipleTable1.doLayout() | 
 |  |  |           } | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     getList () { | 
 |  |  |       listAll({ | 
 |  |  |           solutionType:1, | 
 |  |  |           type:0, | 
 |  |  |           unionApplyId: this.model.id, | 
 |  |  |           status: 7 | 
 |  |  |         solutionType: 1, | 
 |  |  |         type: 0, | 
 |  |  |         unionApplyId: this.model.id, | 
 |  |  |         status: 7 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.list = res | 
 |  |  |         this.$nextTick(() => { | 
 |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     handleCurrentChange (val) { | 
 |  |  |       this.currentPage = val | 
 |  |  |       this.currentPage1 = val | 
 |  |  |       this.getUnionApplyList() | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | 
 |  |  | ::v-deep .desc_item_from .el-table__header .el-checkbox{ | 
 |  |  |   display:none!important; | 
 |  |  | } | 
 |  |  | ::v-deep .el-checkbox__label{ | 
 |  |  |   font-size: 12px; | 
 |  |  | } | 
 |  |  | .submit { | 
 |  |  |   width: 100%; | 
 |  |  |   display: flex; |