From 864b4a4f3d759a55a09093aa45b8a4e9ac830196 Mon Sep 17 00:00:00 2001
From: xzt <1113240624@qq.com>
Date: Tue, 14 May 2024 17:24:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/securityDeposit/index.vue  |  173 ++-
 .../contract/options/QualityBond.vue          | 1104 +---------------
 .../contract/options/performanceBond.vue      | 1105 +----------------
 .../options/marginAccount.vue                 | 1090 +---------------
 4 files changed, 154 insertions(+), 3318 deletions(-)

diff --git a/jwtech-admin-page/src/components/securityDeposit/index.vue b/jwtech-admin-page/src/components/securityDeposit/index.vue
index 1fff33d9..b763afe2 100644
--- a/jwtech-admin-page/src/components/securityDeposit/index.vue
+++ b/jwtech-admin-page/src/components/securityDeposit/index.vue
@@ -63,7 +63,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="[`system:${type}:add`]"
+          v-hasPermi="[`bzj:${type}:add`]"
           >新增</el-button
         >
       </el-col>
@@ -74,7 +74,7 @@
           size="mini"
           :disabled="single"
           @click="handleUpdate"
-          v-hasPermi="[`system:${type}:edit`]"
+          v-hasPermi="[`bzj:${type}:edit`]"
           >修改</el-button
         >
       </el-col>
@@ -85,7 +85,7 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="[`system:${type}:remove`]"
+          v-hasPermi="[`bzj:${type}:remove`]"
           >删除</el-button
         >
       </el-col>
@@ -129,12 +129,7 @@
         min-width="180"
       >
         <template slot-scope="scope">
-          {{
-            scope.row.depositAmount +
-            scope.row.bankGuaranteeLetterAmount +
-            scope.row.guaranteeCompanyAmount +
-            scope.row.insuranceAmount
-          }}
+          {{ getAmount(scope.row) }}
         </template>
       </el-table-column>
 
@@ -151,7 +146,7 @@
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="[`system:${type}:edit`]"
+            v-hasPermi="[`bzj:${type}:edit`]"
             >修改</el-button
           >
           <el-button
@@ -159,7 +154,7 @@
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="[`system:${type}:remove`]"
+            v-hasPermi="[`bzj:${type}:remove`]"
             >删除</el-button
           >
         </template>
@@ -496,7 +491,14 @@
 <script>
 export default {
   name: "Bzj",
-  props: ["proNo", "projectCode", "projectName", "formMethods", "type"],
+  props: [
+    "proNo",
+    "projectCode",
+    "projectName",
+    "formMethods",
+    "contractNumber",
+    "type",
+  ],
   data() {
     return {
       // 遮罩层
@@ -523,30 +525,31 @@ export default {
         pageSize: 10,
         ids: null,
         data: {
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
           depositMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
           guaranteeBankName: null,
+          depositAmount: null,
+          depositAmountDate: null,
+          depositBank: null,
+          depositBankNumber: null,
+          accountBankAddress: null,
+          voucherNumber: null,
           bankGuaranteeLetterNo: null,
           bankGuaranteeLetterAmount: null,
           bankGuaranteeStartYear: null,
           bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
           insuranceCompanyName: null,
           insuranceNo: null,
           insuranceAmount: null,
           insuranceStartTime: null,
           insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
+
+          payAmountInsurance: null,
+          payAmountInsuranceTime: null,
+          guaranteeCompanyName: null,
+          guaranteeCompanyLetterNo: null,
+          guaranteeCompanyAmount: null,
+          guaranteeCompanyStartYear: null,
+          guaranteeCompanyEndYear: null,
           createUid: null,
           updateUid: null,
           projectCode: null,
@@ -596,6 +599,11 @@ export default {
         ],
 
         depositAmount: [
+          {
+            required: true,
+            message: "请输入缴存金额",
+            trigger: "blur",
+          },
           {
             pattern:
               /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
@@ -627,7 +635,11 @@ export default {
           { max: 250, message: "字符长度最大为250", trigger: "blur" },
         ],
         bankGuaranteeLetterAmount: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+          {
+            required: true,
+            message: "请输入银行保函金额",
+            trigger: "blur",
+          },
           {
             pattern:
               /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
@@ -644,7 +656,11 @@ export default {
           { max: 250, message: "字符长度最大为250", trigger: "blur" },
         ],
         insuranceAmount: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+          {
+            required: true,
+            message: "请输入保险金额",
+            trigger: "blur",
+          },
           {
             pattern:
               /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
@@ -671,7 +687,11 @@ export default {
           { max: 250, message: "字符长度最大为250", trigger: "blur" },
         ],
         guaranteeCompanyAmount: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+          {
+            required: true,
+            message: "请输入担保公司担保金额",
+            trigger: "blur",
+          },
           {
             pattern:
               /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
@@ -709,6 +729,22 @@ export default {
     });
   },
   methods: {
+    getAmount(row) {
+      let res = 0;
+      if (row.depositAmount) {
+        res = res + Number(row.depositAmount);
+      }
+      if (row.bankGuaranteeLetterAmount) {
+        res = res + Number(row.bankGuaranteeLetterAmount);
+      }
+      if (row.guaranteeCompanyAmount) {
+        res = res + Number(row.guaranteeCompanyAmount);
+      }
+      if (row.insuranceAmount) {
+        res = res + Number(row.insuranceAmount);
+      }
+      return res.toFixed(2);
+    },
     /** 查询投标保证金列表 */
     getList() {
       this.loading = true;
@@ -738,40 +774,38 @@ export default {
     },
     // 表单重置
     reset() {
+      this.fileList = [];
       this.form = {
         id: null,
-        differentiatedDepositAmount: null,
-        amountPayable: null,
-        paidAmount: null,
         depositMethods: null,
-        depositBankSalaryDeposit: null,
-        salaryDepositBankAccount: null,
-        cashAmount: null,
         guaranteeBankName: null,
+        depositAmount: null,
+        depositAmountDate: null,
+        depositBank: null,
+        depositBankNumber: null,
+        accountBankAddress: null,
+        voucherNumber: null,
         bankGuaranteeLetterNo: null,
         bankGuaranteeLetterAmount: null,
         bankGuaranteeStartYear: null,
         bankGuaranteeEndYear: null,
-        guaranteeCompanyName: null,
-        guaranteeCompanyLetterNo: null,
-        guaranteeCompanyAmount: null,
-        guaranteeCompanyStartYear: null,
-        guaranteeCompanyEndYear: null,
         insuranceCompanyName: null,
         insuranceNo: null,
         insuranceAmount: null,
         insuranceStartTime: null,
         insuranceEndTime: null,
-        otherAmount: null,
-        incomeTime: null,
+        payAmountInsurance: null,
+        payAmountInsuranceTime: null,
+        guaranteeCompanyName: null,
+        guaranteeCompanyLetterNo: null,
+        guaranteeCompanyAmount: null,
+        guaranteeCompanyStartYear: null,
+        guaranteeCompanyEndYear: null,
         createUid: null,
         updateUid: null,
-        createTime: null,
-        updateTime: null,
         projectCode: null,
         proNo: null,
         owerDept: null,
-        remark: null,
       };
       this.resetForm("form");
     },
@@ -782,38 +816,35 @@ export default {
         pageSize: 10,
         data: {
           id: null,
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
           depositMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
           guaranteeBankName: null,
+          depositAmount: null,
+          depositAmountDate: null,
+          depositBank: null,
+          depositBankNumber: null,
+          accountBankAddress: null,
+          voucherNumber: null,
           bankGuaranteeLetterNo: null,
           bankGuaranteeLetterAmount: null,
           bankGuaranteeStartYear: null,
           bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
           insuranceCompanyName: null,
           insuranceNo: null,
           insuranceAmount: null,
           insuranceStartTime: null,
           insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
+          payAmountInsurance: null,
+          payAmountInsuranceTime: null,
+          guaranteeCompanyName: null,
+          guaranteeCompanyLetterNo: null,
+          guaranteeCompanyAmount: null,
+          guaranteeCompanyStartYear: null,
+          guaranteeCompanyEndYear: null,
           createUid: null,
           updateUid: null,
-          createTime: null,
-          updateTime: null,
           projectCode: null,
           proNo: null,
           owerDept: null,
-          remark: null,
         },
         conditionViews: [
           {
@@ -889,8 +920,13 @@ export default {
               }
             });
           } else {
-            this.form.proNo = this.proNo;
-            this.form.projectCode = this.projectCode;
+            if (this.type === "tbbzj" || this.type === "nmgbzj") {
+              this.form.proNo = this.proNo;
+              this.form.projectCode = this.projectCode;
+            } else if (this.type === "zlbzj" || this.type === "lybzj") {
+              this.form.contractNumber = this.contractNumber;
+              console.log(777777, this.contractNumber);
+            }
             this.formMethods.add(this.form).then((response) => {
               if (response.code === 200) {
                 this.msgSuccess("新增成功");
@@ -911,7 +947,7 @@ export default {
           cancelButtonText: "取消",
           type: "warning",
         })
-          .then(function () {
+          .then(() => {
             return this.formMethods.del(ids);
           })
           .then(() => {
@@ -950,9 +986,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "@/assets/css/dialog.scss";
-//::v-deep {
-//   .el-dialog {
-//       margin-top: 10vh !important;
-//    }
-//}
+::v-deep {
+  .el-dialog {
+    margin-top: 10vh !important;
+    // min-height: 800px;
+  }
+}
 </style>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/QualityBond.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/QualityBond.vue
index cd7a9360..c49f5506 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/QualityBond.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/QualityBond.vue
@@ -1,646 +1,14 @@
 <template>
   <div class="app-container" style="background: #fff">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      :inline="true"
-      v-show="showSearch"
-    >
-      <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-        <el-select
-          v-model="queryParams.conditionViews[0].value"
-          placeholder="请选择缴纳方式"
-          clearable
-          size="small"
-          @change="handleQuery"
-        >
-          <el-option
-            v-for="dict in incomeExpenditureMethodsOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="工资保证金开户银行"
-        prop="depositBankSalaryDeposit"
-        label-width="152px"
-      >
-        <el-input
-          v-model="queryParams.conditionViews[1].value"
-          placeholder="请输入工资保证金开户银行"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        >
-          <template slot="append">
-            <el-button
-              type="primary"
-              slot="append"
-              icon="el-icon-search"
-              size="small"
-              @click="handleQuery"
-            ></el-button>
-          </template>
-        </el-input>
-      </el-form-item>
-
-      <el-form-item>
-        <!-- <el-button
-          type="cyan"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        > -->
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['build:zlbzj:add']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['build:zlbzj:edit']"
-          >修改</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['build:zlbzj:remove']"
-          >删除</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <el-table
-      v-loading="loading"
-      :data="tbbzjList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" fixed />
-      <el-table-column
-        label="序号"
-        type="index"
-        width="50"
-        align="center"
-        fixed
-      />
-
-      <el-table-column
-        label="差异化缴存金额（万元）"
-        align="center"
-        prop="differentiatedDepositAmount"
-        min-width="164"
-      />
-      <el-table-column
-        label="应缴金额（万元）"
-        align="center"
-        prop="amountPayable"
-        min-width="124"
-      />
-      <el-table-column
-        label="已缴纳金额（万元）"
-        align="center"
-        prop="paidAmount"
-        min-width="138"
-      />
-      <el-table-column
-        label="缴纳方式"
-        align="center"
-        prop="incomeExpenditureMethods"
-        :formatter="incomeExpenditureMethodsFormat"
-        min-width="120"
-      />
-      <el-table-column
-        label="工资保证金开户银行"
-        align="center"
-        prop="depositBankSalaryDeposit"
-        min-width="150"
-      />
-      <el-table-column
-        label="工资保证金银行账户"
-        align="center"
-        prop="salaryDepositBankAccount"
-        min-width="150"
-      />
-      <!-- <el-table-column
-        label="现金金额（万元）"
-        align="center"
-        prop="cashAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="担保银行名称"
-        align="center"
-        prop="guaranteeBankName"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函函号"
-        align="center"
-        prop="bankGuaranteeLetterNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函担保金额（万元）"
-        align="center"
-        prop="bankGuaranteeLetterAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="银行保函有效期起始日期"
-        align="center"
-        prop="bankGuaranteeStartYear"
-        min-width="166"
-      />
-      <el-table-column
-        label="终止日期"
-        align="center"
-        prop="bankGuaranteeEndYear"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司名称"
-        align="center"
-        prop="guaranteeCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司保函函号"
-        align="center"
-        prop="guaranteeCompanyLetterNo"
-        min-width="166"
-      />
-      <el-table-column
-        label="担保公司担保金额（万元）"
-        align="center"
-        prop="guaranteeCompanyAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="担保公司保函有效期起始日期"
-        align="center"
-        prop="guaranteeCompanyStartYear"
-        min-width="190"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.guaranteeCompanyStartYear, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="担保公司终止日期"
-        align="center"
-        prop="guaranteeCompanyEndYear"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险公司名称"
-        align="center"
-        prop="insuranceCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险单号"
-        align="center"
-        prop="insuranceNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险金额（万元）"
-        align="center"
-        prop="insuranceAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险有效期起始日期"
-        align="center"
-        prop="insuranceStartTime"
-        min-width="150"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceStartTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="保险终止日期"
-        align="center"
-        prop="insuranceEndTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceEndTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="其他金额（万元）"
-        align="center"
-        prop="otherAmount"
-        min-width="124"
-      /> -->
-      <el-table-column
-        label="缴纳时间"
-        align="center"
-        prop="incomeTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.incomeTime, "{y}-{m}-{d}") }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="180"
-        fixed="right"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['build:zlbzj:edit']"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['build:zlbzj:remove']"
-            >删除</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"
+    <securityDeposit
+      :formMethods="formMethods"
+      :contractNumber="contractNumber"
+      :type="'zlbzj'"
     />
-
-    <!-- 添加或修改质量保证金对话框 -->
-    <el-dialog
-      :title="title"
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      :close-on-click-modal="false"
-    >
-      <el-row :gutter="15">
-        <el-form ref="form" :model="form" :rules="rules" label-width="210px">
-          <!-- ==============共有============= -->
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-                <el-select
-                  v-model="form.incomeExpenditureMethods"
-                  placeholder="请选择缴纳方式"
-                  style="width: 100%"
-                  multiple
-                  clearable
-                >
-                  <el-option
-                    v-for="dict in incomeExpenditureMethodsOptions"
-                    :key="dict.dictValue"
-                    :label="dict.dictLabel"
-                    :value="dict.dictValue"
-                  ></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="差异化缴存金额"
-                prop="differentiatedDepositAmount"
-              >
-                <el-input
-                  v-model="form.differentiatedDepositAmount"
-                  placeholder="请输入差异化缴存金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="应缴金额" prop="amountPayable">
-                <el-input
-                  v-model="form.amountPayable"
-                  placeholder="请输入应缴金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="已缴纳金额" prop="paidAmount">
-                <el-input
-                  v-model="form.paidAmount"
-                  placeholder="请输入已缴纳金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金开户银行"
-              prop="depositBankSalaryDeposit"
-            >
-              <el-input
-                v-model="form.depositBankSalaryDeposit"
-                placeholder="请输入工资保证金开户银行"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金银行账户"
-              prop="salaryDepositBankAccount"
-            >
-              <el-input
-                v-model="form.salaryDepositBankAccount"
-                placeholder="请输入工资保证金银行账户"
-              />
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========不共有============== -->
-          <el-col :span="12" v-if="hasOne">
-            <el-form-item label="现金金额" prop="cashAmount">
-              <el-input v-model="form.cashAmount" placeholder="请输入现金金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="担保银行名称" prop="guaranteeBankName">
-              <el-input
-                v-model="form.guaranteeBankName"
-                placeholder="请输入担保银行名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="银行保函函号" prop="bankGuaranteeLetterNo">
-              <el-input
-                v-model="form.bankGuaranteeLetterNo"
-                placeholder="请输入银行保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函担保金额"
-              prop="bankGuaranteeLetterAmount"
-            >
-              <el-input
-                v-model="form.bankGuaranteeLetterAmount"
-                placeholder="请输入银行保函担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函有效期起始日期"
-              prop="bankGuaranteeStartYear"
-            >
-              <!-- <el-input
-                v-model="form.bankGuaranteeStartYear"
-                placeholder="请输入银行保函有效期起始日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择银行保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="终止日期" prop="bankGuaranteeEndYear">
-              <!-- <el-input
-                v-model="form.bankGuaranteeEndYear"
-                placeholder="请输入终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="担保公司名称" prop="guaranteeCompanyName">
-              <el-input
-                v-model="form.guaranteeCompanyName"
-                placeholder="请输入担保公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函函号"
-              prop="guaranteeCompanyLetterNo"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyLetterNo"
-                placeholder="请输入担保公司保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司担保金额"
-              prop="guaranteeCompanyAmount"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyAmount"
-                placeholder="请输入担保公司担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函有效期起始日期"
-              prop="guaranteeCompanyStartYear"
-            >
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司终止日期"
-              prop="guaranteeCompanyEndYear"
-            >
-              <!-- <el-input
-                v-model="form.guaranteeCompanyEndYear"
-                placeholder="请输入担保公司终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险公司名称" prop="insuranceCompanyName">
-              <el-input
-                v-model="form.insuranceCompanyName"
-                placeholder="请输入保险公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险单号" prop="insuranceNo">
-              <el-input
-                v-model="form.insuranceNo"
-                placeholder="请输入保险单号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险金额" prop="insuranceAmount">
-              <el-input
-                v-model="form.insuranceAmount"
-                placeholder="请输入保险金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险有效期起始日期" prop="insuranceStartTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceStartTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险终止日期" prop="insuranceEndTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceEndTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========共有============== -->
-          <el-col :span="12">
-            <el-form-item label="其他金额" prop="otherAmount">
-              <el-input v-model="form.otherAmount" placeholder="请输入其他金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="缴纳时间" prop="incomeTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.incomeTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择缴纳时间"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
-
 <script>
+import securityDeposit from "@/components/securityDeposit/index";
 import {
   listZlbzj,
   getZlbzj,
@@ -653,218 +21,21 @@ import {
 export default {
   name: "zlbzj",
   props: ["contractNumber"],
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 质量保证金表格数据
-      tbbzjList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        ids: null,
-        data: {
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          projectCode: null,
-          proNo: null,
-          owerDept: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        incomeExpenditureMethods: [
-          {
-            required: true,
-            message: "请选择缴纳方式",
-            trigger: "blur",
-          },
-        ],
-        depositBankSalaryDeposit: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        salaryDepositBankAccount: [
-          {
-            required: true,
-            message: "请输入工资保证金银行账户",
-            trigger: "blur",
-          },
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeBankName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        bankGuaranteeLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-
-        insuranceCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        insuranceNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        differentiatedDepositAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        amountPayable: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        paidAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        cashAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        bankGuaranteeLetterAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        guaranteeCompanyAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        insuranceAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        otherAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        incomeTime: [
-          {
-            required: true,
-            message: "请选择缴纳时间",
-            trigger: "blur",
-          },
-        ],
-      },
-      // 缴纳方式字典
-      incomeExpenditureMethodsOptions: [],
-    };
+  components: {
+    securityDeposit,
   },
   computed: {
-    hasOne() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 0);
-    },
-    hasTwo() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 1);
-    },
-    hasThree() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 2);
+    formMethods() {
+      return {
+        list: listZlbzj,
+        get: getZlbzj,
+        del: delZlbzj,
+        add: addZlbzj,
+        update: updateZlbzj,
+        export: exportZlbzj,
+      };
     },
   },
-  created() {
-    this.getList();
-    this.getDicts("income_methods").then((response) => {
-      this.incomeExpenditureMethodsOptions = response.data;
-    });
-  },
   // 父组件  利用axios请求得到的值  传送到子组件，要监听，否则初始渲染时为空
   watch: {
     contractNumber: function (n, o) {
@@ -873,248 +44,5 @@ export default {
       this.getList();
     },
   },
-  methods: {
-    /** 查询质量保证金列表 */
-    getList() {
-      this.loading = true;
-      if (this.$route.query.baseDataId) {
-        this.queryParams.data.contractNumber = this.contractNumber;
-      }
-      listZlbzj(this.queryParams).then((response) => {
-        this.tbbzjList = response.records;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 缴纳方式字典翻译
-    incomeExpenditureMethodsFormat(row, column) {
-      if (row.incomeExpenditureMethods?.length > 0) {
-        let res = "";
-        row.incomeExpenditureMethods.forEach((item) => {
-          res =
-            res +
-            "、" +
-            this.selectDictLabel(this.incomeExpenditureMethodsOptions, item);
-        });
-        return res.substr(1);
-      }
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        differentiatedDepositAmount: null,
-        amountPayable: null,
-        paidAmount: null,
-        incomeExpenditureMethods: null,
-        depositBankSalaryDeposit: null,
-        salaryDepositBankAccount: null,
-        cashAmount: null,
-        guaranteeBankName: null,
-        bankGuaranteeLetterNo: null,
-        bankGuaranteeLetterAmount: null,
-        bankGuaranteeStartYear: null,
-        bankGuaranteeEndYear: null,
-        guaranteeCompanyName: null,
-        guaranteeCompanyLetterNo: null,
-        guaranteeCompanyAmount: null,
-        guaranteeCompanyStartYear: null,
-        guaranteeCompanyEndYear: null,
-        insuranceCompanyName: null,
-        insuranceNo: null,
-        insuranceAmount: null,
-        insuranceStartTime: null,
-        insuranceEndTime: null,
-        otherAmount: null,
-        incomeTime: null,
-        createUid: null,
-        updateUid: null,
-        createTime: null,
-        updateTime: null,
-        projectCode: null,
-        proNo: null,
-        owerDept: null,
-        remark: null,
-      };
-      this.resetForm("form");
-    },
-    // 查询表单重置
-    resetQueryForm() {
-      this.queryParams = {
-        pageNum: 1,
-        pageSize: 10,
-        data: {
-          id: null,
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          createTime: null,
-          updateTime: null,
-          projectCode: null,
-          proNo: null,
-          owerDept: null,
-          remark: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetQueryForm();
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加质量保证金";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getZlbzj(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改质量保证金";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateZlbzj(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          } else {
-            this.form.contractNumber = this.contractNumber;
-            addZlbzj(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      if (ids) {
-        this.$confirm("是否删除选中的数据？", "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-          .then(function () {
-            return delZlbzj(ids);
-          })
-          .then(() => {
-            this.getList();
-            this.msgSuccess("删除成功");
-          })
-          .catch(function () {});
-      } else {
-        this.$message.warning("请选择要删除的数据！！");
-      }
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      let message = "是否确认导出所有的数据项?";
-      if (this.ids) {
-        message = "是否确认导出选中的数据项?";
-        queryParams.ids = this.ids;
-      }
-      this.$confirm(message, "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
-          return exportZlbzj(queryParams);
-        })
-        .then((response) => {
-          this.downloadFile(response, true, response.msg);
-          // this.download(response.msg);
-        })
-        .catch(function () {});
-    },
-  },
 };
 </script>
-<style lang="scss" scoped>
-@import "@/assets/css/dialog.scss";
-//::v-deep {
-//   .el-dialog {
-//       margin-top: 10vh !important;
-//    }
-//}
-</style>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/performanceBond.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/performanceBond.vue
index 82a13fb4..a28f3597 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/performanceBond.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/contract/options/performanceBond.vue
@@ -1,646 +1,15 @@
 <template>
   <div class="app-container" style="background: #fff">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      :inline="true"
-      v-show="showSearch"
-    >
-      <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-        <el-select
-          v-model="queryParams.conditionViews[0].value"
-          placeholder="请选择缴纳方式"
-          clearable
-          size="small"
-          @change="handleQuery"
-        >
-          <el-option
-            v-for="dict in incomeExpenditureMethodsOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="工资保证金开户银行"
-        prop="depositBankSalaryDeposit"
-        label-width="152px"
-      >
-        <el-input
-          v-model="queryParams.conditionViews[1].value"
-          placeholder="请输入工资保证金开户银行"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        >
-          <template slot="append">
-            <el-button
-              type="primary"
-              slot="append"
-              icon="el-icon-search"
-              size="small"
-              @click="handleQuery"
-            ></el-button>
-          </template>
-        </el-input>
-      </el-form-item>
-
-      <el-form-item>
-        <!-- <el-button
-          type="cyan"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        > -->
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['build:lybzj:add']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['build:lybzj:edit']"
-          >修改</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['build:lybzj:remove']"
-          >删除</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <el-table
-      v-loading="loading"
-      :data="tbbzjList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" fixed />
-      <el-table-column
-        label="序号"
-        type="index"
-        width="50"
-        align="center"
-        fixed
-      />
-
-      <el-table-column
-        label="差异化缴存金额（万元）"
-        align="center"
-        prop="differentiatedDepositAmount"
-        min-width="164"
-      />
-      <el-table-column
-        label="应缴金额（万元）"
-        align="center"
-        prop="amountPayable"
-        min-width="124"
-      />
-      <el-table-column
-        label="已缴纳金额（万元）"
-        align="center"
-        prop="paidAmount"
-        min-width="138"
-      />
-      <el-table-column
-        label="缴纳方式"
-        align="center"
-        prop="incomeExpenditureMethods"
-        :formatter="incomeExpenditureMethodsFormat"
-        min-width="120"
-      />
-      <el-table-column
-        label="工资保证金开户银行"
-        align="center"
-        prop="depositBankSalaryDeposit"
-        min-width="150"
-      />
-      <el-table-column
-        label="工资保证金银行账户"
-        align="center"
-        prop="salaryDepositBankAccount"
-        min-width="150"
-      />
-      <!-- <el-table-column
-        label="现金金额（万元）"
-        align="center"
-        prop="cashAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="担保银行名称"
-        align="center"
-        prop="guaranteeBankName"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函函号"
-        align="center"
-        prop="bankGuaranteeLetterNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函担保金额（万元）"
-        align="center"
-        prop="bankGuaranteeLetterAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="银行保函有效期起始日期"
-        align="center"
-        prop="bankGuaranteeStartYear"
-        min-width="166"
-      />
-      <el-table-column
-        label="终止日期"
-        align="center"
-        prop="bankGuaranteeEndYear"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司名称"
-        align="center"
-        prop="guaranteeCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司保函函号"
-        align="center"
-        prop="guaranteeCompanyLetterNo"
-        min-width="166"
-      />
-      <el-table-column
-        label="担保公司担保金额（万元）"
-        align="center"
-        prop="guaranteeCompanyAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="担保公司保函有效期起始日期"
-        align="center"
-        prop="guaranteeCompanyStartYear"
-        min-width="190"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.guaranteeCompanyStartYear, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="担保公司终止日期"
-        align="center"
-        prop="guaranteeCompanyEndYear"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险公司名称"
-        align="center"
-        prop="insuranceCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险单号"
-        align="center"
-        prop="insuranceNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险金额（万元）"
-        align="center"
-        prop="insuranceAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险有效期起始日期"
-        align="center"
-        prop="insuranceStartTime"
-        min-width="150"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceStartTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="保险终止日期"
-        align="center"
-        prop="insuranceEndTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceEndTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="其他金额（万元）"
-        align="center"
-        prop="otherAmount"
-        min-width="124"
-      /> -->
-      <el-table-column
-        label="缴纳时间"
-        align="center"
-        prop="incomeTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.incomeTime, "{y}-{m}-{d}") }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="180"
-        fixed="right"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['build:lybzj:edit']"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['build:lybzj:remove']"
-            >删除</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"
+    <securityDeposit
+      :formMethods="formMethods"
+      :contractNumber="contractNumber"
+      :type="'lybzj'"
     />
-
-    <!-- 添加或修改履约保证金对话框 -->
-    <el-dialog
-      :title="title"
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      :close-on-click-modal="false"
-    >
-      <el-row :gutter="15">
-        <el-form ref="form" :model="form" :rules="rules" label-width="210px">
-          <!-- ==============共有============= -->
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-                <el-select
-                  v-model="form.incomeExpenditureMethods"
-                  placeholder="请选择缴纳方式"
-                  style="width: 100%"
-                  multiple
-                  clearable
-                >
-                  <el-option
-                    v-for="dict in incomeExpenditureMethodsOptions"
-                    :key="dict.dictValue"
-                    :label="dict.dictLabel"
-                    :value="dict.dictValue"
-                  ></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="差异化缴存金额"
-                prop="differentiatedDepositAmount"
-              >
-                <el-input
-                  v-model="form.differentiatedDepositAmount"
-                  placeholder="请输入差异化缴存金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="应缴金额" prop="amountPayable">
-                <el-input
-                  v-model="form.amountPayable"
-                  placeholder="请输入应缴金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="已缴纳金额" prop="paidAmount">
-                <el-input
-                  v-model="form.paidAmount"
-                  placeholder="请输入已缴纳金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金开户银行"
-              prop="depositBankSalaryDeposit"
-            >
-              <el-input
-                v-model="form.depositBankSalaryDeposit"
-                placeholder="请输入工资保证金开户银行"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金银行账户"
-              prop="salaryDepositBankAccount"
-            >
-              <el-input
-                v-model="form.salaryDepositBankAccount"
-                placeholder="请输入工资保证金银行账户"
-              />
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========不共有============== -->
-          <el-col :span="12" v-if="hasOne">
-            <el-form-item label="现金金额" prop="cashAmount">
-              <el-input v-model="form.cashAmount" placeholder="请输入现金金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="担保银行名称" prop="guaranteeBankName">
-              <el-input
-                v-model="form.guaranteeBankName"
-                placeholder="请输入担保银行名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="银行保函函号" prop="bankGuaranteeLetterNo">
-              <el-input
-                v-model="form.bankGuaranteeLetterNo"
-                placeholder="请输入银行保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函担保金额"
-              prop="bankGuaranteeLetterAmount"
-            >
-              <el-input
-                v-model="form.bankGuaranteeLetterAmount"
-                placeholder="请输入银行保函担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函有效期起始日期"
-              prop="bankGuaranteeStartYear"
-            >
-              <!-- <el-input
-                v-model="form.bankGuaranteeStartYear"
-                placeholder="请输入银行保函有效期起始日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择银行保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="终止日期" prop="bankGuaranteeEndYear">
-              <!-- <el-input
-                v-model="form.bankGuaranteeEndYear"
-                placeholder="请输入终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="担保公司名称" prop="guaranteeCompanyName">
-              <el-input
-                v-model="form.guaranteeCompanyName"
-                placeholder="请输入担保公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函函号"
-              prop="guaranteeCompanyLetterNo"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyLetterNo"
-                placeholder="请输入担保公司保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司担保金额"
-              prop="guaranteeCompanyAmount"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyAmount"
-                placeholder="请输入担保公司担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函有效期起始日期"
-              prop="guaranteeCompanyStartYear"
-            >
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司终止日期"
-              prop="guaranteeCompanyEndYear"
-            >
-              <!-- <el-input
-                v-model="form.guaranteeCompanyEndYear"
-                placeholder="请输入担保公司终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险公司名称" prop="insuranceCompanyName">
-              <el-input
-                v-model="form.insuranceCompanyName"
-                placeholder="请输入保险公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险单号" prop="insuranceNo">
-              <el-input
-                v-model="form.insuranceNo"
-                placeholder="请输入保险单号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险金额" prop="insuranceAmount">
-              <el-input
-                v-model="form.insuranceAmount"
-                placeholder="请输入保险金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险有效期起始日期" prop="insuranceStartTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceStartTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险终止日期" prop="insuranceEndTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceEndTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========共有============== -->
-          <el-col :span="12">
-            <el-form-item label="其他金额" prop="otherAmount">
-              <el-input v-model="form.otherAmount" placeholder="请输入其他金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="缴纳时间" prop="incomeTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.incomeTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择缴纳时间"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
+import securityDeposit from "@/components/securityDeposit/index";
 import {
   listLybzj,
   getLybzj,
@@ -653,468 +22,26 @@ import {
 export default {
   name: "lybzj",
   props: ["contractNumber"],
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 履约保证金表格数据
-      tbbzjList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        ids: null,
-        data: {
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          projectCode: null,
-          proNo: null,
-          owerDept: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        incomeExpenditureMethods: [
-          {
-            required: true,
-            message: "请选择缴纳方式",
-            trigger: "blur",
-          },
-        ],
-        depositBankSalaryDeposit: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        salaryDepositBankAccount: [
-          {
-            required: true,
-            message: "请输入工资保证金银行账户",
-            trigger: "blur",
-          },
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeBankName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        bankGuaranteeLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-
-        insuranceCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        insuranceNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        differentiatedDepositAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        amountPayable: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        paidAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        cashAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        bankGuaranteeLetterAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        guaranteeCompanyAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        insuranceAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        otherAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        incomeTime: [
-          {
-            required: true,
-            message: "请选择缴纳时间",
-            trigger: "blur",
-          },
-        ],
-      },
-      // 缴纳方式字典
-      incomeExpenditureMethodsOptions: [],
-    };
+  components: {
+    securityDeposit,
   },
   computed: {
-    hasOne() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 0);
-    },
-    hasTwo() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 1);
-    },
-    hasThree() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 2);
+    formMethods() {
+      return {
+        list: listLybzj,
+        get: getLybzj,
+        del: delLybzj,
+        add: addLybzj,
+        update: updateLybzj,
+        export: exportLybzj,
+      };
     },
   },
-  created() {
-    this.getList();
-    this.getDicts("income_methods").then((response) => {
-      this.incomeExpenditureMethodsOptions = response.data;
-    });
-  },
   // 父组件  利用axios请求得到的值  传送到子组件，要监听，否则初始渲染时为空
   watch: {
     contractNumber: function (n, o) {
       this.contractNumber = n;
-      // console.log("contractNumber", this.contractNumber);
-      this.getList();
-    },
-  },
-  methods: {
-    /** 查询履约保证金列表 */
-    getList() {
-      this.loading = true;
-      if (this.$route.query.baseDataId) {
-        this.queryParams.data.contractNumber = this.contractNumber;
-      }
-      listLybzj(this.queryParams).then((response) => {
-        this.tbbzjList = response.records;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 缴纳方式字典翻译
-    incomeExpenditureMethodsFormat(row, column) {
-      if (row.incomeExpenditureMethods?.length > 0) {
-        let res = "";
-        row.incomeExpenditureMethods.forEach((item) => {
-          res =
-            res +
-            "、" +
-            this.selectDictLabel(this.incomeExpenditureMethodsOptions, item);
-        });
-        return res.substr(1);
-      }
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        differentiatedDepositAmount: null,
-        amountPayable: null,
-        paidAmount: null,
-        incomeExpenditureMethods: null,
-        depositBankSalaryDeposit: null,
-        salaryDepositBankAccount: null,
-        cashAmount: null,
-        guaranteeBankName: null,
-        bankGuaranteeLetterNo: null,
-        bankGuaranteeLetterAmount: null,
-        bankGuaranteeStartYear: null,
-        bankGuaranteeEndYear: null,
-        guaranteeCompanyName: null,
-        guaranteeCompanyLetterNo: null,
-        guaranteeCompanyAmount: null,
-        guaranteeCompanyStartYear: null,
-        guaranteeCompanyEndYear: null,
-        insuranceCompanyName: null,
-        insuranceNo: null,
-        insuranceAmount: null,
-        insuranceStartTime: null,
-        insuranceEndTime: null,
-        otherAmount: null,
-        incomeTime: null,
-        createUid: null,
-        updateUid: null,
-        createTime: null,
-        updateTime: null,
-        projectCode: null,
-        proNo: null,
-        owerDept: null,
-        remark: null,
-      };
-      this.resetForm("form");
-    },
-    // 查询表单重置
-    resetQueryForm() {
-      this.queryParams = {
-        pageNum: 1,
-        pageSize: 10,
-        data: {
-          id: null,
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          createTime: null,
-          updateTime: null,
-          projectCode: null,
-          proNo: null,
-          owerDept: null,
-          remark: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetQueryForm();
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加履约保证金";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getLybzj(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改履约保证金";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateLybzj(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          } else {
-            this.form.contractNumber = this.contractNumber;
-            addLybzj(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      if (ids) {
-        this.$confirm("是否删除选中的数据？", "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-          .then(function () {
-            return delLybzj(ids);
-          })
-          .then(() => {
-            this.getList();
-            this.msgSuccess("删除成功");
-          })
-          .catch(function () {});
-      } else {
-        this.$message.warning("请选择要删除的数据！！");
-      }
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      let message = "是否确认导出所有的数据项?";
-      if (this.ids) {
-        message = "是否确认导出选中的数据项?";
-        queryParams.ids = this.ids;
-      }
-      this.$confirm(message, "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
-          return exportLybzj(queryParams);
-        })
-        .then((response) => {
-          this.downloadFile(response, true, response.msg);
-          // this.download(response.msg);
-        })
-        .catch(function () {});
     },
   },
 };
 </script>
-<style lang="scss" scoped>
-@import "@/assets/css/dialog.scss";
-//::v-deep {
-//   .el-dialog {
-//       margin-top: 10vh !important;
-//    }
-//}
-</style>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/marginAccount.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/marginAccount.vue
index ead53cc3..efdf1471 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/marginAccount.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/marginAccount.vue
@@ -1,646 +1,16 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      :inline="true"
-      v-show="showSearch"
-    >
-      <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-        <el-select
-          v-model="queryParams.conditionViews[0].value"
-          placeholder="请选择缴纳方式"
-          clearable
-          size="small"
-          @change="handleQuery"
-        >
-          <el-option
-            v-for="dict in incomeExpenditureMethodsOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="工资保证金开户银行"
-        prop="depositBankSalaryDeposit"
-        label-width="152px"
-      >
-        <el-input
-          v-model="queryParams.conditionViews[1].value"
-          placeholder="请输入工资保证金开户银行"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        >
-          <template slot="append">
-            <el-button
-              type="primary"
-              slot="append"
-              icon="el-icon-search"
-              size="small"
-              @click="handleQuery"
-            ></el-button>
-          </template>
-        </el-input>
-      </el-form-item>
-
-      <el-form-item>
-        <!-- <el-button
-          type="cyan"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        > -->
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['build:ensure:add']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['build:ensure:edit']"
-          >修改</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['build:ensure:remove']"
-          >删除</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <el-table
-      v-loading="loading"
-      :data="ensureList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" fixed />
-      <el-table-column
-        label="序号"
-        type="index"
-        width="50"
-        align="center"
-        fixed
-      />
-
-      <el-table-column
-        label="差异化缴存金额（万元）"
-        align="center"
-        prop="differentiatedDepositAmount"
-        min-width="164"
-      />
-      <el-table-column
-        label="应缴金额（万元）"
-        align="center"
-        prop="amountPayable"
-        min-width="124"
-      />
-      <el-table-column
-        label="已缴纳金额（万元）"
-        align="center"
-        prop="paidAmount"
-        min-width="138"
-      />
-      <el-table-column
-        label="缴纳方式"
-        align="center"
-        prop="incomeExpenditureMethods"
-        :formatter="incomeExpenditureMethodsFormat"
-        min-width="120"
-      />
-      <el-table-column
-        label="工资保证金开户银行"
-        align="center"
-        prop="depositBankSalaryDeposit"
-        min-width="150"
-      />
-      <el-table-column
-        label="工资保证金银行账户"
-        align="center"
-        prop="salaryDepositBankAccount"
-        min-width="150"
-      />
-      <!-- <el-table-column
-        label="现金金额（万元）"
-        align="center"
-        prop="cashAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="担保银行名称"
-        align="center"
-        prop="guaranteeBankName"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函函号"
-        align="center"
-        prop="bankGuaranteeLetterNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="银行保函担保金额（万元）"
-        align="center"
-        prop="bankGuaranteeLetterAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="银行保函有效期起始日期"
-        align="center"
-        prop="bankGuaranteeStartYear"
-        min-width="166"
-      />
-      <el-table-column
-        label="终止日期"
-        align="center"
-        prop="bankGuaranteeEndYear"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司名称"
-        align="center"
-        prop="guaranteeCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="担保公司保函函号"
-        align="center"
-        prop="guaranteeCompanyLetterNo"
-        min-width="166"
-      />
-      <el-table-column
-        label="担保公司担保金额（万元）"
-        align="center"
-        prop="guaranteeCompanyAmount"
-        min-width="180"
-      />
-      <el-table-column
-        label="担保公司保函有效期起始日期"
-        align="center"
-        prop="guaranteeCompanyStartYear"
-        min-width="190"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.guaranteeCompanyStartYear, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="担保公司终止日期"
-        align="center"
-        prop="guaranteeCompanyEndYear"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险公司名称"
-        align="center"
-        prop="insuranceCompanyName"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险单号"
-        align="center"
-        prop="insuranceNo"
-        min-width="120"
-      />
-      <el-table-column
-        label="保险金额（万元）"
-        align="center"
-        prop="insuranceAmount"
-        min-width="124"
-      />
-      <el-table-column
-        label="保险有效期起始日期"
-        align="center"
-        prop="insuranceStartTime"
-        min-width="150"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceStartTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="保险终止日期"
-        align="center"
-        prop="insuranceEndTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{
-            parseTime(scope.row.insuranceEndTime, "{y}-{m}-{d}")
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="其他金额（万元）"
-        align="center"
-        prop="otherAmount"
-        min-width="124"
-      /> -->
-      <el-table-column
-        label="缴纳时间"
-        align="center"
-        prop="incomeTime"
-        min-width="120"
-      >
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.incomeTime, "{y}-{m}-{d}") }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="180"
-        fixed="right"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['build:ensure:edit']"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['build:ensure:remove']"
-            >删除</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"
+    <securityDeposit
+      :proNo="proNo"
+      :projectCode="projectCode"
+      :formMethods="formMethods"
+      :type="'nmgbzj'"
     />
-
-    <!-- 添加或修改农民工工资保证金对话框 -->
-    <el-dialog
-      :title="title"
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      :close-on-click-modal="false"
-    >
-      <el-row :gutter="15">
-        <el-form ref="form" :model="form" :rules="rules" label-width="210px">
-          <!-- ==============共有============= -->
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="缴纳方式" prop="incomeExpenditureMethods">
-                <el-select
-                  v-model="form.incomeExpenditureMethods"
-                  placeholder="请选择缴纳方式"
-                  style="width: 100%"
-                  multiple
-                  clearable
-                  @change="aaa"
-                >
-                  <el-option
-                    v-for="dict in incomeExpenditureMethodsOptions"
-                    :key="dict.dictValue"
-                    :label="dict.dictLabel"
-                    :value="dict.dictValue"
-                  ></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="差异化缴存金额"
-                prop="differentiatedDepositAmount"
-              >
-                <el-input
-                  v-model="form.differentiatedDepositAmount"
-                  placeholder="请输入差异化缴存金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="15">
-            <el-col :span="12">
-              <el-form-item label="应缴金额" prop="amountPayable">
-                <el-input
-                  v-model="form.amountPayable"
-                  placeholder="请输入应缴金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="已缴纳金额" prop="paidAmount">
-                <el-input
-                  v-model="form.paidAmount"
-                  placeholder="请输入已缴纳金额"
-                >
-                  <template slot="append">万元</template>
-                </el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金开户银行"
-              prop="depositBankSalaryDeposit"
-            >
-              <el-input
-                v-model="form.depositBankSalaryDeposit"
-                placeholder="请输入工资保证金开户银行"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="工资保证金银行账户"
-              prop="salaryDepositBankAccount"
-            >
-              <el-input
-                v-model="form.salaryDepositBankAccount"
-                placeholder="请输入工资保证金银行账户"
-              />
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========不共有============== -->
-          <el-col :span="12" v-if="hasOne">
-            <el-form-item label="现金金额" prop="cashAmount">
-              <el-input v-model="form.cashAmount" placeholder="请输入现金金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="担保银行名称" prop="guaranteeBankName">
-              <el-input
-                v-model="form.guaranteeBankName"
-                placeholder="请输入担保银行名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="银行保函函号" prop="bankGuaranteeLetterNo">
-              <el-input
-                v-model="form.bankGuaranteeLetterNo"
-                placeholder="请输入银行保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函担保金额"
-              prop="bankGuaranteeLetterAmount"
-            >
-              <el-input
-                v-model="form.bankGuaranteeLetterAmount"
-                placeholder="请输入银行保函担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item
-              label="银行保函有效期起始日期"
-              prop="bankGuaranteeStartYear"
-            >
-              <!-- <el-input
-                v-model="form.bankGuaranteeStartYear"
-                placeholder="请输入银行保函有效期起始日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择银行保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasTwo">
-            <el-form-item label="终止日期" prop="bankGuaranteeEndYear">
-              <!-- <el-input
-                v-model="form.bankGuaranteeEndYear"
-                placeholder="请输入终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.bankGuaranteeEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="担保公司名称" prop="guaranteeCompanyName">
-              <el-input
-                v-model="form.guaranteeCompanyName"
-                placeholder="请输入担保公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函函号"
-              prop="guaranteeCompanyLetterNo"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyLetterNo"
-                placeholder="请输入担保公司保函函号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司担保金额"
-              prop="guaranteeCompanyAmount"
-            >
-              <el-input
-                v-model="form.guaranteeCompanyAmount"
-                placeholder="请输入担保公司担保金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司保函有效期起始日期"
-              prop="guaranteeCompanyStartYear"
-            >
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyStartYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司保函有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item
-              label="担保公司终止日期"
-              prop="guaranteeCompanyEndYear"
-            >
-              <!-- <el-input
-                v-model="form.guaranteeCompanyEndYear"
-                placeholder="请输入担保公司终止日期"
-              /> -->
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.guaranteeCompanyEndYear"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择担保公司终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险公司名称" prop="insuranceCompanyName">
-              <el-input
-                v-model="form.insuranceCompanyName"
-                placeholder="请输入保险公司名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险单号" prop="insuranceNo">
-              <el-input
-                v-model="form.insuranceNo"
-                placeholder="请输入保险单号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险金额" prop="insuranceAmount">
-              <el-input
-                v-model="form.insuranceAmount"
-                placeholder="请输入保险金额"
-              >
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险有效期起始日期" prop="insuranceStartTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceStartTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险有效期起始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" v-if="hasThree">
-            <el-form-item label="保险终止日期" prop="insuranceEndTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.insuranceEndTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择保险终止日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-
-          <!-- ===========共有============== -->
-          <el-col :span="12">
-            <el-form-item label="其他金额" prop="otherAmount">
-              <el-input v-model="form.otherAmount" placeholder="请输入其他金额">
-                <template slot="append">万元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="缴纳时间" prop="incomeTime">
-              <el-date-picker
-                clearable
-                size="small"
-                style="width: 100%"
-                v-model="form.incomeTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="选择缴纳时间"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-form>
-      </el-row>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
+import securityDeposit from "@/components/securityDeposit/index";
 import {
   listEnsure,
   getEnsure,
@@ -651,448 +21,22 @@ import {
 } from "@/api/build/ensure";
 
 export default {
-  name: "Ensure",
+  name: "Nmgbzj",
   props: ["proNo", "proCode"],
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 农民工工资保证金表格数据
-      ensureList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 缴纳方式字典
-      incomeExpenditureMethodsOptions: [],
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        ids: null,
-        data: {
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          proCode: null,
-          proNo: null,
-          owerDept: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        incomeExpenditureMethods: [
-          {
-            required: true,
-            message: "请选择缴纳方式",
-            trigger: "blur",
-          },
-        ],
-        depositBankSalaryDeposit: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        salaryDepositBankAccount: [
-          {
-            required: true,
-            message: "请输入工资保证金银行账户",
-            trigger: "blur",
-          },
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeBankName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        bankGuaranteeLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        guaranteeCompanyLetterNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-
-        insuranceCompanyName: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        insuranceNo: [
-          { max: 250, message: "字符长度最大为250", trigger: "blur" },
-        ],
-        differentiatedDepositAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        amountPayable: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        paidAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        cashAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        bankGuaranteeLetterAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        guaranteeCompanyAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        insuranceAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        otherAmount: [
-          {
-            pattern:
-              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
-            message: "请输入数字,整数7位,可保留两位小数",
-            trigger: "blur",
-          },
-        ],
-        incomeTime: [
-          {
-            required: true,
-            message: "请选择缴纳时间",
-            trigger: "blur",
-          },
-        ],
-      },
-    };
+  components: {
+    securityDeposit,
   },
   computed: {
-    hasOne() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 0);
-    },
-    hasTwo() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 1);
-    },
-    hasThree() {
-      return this.form.incomeExpenditureMethods?.some((res) => res == 2);
-    },
-  },
-  created() {
-    this.getList();
-    this.getDicts("income_methods").then((response) => {
-      this.incomeExpenditureMethodsOptions = response.data;
-    });
-  },
-  methods: {
-    aaa() {
-      let hh = this.form.incomeExpenditureMethods.some((res) => res == 0);
-
-      console.log(444, this.form.incomeExpenditureMethods, hh);
-    },
-    // 缴纳方式字典翻译
-    incomeExpenditureMethodsFormat(row, column) {
-      if (row.incomeExpenditureMethods?.length > 0) {
-        let res = "";
-        row.incomeExpenditureMethods.forEach((item) => {
-          res =
-            res +
-            "、" +
-            this.selectDictLabel(this.incomeExpenditureMethodsOptions, item);
-        });
-        return res.substr(1);
-      }
-    },
-    /** 查询农民工工资保证金列表 */
-    getList() {
-      this.loading = true;
-      this.queryParams.data.proNo = this.proNo;
-      this.queryParams.data.proCode = this.proCode;
-      listEnsure(this.queryParams).then((response) => {
-        this.ensureList = response.records;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        differentiatedDepositAmount: null,
-        amountPayable: null,
-        paidAmount: null,
-        incomeExpenditureMethods: null,
-        depositBankSalaryDeposit: null,
-        salaryDepositBankAccount: null,
-        cashAmount: null,
-        guaranteeBankName: null,
-        bankGuaranteeLetterNo: null,
-        bankGuaranteeLetterAmount: null,
-        bankGuaranteeStartYear: null,
-        bankGuaranteeEndYear: null,
-        guaranteeCompanyName: null,
-        guaranteeCompanyLetterNo: null,
-        guaranteeCompanyAmount: null,
-        guaranteeCompanyStartYear: null,
-        guaranteeCompanyEndYear: null,
-        insuranceCompanyName: null,
-        insuranceNo: null,
-        insuranceAmount: null,
-        insuranceStartTime: null,
-        insuranceEndTime: null,
-        otherAmount: null,
-        incomeTime: null,
-        createUid: null,
-        updateUid: null,
-        createTime: null,
-        updateTime: null,
-        proCode: null,
-        proNo: null,
-        owerDept: null,
-        remark: null,
-      };
-      this.resetForm("form");
-    },
-    // 查询表单重置
-    resetQueryForm() {
-      this.queryParams = {
-        pageNum: 1,
-        pageSize: 10,
-        data: {
-          id: null,
-          differentiatedDepositAmount: null,
-          amountPayable: null,
-          paidAmount: null,
-          incomeExpenditureMethods: null,
-          depositBankSalaryDeposit: null,
-          salaryDepositBankAccount: null,
-          cashAmount: null,
-          guaranteeBankName: null,
-          bankGuaranteeLetterNo: null,
-          bankGuaranteeLetterAmount: null,
-          bankGuaranteeStartYear: null,
-          bankGuaranteeEndYear: null,
-          guaranteeCompanyName: null,
-          guaranteeCompanyLetterNo: null,
-          guaranteeCompanyAmount: null,
-          guaranteeCompanyStartYear: null,
-          guaranteeCompanyEndYear: null,
-          insuranceCompanyName: null,
-          insuranceNo: null,
-          insuranceAmount: null,
-          insuranceStartTime: null,
-          insuranceEndTime: null,
-          otherAmount: null,
-          incomeTime: null,
-          createUid: null,
-          updateUid: null,
-          createTime: null,
-          updateTime: null,
-          proCode: null,
-          proNo: null,
-          owerDept: null,
-          remark: null,
-        },
-        conditionViews: [
-          {
-            name: "incomeExpenditureMethods",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-          {
-            name: "depositBankSalaryDeposit",
-            value: "",
-            type: "like",
-            isAnd: "1",
-          },
-        ],
-        // 排序方式
-        params: {
-          // 按哪个字段排序
-          orderBy: "create_time",
-          // desc降序，升序asc
-          sortBy: "desc",
-        },
+    formMethods() {
+      return {
+        list: listEnsure,
+        get: getEnsure,
+        del: delEnsure,
+        add: addEnsure,
+        update: updateEnsure,
+        export: exportEnsure,
       };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      // this.queryParams.cv.name = "incomeExpenditureMethods";
-      // this.queryParams.cv.type = "like";
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetQueryForm();
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加农民工工资保证金";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getEnsure(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改农民工工资保证金";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          this.form.proNo = this.proNo;
-          this.form.proCode = this.proCode;
-          if (this.form.id != null) {
-            updateEnsure(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          } else {
-            addEnsure(this.form).then((response) => {
-              if (response.code === 200) {
-                this.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              }
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      if (ids) {
-        this.$confirm("是否删除选中的数据？", "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-          .then(function () {
-            return delEnsure(ids);
-          })
-          .then(() => {
-            this.getList();
-            this.msgSuccess("删除成功");
-          })
-          .catch(function () {});
-      } else {
-        this.$message.warning("请选择要删除的数据！！");
-      }
     },
   },
 };
 </script>
-<style lang="scss" scoped>
-@import "@/assets/css/dialog.scss";
-::v-deep {
-  .el-dialog {
-    margin-top: 3vh !important;
-    // height: 900px;
-  }
-}
-</style>