x

src/assets/css/public/common.less

@@ -222,12 +222,15 @@ body {
   background: #F1F4FA;
 }
 .f-blue{color:#1969F9;}
+.f-green{color:#3FBE1B;}
+.f-yellow1{color:#CC8200;}
+.f-red1{color:#FC1F00;}
 /**element-ui 样式重写**/
 .el-message--info {
   min-width: auto !important;
   border: 0px !important;
   background: rgba(0, 0, 0, 0.4) !important;
-
+  top:100px!important; 
   .el-icon-info {
     display: none;
   }

src/views/Store/enter.vue

@@ -4,7 +4,7 @@
       <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=""></el-option>
             <el-option label="待处理" value="1"></el-option>
             <el-option label="处理中" value="2"></el-option>
             <el-option label="已处理" value="3"></el-option>
@@ -13,31 +13,40 @@
           </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 v-model="formInline.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至"
+            start-placeholder="开始日期" end-placeholder="结束日期">
           </el-date-picker>
 
         </el-form-item>
         <el-form-item>
-          <div @click="onSubmit" class="search-btn">搜索</div>
+          <div @click="getData" 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 class="fl dcg">导入</div>
+        <div class="fl dcg long" @click="checkdr">查看导入结果</div>
+        <div class="fl dcg" @click="downwj">下载模版</div>
+        <div class="fl dcg delbtn" @click="del">删除</div>
       </div>
-      <div class="data-box th-all">
+      <div class="data-box th-all" v-if="tableData">
         <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
-          <el-table-column fixed type="selection" width="37" >
+          <el-table-column fixed type="selection" width="37">
           </el-table-column>
-            <el-table-column prop="up_sn" label="单号" min-width="20%">
+          <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>
+            </template>
           </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%">
+            <template slot-scope="scope">
+              <span v-if="scope.row.status==1" class="f-green">待处理</span>
+              <span v-else-if="scope.row.status==2" class="f-yellow1">处理中</span>
+              <span v-else-if="scope.row.status==3">已处理</span>
+              <span v-else-if="scope.row.status==4" class="f-red1">其他失败</span>
+            </template>
           </el-table-column>
           <el-table-column prop="latest_notice" label="最新上传状态" min-width="20%">
           </el-table-column>
@@ -80,18 +89,13 @@
     data() {
       return {
 
-        page:10,
+        page: 10,
         formInline: {
           status: '',
           date: ''
         },
-        tableData: [{
-          up_sn:"4564546546545",
-          file_name:"肖康.xls",
-          status:1,
-          latest_notice:"最新状态",
-          create_time:"2020-02-02 09:50:50"	
-        }]
+        tableData: "",
+        multipleSelection: []
       };
     },
     watch: {},
@@ -100,28 +104,73 @@
     },
     computed: {},
     methods: {
-      getData(){
-   
-        this.$http('GET', "/api/uploadSku/list", {
-         page:1,
-         status:1,
-         action_time:1,
-         end_time:1
+      getData() {
+        this.$http('get', "/api/uploadSku/list", {
+          page: 1,
+          status: this.formInline.status,
+          action_time: this.formInline.date[0],
+          end_time: this.formInline.date[1]
         }).then(res => {
           if (res.err_code === 0) {
             console.log(res)
+            this.tableData = res.data.list || []
           } else {
             Message(res.err_msg);
           }
         })
       },
+      checkdr() {
+        if (this.multipleSelection.length > 1) {
+          Message("只能选择一条数据导入")
+          return
+        }
+        if (this.multipleSelection.length == 0) {
+          Message("请至少选择一条数据导入")
+          return
+        }
+        this.$http('get', "/api/uploadSku/downResult", {
+          id: this.multipleSelection[0]['id']
+        }).then(res => {
+
+        })
+      },
+      downwj() {
+        this.$http('get', "/api/uploadSku/downUploadCsv", {}).then(res => {
+
+        })
+      },
+      del() {
+        if (this.multipleSelection.length == 0) {
+          Message("请至少选择一条数据")
+          return
+        }
+        var arr=[];
+        for(var i=0;i<this.multipleSelection.length;i++){
+          arr.push(this.multipleSelection[i]['id'])
+        }
+        MessageBox.confirm('确认到删除当前勾选数据吗？', {
+            type: 'error'
+
+          })
+          .then(()=> {
+            this.$http('get', "/api/uploadSku/del", {
+              log_ids: arr.join(",")
+            }).then(res => {
+                if (res.err_code === 0) {
+                  Message("删除成功");
+                   this.getData()
+                } else {
+                  Message(res.err_msg);
+                }
+            })
+          })
+
+      },
       handleSelectionChange(val) {
-        this.multipleSelection = val;
+        this.multipleSelection = val || [];
         console.log(this.multipleSelection)
-      },
-      onSubmit() {
-        console.log('submit!');
       }
+
     },
     components: {
       Menu

vue.config.js

 const env = process.env.NODE_ENV;
 const url = 'http://cloud.liexindev.net';
+//const url = 'http://192.168.1.237:3000/mock/49';
 
 switch (env) {
   case 'development':