更新样式

src/layout/common/detailTop.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24">
         <el-col :span="22" class="title">
-          创建信息
+          信息管理
         </el-col>
         <el-col :span="2" class="btn">
           <el-button type="text" icon="el-icon-arrow-left" @click="goBack">返回</el-button>

src/views/financial/detail.vue

@@ -1,12 +1,17 @@
 <template>
   <div id="detail">
     <el-row>
-      <el-col :span="24">
+      <el-col :span="24" class="debt">
         <el-col :span="24" class="top">
-          头部
+          <topInfo :topTitle="topTitle" :display="display"></topInfo>
         </el-col>
-        <el-col :span="24">
-          <detailInfo :ruleForm="ruleForm" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
+        <el-col :span="24" class="main">
+          <el-col :span="24" class="back">
+            <detailTop @goBack="goBack"></detailTop>
+          </el-col>
+          <el-col :span="24" class="info">
+            <detailInfo :ruleForm="ruleForm" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
+          </el-col>
         </el-col>
       </el-col>
     </el-row>
@@ -14,28 +19,55 @@
 </template>
 
 <script>
+import topInfo from '@/layout/common/topInfo.vue';
+import detailTop from '@/layout/common/detailTop.vue';
 import detailInfo from '@/layout/institution/detailInfo.vue';
 export default {
   name: 'detail',
   props: {},
   components: {
+    topInfo, //头部导航
+    detailTop, //返回
     detailInfo, //提交
   },
   data: () => ({
+    display: 'none',
+    topTitle: '金融机构',
     ruleForm: {},
   }),
   created() {},
   computed: {},
   methods: {
+    // 提交
     submitForm(form) {
       console.log(form);
       this.resetForm();
     },
+    // 取消
     resetForm() {
       this.$router.push({ path: '/financial/index' });
     },
+    // 返回
+    goBack() {
+      this.$router.go(-1);
+    },
   },
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="less" scoped>
+.debt {
+  padding: 20px;
+}
+.top {
+  border-bottom: 1px solid #ccc;
+}
+.main {
+  border-radius: 10px;
+  margin: 20px 0 0 0;
+  box-shadow: 0 0 3px #666;
+}
+.main .back {
+  padding: 10px 0 10px 15px;
+}
+</style>

src/views/financial/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24" class="debt">
         <el-col :span="24" class="top">
-          <topInfo :topTitle="topTitle"></topInfo>
+          <topInfo :topTitle="topTitle" :display="display"></topInfo>
         </el-col>
         <el-col :span="24" class="search">
           <searchInfo></searchInfo>
@@ -29,6 +29,7 @@ export default {
     newsInfo, //
   },
   data: () => ({
+    display: 'none',
     topTitle: '金融机构',
     debtTable: [
       {
@@ -41,6 +42,7 @@ export default {
   created() {},
   computed: {},
   methods: {
+    // 修改
     handleClick(id) {
       this.$router.push({ path: '/financial/detail', query: { id: id } });
     },

src/views/otheruser/detail.vue

@@ -38,12 +38,15 @@ export default {
   created() {},
   computed: {},
   methods: {
+    // 提交
     submitForm(form) {
       console.log(form);
     },
+    // 取消
     resetForm() {
       console.log('返回');
     },
+    // 返回
     goBack() {
       this.$router.go(-1);
     },

src/views/otheruser/index.vue

@@ -51,6 +51,7 @@ export default {
   created() {},
   computed: {},
   methods: {
+    // 添加
     clickBtn() {
       this.$router.push({ path: '/otheruser/detail' });
     },