Added the full name to the list/edit

src/api/account.js

@@ -13,6 +13,7 @@ export function fetchAccount(id) {
 export function createAccount(data) {
   const dto = {
     'name': data.name,
+    'fullName': data.fullName || data.name,
     'type': data.type,
     'email': data.email,
     'platform': data.platform || 'OLFDE',
@@ -32,6 +33,7 @@ export function createAccount(data) {
 export function updateAccount(data) {
   const dto = {
     'name': data.name,
+    'fullName': data.fullName || data.name,
     'type': data.type,
     'email': data.email,
     'platform': data.platform,

src/views/accounts/components/AccountDetail.vue

@@ -22,8 +22,15 @@
               </el-row>
               <el-row>
                 <el-col :span="8">
-                  <el-form-item label-width="120px" label="Name" class="postInfo-container-item">
+                  <el-form-item label-width="120px" label="Display Name" class="postInfo-container-item">
-                    <el-input v-model="postForm.name" placeholder="Account Name" />
+                    <el-input v-model="postForm.name" placeholder="Display Name" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label-width="120px" label="Full Name" class="postInfo-container-item">
+                    <el-input v-model="postForm.fullName" placeholder="Full Name" />
                   </el-form-item>
                 </el-col>
               </el-row>

src/views/accounts/list.vue

@@ -15,6 +15,12 @@
         </template>
       </el-table-column>
 
+      <el-table-column align="center" label="Full Name" width="200">
+        <template slot-scope="scope">
+          <span>{{ scope.row.fullName || scope.row.name }}</span>
+        </template>
+      </el-table-column>
+
       <el-table-column align="center" label="Email" width="250">
         <template slot-scope="scope">
           <span>{{ scope.row.email }}</span>