融信开立

front-vue/src/views/service/credit/addCredit.vue

@@ -0,0 +1,146 @@
+<template>
+    <div class="app-container">
+        <el-form ref="form" :model="form" :rules="rules" :inline="true" style="margin-top: 20px" label-width="auto" >
+            <el-divider content-position="left">开立融信</el-divider>
+            <el-row>
+                <el-col :span="8">
+                        <el-form-item label="开立方" prop="openName">
+                        <el-input v-model="form.openName" style="width: 200px" disabled />
+                        </el-form-item>
+                </el-col> 
+                <el-col :span="8">
+                    <el-form-item label="授信额度" prop="zfiCoreQuotaId">
+                        <el-select
+                            style="width: 200px"
+                            v-model="form.zfiCoreQuotaId"
+                            filterable
+                            clearable
+                            remote
+                            >
+                            <el-option
+                            v-for="item in creditLineList"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                            </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <div class="footer" style="float: right;
+            margin-bottom:2px;">
+           <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+        </div>
+  </div>
+</template>
+<script>
+import {listCreditLine} from "@/api/service/credit/credit";
+import {getRandom} from "@/api/common/getRandom";
+export default {
+    name: "addCredit",
+    components: {},
+    data() {
+        return {
+            // 总条数
+            total: 0,
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表单参数
+            form: {
+
+            },
+            // 表单校验
+            rules: {
+                
+            },
+           //授信
+           creditLineList:[]
+        
+        };
+    },
+    queryParams: {
+        //获取编号代表开立
+       type:'00'
+      },
+    created() {
+
+        getRandom().then((response) => {
+             if(response.data){
+                 this.$set(this.form, "openName",response.data.createUserName);
+             }
+        }),
+        //获取授信额度
+        listCreditLine().then((response) => {
+            this.creditLineList = response.data.map(item => {
+                return { value: item.zfpcrId, label: item.zfpName};
+            }); 
+        });
+        
+
+    },
+    methods: {
+
+        // 取消按钮
+        cancel() {
+            this.$store.dispatch("tagsView/delView", this.$route);
+            this.$router.go(-1);
+        },
+         /* 多选框跨页 */
+        rowkeyCustomer(row) {
+            return row.cciId;
+        },
+       
+        //表格变动触发事件
+        handle(){
+            
+        },
+    
+     
+        //新增
+        submitForm(){
+            this.$refs["form"].validate(valid => {
+                if (valid) {
+                const loading = this.$loading({
+                    lock: true,
+                    text: "Loading",
+                    spinner: "el-icon-loading",
+                    background: "rgba(0, 0, 0, 0.7)",
+                })
+              /*   addInf(this.form).then(response => {
+                    loading.close();
+                    this.msgSuccess("新增成功");
+                    this.$store.dispatch("tagsView/delView", this.$route);
+                    this.$router.go(-1);
+                }).catch((response)=>{
+                loading.close();
+                }); */
+                }
+            });
+        },
+       
+    }
+};
+</script>
+
+<style lang="scss">
+
+.uoloadfj .el-upload--picture-card{
+  width:110px;
+  height:110px;
+  line-height:110px;
+}
+.fjUoloadSty .el-upload--picture-card{
+  display:none;   
+}
+
+table th.star div::before {
+    content: '*';
+    color: red;
+}
+
+</style>