stage：发薪账户、合作机构合同展示

src/views/business/salaryAccount/index.vue

@@ -64,17 +64,17 @@
                 <div style="width: 90%;">
                   <el-row>
                     <el-col :span="12"><el-button style="width:120px;" type="primary"
-                                                  @click="ownBalanceRecharge(ele)">余额充值</el-button></el-col>
+                        @click="ownBalanceRecharge(ele)">余额充值</el-button></el-col>
                     <el-col :span="12"><el-button style="width:120px;" type="primary"
-                                                  @click="ownServiceChargeRecharge(ele)">服务费充值</el-button></el-col>
+                        @click="ownServiceChargeRecharge(ele)">服务费充值</el-button></el-col>
                   </el-row>
                 </div>
                 <div style="width: 90%;">
                   <el-row>
                     <el-col :span="12"><el-button style="width:120px;" type="primary" plain
-                                                  @click="showBill(ele.payAccNo)">充值记录</el-button></el-col>
+                        @click="showBill(ele.payAccNo)">充值记录</el-button></el-col>
                     <el-col :span="12"><el-button style="width:120px;" type="primary" plain
-                                                  @click="salarySelection(ele.payAccNo)">去发薪</el-button></el-col>
+                        @click="salarySelection(ele.payAccNo)">去发薪</el-button></el-col>
                   </el-row>
                 </div>
               </div>
@@ -83,24 +83,23 @@
         </el-card>
         <el-empty v-if="ownList.length == 0" description="暂无账号"></el-empty>
       </el-tab-pane>
-      <el-tab-pane label="第三方发薪账号" name="second"> <el-form label-width="120px" label-position="left"
-                                                                  class="formMain">
-        <el-row :gutter="30">
-          <el-col :span="8">
-            <el-form-item label="支付宝外卡卡号">
-              <el-input placeholder="请输入支付宝外卡卡号"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-button type="primary" icon="el-icon-search">查询</el-button>
-          </el-col>
-          <el-col :span="8">
-            <div class="buttonOperate">
-              <el-button type="primary" @click="toSign">绑定发薪账户</el-button>
-            </div>
-          </el-col>
-        </el-row>
-      </el-form>
+      <el-tab-pane label="第三方发薪账号" name="second"> <el-form label-width="120px" label-position="left" class="formMain">
+          <el-row :gutter="30">
+            <el-col :span="8">
+              <el-form-item label="支付宝外卡卡号">
+                <el-input placeholder="请输入支付宝外卡卡号"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-button type="primary" icon="el-icon-search">查询</el-button>
+            </el-col>
+            <el-col :span="8">
+              <div class="buttonOperate">
+                <el-button type="primary" @click="toSign">绑定发薪账户</el-button>
+              </div>
+            </el-col>
+          </el-row>
+        </el-form>
         <el-card class="box-card" v-for="ele in thirdParty" :key="ele.id">
           <el-row>
             <el-col :span="16">
@@ -145,20 +144,20 @@
             <el-col :span="6" :offset="2">
               <div class="operateConterMain">
                 <div style="width: 90%;">
-                  <el-row>
+                  <!-- <el-row>
                     <el-col :span="12"><el-button style="width:120px;" type="primary"
-                                                  @click="balanceRecharge(ele)">余额充值</el-button></el-col>
+                        @click="balanceRecharge(ele)">余额充值</el-button></el-col>
                     <el-col :span="12"><el-button style="width:120px;" type="primary"
-                                                  @click="serviceChargeRecharge(ele)">服务费充值</el-button></el-col>
+                        @click="serviceChargeRecharge(ele)">服务费充值</el-button></el-col>
                   </el-row>
                 </div>
                 <div style="width: 90%;">
                   <el-row>
                     <el-col :span="12"><el-button style="width:120px;" type="primary" plain
-                                                  @click="showBill(ele.payAccNo)">充值记录</el-button></el-col>
-                    <el-col :span="12"><el-button @click="salarySelection(ele.payAccNo)"
-                                                  style="width:120px;" type="primary" plain>去发薪</el-button></el-col>
-                  </el-row>
+                        @click="showBill(ele.payAccNo)">充值记录</el-button></el-col>
+                    <el-col :span="12"><el-button @click="salarySelection(ele.payAccNo)" style="width:120px;"
+                        type="primary" plain>去发薪</el-button></el-col>
+                  </el-row> -->
                 </div>
               </div>
             </el-col>
@@ -191,7 +190,8 @@
             </el-col>
           </el-row>
         </el-card>
-        <el-empty v-if="thirdParty.length == 0 && (!signNoAccList || signNoAccList.length == 0)" description="暂无账号"></el-empty>
+        <el-empty v-if="thirdParty.length == 0 && (!signNoAccList || signNoAccList.length == 0)"
+          description="暂无账号"></el-empty>
       </el-tab-pane>
     </el-tabs>
     <!-- 去发薪对话框 -->
@@ -216,12 +216,12 @@
     <el-dialog title="支付宝充值" :visible.sync="aliQRCodeRechargeOpen" width="500px" style="text-align: center">
       <!--      <h3>转账完成后，工作时间最晚2小时到账，最快1分钟充值到您的支付宝账户</h3>-->
       <el-form :model="aliQRCodeRechargeForm" ref="signNewForm" size="small" label-width="120px"
-               :rules="aliQRCodeRechargeRules">
+        :rules="aliQRCodeRechargeRules">
         <el-form-item label="收款账户" prop="payeeAccNo">
           <el-input v-model="aliQRCodeRechargeForm.payeeAccNo" placeholder="请输入收款账号" disabled />
         </el-form-item>
         <el-form-item label="付款账户" prop="payerAccNo"
-                      v-if="aliQRCodeRechargeForm.bindType && 2 === aliQRCodeRechargeForm.bindType">
+          v-if="aliQRCodeRechargeForm.bindType && 2 === aliQRCodeRechargeForm.bindType">
           <accSelect :bindType="1" v-model="aliQRCodeRechargeForm.payerAccNo"></accSelect>
         </el-form-item>
         <el-form-item label="余额/服务费" prop="rechargeType">
@@ -234,7 +234,7 @@
         </el-form-item>
         <el-form-item label="充值金额" prop="amount">
           <el-input-number v-model="aliQRCodeRechargeForm.amount" placeholder="请输入充值金额" :precision="2"
-                           style="width: 100%" />
+            style="width: 100%" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -245,7 +245,7 @@
     <!-- 账户详情弹窗 -->
     <el-dialog title="账号信息查询" :visible.sync="accDetail.panel" width="30%" center>
       <el-descriptions :title="accDetail.companyName" :column="1" :label-style="accDetail.label_style"
-                       :contentStyle="accDetail.content_style">
+        :contentStyle="accDetail.content_style">
         <el-descriptions-item label="账号">{{ accDetail.info.cardNo }}</el-descriptions-item>
         <el-descriptions-item label="户名">{{ accDetail.info.bankAccName }}</el-descriptions-item>
         <el-descriptions-item label="银行">{{ accDetail.info.cardBank }}</el-descriptions-item>
@@ -276,7 +276,7 @@
           <div class="ownRechargeMain">
             <img class="ownRechargeImage" src="@/assets/images/zfb.png" alt="">
             <el-button class="ownRechargeButton"
-                       @click="ownAliQRCodeRechargeOpen = false; aliQRCodeRechargeOpen = true">支付宝充值</el-button>
+              @click="ownAliQRCodeRechargeOpen = false; aliQRCodeRechargeOpen = true">支付宝充值</el-button>
           </div>
         </el-col>
         <el-col :span="12">
@@ -297,11 +297,11 @@
       </el-row>
       <el-row style="margin-top: 15px;">
         <el-col :span="24">
-                    <span style="font-weight: bold;font-size: 22px;color: #1a1a1a">
-                        三步完成充值
-                    </span>
+          <span style="font-weight: bold;font-size: 22px;color: #1a1a1a">
+            三步完成充值
+          </span>
           <a style="color: #69b1ff" href="https://render.alipay.com/p/yuyan/180020040000423002/de59b"
-             target="_blank">（查看教程）</a>
+            target="_blank">（查看教程）</a>
         </el-col>
       </el-row>
       <el-row style="margin-top: 15px;">
@@ -321,18 +321,18 @@
                 <span>，否则支付宝无法收到资金</span>
               </div>
               <el-descriptions title="你的企业备付金余额账户" :column="1" :border="true" style="margin-top: 15px"
-                               :label-style="accDetail.label_style" :contentStyle="accDetail.content_style">
+                :label-style="accDetail.label_style" :contentStyle="accDetail.content_style">
                 <el-descriptions-item label="账号">{{ offlineRechargeData.cardNo }}</el-descriptions-item>
                 <el-descriptions-item label="户名">{{ offlineRechargeData.bankAccName
-                  }}</el-descriptions-item>
+                }}</el-descriptions-item>
                 <el-descriptions-item label="银行">{{ offlineRechargeData.cardBank
-                  }}</el-descriptions-item>
+                }}</el-descriptions-item>
                 <el-descriptions-item label="支行">{{ offlineRechargeData.cardBranch
-                  }}</el-descriptions-item>
+                }}</el-descriptions-item>
                 <el-descriptions-item label="开户地">{{ offlineRechargeData.cardLocation
-                  }}</el-descriptions-item>
+                }}</el-descriptions-item>
                 <el-descriptions-item label="联行号">{{ offlineRechargeData.cardDeposit
-                  }}</el-descriptions-item>
+                }}</el-descriptions-item>
               </el-descriptions>
             </el-timeline-item>
             <el-timeline-item>
@@ -343,8 +343,8 @@
           <div style="margin-top: 15px;">
             <span style="font-weight: bold;font-size: 18px">温馨提示：</span>
             <span style="color: gray;font-size: 14px">充值金额
-                            <span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
-                            <span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
+              <span style="color: red;"><strong>分数位为1</strong></span>的（如：10.01，119.31，1235.81等）会
+              <span style="color: red;"><strong>充值到服务费</strong></span>；其它金额会充值到余额；</span>
           </div>
         </el-col>
       </el-row>
@@ -358,8 +358,8 @@
         <qr-code-component :text="qrPayPanel.payUrl" />
       </div>
       <div style="margin-top: 12px;">
-                <span style="font-size: 18px;">2、通过支付宝官网支付，<a :href="qrPayPanel.payUrl" target="_blank"
-                                                                       style="font-size: 20px;color: #409EFF;"><strong>去支付</strong></a>;</span>
+        <span style="font-size: 18px;">2、通过支付宝官网支付，<a :href="qrPayPanel.payUrl" target="_blank"
+            style="font-size: 20px;color: #409EFF;"><strong>去支付</strong></a>;</span>
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="qrPayPanel.open = false">取 消</el-button>
@@ -375,8 +375,8 @@
           </el-select>
         </el-form-item>
         <el-form-item label="时间">
-          <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
-                          type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
+            start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" size="mini" @click="getBillList">搜索</el-button>
@@ -394,42 +394,42 @@
           </template>
         </el-table-column>
         <el-table-column label="收支类型" align="center" prop="tranType">
-          <template slot-scope="scope">
+          <template>
             <el-button type="success" size="mini">收入</el-button>
           </template>
         </el-table-column>
         <el-table-column label="金额" align="center" prop="tranAmount">
           <template slot-scope="scope">
-                        <span style="color: rgb(255, 208, 75)">
-                            + {{ scope.row.tranAmount }}
-                        </span>
+            <span style="color: rgb(255, 208, 75)">
+              + {{ scope.row.tranAmount }}
+            </span>
           </template>
         </el-table-column>
         <el-table-column label="时间" align="center" prop="createTime" width="180" />
       </el-table>
       <el-pagination small layout="prev, pager, next" :total="billTotal" :page.sync="billQuery.pageNum"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" :limit.sync="billQuery.pageSize"
-                     @pagination="getBillList()">
+        @size-change="handleSizeChange" @current-change="handleCurrentChange" :limit.sync="billQuery.pageSize"
+        @pagination="getBillList()">
       </el-pagination>
       <div slot="footer" class="dialog-footer">
         <el-button @click="billPanel = false">关 闭</el-button>
       </div>
     </el-dialog>
 
-<!--    绑定账户 -- 外部-->
+    <!--    绑定账户 -- 外部-->
     <el-dialog title="绑定账户" :visible.sync="bindAcc.panel" width="80%">
-      <tax-sign-component></tax-sign-component>
+      <tax-sign-component @submitSignContract="submitSignContract"></tax-sign-component>
       <div slot="footer" class="dialog-footer">
         <el-button @click="bindAcc.panel = false">关 闭</el-button>
       </div>
     </el-dialog>
 
-<!--    绑定账户 - 自有账户-->
+    <!--    绑定账户 - 自有账户-->
     <el-dialog title="绑定账户" :visible.sync="openSign.panel" width="300">
       <el-form label-width="80px">
         <el-form-item label="账户主体">
           <el-select v-model="openSign.companyId" placeholder="请选择账户对应的企业主体">
-            <el-option v-for="item in openSign.companyList" :label="item.companyName" :value="item.id"/>
+            <el-option v-for="item in openSign.companyList" :key="item.id" :label="item.companyName" :value="item.id" />
           </el-select>
         </el-form-item>
       </el-form>
@@ -446,7 +446,7 @@
       <h3>操作完成后大约5-10分钟</h3>
       <h3>可刷新页面查看结果</h3>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="openSign.codePanel = false">关  闭</el-button>
+        <el-button @click="openSign.codePanel = false">关 闭</el-button>
       </div>
     </el-dialog>
   </div>
@@ -571,6 +571,11 @@ export default {
     }
   },
   methods: {
+    /** 第三方绑定发薪账号-签约成功执行 */
+    submitSignContract() {
+      this.bindAcc.panel = false;
+      this.queryHasNoAccOut()
+    },
     toSign() {
       this.bindAcc.panel = true;
     },
@@ -690,6 +695,7 @@ export default {
     },
     // 获取公司列表方法
     getListAllAccInfoFN() {
+      this.$modal.loading('加载中...')
       listAllAccInfo(this.params).then(res => {
         if (res.code == 200) {
           if (this.params.bindType == 1) {
@@ -698,6 +704,8 @@ export default {
             this.thirdParty = res.data
           }
         }
+      }).finally(() => {
+        this.$modal.closeLoading()
       })
     },
     // 点击去发薪按钮执行
@@ -719,10 +727,13 @@ export default {
       // console.log('payType', this.payType);
     },
     queryHasNoAccOut() {
+      this.$modal.loading('加载中...')
       queryHasNoAccSign().then(resp => {
         if (200 === resp.code) {
           this.signNoAccList = resp.data
         }
+      }).finally(() => {
+        this.$modal.closeLoading()
       })
     },
     viewDetail(card) {

src/views/business/salaryAccount/taxSignComponent.vue

@@ -6,7 +6,8 @@
       </el-form-item>
       <el-form-item label="签约状态" prop="signStatus">
         <el-select v-model="queryParams.signStatus" placeholder="请选择签约状态" clearable @change="handleQuery">
-          <el-option v-for="dict in dict.type.tax_labor_sign_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+          <el-option v-for="dict in dict.type.tax_labor_sign_status" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -16,36 +17,31 @@
     </el-form>
 
     <el-table v-loading="loading" :data="unitInfoList">
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="代发企业" align="center" prop="unitName" fixed/>
-      <el-table-column label="机构代码" align="center" prop="unitCode" fixed/>
-      <el-table-column label="所属地址" align="center" prop="address"/>
-      <el-table-column label="所属行业" align="center" prop="sectorDictDataVal"/>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="代发企业" align="center" prop="unitName" fixed />
+      <el-table-column label="机构代码" align="center" prop="unitCode" fixed />
+      <el-table-column label="所属地址" align="center" prop="address" />
+      <el-table-column label="所属行业" align="center" prop="sectorDictDataVal" />
       <el-table-column label="可开票类型" align="center" prop="invoiceTypes">
         <template slot-scope="scope">
-          <dict-tag style="margin-top: 3px" v-for="(item, index) in scope.row.invoiceTypes.split(',')"
-                    :options="dict.type.tax_invoice_type" :value="item"
-          />
+          <dict-tag style="margin-top: 3px" v-for="(item, index) in scope.row.invoiceTypes.split(',')" :key="index"
+            :options="dict.type.tax_invoice_type" :value="item" />
         </template>
       </el-table-column>
-      <el-table-column label="月开票额度" align="center" prop="invoiceLimit"/>
-      <el-table-column label="联系人" align="center" prop="legalPersonName"/>
-      <el-table-column label="联系电话" align="center" prop="legalPersonMobile"/>
+      <el-table-column label="月开票额度" align="center" prop="invoiceLimit" />
+      <el-table-column label="联系人" align="center" prop="legalPersonName" />
+      <el-table-column label="联系电话" align="center" prop="legalPersonMobile" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="toSign(scope.row)"
-            v-hasPermi="['business:laborSign:add']"
-          >签约
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="toSign(scope.row)"
+            v-hasPermi="['business:laborSign:add']">签约
           </el-button>
         </template>
       </el-table-column>
     </el-table>
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-                @pagination="getList" />
+      @pagination="getList" />
+
     <!-- 签约申请 -->
     <el-dialog title="签约申请" :visible.sync="signPanel" width="500px" append-to-body>
       <el-form ref="signForm" :model="signForm" :rules="signFormRules" label-width="80px">
@@ -54,8 +50,7 @@
         </el-form-item>
         <el-form-item label="签约主体" prop="inviterName">
           <el-select v-model="signForm.inviterId" clearable placeholder="请选择发薪主体">
-            <el-option v-for="item in payerCompanyArr" :key="item.id" :label="item.companyName"
-                       :value="item.id">
+            <el-option v-for="item in payerCompanyArr" :key="item.id" :label="item.companyName" :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
@@ -65,6 +60,16 @@
         <el-button @click="signPanel = false">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 点击签约后查看合同 -->
+    <el-dialog title="签约合同" :visible.sync="signContractPanelVisible" append-to-body width="45%" center>
+      <iframe
+        src="http://admin.xinruit.com/stage-api/profile/upload/2025/04/17/2c90b129-f55c-48a7-9e13-86b48b3354ab.pdf"
+        frameborder="0" style="width: 100%;height:500px"></iframe>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="signContractPaneSubmit">确 定</el-button>
+        <el-button @click="signContractPanelCancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -107,7 +112,10 @@ export default {
         inviterId: [
           { required: true, message: "签约主体不能为空", trigger: "blur" }
         ],
-      }
+      },
+      /**查看签约合同参数 */
+      signContractPanelVisible: false,
+      toSignData: {}
     };
   },
   created() {
@@ -150,18 +158,28 @@ export default {
         this.signForm.taxUnitId = row.id
         this.signForm.taxUnitName = row.unitName
         this.signPanel = true
-      }).catch(() => {});
+      }).catch(() => { });
     },
-    submitSignForm() {
+    signContractPaneSubmit() {
       addLaborSign(this.signForm).then(resp => {
         if (200 === resp.code) {
           this.$modal.msgSuccess("操作成功！");
-          this.getList()
+          this.signContractPanelVisible = false;
+          this.signPanel = false
+          this.$emit('submitSignContract')
         }
-      }).finally(() => {
+      }).catch(() => {
+        this.signContractPanelVisible = false;
         this.signPanel = false
       })
+    },
+
+    signContractPanelCancel() {
+      this.signContractPanelVisible = false;
+    },
+    submitSignForm() {
+      this.signContractPanelVisible = true
     }
-  }
+  },
 };
 </script>

src/views/business/taxUnit/signList.vue

@@ -2,24 +2,16 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
       <el-form-item label="企业名称" prop="inviterName">
-        <el-input
-          v-model="queryParams.inviterName"
-          placeholder="请输入合作企业名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.inviterName" placeholder="请输入合作企业名称" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="代发企业" prop="taxUnitName">
-        <el-input
-          v-model="queryParams.taxUnitName"
-          placeholder="请输入信用代码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.taxUnitName" placeholder="请输入信用代码" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="签约状态" prop="signStatus">
         <el-select v-model="queryParams.signStatus" placeholder="请选择签约状态" clearable @change="handleQuery">
-          <el-option v-for="dict in dict.type.tax_labor_sign_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+          <el-option v-for="dict in dict.type.tax_labor_sign_status" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -30,16 +22,16 @@
 
     <el-table v-loading="loading" :data="tableData">
       <el-table-column label="签约企业" align="center">
-        <el-table-column label="企业名称" align="center" prop="inviterName" fixed/>
-        <el-table-column label="机构代码" align="center" prop="inviterCode" fixed/>
-        <el-table-column label="联系人" align="center" prop="inviterUserName"/>
-        <el-table-column label="联系电话" align="center" prop="inviterUserMobile"/>
+        <el-table-column label="企业名称" align="center" prop="inviterName" fixed />
+        <el-table-column label="机构代码" align="center" prop="inviterCode" fixed />
+        <el-table-column label="联系人" align="center" prop="inviterUserName" />
+        <el-table-column label="联系电话" align="center" prop="inviterUserMobile" />
       </el-table-column>
       <el-table-column label="代发企业" align="center">
-        <el-table-column label="企业名称" align="center" prop="taxUnitName"/>
-        <el-table-column label="机构代码" align="center" prop="taxUnitCode"/>
-        <el-table-column label="联系人" align="center" prop="taxUnitUserName"/>
-        <el-table-column label="联系电话" align="center" prop="taxUnitUserMobile"/>
+        <el-table-column label="企业名称" align="center" prop="taxUnitName" />
+        <el-table-column label="机构代码" align="center" prop="taxUnitCode" />
+        <el-table-column label="联系人" align="center" prop="taxUnitUserName" />
+        <el-table-column label="联系电话" align="center" prop="taxUnitUserMobile" />
       </el-table-column>
       <el-table-column label="签约状态" align="center" prop="signStatus">
         <template slot-scope="scope">
@@ -48,35 +40,28 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="doAgree(scope.row)"
-            v-if="scope.row.signStatus && 1 === scope.row.signStatus"
-            v-hasPermi="['business:laborSign:add']"
-          >签约合约
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="doAgree(scope.row)"
+            v-if="scope.row.signStatus && 1 === scope.row.signStatus" v-hasPermi="['business:laborSign:add']">签约合约
           </el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-lollipop"
-            @click="givePayAcc(scope.row)"
+          <el-button size="mini" type="text" icon="el-icon-lollipop" @click="givePayAcc(scope.row)"
             v-if="scope.row.signStatus && 2 === scope.row.signStatus && !scope.row.payAccNo"
-            v-hasPermi="['business:unitInfo:add']"
-          >分配账户
+            v-hasPermi="['business:unitInfo:add']">分配账户
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <!-- 点击签约后查看合同 -->
+    <el-dialog title="签约合同" :visible.sync="doAgreePanelVisible" width="58%" center>
+      <iframe
+        src="http://admin.xinruit.com/stage-api/profile/upload/2025/04/17/2c90b129-f55c-48a7-9e13-86b48b3354ab.pdf"
+        frameborder="0" style="width: 100%;height:600px"></iframe>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="doAgreePanelSubmit">确 定</el-button>
+        <el-button @click="doAgreePanelCancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
   </div>
 </template>
 
@@ -102,8 +87,13 @@ export default {
         pageNum: 1,
         pageSize: 10,
         inviterName: null,
-        taxUnitName: null
-      }
+        taxUnitName: null,
+
+      },
+      /** 合同查看弹窗 */
+      doAgreeData: {},
+      /** 合同查看弹窗 */
+      doAgreePanelVisible: false,
     }
   },
   created() {
@@ -136,18 +126,26 @@ export default {
       }, `unitInfo_${new Date().getTime()}.xlsx`)
     },
     doAgree(row) {
-      this.$confirm(`确认签订与${row.inviterName}的合约吗？`, '操作提示', {
+      this.doAgreeData = row
+      this.doAgreePanelVisible = true
+    },
+    doAgreePanelSubmit() {
+      this.$confirm(`确认签订与${doAgreeData.inviterName}的合约吗？`, '操作提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        agreeSign(row.id).then(resp => {
+        agreeSign(doAgreeData.id).then(resp => {
           if (200 === resp.code) {
             this.$modal.msgSuccess("操作成功")
+            this.doAgreePanelVisible = false
             this.getList()
           }
         })
-      }).catch(() => {});
+      }).catch(() => { });
+    },
+    doAgreePanelCancel() {
+      this.doAgreePanelVisible = false
     },
     givePayAcc(row) {
       this.$confirm(`确认给[${row.inviterName}]分配付款专户吗？`, '操作提示', {
@@ -173,7 +171,7 @@ export default {
             }
           }
         })
-      }).catch(() => {});
+      }).catch(() => { });
     }
   }
 }