x

src/App.vue

 <template>
     <div id="app">
-        <keep-alive exclude="index">
+        <keep-alive exclude="index,listDetail">
             <router-view class="router-view"></router-view>
         </keep-alive>
     </div>

src/assets/css/store/listDetail.less

+.listDetail{
+    .detail-nav{
+        background: #fff;
+        padding:20px;
+        font-size: 14px;
+        color:#333;
+        span{
+            margin-right: 45px;
+        }
+    }
+}
\ No newline at end of file

src/assets/css/store/listDetail.min.css

+.listDetail .detail-nav{background:#fff;padding:20px;font-size:14px;color:#333}.listDetail .detail-nav span{margin-right:45px}
\ No newline at end of file

src/views/Store/enter.vue

@@ -35,7 +35,7 @@
           </el-table-column>
           <el-table-column label="单号" min-width="20%">
             <template slot-scope="scope">
-              <a :href="'/#/listDetail?sn='+scope.row.up_sn" class="f-blue">{{scope.row.up_sn}}</a>
+              <a :href="'/#/listDetail?sn='+scope.row.up_sn+'&id='+scope.row.id"  class="f-blue">{{scope.row.up_sn}}</a>
             </template>
           </el-table-column>
           <el-table-column prop="file_name" label="文件名字" min-width="20%">

src/views/Store/listDetail.vue

 <template>
-    <div class="index pagex">
-        我是库存列表详情
+    <div class="listDetail pagex">
+        <div class="detail-nav">
+          <span>单号：SD202104060008</span>
+          <span>文件名：圣和堂-联营数据上传.csv</span>
+          <span>上传时间：2021-03-30</span>
+          <span>状态：处理中</span>
+        </div> 
         <Menu/>
     </div>
 
@@ -22,24 +27,18 @@
     },
     watch: {},
     created() {
-
+      this.getInfo()
+        console.log(this.$route.query.params)
     },
     computed: {},
     methods: {
-      ceshi() {
-          //this.$message.error('上传头像图片只能是 JPG 格式!');
-        Message('这是一条消息提示');
-        this.$http('get', "/getJoke1", {
-          page: 1, count: 2, type: 'video'
-        })
-          .then(res => {
-            console.log(res)
-          })
-          .catch(err => {
-            console.log(err.message);
-          })
+       getInfo(){
+          this.$http('get', "/api/uploadSku/info", {
+          id: this.$route.query.id
+        }).then(res => {
 
-      }
+        })
+       }
     },
     components: {
       Menu
@@ -47,5 +46,5 @@
   };
 </script>
 <style scoped>
-    /* @import "../../assets/css/index/index.min.css"; */
+    @import "../../assets/css/store/listDetail.min.css";
 </style>
\ No newline at end of file