1

admin

2026-01-06 089bf5d2378b3c4a61d795b2a92bede2c193b771

 src/views/modules/mining/loan-add-or-update.vue

New file
@@ -0,0 +1,272 @@
<template>
  <el-dialog :title="!dataForm ? '新增' : '修改'" :close-on-click-modal="false" width="1100px" :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
      label-width="150px">
      <el-form-item class="titleDivTwo" label="基础信息" prop="">
      </el-form-item>
      <el-row>
        <el-col :span="8">
          <el-form-item label="用户账号" prop="userName">
            <el-input disabled v-model="dataForm.userName" placeholder="用户名称"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="借贷币种" prop="symbol">
            <el-input v-model="dataForm.symbol" placeholder="借贷币种"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="借贷额度" prop="quota">
            <el-input v-model="dataForm.quota" placeholder="借贷额度"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="利息" prop="quota">
            <!-- <el-input v-model="dataForm.quota" placeholder="借贷额度"></el-input> -->
            <div>{{ dataForm.dailyRate * dataForm.quota }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="审核状态" prop="state[1]">
            <el-select class="speaInputTwo" v-model="dataForm.state[1]" :disabled='dataForm ? true : false'
              placeholder="请选择" @change="changeVal()">
              <el-option v-for="item in direction" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <!-- <el-col :span="8">
          <el-form-item label="借贷期限(天)" prop="term">
            <el-input disabled v-model="dataForm.term" placeholder="天"></el-input>
          </el-form-item>
        </el-col> -->
        <!-- <el-col :span="8">
          <el-form-item label="申请时间" prop="createTime">
            <el-input v-model="dataForm.createTime" :disabled = 'dataForm?true:false' placeholder="申请时间"></el-input>
          </el-form-item>
        </el-col> -->
      </el-row>
      <!-- <el-row>
        <el-col :span="8">
          <el-form-item label="还款周期(天)" prop="repayCycle">
            <el-input disabled v-model="dataForm.repayCycle" placeholder="天"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="日利率" prop="dailyRate">
            <el-input disabled v-model="dataForm.dailyRate" placeholder=""></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="放款机构" prop="lendingName">
            <el-input disabled v-model="dataForm.lendingName" placeholder=""></el-input>
          </el-form-item>
        </el-col>
      </el-row> -->

      <!-- <el-row>
        <el-col :span="8">
          <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"
            >
              <img v-if="dataForm.houseImgs && dataForm.houseImgs[0]" :src="dataForm.houseImgs[0]" class="avatar" />
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <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"
            >
              <img v-if="dataForm.houseImgs && dataForm.houseImgs[1]" :src="dataForm.houseImgs[1]" class="avatar" />
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <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"
            >
              <img v-if="dataForm.houseImgs && dataForm.houseImgs[2]" :src="dataForm.houseImgs[2]" class="avatar" />
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row> -->
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
    </span>
  </el-dialog>
</template>
<script>
import { Debounce } from "@/utils/debounce";
export default {
  data() {
    return {
      visible: false,
      imageUrl: "",
      dataForm: {
        id: null,
        // roleName: "",
        // remark: "",
        // name: "",
        // state: "",
      },
      direction: [
        {
          label: "未审",
          value: "1",
        },
        {
          label: "通过",
          value: "2",
        },
        {
          label: "驳回",
          value: "3",
        },
      ],
      dataRule: {
        roleName: [
          { required: true, message: "角色名称不能为空", trigger: "blur" },
        ],
      },
      tempKey: -666666, // 临时key, 用于解决tree半选中状态项不能传给后台接口问题. # 待优化
    };
  },
  methods: {
    init(id) {
      this.dataForm = id || {};
      this.visible = true;
      console.log("this.dataForm", id);
    },
    changeVal(val) {
      this.$forceUpdate();
    },
    handleAvatarSuccess(res, file) {
      this.dataForm.methodImg = res.data.path;
      console.log(file);
      this.imageUrl = URL.createObjectURL(file.raw);
      console.log(this.imageUrl);
    },
    beforeAvatarUpload(file) {
      // const isJPG = file.type === 'image/jpeg';
      const isLt2M = file.size / 1024 / 1024 < 10;

      // if (!isJPG) {
      //   this.$message.error('上传头像图片只能是 JPG 格式!');
      // }
      if (!isLt2M) {
        this.$message.error("上传图片大小不能超过 10MB!");
      }
      // return isJPG && isLt2M;
      return isLt2M;
    },
    // 表单提交
    dataFormSubmit: Debounce(function () {
      this.$refs["dataForm"].validate((valid) => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(`/normal/loanadmin!modify.action`),
            method: "post",
            data: this.$http.adornData({
              orderNo: this.dataForm.uuid,
              // img_idimg_1: this.dataForm.houseImgs[0],
              // img_idimg_2: this.dataForm.houseImgs[1],
              // img_idimg_3: this.dataForm.houseImgs[2],
              // partyId: this.dataForm.userName,
              symbol: this.dataForm.symbol,
              quota: this.dataForm.quota,
              // state: this.dataForm.state,
              // term: this.dataForm.term,
              // createTime: this.dataForm.createTime,
              // repayCycle: this.dataForm.repayCycle,
              // dailyRate: this.dataForm.dailyRate,

            }),
          }).then(({ data }) => {
            if (data.code == 0) {
              this.$message({
                message: "操作成功",
                type: "success",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                },
              });
            } else {
              this.$message({
                message: data.msg,
                type: "error",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                },
              });
            }

          });
        }
      });
    }),
  },
};
</script>
<style scoped>
.titleDivTwo {
  height: 40px;
  border-left: 3px solid #1c4efa;
  background: #f4f7ff;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

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

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>