1

admin

2026-01-07 e1e694369dabf557615669ce2f71e9af70277ff6

 src/views/modules/order/bankMore-add-or-update.vue

@@ -1,53 +1,23 @@
<template>
  <el-dialog
    :title="!id ? '添加支付方式模板' : '修改支付方式模板'"
    :close-on-click-modal="false"
    :visible.sync="visible"
  >
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="120px"
    >
  <el-dialog :title="!id ? '添加支付方式模板' : '修改支付方式模板'" :close-on-click-modal="false" :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
      label-width="120px">
      <el-form-item 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="methodName">
        <el-input
          v-model="dataForm.methodName"
          placeholder="支付方式名称"
        ></el-input>
        <el-input v-model="dataForm.methodName" placeholder="支付方式名称"></el-input>
      </el-form-item>
      <el-form-item v-if="id" label="登录人资金密码" prop="loginSafeword">
        <el-input
          v-model="dataForm.loginSafeword"
          type="password"
          placeholder="登录人资金密码"
        ></el-input>
      </el-form-item>
      <!-- <el-form-item v-if="id" label="登录人资金密码" prop="loginSafeword">
        <el-input v-model="dataForm.loginSafeword" type="password" placeholder="登录人资金密码"></el-input>
      </el-form-item> -->
      <el-form-item label="支付方式图片" prop="methodImg">
        <el-upload
          class="avatar-uploader"
          :action="$http.adornUrl('/api/uploadFile')"
          :headers="{ Authorization: $cookie.get('Authorization') }"
          :show-file-list="true"
          :on-success="handleAvatarSuccess"
          :before-upload="beforeAvatarUpload"
        >
        <el-upload class="avatar-uploader" :action="$http.adornUrl('/api/uploadFile')"
          :headers="{ Authorization: $cookie.get('Authorization') }" :show-file-list="true"
          :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
          <img v-if="imageUrl" :src="imageUrl" class="avatar" />
          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
        </el-upload>
@@ -59,94 +29,49 @@
        </div>
      </el-form-item>
      <el-form-item label="参数名1(必填)" prop="paramName1">
        <el-input
          v-model="dataForm.paramName1"
          placeholder="参数名1"
        ></el-input>
        <el-input v-model="dataForm.paramName1" placeholder="参数名1"></el-input>
      </el-form-item>
      <el-form-item label="参数名2(选填)" prop="paramName2">
        <el-input
          v-model="dataForm.paramName2"
          placeholder="参数名2"
        ></el-input>
        <el-input v-model="dataForm.paramName2" placeholder="参数名2"></el-input>
      </el-form-item>
      <el-form-item label="参数名3(选填)" prop="paramName3">
        <el-input
          v-model="dataForm.paramName3"
          placeholder="参数名3"
        ></el-input>
        <el-input v-model="dataForm.paramName3" placeholder="参数名3"></el-input>
      </el-form-item>
      <el-form-item label="参数名4(选填)" prop="paramName4">
        <el-input
          v-model="dataForm.paramName4"
          placeholder="参数名4"
        ></el-input>
        <el-input v-model="dataForm.paramName4" placeholder="参数名4"></el-input>
      </el-form-item>
      <el-form-item label="参数名5(选填)" prop="paramName5">
        <el-input
          v-model="dataForm.paramName5"
          placeholder="参数名5"
        ></el-input>
        <el-input v-model="dataForm.paramName5" placeholder="参数名5"></el-input>
      </el-form-item>
      <el-form-item label="参数名6(选填)" prop="paramName6">
        <el-input
          v-model="dataForm.paramName6"
          placeholder="参数名6"
        ></el-input>
        <el-input v-model="dataForm.paramName6" placeholder="参数名6"></el-input>
      </el-form-item>
      <el-form-item label="参数名7(选填)" prop="paramName7">
        <el-input
          v-model="dataForm.paramName7"
          placeholder="参数名7"
        ></el-input>
        <el-input v-model="dataForm.paramName7" placeholder="参数名7"></el-input>
      </el-form-item>
      <el-form-item label="参数名8(选填)" prop="paramName8">
        <el-input
          v-model="dataForm.paramName8"
          placeholder="参数名8"
        ></el-input>
        <el-input v-model="dataForm.paramName8" placeholder="参数名8"></el-input>
      </el-form-item>
      <el-form-item label="参数名9(选填)" prop="paramName9">
        <el-input
          v-model="dataForm.paramName9"
          placeholder="参数名9"
        ></el-input>
        <el-input v-model="dataForm.paramName9" placeholder="参数名9"></el-input>
      </el-form-item>
      <el-form-item label="参数名10(选填)" prop="paramName10">
        <el-input
          v-model="dataForm.paramName10"
          placeholder="参数名10"
        ></el-input>
        <el-input v-model="dataForm.paramName10" placeholder="参数名10"></el-input>
      </el-form-item>
      <el-form-item label="参数名11(选填)" prop="paramName11">
        <el-input
          v-model="dataForm.paramName11"
          placeholder="参数名11"
        ></el-input>
        <el-input v-model="dataForm.paramName11" placeholder="参数名11"></el-input>
      </el-form-item>
      <el-form-item label="参数名12(选填)" prop="paramName12">
        <el-input
          v-model="dataForm.paramName12"
          placeholder="参数名12"
        ></el-input>
        <el-input v-model="dataForm.paramName12" placeholder="参数名12"></el-input>
      </el-form-item>
      <el-form-item label="参数名13(选填)" prop="paramName13">
        <el-input
          v-model="dataForm.paramName13"
          placeholder="参数名13"
        ></el-input>
        <el-input v-model="dataForm.paramName13" placeholder="参数名13"></el-input>
      </el-form-item>
      <el-form-item label="参数名14(选填)" prop="paramName14">
        <el-input
          v-model="dataForm.paramName14"
          placeholder="参数名14"
        ></el-input>
        <el-input v-model="dataForm.paramName14" placeholder="参数名14"></el-input>
      </el-form-item>
      <el-form-item label="参数名15(选填)" prop="paramName15">
        <el-input
          v-model="dataForm.paramName15"
          placeholder="参数名15"
        ></el-input>
        <el-input v-model="dataForm.paramName15" placeholder="参数名15"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
@@ -206,7 +131,7 @@
        paramName13: "",
        paramName14: "",
        paramName15: "",
        loginSafeword: "",
        // loginSafeword: "",
      },
      arr: [],
      dataRule: {
@@ -220,9 +145,9 @@
        value1: [
          { required: true, message: "请选择支付方式", trigger: "blur" },
        ],
        loginSafeword: [
          { required: true, message: "资金密码不能为空", trigger: "blur" },
        ],
        // loginSafeword: [
        //   { required: true, message: "资金密码不能为空", trigger: "blur" },
        // ],
        // mobile: [
        //   { required: true, message: '手机号不能为空', trigger: 'blur' },
        //   { validator: validateMobile, trigger: 'blur' }
@@ -230,14 +155,14 @@
      },
    };
  },
  created() {},
  created() { },
  methods: {
    init(row, id, arr) {
      this.resClear();
      this.arr = { ...arr };
      this.id = id;
      this.arr.id = row.methodType;
      this.dataForm = {...row} || {};
      this.dataForm = { ...row } || {};
      if (id == "") {
        console.log(id);
        this.arr.id = this.arr[0].id;
@@ -278,7 +203,7 @@
        paramName13: "",
        paramName14: "",
        paramName15: "",
        loginSafeword: "",
        // loginSafeword: "",
      };
    },
    handleAvatarSuccess(res, file) {
@@ -331,7 +256,7 @@
                paramName13: this.dataForm.paramName13,
                paramName14: this.dataForm.paramName14,
                paramName15: this.dataForm.paramName15,
                loginSafeword: encrypt(this.dataForm.loginSafeword),
                // loginSafeword: encrypt(this.dataForm.loginSafeword),
              }),
            }).then(({ data }) => {
              if (data.code == 0) {
@@ -358,7 +283,7 @@
              url: this.$http.adornUrl(`/paymentMethodConfig/add`), //新增
              method: "post",
              data: this.$http.adornData({
                type:1,// 1.银行卡  2.c2c
                type: 1,// 1.银行卡  2.c2c
                methodImg: this.dataForm.methodImg,
                methodName: this.dataForm.methodName,
                methodType: this.arr.id,
@@ -412,9 +337,11 @@
  position: relative;
  overflow: hidden;
}

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

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

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