细节

src/main.js

@@ -14,8 +14,6 @@ import './permission' // permission control
 import './utils/filter' // global filter
 import './global.less'
 import { Dialog } from '@/components'
-import ElementUI from 'element-ui' 
-import 'element-ui/lib/theme-chalk/index.css' 
 Vue.config.productionTip = false
 Vue.prototype.pagination = {
   total: 0, // 数据总数
@@ -26,8 +24,7 @@ Vue.prototype.pagination = {
   pageSizeOptions: ['15', '30', '50'],
   showTotal: total => `共 ${total} 条记录`,
 }
-// mount axios Vue.$http and this.$http
-Vue.use(ElementUI)   
+// mount axios Vue.$http and this.$http 
 Vue.use(VueAxios)
 Vue.use(Dialog)
 

src/views/dataCenter/goods/Index.vue

@@ -71,7 +71,7 @@
               </a-select-option>
             </a-select>
             <a-form-item label="添加时间" style="margin-left: 20px">
-              <div style="display: flex" class="goodsType">
+              <div style="display: flex" class="goodsType" id="date">
                 <el-date-picker
                   v-model="dateSpan"
                   style="width: 350px; height: 32px; margin-top: 4px"
@@ -254,13 +254,16 @@
     </s-table>
   </a-card>
 </template>
-
 <script>
 import * as GoodsApi from '@/api/goods'
 import { ContentHeader, STable } from '@/components'
 import CategoryModel from '@/common/model/Category'
 import * as Api from '@/api/store'
-import moment from 'moment'
+// import ElementUI from 'element-ui' 
+import 'element-ui/lib/theme-chalk/index.css' 
+import Vue from 'vue'
+import { DatePicker }from "element-ui"
+Vue.use(DatePicker)
 // 表格表头
 const columns = [
   {