| | |
| | | <div>批次名称:<span class="cardCont">{{item.batchName }}</span></div> |
| | | <div>所属地区:<span class="cardCont">{{item.districtName }}</span></div> |
| | | <div>填报时间:<span class="cardCont">{{item.createTime}}</span></div> |
| | | <div v-if="item.payCode">财政缴款码:<span class="cardCont">{{item.payCode}}</span><el-button type="text" style="padding: 0;margin-left: 10px" @click="copyCode(item.payCode)">复制</el-button></div> |
| | | <div>状态状态: |
| | | <el-tag v-if="item.payStatus == 0" type="danger" size="small">待缴费</el-tag> |
| | | <el-tag v-if="item.payStatus == 1" type="success" size="small">已缴费</el-tag> |
| | |
| | | </div> |
| | | <div v-else class="feeList"> |
| | | <div v-for="(item,index) in info.list" class="infoCard" :key="index"> |
| | | <div>批次名称:<span class="cardCont" v-if="item.coalPays">{{item.coalPays.batchName }}</span></div> |
| | | <div>批次名称:<span class="cardCont" v-if="item.coalPays">{{item.coalPays.batchName}}</span></div> |
| | | <!-- <div>所属地区:<span class="cardCont">{{item.districtName }}</span></div>--> |
| | | <div>填报时间:<span class="cardCont" v-if="item.coalPays">{{item.coalPays.createTime}}</span></div> |
| | | <div v-if="item.payCode">财政缴款码:<span class="cardCont">{{item.payCode}}</span><el-button type="text" style="padding: 0;margin-left: 10px" @click="copyCode(item.payCode)">复制</el-button></div> |
| | | <div>状态状态: |
| | | <el-tag v-if="item.payStatus == 0" type="danger" size="small">待缴费</el-tag> |
| | | <el-tag v-if="item.payStatus == 1" type="success" size="small">已缴费</el-tag> |
| | |
| | | } |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | copyCode(code){ |
| | | navigator.clipboard |
| | | .writeText(code) |
| | | .then(() => { |
| | | this.$message({ |
| | | type:'success', |
| | | message: '缴款码已复制到剪贴板' |
| | | }) |
| | | }) |
| | | .catch((error) => { |
| | | this.$message({ |
| | | type:'warning', |
| | | message: '缴款码复制失败' |
| | | }) |
| | | }); |
| | | }, |
| | | goPay(item){ |
| | | this.detailInfo = item |