后台供应商暂存

.env.production

@@ -4,5 +4,5 @@ ENV = 'production'
 # 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
 # 如果接口是 http 形式， wss 需要改为 ws
 
-VUE_APP_BASE_API  = 'http://192.168.3.23:7001'
-VUE_APP_WS_API = 'ws://192.168.3.23:7001'
+VUE_APP_BASE_API  = 'http://60.217.78.224:7001'
+VUE_APP_WS_API = 'ws://60.217.78.224:7001'

src/api/common.js

@@ -73,6 +73,23 @@ export const HttpReq = {
         method: 'get'
       })
     },
+    // 查询当前登录用户在进行新增客户的页面展示信息
+    queryCustomerTemporary: function(params) {
+      return request({
+        url: '/api/bsw/users/queryCustomerTemporary?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
+    // 新增当前登录用户在进行新增客户的页面展示信息
+    insertCustomerTemporary: function(data) {
+      return request({
+        url: '/api/bsw/users/insertCustomerTemporary',
+        method: 'post',
+        data: data
+      }).then((res) => {
+        return res
+      })
+    },
     // 批量禁用启用客户
     userEnableDisable: function(data) {
       return request({
@@ -441,6 +458,13 @@ export const HttpReq = {
         method: 'get'
       })
     },
+    // 产品-查询列表
+    productGetList: function(params) {
+      return request({
+        url: '/api/bsw/bigScreen/highQualityProducts/productList?' + qs.stringify(params, { indices: false }),
+        method: 'get'
+      })
+    },
     id: null
   }
 }

src/views/backstage/customMgt/customTabulate/add.vue

@@ -38,6 +38,19 @@
       </el-form-item>
       <el-form-item label="营业执照：" class="form-cell" prop="businessLicense">
         <div class="cell-box">
+          <ul class="el-upload-list el-upload-list--picture-card" style="float: left">
+            <li v-for="(item, index) in imgList" :key="index" tabindex="0" class="el-upload-list__item is-success">
+              <img :src="imgSrcStart+'/businessLicense/'+item" class="el-upload-list__item-thumbnail">
+              <label class="el-upload-list__item-status-label"><i class="el-icon-upload-success el-icon-check" /></label>
+              <span class="el-upload-list__item-actions">
+                <span class="el-upload-list__item-preview" @click="dialogImgUrl=item;dialogImgVisible=true"><i class="el-icon-zoom-in" /></span>
+                <span class="el-upload-list__item-delete" @click="handleRemoveImg(item)"><i class="el-icon-delete" /></span>
+              </span>
+            </li>
+          </ul>
+          <el-dialog append-to-body :visible.sync="dialogImgVisible">
+            <img width="100%" :src="imgSrcStart+'/businessLicense/'+dialogImgUrl">
+          </el-dialog>
           <el-upload
             ref="uploadCom"
             action="/api/bsw/users/uploadBusinessLicense"
@@ -45,17 +58,21 @@
             list-type="picture-card"
             :headers="uploadHeaders"
             :limit="2"
+            :before-upload="handleProgress"
             :on-exceed="handleExceed"
             :on-success="handleImported"
             :on-preview="handlePictureCardPreview"
             :on-remove="handleRemove"
           >
+            <div slot="trigger" @click="handlePushClick($event)">
               <i class="el-icon-plus" />
+            </div>
           </el-upload>
           <el-dialog append-to-body :visible.sync="dialogImageVisible">
             <img width="100%" :src="dialogImageUrl">
           </el-dialog>
         </div>
+        <div style="display: none;clear: both">{{ formData.businessLicense }}</div>
       </el-form-item>
       <el-form-item label="统一社会信用代码：" class="form-cell" prop="unifiedSocialCreditCode">
         <div class="cell-box">
@@ -155,8 +172,9 @@
         </div>
       </el-form-item>
     </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="cancelView">取消</el-button>
+    <div slot="footer" class="dialog-footer" style="text-align: center">
+      <el-button @click="cancelView">取消</el-button>
+      <el-button type="success" @click="saveForm()">暂存</el-button>
       <el-button type="primary" @click="submitForm()">提交</el-button>
     </div>
   </el-dialog>
@@ -174,7 +192,11 @@ export default {
       dialogImageUrl: '',
       dialogImageVisible: false,
       visible: false,
-      title: '添加客户信息详情',
+      title: '新增客户信息详情',
+      customerId: '',
+      imgList: [],
+      dialogImgUrl: '',
+      dialogImgVisible: false,
       provinceOpts: [],
       cityOpts: [],
       countyOpts: [],
@@ -223,10 +245,6 @@ export default {
     }
   },
   mounted() {
-    this.$nextTick(() => {
-      this.findAreaByCodeAndType(0, 1, 'provinceOpts')
-      this.loadData()
-    })
   },
   methods: {
     showView() {
@@ -242,6 +260,19 @@ export default {
     cancelView() {
       this.hideView()
     },
+    saveForm() {
+      HttpReq.backstageApi.insertCustomerTemporary(this.formData).then((res) => {
+        this.$notify({
+          title: res.msg,
+          type: 'success',
+          duration: 2500
+        })
+        if (res.code === 200) {
+          this.cancelView()
+          this.$parent.loadData()
+        }
+      })
+    },
     submitForm() {
       this.$refs.formViewRef.validate((valid, obj) => {
         if (valid) {
@@ -264,13 +295,40 @@ export default {
         }
       })
     },
+    handleProgress(file) {
+      if (this.formData.businessLicense.split(';').length >= 2) {
+        this.$message({
+          message: '超出最大上传数量限制',
+          type: 'info'
+        })
+        return false
+      }
+    },
     handleExceed() {
       this.$message({
         message: '超出最大上传数量限制',
         type: 'info'
       })
     },
+    handleRemoveImg(item) {
+      this.imgList.splice(this.imgList.indexOf(item), 1)
+      const arr = this.formData.businessLicense.split(';')
+      arr.splice(arr.indexOf(item), 1)
+      this.formData.businessLicense = arr.join(';')
+    },
+    handlePushClick(event) {
+      if (this.formData.productPic.split(';') >= 2) {
+        event.stopPropagation()
+        this.$message({
+          message: '超出最大上传数量限制',
+          type: 'info'
+        })
+      }
+    },
     handleRemove(file, fileList) {
+      if (!file.response) {
+        return
+      }
       HttpReq.backstageApi.deleteBusinessLicense({
         businessLicense: file.response.businessLicense
       }).then((res) => {
@@ -279,10 +337,8 @@ export default {
           type: 'success',
           duration: 2500
         })
-        const arr = []
-        fileList.forEach(item => {
-          arr.push(item.response.businessLicense)
-        })
+        const arr = this.formData.businessLicense.split(';')
+        arr.splice(arr.indexOf(file.response.businessLicense), 1)
         this.formData.businessLicense = arr.join(';')
       })
     },
@@ -312,14 +368,34 @@ export default {
         case 'countyOpts':
           this.formData.registeredAddressArea = null
       }
+      this.findAreaQueryOnly(code, type, optsName)
+    },
+    findAreaQueryOnly(code, type, optsName) {
       HttpReq.backstageApi.findAreaByCodeAndType({
         code, type
       }).then((res) => {
         this[optsName] = res
       })
     },
-    loadData() {
-
+    loadData(customerId) {
+      this.customerId = customerId
+      this.findAreaQueryOnly(0, 1, 'provinceOpts')
+      HttpReq.backstageApi.queryCustomerTemporary().then((res) => {
+        if (res.code === 200) {
+          this.formData = Object.assign(this.formData, res.data)
+          if (this.formData.businessLicense) {
+            this.imgList = this.formData.businessLicense.split(';')
+          }
+          this.findAreaQueryOnly(this.formData.registeredAddressProvince, 2, 'cityOpts')
+          this.findAreaQueryOnly(this.formData.registeredAddressCity, 3, 'countyOpts')
+          this.showView()
+        } else {
+          this.$message({
+            message: res.msg,
+            type: 'error'
+          })
+        }
+      })
     }
   }
 }

src/views/backstage/customMgt/customTabulate/edit.vue

@@ -172,8 +172,8 @@
         </div>
       </el-form-item>
     </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="cancelView">取消</el-button>
+    <div slot="footer" class="dialog-footer" style="text-align: center">
+      <el-button @click="cancelView">取消</el-button>
       <el-button type="primary" @click="submitForm()">保存</el-button>
     </div>
   </el-dialog>

src/views/backstage/customMgt/customTabulate/index.vue

@@ -157,7 +157,7 @@ export default {
       })
     },
     toAdd() {
-      this.$refs.addPage.showView()
+      this.$refs.addPage.loadData()
     },
     toEdit(item) {
       this.$refs.editPage.loadData(item.customerId)

src/views/backstage/productMgt/productTabulate/add.vue

@@ -211,8 +211,8 @@
         </div>
       </el-form-item>
     </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="cancelView">取消</el-button>
+    <div slot="footer" class="dialog-footer" style="text-align: center">
+      <el-button @click="cancelView">取消</el-button>
       <el-button type="primary" @click="submitForm()">保存</el-button>
     </div>
   </el-dialog>

src/views/backstage/productMgt/productTabulate/edit.vue

@@ -227,8 +227,8 @@
         </div>
       </el-form-item>
     </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="cancelView">取消</el-button>
+    <div slot="footer" class="dialog-footer" style="text-align: center">
+      <el-button @click="cancelView">取消</el-button>
       <el-button type="primary" @click="submitForm()">保存</el-button>
     </div>
   </el-dialog>