优化上传p8key文件

fir_client/src/components/user/FirSuperSignBase.vue

@@ -555,8 +555,23 @@
             </el-form-item>
 
             <el-form-item label="p8key" label-width="110px">
+              <el-row>
+                <el-col :span="18">
                   <el-input v-model="editdeveloperinfo.p8key"
-                        :placeholder="placeholder" :rows="6" type="textarea"/>
+                            placeholder="请填写或者上传p8key" :rows="6" type="textarea"/>
+                </el-col>
+                <el-col :span="6">
+                  <el-upload
+                      style="margin-top: 50px"
+                      :before-upload="beforep8keyUpload"
+                      :limit="1"
+                      accept=".p8"
+                      action="#"
+                  >
+                    <el-button size="small" type="primary">点击上传p8证书文件</el-button>
+                  </el-upload>
+                </el-col>
+              </el-row>
             </el-form-item>
           </div>
 
@@ -588,8 +603,8 @@
 
           <h1>注意事项：</h1>
           <p>1.添加后，请勿撤销 API 密钥，否则会导致用户安装的软件闪退或无法安装！</p>
-          <p>2.每个开发者账号最多可创建两本证书，请确保至少还可以创建一本证书！</p>
-          <p>3.添加后，激活开发者账户，然后您就可以上传p12证书或者通过系统自动创建证书、设备和描述文件，请勿删除这些文件，否则会导致用户安装的软件闪退或无法安装！</p>
+          <p>2.每个开发者账号最多可创建两本证书，请确保至少还可以创建一本证书！若您有可用的开发者证书，可将可用的p12开发证书导入使用。</p>
+          <p>3.添加完成后，您可以上传p12证书或者通过系统自动创建证书、设备和描述文件，请勿删除这些文件，否则会导致用户安装的软件闪退或无法安装！</p>
 
         </el-card>
       </el-tab-pane>
@@ -1122,7 +1137,7 @@ export default {
       dialogaddDeveloperVisible: false,
       importcertDeveloperVisible: false,
       title: "",
-      editdeveloperinfo: {auth_type: 0, usable_number: 100, app_limit_number: 100},
+      editdeveloperinfo: {auth_type: 0, usable_number: 100, app_limit_number: 100,p8key: ''},
       isedit: false,
       placeholder: "",
       pagination: {"currentPage": 1, "total": 0, "pagesize": 10},
@@ -1313,6 +1328,21 @@ export default {
         }
       })
     },
+    beforep8keyUpload(file){
+      let reader = new FileReader(); //这是核心,读取操作就是由它完成.
+      reader.readAsText(file); //读取文件的内容,也可以读取文件的URL
+      // eslint-disable-next-line no-unused-vars
+      reader.onload = res => {
+        //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
+        let text = reader.result;
+        if(text.startsWith('-----BEGIN PRIVATE KEY')){
+          this.editdeveloperinfo.p8key = reader.result.toString()
+        }else {
+          this.$message.warning("p8key文件不正确")
+        }
+      }
+      return false
+    },
     beforeAvatarUpload(file) {
       const isLt2M = file.size / 1024 / 1024 < 2;
       if (file.type === 'application/x-pkcs12') {