x

83d268da · 肖康 · bf8d8f51 · 83d268da · 83d268da · 83d268da
Commit 83d268da authored May 12, 2021 by 肖康
Showing with 180 additions and 419 deletions
src/assets/css/public/common.less
src/assets/css/public/common.min.css
src/assets/css/store/enter.less
src/assets/css/store/enter.min.css
src/assets/css/list/list.less → src/assets/css/store/list.less
src/assets/css/store/list.min.css
src/main.js
src/views/Store/enter.vue
src/views/Store/list.vue
src/views/Store/listDetail.vue
--- a/src/assets/css/public/common.less
+++ b/src/assets/css/public/common.less
@@ -307,7 +307,13 @@ body {
  }
+  .th-all{
+    .el-table__header {
+      th {
+        background-color: #F1F4FA
+      }
+    }
+  }
  .el-table__fixed {
    .el-table__header {
      th {
@@ -322,7 +328,20 @@ body {
  .el-table th.is-leaf {
    border-bottom: 1px solid #D2D9E7;
  }
+  .el-table--border{
+    border-bottom:0px!important;
+    position: relative;
+    &::after{
+      content:"";
+      position: absolute;
+      width:100%;
+      height:1px;
+      background: red;
+      left:0px;
+      bottom:-1px;
+      z-index: 3;
+    }
+  }
  .el-table--border td,
  .el-table--border th,
  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {

--- a/src/assets/css/public/common.min.css
+++ b/src/assets/css/public/common.min.css
-html {
+html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}html,body{font-family:PingFangSC-Regular,PingFang SC,'Microsoft Yahei',sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:#646B78}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none;-webkit-appearance:none}input[type=button],input[type=file],input[type=submit]{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}em,b,i{font-style:normal}a{text-decoration:none}img{border:none}.clr{*zoom:1;clear:both}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}html,body{width:100%;height:100%;-webkit-overflow-scrolling:touch}body{overflow-x:hidden;background:#F1F4FA}.f-blue{color:#1969F9}.el-message--info{min-width:auto !important;border:0px !important;background:rgba(0,0,0,0.4) !important}.el-message--info .el-icon-info{display:none}.el-message--info .el-message__content{color:#fff !important}.pagex{padding:20px}.pagex .el-input__inner{height:38px;border-radius:2px;border:1px solid #BEC9DF;font-size:14px}.pagex .el-input__inner:focus{border:1px solid #387FFF}.pagex .el-form-item__label{color:#666}.pagex .el-range-editor.el-input__inner{width:257px}.pagex .el-select .el-input.is-focus .el-input__inner,.pagex .el-range-editor.is-active,.pagex .el-range-editor.is-active:hover{border-color:#387FFF}.pagex .el-select{width:100px}.pagex .el-form--inline .el-form-item{margin-right:30px}.pagex .el-message--info{min-width:auto !important;border:0px !important;background:rgba(0,0,0,0.4) !important}.pagex .el-message--info .el-icon-info{display:none}.pagex .el-message--info .el-message__content{color:#fff !important}.pagex .el-table{color:#646B78}.pagex .el-checkbox__input.is-checked .el-checkbox__inner,.pagex .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1969F9;border-color:#1969F9}.pagex .el-table__header th{font-weight:normal}.pagex .el-table__header .el-table__body tr.hover-row>td{background-color:#F1F8FF}.pagex .th-all .el-table__header th{background-color:#F1F4FA}.pagex .el-table__fixed{box-shadow:1px 2px 10px 3px rgba(119,135,145,0.5)}.pagex .el-table__fixed .el-table__header th{background-color:#F1F4FA}.pagex .el-table td,.pagex .el-table th.is-leaf{border-bottom:1px solid #D2D9E7}.pagex .el-table--border{border-bottom:0px!important;position:relative}.pagex .el-table--border::after{content:"";position:absolute;width:100%;height:1px;background:red;left:0px;bottom:-1px;z-index:3}.pagex .el-table--border td,.pagex .el-table--border th,.pagex .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #D2D9E7}.pagex .el-table--border,.pagex .el-table--group{border:1px solid #D2D9E7}.pagex .el-table__body-wrapper::-webkit-scrollbar{width:18px}.pagex .el-table__body-wrapper::-webkit-scrollbar-thumb{border-radius:8px;background:#fff;width:18px;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.2)}.pagex .el-table__body-wrapper::-webkit-scrollbar-track{border-radius:0;background:#D2D9E7}.el-dialog__body{padding:20px !important}.el-dialog__title{font-size:14px;color:#333;font-weight:bold;position:relative}.el-dialog__title::after{content:"";position:absolute;width:5px;height:22px;background:#1969F9;left:-20px;top:2px}.el-icon-close{font-size:24px}.el-icon-close:hover,.el-icon-close:focus{color:#1969F9 !important}.el-message-box__container{text-align:center;padding:15px 0px}.el-message-box__message{display:inline-block}.el-message-box__message p{color:#333;font-size:16px}.el-message-box__status.el-icon-error{color:#FC1F00 !important;font-size:25px !important}.el-message-box__close:before{content:"\E609"}.el-message-box__btns .el-button,.dialog-footer .el-button{width:76px;height:34px;text-align:center;line-height:34px;background:#E8ECF4;border:1px solid #E8ECF4;border-radius:2px;color:#8391AD;font-size:14px;padding:0px}.el-message-box__btns .el-button:hover,.dialog-footer .el-button:hover,.el-message-box__btns .el-button:focus,.dialog-footer .el-button:focus{color:#8391AD;background:#E8ECF4;border:1px solid #E8ECF4}.el-message-box__btns .el-button.el-button--primary,.dialog-footer .el-button.el-button--primary{border:1px solid #1969F9;color:#fff;background:#1969F9}.el-message-box__btns .el-button.el-button--primary:hover,.dialog-footer .el-button.el-button--primary:hover,.el-message-box__btns .el-button.el-button--primary:focus,.dialog-footer .el-button.el-button--primary:focus{color:#fff;background:#1969F9;border:1px solid #1969F9}
-  -webkit-text-size-adjust: 100%;
\ No newline at end of file
-  -ms-text-size-adjust: 100%;
-}
-html * {
-  outline: 0;
-  -webkit-text-size-adjust: none !important;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
-}
-html,
-body {
-  font-family: PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 14px;
-  color: #646B78;
-}
-body,
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-code,
-form,
-fieldset,
-legend,
-input,
-textarea,
-p,
-blockquote,
-th,
-td,
-hr,
-button,
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-menu,
-nav,
-section {
-  margin: 0;
-  padding: 0;
-}
-button,
-input,
-select,
-textarea {
-  font-size: 100%;
-  border: none;
-  -webkit-appearance: none;
-}
-input[type=button],
-input[type=file],
-input[type=submit] {
-  cursor: pointer;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-ol,
-ul,
-dl {
-  list-style: none;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-  font-weight: 500;
-}
-em,
-b,
-i {
-  font-style: normal;
-}
-a {
-  text-decoration: none;
-}
-img {
-  border: none;
-}
-.clr {
-  *zoom: 1;
-  clear: both;
-}
-.clr:after {
-  content: ".";
-  clear: both;
-  height: 0;
-  visibility: hidden;
-  display: block;
-}
-.fl {
-  float: left;
-  _display: inline;
-}
-.fr {
-  float: right;
-  _display: inline;
-}
-.va-t {
-  vertical-align: top;
-}
-.va-m {
-  vertical-align: middle;
-}
-.va-b {
-  vertical-align: bottom;
-}
-.lineBlock {
-  display: inline-block;
-  *display: inline;
-  zoom: 1;
-  letter-spacing: normal;
-  word-spacing: normal;
-}
-.lbBox {
-  font-size: 0 !important;
-  *word-spacing: -1px !important;
-}
-.emptys {
-  margin-left: -1px;
-  width: 1px;
-  height: 100%;
-  font-size: 0;
-  vertical-align: middle;
-}
-.boxsiz {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.column {
-  display: flex;
-  flex-direction: column;
-}
-.row {
-  display: flex;
-  flex-direction: row;
-}
-/* 两侧对齐 */
-.bothSide {
-  justify-content: space-between;
-}
-/* 平均分布 */
-.avarage {
-  justify-content: space-around;
-}
-/* 水平居中 */
-.rowCenter {
-  justify-content: center;
-}
-/* 垂直居中 */
-.verCenter {
-  align-items: center;
-}
-.boxFlex {
-  -webkit-box-flex: 1;
-  -moz-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-html,
-body {
-  width: 100%;
-  height: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-body {
-  overflow-x: hidden;
-  background: #F1F4FA;
-}
-.f-blue {
-  color: #1969F9;
-}
-/**element-ui 样式重写**/
-.el-message--info {
-  min-width: auto !important;
-  border: 0px !important;
-  background: rgba(0, 0, 0, 0.4) !important;
-}
-.el-message--info .el-icon-info {
-  display: none;
-}
-.el-message--info .el-message__content {
-  color: #fff !important;
-}
-.pagex {
-  padding: 20px;
-}
-.pagex .el-input__inner {
-  height: 38px;
-  border-radius: 2px;
-  border: 1px solid #BEC9DF;
-  font-size: 14px;
-}
-.pagex .el-input__inner:focus {
-  border: 1px solid #387FFF;
-}
-.pagex .el-form-item__label {
-  color: #666;
-}
-.pagex .el-range-editor.el-input__inner {
-  width: 257px;
-}
-.pagex .el-select .el-input.is-focus .el-input__inner,
-.pagex .el-range-editor.is-active,
-.pagex .el-range-editor.is-active:hover {
-  border-color: #387FFF;
-}
-.pagex .el-select {
-  width: 100px;
-}
-.pagex .el-form--inline .el-form-item {
-  margin-right: 30px;
-}
-.pagex .el-message--info {
-  min-width: auto !important;
-  border: 0px !important;
-  background: rgba(0, 0, 0, 0.4) !important;
-}
-.pagex .el-message--info .el-icon-info {
-  display: none;
-}
-.pagex .el-message--info .el-message__content {
-  color: #fff !important;
-}
-.pagex .el-table {
-  color: #646B78;
-}
-.pagex .el-checkbox__input.is-checked .el-checkbox__inner,
-.pagex .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  background-color: #1969F9;
-  border-color: #1969F9;
-}
-.pagex .el-table__header th {
-  font-weight: normal;
-}
-.pagex .el-table__header .el-table__body tr.hover-row > td {
-  background-color: #F1F8FF;
-}
-.pagex .el-table__fixed {
-  box-shadow: 1px 2px 10px 3px rgba(119, 135, 145, 0.5);
-}
-.pagex .el-table__fixed .el-table__header th {
-  background-color: #F1F4FA;
-}
-.pagex .el-table td,
-.pagex .el-table th.is-leaf {
-  border-bottom: 1px solid #D2D9E7;
-}
-.pagex .el-table--border td,
-.pagex .el-table--border th,
-.pagex .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
-  border-right: 1px solid #D2D9E7;
-}
-.pagex .el-table--border,
-.pagex .el-table--group {
-  border: 1px solid #D2D9E7;
-}
-.pagex .el-table__body-wrapper::-webkit-scrollbar {
-  width: 18px;
-}
-.pagex .el-table__body-wrapper::-webkit-scrollbar-thumb {
-  border-radius: 8px;
-  background: #fff;
-  width: 18px;
-  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
-}
-.pagex .el-table__body-wrapper::-webkit-scrollbar-track {
-  border-radius: 0;
-  background: #D2D9E7;
-}
-.el-dialog__body {
-  padding: 20px !important;
-}
-.el-dialog__title {
-  font-size: 14px;
-  color: #333;
-  font-weight: bold;
-  position: relative;
-}
-.el-dialog__title::after {
-  content: "";
-  position: absolute;
-  width: 5px;
-  height: 22px;
-  background: #1969F9;
-  left: -20px;
-  top: 2px;
-}
-.el-icon-close {
-  font-size: 24px;
-}
-.el-icon-close:hover,
-.el-icon-close:focus {
-  color: #1969F9 !important;
-}
-.el-message-box__container {
-  text-align: center;
-  padding: 15px 0px;
-}
-.el-message-box__message {
-  display: inline-block;
-}
-.el-message-box__message p {
-  color: #333;
-  font-size: 16px;
-}
-.el-message-box__status.el-icon-error {
-  color: #FC1F00 !important;
-  font-size: 25px !important;
-}
-.el-message-box__close:before {
-  content: "\E609";
-}
-.el-message-box__btns .el-button,
-.dialog-footer .el-button {
-  width: 76px;
-  height: 34px;
-  text-align: center;
-  line-height: 34px;
-  background: #E8ECF4;
-  border: 1px solid #E8ECF4;
-  border-radius: 2px;
-  color: #8391AD;
-  font-size: 14px;
-  padding: 0px;
-}
-.el-message-box__btns .el-button:hover,
-.dialog-footer .el-button:hover,
-.el-message-box__btns .el-button:focus,
-.dialog-footer .el-button:focus {
-  color: #8391AD;
-  background: #E8ECF4;
-  border: 1px solid #E8ECF4;
-}
-.el-message-box__btns .el-button.el-button--primary,
-.dialog-footer .el-button.el-button--primary {
-  border: 1px solid #1969F9;
-  color: #fff;
-  background: #1969F9;
-}
-.el-message-box__btns .el-button.el-button--primary:hover,
-.dialog-footer .el-button.el-button--primary:hover,
-.el-message-box__btns .el-button.el-button--primary:focus,
-.dialog-footer .el-button.el-button--primary:focus {
-  color: #fff;
-  background: #1969F9;
-  border: 1px solid #1969F9;
-}
-/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
--- a/src/assets/css/store/enter.less
+++ b/src/assets/css/store/enter.less
+.enter{
+    .enter-con{
+        background: #FFFFFF;
+        border-radius: 4px;
+        border: 1px solid #E5EBF6;
+        padding:20px;
+    }
+    .search-btn{
+        cursor: pointer;
+        width: 76px;
+        height: 37px;
+        line-height: 37px;
+        background: #1969F9;
+        border-radius: 2px;
+        font-size: 14px;
+        color:#fff;
+        text-align: center;
+        &:hover{
+            background: #0050E0;
+        }
+    }
+    .btn-nav{
+        margin-top: 11px;
+        margin-bottom: 22px;
+        .dcg{
+            width: 66px;
+            height: 26px;
+            border-radius: 2px;
+            text-align: center;
+            line-height: 26px;
+            border: 1px solid #1969F9;
+            background: #fff;
+            color:#1969F9;
+            margin-right: 10px;
+            font-size: 14px;
+            transition: all 0.5s;
+            &.long{width:95px;}
+            &:hover{
+                background: #1969F9;
+                cursor: pointer;
+                color:#fff;
+            }
+            &.delbtn{
+                border:1px solid #FC1F00;
+                background: #FFE7E3;
+                color:#FC1F00;
+                &:hover{
+                    background: #FF715D;
+                    color:#fff;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
--- a/src/assets/css/store/enter.min.css
+++ b/src/assets/css/store/enter.min.css
+.enter .enter-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.enter .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.enter .search-btn:hover{background:#0050E0}.enter .btn-nav{margin-top:11px;margin-bottom:22px}.enter .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#fff;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.enter .btn-nav .dcg.long{width:95px}.enter .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.enter .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.enter .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}
\ No newline at end of file
--- a/src/assets/css/list/list.less
+++ b/src/assets/css/list/list.less
 .store-con{
    background: #FFFFFF;
    border-radius: 4px;
@@ -7,8 +6,8 @@
    .search-btn{
        cursor: pointer;
        width: 76px;
-        height: 36px;
+        height: 37px;
-        line-height: 36px;
+        line-height: 37px;
        background: #1969F9;
        border-radius: 2px;
        font-size: 14px;
@@ -60,6 +59,11 @@
            }
            &.heti{
                width:56px;
+                background: #fff;
+                &:hover{
+                    background: #E5EEFF;
+                    color:#1969F9;
+                }
            }
            &.xjk{
                position: relative;

--- a/src/assets/css/store/list.min.css
+++ b/src/assets/css/store/list.min.css
+.store-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.store-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.store-con .search-btn:hover{background:#0050E0}.store-con .btn-nav{margin-top:11px;margin-bottom:22px}.store-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.store-con .btn-nav .update i{margin-left:3px}.store-con .btn-nav .update:hover{background:#FCA955;color:#fff}.store-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-left:10px;font-size:14px;transition:all .5s}.store-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.store-con .btn-nav .dcg.heti{width:56px;background:#fff}.store-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.store-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.store-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.store-con .updatebox{position:relative}.store-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.store-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.store-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.store-con .updatebox .selectdw .el-select .el-input__prefix,.store-con .updatebox .selectdw .el-select .el-input__suffix{display:none!important}
\ No newline at end of file
--- a/src/main.js
+++ b/src/main.js
@@ -24,7 +24,7 @@ Vue.use(directive);
 //处理顶部导航TAB
 router.afterEach((to, from, next) => {
-  if (to.path == "/") {
+  if (to.path == "/"||to.path == "/login") {
    return
  }
  let tabOldArr = sessionStorage.getItem('tabs');

--- a/src/views/Store/enter.vue
+++ b/src/views/Store/enter.vue
 <template>
-    <div class="enter">
+  <div class="enter pagex">
-        我是库存导入
+    <div class="enter-con">
-        <Menu/>
+      <el-form :inline="true" :model="formInline" class="demo-form-inline">
+        <el-form-item label="状态">
+          <el-select v-model="formInline.status" placeholder="全部">
+            <el-option label="全部" value="0"></el-option>
+            <el-option label="待处理" value="1"></el-option>
+            <el-option label="处理中" value="2"></el-option>
+            <el-option label="已处理" value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="更新日期">
+          <el-date-picker v-model="formInline.date" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <div @click="onSubmit" class="search-btn">搜索</div>
+        </el-form-item>
+      </el-form>
+      <div class="btn-nav clr">
+        <div class="fl dcg">导出</div>
+        <div class="fl dcg long">查看导入结果</div>
+        <div class="fl dcg">下载模版</div>
+        <div class="fl dcg delbtn">删除</div>
+      </div>
+      <div class="data-box th-all">
+        <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
+          <el-table-column fixed type="selection" width="37" >
+          </el-table-column>
+            <el-table-column prop="up_sn" label="单号" min-width="20%">
+            </el-table-column>
+            <el-table-column prop="file_name" label="文件名字" min-width="20%">
+            </el-table-column>
+            <el-table-column prop="status" label="状态" min-width="20%">
+            </el-table-column>
+            <el-table-column prop="latest_notice" label="最新上传状态" min-width="20%">
+            </el-table-column>
+             <el-table-column prop="create_time" label="上传时间" min-width="20%">
+            </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <Menu />
  </div>
 </template>
@@ -10,15 +54,41 @@
  import Menu from "@/components/menu.vue";
  import Tool from '../../tool'
  import {
+    Form,
+    FormItem,
+    Select,
+    Option,
+    Input,
+    DatePicker,
    Button,
-    Message 
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    Table,
+    TableColumn,
+    Message,
+    MessageBox,
+    Dialog
  } from 'element-ui'
-  Vue.use(Button)
+  Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog)
+  Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table)
  export default {
    name: "enter",
    data() {
-      return {};
+      return {
+        formInline: {
+          status: '',
+          date: ''
+        },
+        tableData: [{
+          up_sn:"4564546546545",
+          file_name:"肖康.xls",
+          status:1,
+          latest_notice:"最新状态",
+          create_time:"2020-02-02 09:50:50"	
+        }]
+      };
    },
    watch: {},
    created() {
@@ -26,19 +96,12 @@
    },
    computed: {},
    methods: {
-      ceshi() {
+      handleSelectionChange(val) {
-          //this.$message.error('上传头像图片只能是 JPG 格式!');
+        this.multipleSelection = val;
-        Message('这是一条消息提示');
+        console.log(this.multipleSelection)
-        this.$http('get', "/getJoke1", {
+      },
-          page: 1, count: 2, type: 'video'
+      onSubmit() {
-        })
+        console.log('submit!');
-          .then(res => {
-            console.log(res)
-          })
-          .catch(err => {
-            console.log(err.message);
-          })
      }
    },
    components: {
@@ -47,5 +110,5 @@
  };
 </script>
 <style scoped>
-    /* @import "../../assets/css/index/index.min.css"; */
+  @import "../../assets/css/store/enter.min.css";
 </style>
\ No newline at end of file
--- a/src/views/Store/list.vue
+++ b/src/views/Store/list.vue
@@ -46,10 +46,8 @@
        <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
          <el-table-column fixed type="selection" width="37">
          </el-table-column>
-          <el-table-column fixed  label="型号" width="200">
-            <template slot-scope="scope">
+          <el-table-column fixed prop="goods_name" label="型号" width="200">
-                <a :href="'/#/listDetail?id='+scope.row.id" class="f-blue">{{scope.row.goods_name}}</a>
-              </template>
          </el-table-column>
          <el-table-column fixed prop="inquiry_sn" label="供应商内部型号编码" width="200">
          </el-table-column>
@@ -275,21 +273,6 @@
    },
    computed: {},
    methods: {
-      ceshi() {
-        Message('这是一条消息提示');
-        this.$http('get', "/getJoke1", {
-            page: 1,
-            count: 2,
-            type: 'video'
-          })
-          .then(res => {
-            console.log(res)
-          })
-          .catch(err => {
-            console.log(err.message);
-          })
-      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
@@ -326,5 +309,5 @@
  };
 </script>
 <style scoped>
-  @import "../../assets/css/list/list.min.css";
+  @import "../../assets/css/store/list.min.css";
 </style>
\ No newline at end of file
--- a/src/views/Store/listDetail.vue
+++ b/src/views/Store/listDetail.vue
 <template>
-    <div class="index">
+    <div class="index pagex">
        我是库存列表详情
        <Menu/>
    </div>