生日祝福背景图修改；上传证书时添加证书名称字段

src/views/HomeView/EarnPoints.vue

@@ -6,9 +6,7 @@
           <el-button size="small" type="primary" @click="dialogVisible = true">上传证书</el-button>
           <el-table size="small" :data="dataList" border style="margin-top: 20px;width: 100%">
             <el-table-column align="center" type="index" width="50" label="序号"></el-table-column>
-            <el-table-column min-width="100" align="center" prop="typeName" label="类型"></el-table-column>
-            <el-table-column align="center" prop="categoryName" min-width="100" label="名称"></el-table-column>
-            <el-table-column align="center" min-width="200" label="证书">
+            <el-table-column align="center" min-width="200" label="附件">
               <template slot-scope="props">
                 <div v-for="(item, index) in props.row.files" :key="index">
                   <a style="color: #1e80ff;" target="_blank" :href="item.url">{{ item.oldName }}</a>
@@ -16,6 +14,9 @@
 
               </template>
             </el-table-column>
+            <el-table-column min-width="100" align="center" prop="typeName" label="证书大类"></el-table-column>
+            <el-table-column align="center" prop="categoryName" min-width="100" label="证书类型"></el-table-column>
+            <el-table-column align="center" prop="title" min-width="100" label="证书名称"></el-table-column>
             <el-table-column align="center" prop="integral" min-width="100" label="积分"></el-table-column>
             <el-table-column min-width="60" align="center" prop="statusName" label="状态"></el-table-column>
             <el-table-column min-width="150" align="center" prop="createTime" label="上传时间"></el-table-column>
@@ -37,14 +38,17 @@
       </el-tabs>
     </div>
     <el-dialog title="上传证书" :visible.sync="dialogVisible" width="40%">
-      <el-form :rules="rules" ref="dataForm" :model="dataForm" label-width="80px">
+      <el-form :rules="rules" ref="dataForm" :model="dataForm" label-width="100px">
         <el-form-item label="类别:" prop="type">
           <el-cascader clearable size="small" style="width: 95%;" v-model="dataForm.type" :options="typeList"
           :props="{ value: 'id',label: 'typeName',children: 'children'}"
             @change="handleChange"></el-cascader>
         </el-form-item>
-
-        <el-form-item label="证书:" prop="fileIds">
+        <el-form-item label="证书名称:" prop="title">
+          <el-input clearable style="width: 95%;" size="small" v-model="dataForm.title"></el-input>
+        </el-form-item>
+        
+        <el-form-item label="证书附件:" prop="fileIds">
           <el-upload :action="fileUrl" :file-list="dataForm.files" :on-success="handleAvatarSuccess"
             :before-upload="beforeUploadFile" :on-remove="handleRemove">
             <el-button size="small" type="primary">点击上传</el-button>
@@ -71,6 +75,7 @@ export default {
       dialogVisible: false,
       rules: {
         type: [{ required: true, message: "请选择证书类别", trigger: "blur" }],
+        title: [{ required: true, message: "请填写证书名称", trigger: "blur" }],
         fileIds: [{ required: true, message: "请上传附件", trigger: "blur" }],
       },
       total: 0,
@@ -80,6 +85,7 @@ export default {
       },
       dataForm: {
         type: [],
+        title:'',
         fileIds: '',
         files:[],
       }