1

admin

2026-01-06 089bf5d2378b3c4a61d795b2a92bede2c193b771

 src/views/modules/c2c/bank-add-or-update.vue

@@ -1,256 +1,91 @@
<template>
  <el-dialog
    :title="!id ? '新增支付方式' : '修改支付方式'"
    :close-on-click-modal="false"
    :visible.sync="visible"
    @close="close()"
    @open="open()"
  >
    <el-form
      :model="dataFormOne"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="120px"
    >
  <el-dialog :title="!id ? '新增支付方式' : '修改支付方式'" :close-on-click-modal="false" :visible.sync="visible" @close="close()"
    @open="open()">
    <el-form :model="dataFormOne" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
      label-width="120px">
      <el-form-item label="用户名UID" prop="userCode">
        <el-input
          v-model="dataFormOne.userCode"
          :disabled="id ? true : false"
          placeholder="用户名UID"
        ></el-input>
        <el-input v-model="dataFormOne.userCode" :disabled="id ? true : false" placeholder="用户名UID"></el-input>
      </el-form-item>
      <el-form-item v-if="id" label="用户名" prop="">
        <el-input
          v-model="dataForm.userName"
          disabled
          placeholder="用户名"
        ></el-input>
        <el-input v-model="dataForm.userName" disabled placeholder="用户名"></el-input>
      </el-form-item>
      <el-form-item label="资金密码" prop="loginSafeword">
        <el-input
          v-model="dataFormOne.loginSafeword"
          type="password"
          placeholder="请输入登录人资金密码"
        ></el-input>
      </el-form-item>
      <!-- <el-form-item label="资金密码" prop="loginSafeword">
        <el-input v-model="dataFormOne.loginSafeword" type="password" placeholder="请输入登录人资金密码"></el-input>
      </el-form-item> -->
      <el-form-item v-if="id" label="支付方式类型" prop="">
        <el-input
          v-model="dataForm.methodTypeName"
          disabled
          placeholder="支付方式类型"
        ></el-input>
        <el-input v-model="dataForm.methodTypeName" disabled placeholder="支付方式类型"></el-input>
      </el-form-item>
      <el-form-item v-if="!id" label="支付方式模板" prop="id">
        <el-select
          v-model="arr.id"
          @change="changeVal(arr.id)"
          placeholder="请选择"
        >
          <el-option
            v-for="item in arr"
            :key="item.id"
            :label="item.name"
            :value="item.id"
          >
        <el-select v-model="arr.id" @change="changeVal(arr.id)" placeholder="请选择">
          <el-option v-for="item in arr" :key="item.id" :label="item.name" :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="支付方式图片" prop="methodImg">
        <img
          :src="id ? dataForm.methodImgUrl : dataForm.methodImgUrl"
          alt=""
          width="100"
          height="100"
        />
        <img :src="id ? dataForm.methodImgUrl : dataForm.methodImgUrl" alt="" width="100" height="100" />
      </el-form-item>
      <el-form-item label="支付方式名称" prop="">
        <el-input
          v-model="dataForm.methodName"
          disabled
          placeholder="支付方式名称"
        ></el-input>
        <el-input v-model="dataForm.methodName" disabled placeholder="支付方式名称"></el-input>
      </el-form-item>
      <el-form-item label="真实姓名" prop="realName">
        <el-input
          v-model="dataFormOne.realName"
          placeholder="真实姓名"
        ></el-input>
        <el-input v-model="dataFormOne.realName" placeholder="真实姓名"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName1"
        :label="dataForm.paramName1"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue1"
          placeholder="参数值1"
        ></el-input>
      <el-form-item v-if="dataForm.paramName1" :label="dataForm.paramName1" prop="">
        <el-input v-model="dataForm.paramValue1" placeholder="参数值1"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName2"
        :label="dataForm.paramName2"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue2"
          placeholder="参数值2"
        ></el-input>
      <el-form-item v-if="dataForm.paramName2" :label="dataForm.paramName2" prop="">
        <el-input v-model="dataForm.paramValue2" placeholder="参数值2"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName3"
        :label="dataForm.paramName3"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue3"
          placeholder="参数值3"
        ></el-input>
      <el-form-item v-if="dataForm.paramName3" :label="dataForm.paramName3" prop="">
        <el-input v-model="dataForm.paramValue3" placeholder="参数值3"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName4"
        :label="dataForm.paramName4"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue14"
          placeholder="参数值4"
        ></el-input>
      <el-form-item v-if="dataForm.paramName4" :label="dataForm.paramName4" prop="">
        <el-input v-model="dataForm.paramValue4" placeholder="参数值4"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName5"
        :label="dataForm.paramName5"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue5"
          placeholder="参数值5"
        ></el-input>
      <el-form-item v-if="dataForm.paramName5" :label="dataForm.paramName5" prop="">
        <el-input v-model="dataForm.paramValue5" placeholder="参数值5"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName6"
        :label="dataForm.paramName6"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue6"
          placeholder="参数值6"
        ></el-input>
      <el-form-item v-if="dataForm.paramName6" :label="dataForm.paramName6" prop="">
        <el-input v-model="dataForm.paramValue6" placeholder="参数值6"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName7"
        :label="dataForm.paramName7"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue7"
          placeholder="参数值7"
        ></el-input>
      <el-form-item v-if="dataForm.paramName7" :label="dataForm.paramName7" prop="">
        <el-input v-model="dataForm.paramValue7" placeholder="参数值7"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName8"
        :label="dataForm.paramName8"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue8"
          placeholder="参数值8"
        ></el-input>
      <el-form-item v-if="dataForm.paramName8" :label="dataForm.paramName8" prop="">
        <el-input v-model="dataForm.paramValue8" placeholder="参数值8"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName9"
        :label="dataForm.paramName9"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue9"
          placeholder="参数值9"
        ></el-input>
      <el-form-item v-if="dataForm.paramName9" :label="dataForm.paramName9" prop="">
        <el-input v-model="dataForm.paramValue9" placeholder="参数值9"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName10"
        :label="dataForm.paramName10"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue10"
          placeholder="参数值10"
        ></el-input>
      <el-form-item v-if="dataForm.paramName10" :label="dataForm.paramName10" prop="">
        <el-input v-model="dataForm.paramValue10" placeholder="参数值10"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName11"
        :label="dataForm.paramName11"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue11"
          placeholder="参数值11"
        ></el-input>
      <el-form-item v-if="dataForm.paramName11" :label="dataForm.paramName11" prop="">
        <el-input v-model="dataForm.paramValue11" placeholder="参数值11"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName12"
        :label="dataForm.paramName12"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue12"
          placeholder="参数值12"
        ></el-input>
      <el-form-item v-if="dataForm.paramName12" :label="dataForm.paramName12" prop="">
        <el-input v-model="dataForm.paramValue12" placeholder="参数值12"></el-input>
      </el-form-item>

      <el-form-item
        v-if="dataForm.paramName13"
        :label="dataForm.paramName13"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue13"
          placeholder="参数值13"
        ></el-input>
      <el-form-item v-if="dataForm.paramName13" :label="dataForm.paramName13" prop="">
        <el-input v-model="dataForm.paramValue13" placeholder="参数值13"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName14"
        :label="dataForm.paramName14"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue14"
          placeholder="参数值14"
        ></el-input>
      <el-form-item v-if="dataForm.paramName14" :label="dataForm.paramName14" prop="">
        <el-input v-model="dataForm.paramValue14" placeholder="参数值14"></el-input>
      </el-form-item>
      <el-form-item
        v-if="dataForm.paramName15"
        :label="dataForm.paramName15"
        prop=""
      >
        <el-input
          v-model="dataForm.paramValue15"
          placeholder="参数值15"
        ></el-input>
      <el-form-item v-if="dataForm.paramName15" :label="dataForm.paramName15" prop="">
        <el-input v-model="dataForm.paramValue15" placeholder="参数值15"></el-input>
      </el-form-item>
      <el-form-item label="支付二维码">
        <el-upload
          class="avatar-uploader"
          :action="$http.adornUrl('/api/uploadFile')"
          :headers="{ Authorization: $cookie.get('Authorization') }"
          :on-success="handleAvatarSuccess"
          :show-file-list="false"
          :before-upload="beforeAvatarUpload"
        >
          <img
            v-if="dataFormOne.imageUrl"
            :src="dataFormOne.imageUrl"
            class="avatar"
          />
        <el-upload class="avatar-uploader" :action="$http.adornUrl('/api/uploadFile')"
          :headers="{ Authorization: $cookie.get('Authorization') }" :on-success="handleAvatarSuccess"
          :show-file-list="false" :before-upload="beforeAvatarUpload">
          <img v-if="dataFormOne.imageUrl" :src="dataFormOne.imageUrl" class="avatar" />
          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
        </el-upload>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input
          v-model="dataForm.remark"
          type="textarea"
          placeholder="备注"
        ></el-input>
        <el-input v-model="dataForm.remark" type="textarea" placeholder="备注"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
@@ -302,7 +137,7 @@
        paramName13: "",
        paramName14: "",
        paramName15: "",
        loginSafeword: "",
        // loginSafeword: "",
      },
      arr: [],
      dataRule: {
@@ -312,9 +147,9 @@
        userCode: [
          { required: true, message: "用户名UID不能为空", trigger: "blur" },
        ],
        loginSafeword: [
          { required: true, message: "资金密码不能为空", trigger: "blur" },
        ],
        // loginSafeword: [
        //   { required: true, message: "资金密码不能为空", trigger: "blur" },
        // ],
        value1: [
          { required: true, message: "请选择支付方式", trigger: "blur" },
        ],
@@ -373,7 +208,7 @@
          paramName13: "",
          paramName14: "",
          paramName15: "",
          loginSafeword: "",
          // loginSafeword: "",
        });
    },
    handleAvatarSuccess(res, file) {
@@ -444,7 +279,7 @@
        url: this.$http.adornUrl("/paymentMethod/getPaymentMethodConfig"),
        method: "get",
        params: this.$http.adornParams({
          type:1,// 1.银行卡  2.c2c
          type: 1,// 1.银行卡  2.c2c
        })
      }).then(({ data }) => {
        if (data.code == 0) {
@@ -508,8 +343,8 @@
              url: this.$http.adornUrl(`/paymentMethod/add`), //新增
              method: "post",
              data: this.$http.adornData({
                type:1,// 1.银行卡  2.c2c
                loginSafeword: encrypt(this.dataFormOne.loginSafeword),
                type: 1,// 1.银行卡  2.c2c
                // loginSafeword: encrypt(this.dataFormOne.loginSafeword),
                methodConfigId: this.arr.id,
                qrcode: this.dataFormOne.methodImg,
                realName: this.dataFormOne.realName,
@@ -555,7 +390,7 @@
              method: "post",
              data: this.$http.adornData({
                id: this.id,
                loginSafeword: encrypt(this.dataFormOne.loginSafeword),
                // loginSafeword: encrypt(this.dataFormOne.loginSafeword),
                methodConfigId: this.dataForm.methodConfigId,
                qrcode: this.dataFormOne.methodImg,
                realName: this.dataFormOne.realName,
@@ -610,9 +445,11 @@
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
@@ -621,6 +458,7 @@
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;