往来单位

src/views/contactsUnit/add.vue

 <template>
   <div class="contactsUnitAdd">
     <div class="addTitle">新增往来单位</div>
-    <el-form ref="form" inline :model="form" label-width="auto" label-position="right">
+    <el-form ref="form" inline :model="form" :disabled="$route.query.type === 'details'" label-width="auto" label-position="right">
       <div class="step-header">
         <div class="step-label">基本信息</div>
       </div>
@@ -105,7 +105,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <div>
+      <div v-if="$route.query.type !== 'details'">
         <el-button style="margin-top: 140px" type="success" @click.stop="add()">保 存</el-button>
       </div>
     </el-form>
@@ -137,7 +137,7 @@ export default {
     }
   },
   created() {
-    if (this.$route.query.type === 'update') {
+    if (this.$route.query.type === 'update' || this.$route.query.type === 'details') {
       this.getDetail()
     }
   },

src/views/contactsUnit/index.vue

@@ -40,6 +40,7 @@
         <el-table-column width="180px" label="操作">
           <template slot-scope="{ row }">
             <el-link :underline="false" type="primary" @click.stop="updateForm(row)">修改</el-link>
+            <el-link :underline="false" type="success" style="margin-left: 10px " @click.stop="checkDetails(row)">查看</el-link>
             <el-link :underline="false" type="danger" style="margin-left: 10px " @click.stop="del(row)">删除</el-link>
           </template>
         </el-table-column>
@@ -100,6 +101,16 @@ export default {
           data: row
         }
       })
+    },
+    /** 查看按钮 */
+    checkDetails(row) {
+      this.$router.push({
+        path: '/contactsUnit/add',
+        query: {
+          type: 'details',
+          data: row
+        }
+      })
     }
   }
 }