马宇豪
2025-03-07 db905ecd14f63dba9337b4f4715584ef2d7e8c7e
src/views/specialOperationsPay/singlePage/index.vue
@@ -51,6 +51,7 @@
            <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>
@@ -65,14 +66,15 @@
            </div>
            <div>总计应缴:<span class="cardCont">{{ item.amount }}元</span></div>
            <el-button style="margin-top: 5px" type="primary" size="small" v-if="item.payStatus == 0" @click="goPay(item)">去缴费</el-button>
            <el-button style="margin-top: 5px" type="success" size="small" v-if="item.payStatus == 1" @click="checkTicket(item)">查看票据</el-button>
            <el-button style="margin-top: 5px" type="success" size="small" v-if="item.payStatus == 1" @click="checkTicket()">查看票据</el-button>
          </div>
        </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>
@@ -87,7 +89,7 @@
            </div>
            <div>总计应缴:<span class="cardCont" v-if="item.coalPays">{{ item.coalPays.amount }}元</span></div>
            <el-button style="margin-top: 5px" type="primary" size="small" v-if="item.payStatus == 0" @click="goPay(item)">去缴费</el-button>
            <el-button style="margin-top: 5px" type="success" size="small" v-if="item.payStatus == 1" @click="checkTicket(item)">查看票据</el-button>
            <el-button style="margin-top: 5px" type="success" size="small" v-if="item.payStatus == 1" @click="checkTicket()">查看票据</el-button>
          </div>
        </div>
      </div>
@@ -271,7 +273,22 @@
          }
        }
      })
    },
    copyCode(code){
      navigator.clipboard
        .writeText(code)
        .then(() => {
          this.$message({
            type:'success',
            message: '缴款码已复制到剪贴板'
          })
        })
        .catch((error) => {
          this.$message({
            type:'warning',
            message: '缴款码复制失败'
          })
        });
    },
    goPay(item){
      this.detailInfo = item
@@ -327,6 +344,9 @@
        }
      }
    },
    checkTicket(){
      window.open('http://finpt.xjcz.gov.cn/fs-public/index.do')
    },
    resetDataForm() {
      this.dataForm = {
      }