Merge branch 'dev' of http://git.ycjcjy.com/SpaceOfCheng/admin into dev

src/pages/system/goodsManager/goodManager/edit.vue

@@ -3,7 +3,7 @@
     <form class="mainForm">
       <ul>
          <li class="flex-h">
-          <!-- <span>选择案场：</span> -->
+          <span>选择案场：</span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="Case" placeholder="请选择">
@@ -43,9 +43,6 @@
                 :on-exceed="exceed">
                 <i class="el-icon-plus"></i>
               </el-upload>
-              <el-dialog :visible.sync="dialogVisible">
-                <img width="100%" :src="imgs" alt="">
-              </el-dialog>
             </div>
           </div>
         </li>
@@ -65,7 +62,7 @@
           <span>商品规格：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="detail.specs" multiple placeholder="请选择" style="width:100%;">
+              <el-select v-model="detailSpecs" multiple placeholder="请选择" style="width:100%;">
                 <el-option
                   v-for="item in specs.list"
                   :key="item.SpecId"
@@ -108,10 +105,9 @@ export default {
   name: '',
   data () {
     return {
-      imgs: '',
-      imgsArr: [],
-      limit: 1,
+      limit: 2,
       dialogVisible: false,
+      infoSpecs: null,
     }
   },
   components: {},
@@ -135,7 +131,20 @@ export default {
         this.GetGoodTypes({ pagesize: 1000, caseid: this.Case })
         this.GetGoodSpecs({ pagesize: 1000, caseid: this.Case })
       }
-    }
+    },
+    detailSpecs: {
+      get () {
+        return this.infoSpecs || (this.detail.Specs || []).map(x => x.SpecId)
+      },
+      set (val) {
+        this.infoSpecs = val
+      },
+    },
+    imgsArr () {
+      return (this.detail.Images || []).map(x => {
+        return {...x, url: x.url || x.ImgUrl}
+      })
+    },
   },
   methods: {
     ...mapGoodsActions([
@@ -148,13 +157,19 @@ export default {
       'GetGoodSpecs',
     ]),
     submit () {
-      this.detail.specs = JSON.stringify(this.detail.specs.map(x => ({SpecId: x, GoodsPrice: this.detail.Price})))
-      if ((this.detail.EquipmentId || '') === '') {
+      this.detail.specs = JSON.stringify(this.detailSpecs.map(x => ({SpecId: x, GoodsPrice: this.detail.Price})))
+      this.detail.images = this.detail.Images.map(x => {
+        if (x.response) {
+          return x.response.result.url
+        } else {
+          return x.ImgUrl
+        }
+      }).join(',')
+      if ((this.detail.GoodsId || '') === '') {
         this.detail.OrgId = this.orgid
         if (!this.detail.CaseId || this.detail.CaseId === '') {
           this.detail.CaseId = this.caseid
         }
-        this.detail.images = this.imgs
         this.AddGoods(this.detail)
       } else {
         this.UpdateGoods(this.detail)
@@ -169,12 +184,10 @@ export default {
       this.$router.go(-1)
     },
     handlePictureCardPreview (res, file, fileList) {
-      this.imgs = res.result.url
-      this.dialogVisible = false
-      this.imgsArr = fileList
+      this.detail.Images = fileList
     },
     handleRemove (file, fileList) {
-      this.imgsArr = fileList
+      this.detail.Images = fileList
     },
     exceed () {
       this.$message({

src/pages/system/goodsManager/goodManager/index.vue

@@ -44,11 +44,28 @@
     </div>
     <div class="system-table-box">
       <el-table :data="goods.list" stripe style="width: 100%">
-        <el-table-column prop="RoleName" label="角色名">
+        <el-table-column prop="GoodsName" label="商品名称">
         </el-table-column>
-        <el-table-column label="创建时间" width="300">
+        <el-table-column label="图片" width="300">
           <template slot-scope="scope">
-            <label>{{FormatDate(scope.row.CreateDate)}}</label>
+            <img :src="(scope.row.Images[0] || {}).ImgUrl" style="width:200px;" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="Price" label="价格">
+        </el-table-column>
+        <el-table-column label="类型">
+          <template slot-scope="scope">
+            <label>{{getTypeName(scope.row.TypeId)}}</label>
+          </template>
+        </el-table-column>
+        <el-table-column label="规格">
+          <template slot-scope="scope">
+            <label>{{getSpecNames(scope.row.Specs)}}</label>
+          </template>
+        </el-table-column>
+        <el-table-column label="案场">
+          <template slot-scope="scope">
+            <label>{{getCaseName(scope.row.CaseId)}}</label>
           </template>
         </el-table-column>
         <el-table-column fixed='right' label="操作" width="300">
@@ -117,7 +134,17 @@ export default {
     ...mapGoodsActions([
       'GetGoodsList',
       'GetGoodTypes',
+      'DelGoods',
     ]),
+    getTypeName (typeid) {
+      return (this.types.list.filter(x => x.TypeId === typeid)[0] || {}).TypeName
+    },
+    getSpecNames (specs) {
+      return (specs || []).map(x => x.SpecName).join(',')
+    },
+    getCaseName (caseid) {
+      return (this.cases.filter(x => x.CaseId === caseid)[0] || {}).CaseName
+    },
     search () { // 搜索
       this.postData.page = 1
       this.currentList = []
@@ -130,23 +157,23 @@ export default {
       console.log(`每页 ${val} 条`)
     },
     handleCurrentChange (val) {
-      this.GetRolesList({ page: val })
-      console.log(`当前页: ${val}`)
+      this.postData.page = this.currentPage
+      this.getList()
     },
     handleEdit (index, row) {
       // 编辑
-      this.$router.push({ name: 'editGoods', query: { id: row.GooddId } })
+      this.$router.push({ name: 'editGoods', query: { id: row.GoodsId } })
     },
     handleDelete (index, row) {
       // 删除
       console.log(index, row)
-      this.$confirm('确认删除此角色?', '提示', {
+      this.$confirm('确认删除此商品?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       })
         .then(() => {
-          this.DelRole({id: row.RoleId, callback: this.delCallBack})
+          this.DelGoods({id: row.GoodsId, callback: this.delCallBack})
         })
         .catch(() => {
           this.$message({
@@ -166,7 +193,7 @@ export default {
       this.$router.push({ name: 'editGoods' })
     },
   },
-  mounted () {
+  created () {
     this.GetGoodTypes({ pagesize: 1000, caseid: this.CaseId })
     this.$nextTick(function () {
       this.getList()

src/store/goods/goods.js

@@ -79,6 +79,9 @@ export default {
         method: api.goodsManager.updateGoods.method,
         data: {
           ...payload
+        },
+        urlData: {
+          id: payload.GoodsId,
         }
       }).then(res => {
       })

src/util/ajax.js

@@ -1,6 +1,7 @@
 import axios from 'axios'
 import qs from 'qs'
 import router from '../router'
+import { Message } from 'element-ui'
 
 const Axios = axios.create({
   timeout: 60000,
@@ -69,16 +70,16 @@ const ajax = (...args) => {
   return new Promise((resolve, reject) => {
     Axios(...args).then(({ data }) => {
       // console.log(111)
-      const { code, result } = data
+      const { code, message, result } = data
       if (code === 200) {
         resolve(result)
       } else if (code === 401) {
         router.push({ name: 'login' })
       } else {
-        // Message({
-        //   message: message,
-        //   type: 'error'
-        // })
+        Message({
+          message: message,
+          type: 'error'
+        })
       }
     }).catch(reject)
   })