添加企业认证信息详情页面

src/components/authen/AgencyAuthentication.vue

@@ -66,7 +66,7 @@
           <el-button v-if="isModifyMode" type="primary" icon="el-icon-circle-plus" plain size="small"
                      @click="addAgencyResource">添加资源
           </el-button>
-          <span v-if="!isModifyMode" v-for="item in authentication.resource" :key="item">
+          <span v-if="!isModifyMode" v-for="item in authentication.resource" :key="item.id">
             资源类型：{{item.type}}；&nbsp;&nbsp;资源名称：{{item.name}}；&nbsp;&nbsp;资源总量：{{item.totalNum}}；&nbsp;&nbsp;可用资源：{{item.availableNum}}<br/>
           </span>
         </el-form-item>

src/components/authen/EnterpriseAuthentication.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="create-container">
-    <div class="create-body">
+    <div class="create-body" v-loading="loading">
       <div class="title">企业信息认证</div>
       <el-form :model="authentication" :rules="rules" ref="authentication" label-width="12%" class="demo-report">
         <el-form-item label="公司名" prop="name">
           <el-input v-if="isModifyMode" v-model="authentication.enterpriseName"></el-input>
-          <!--<span v-if="!isModifyMode">{{authentication.name}}</span>-->
+          <span v-if="!isModifyMode">{{authentication.enterpriseName}}</span>
         </el-form-item>
         <el-form-item label="公司营业执照" prop="file">
           <el-upload
+            v-if="isModifyMode"
             class="avatar-uploader"
             action="https://jsonplaceholder.typicode.com/posts/"
             :show-file-list="false"
@@ -17,6 +18,12 @@
             <img v-if="authentication.businessLicense" :src="authentication.businessLicense" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
+          <span v-if="!isModifyMode">
+          <el-image
+            style="width: 100px;"
+            :src="authentication.businessLicense"
+            fit="scale-down"></el-image>
+        </span>
           <!--<div v-if="!isModifyMode">-->
           <!--<span v-if="authentication.photo==null">暂无文件</span>-->
           <!--<a :href="authentication.photo" v-if="authentication.photo!=null"><i class="fa fa-file-text-o"></i>-->
@@ -25,28 +32,27 @@
         </el-form-item>
         <el-form-item label="公司法人姓名" prop="name">
           <el-input v-if="isModifyMode" v-model="authentication.enterpriseBossName"></el-input>
-          <!--<span v-if="!isModifyMode">{{authentication.name}}</span>-->
+          <span v-if="!isModifyMode">{{authentication.enterpriseBossName}}</span>
         </el-form-item>
         <el-form-item label="对公账户" prop="name">
           <el-input v-if="isModifyMode" v-model="authentication.bankAccount"></el-input>
-          <!--<span v-if="!isModifyMode">{{authentication.name}}</span>-->
+          <span v-if="!isModifyMode">{{authentication.bankAccount}}</span>
         </el-form-item>
         <el-form-item label="统一社会信用代码" prop="name">
           <el-input v-if="isModifyMode" v-model="authentication.USCC"></el-input>
-          <!--<span v-if="!isModifyMode">{{authentication.bankAccount}}</span>-->
+          <span v-if="!isModifyMode">{{authentication.USCC}}</span>
         </el-form-item>
         <el-form-item label="公司地址" prop="name">
           <el-input v-if="isModifyMode" v-model="authentication.enterpriseAddress"></el-input>
-          <!--<span v-if="!isModifyMode">{{authentication.address}}</span>-->
+          <span v-if="!isModifyMode">{{authentication.enterpriseAddress}}</span>
         </el-form-item>
 
-        <!--<el-form-item v-if="!isModifyMode">-->
-        <!--<div class="btn btn-medium btn-info" @click="modifyInfo()">修改</div>-->
-        <!--<div class="btn btn-medium" @click="cancelModify()">返回</div>-->
-        <!--</el-form-item>-->
+        <el-form-item v-if="!isModifyMode">
+          <div class="btn btn-medium btn-info" @click="modifyInfo()">修改</div>
+        </el-form-item>
         <el-form-item v-if="isModifyMode">
           <div class="btn btn-primary btn-info" @click="submitInfo()">提交</div>
-          <!--<div class="btn btn-primary" @click="cancelModify()">取消</div>-->
+          <div class="btn btn-primary" @click="cancelModify()">取消</div>
         </el-form-item>
       </el-form>
     </div>
@@ -57,7 +63,7 @@
 import Http from '@/js/http'
 import Apis from '@/js/api'
 import {notify} from '@/constants/index'
-import {storageGet} from '@/js/index'
+import {defaultValue, getCurrentAuthenInfo, storageGet} from '@/js/index'
 
 export default {
   name: 'EnterpriseAuthentication',
@@ -65,12 +71,13 @@ export default {
     return {
       userId: 0,
       user: {},
-      isModifyMode: true,
+      isModifyMode: false,
+      loading: false,
       authentication: {
         enterpriseName: '',
         enterpriseBossName: '',
-        bankAccount:'',
-        businessLicense: '',
+        bankAccount: '',
+        businessLicense: defaultValue.image,
         USCC: '',
         enterpriseAddress: ''
       },
@@ -104,9 +111,25 @@ export default {
     //初始化数据
     init () {
       this.setUserInfo()
+      this.getAuthInfo()
     },
     //加载数据
-    loadData: function () {
+    getAuthInfo () {
+      this.showLoading()
+      getCurrentAuthenInfo().then((res) => {
+        //this.authentication.photo = []
+        this.authentication.businessLicense = res.businessLicensePhoto == null ? defaultValue.image : res.businessLicensePhoto
+        this.authentication.enterpriseName = res.companyName == null ? '暂未填写' : res.companyName
+        this.authentication.enterpriseBossName = res.legalPersonName == null ? [] : res.legalPersonName
+        this.authentication.bankAccount = res.bankAccount == null ? [] : res.bankAccount
+        this.authentication.USCC = res.unifiedSocialCreditCode == null ? '暂未填写' : res.unifiedSocialCreditCode
+        this.authentication.enterpriseAddress = res.address == null ? '暂未填写' : res.address
+        this.hideLoading()
+        console.log(this.authentication)
+      }).catch((error) => {
+        this.hideLoading()
+        notify('error', '加载认证信息失败：' + error.data)
+      })
     },
     //表单进入可编辑状态，可修改表单，不再使用
     modifyInfo () {
@@ -179,6 +202,12 @@ export default {
     test () {
 
     },
+    showLoading () {
+      this.loading = true
+    },
+    hideLoading () {
+      this.loading = false
+    },
   },
 }
 </script>

src/components/commons/ProjectItem.vue

@@ -1,19 +1,20 @@
 <template>
   <div class="project-item-container">
-    <span class="col-xl-2 col-lg-3 col-md-4 col-sm-1">
+    <span class="col-xl-2 col-lg-3 col-md-4 col-sm-1" style="width: 15%">
       <img class="project-cover" src="@/assets/img/home_ban1.jpg">
     </span>
-    <span class="project-title col-md-2 col-sm-10">{{project.name}}</span>
-    <span class="project-title col-md-2 col-sm-10">{{project.id}}</span>
-    <span class="col-md-2 col-sm-10">
+    <span class="project-title col-md-2 col-sm-10" style="width: 15%;font-size: 12px">{{project.name}}</span>
+    <span class="project-title col-md-2 col-sm-10" style="width: 10%;font-size: 12px">{{project.id}}</span>
+    <span class="col-md-2 col-sm-10" style="width: 10%">
       <span
+        style="font-size: 10px;"
         v-bind:class="['badge',{ 'ios-platform': item=='IOS','android-platform': item=='ANDROID','web-platform': item=='WEB'}]"
         v-for="item in project.platform"
       >{{item}}</span>
     </span>
-    <span class="col-md-1 col-sm-5">¥{{project.price}}</span>
-    <span class="project-td">
-      <span class="btn btn-medium btn-info" @click="goToProjectDetail(project.id)">查看详情</span>
+    <span class="col-md-1 col-sm-5" style="width: 10%;font-size: 12px"><div class="badge">¥{{project.budget}}</div></span>
+    <span class="project-td" style="width: 15%">
+      <span class="btn btn-small btn-info" @click="goToProjectDetail(project.id)">查看详情</span>
     </span>
   </div>
 </template>
@@ -48,9 +49,12 @@ export default {
 
 <style lang="less" scoped>
   .project-item-container {
-    padding: 20px;
+    /*padding: 20px;*/
+    padding-top: 10px;
+    padding-bottom: 10px;
     border: 1px solid #eee;
-    margin: 15px 5px;
+    margin-top: 5px;
+    margin-bottom: 5px;
     span {
       display: inline-block;
     }

src/js/index.js

@@ -380,16 +380,16 @@ export const getCurrentAuthenInfo = () => {
     //共有
     id: 1,
     userId: 3,
-    bankAccount: '',
-    address: '',
+    bankAccount: '621000999000999000',
+    address: '江苏科技大厦1901',
     status: '',
     rejectReason: '',
     createTime: '',
     //企业
-    companyName: '',
-    legalPersonName: '',
-    businessLicensePhoto: '',
-    unifiedSocialCreditCode: '',
+    companyName: '慕测呀',
+    legalPersonName: '郭超啊',
+    businessLicensePhoto: null,
+    unifiedSocialCreditCode: '1900000000086',
 
   }
   const agencyData = {
@@ -424,7 +424,7 @@ export const getCurrentAuthenInfo = () => {
     agencyPhoto: 'http://www.mooctest.net/assets/img/mooctest.png',
   }
   return new Promise((resolve) => {
-    resolve(agencyData)
+    resolve(enterpriseData)
   })
 }
 //放弃认证