From 5bfa72f716fef4d55336cfab1e53e2b1620036f0 Mon Sep 17 00:00:00 2001
From: shilixia <2309368887@qq.com>
Date: Fri, 25 Feb 2022 10:12:06 +0800
Subject: [PATCH] xiaoshou

---
 hb_client/src/api/sam.js                |   8 +
 hb_client/src/views/inm/fifodetail.vue  |   2 +-
 hb_client/src/views/inm/product.vue     |  13 +
 hb_client/src/views/sam/sales.vue       |  35 +-
 hb_client/src/views/sam/salesdetail.vue | 461 ++++++++++++++----------
 5 files changed, 313 insertions(+), 206 deletions(-)

diff --git a/hb_client/src/api/sam.js b/hb_client/src/api/sam.js
index 99940ae..404df4f 100644
--- a/hb_client/src/api/sam.js
+++ b/hb_client/src/api/sam.js
@@ -203,3 +203,11 @@ export function notPackremark(id, data) {
     data
   })
 }
+//物流图片上传
+export function ship(id, data) {
+  return request({
+    url: `/sam/sale/${id}/up_ship/`,
+    method: 'POST',
+    data
+  })
+}
diff --git a/hb_client/src/views/inm/fifodetail.vue b/hb_client/src/views/inm/fifodetail.vue
index 669f4ca..512895c 100644
--- a/hb_client/src/views/inm/fifodetail.vue
+++ b/hb_client/src/views/inm/fifodetail.vue
@@ -36,7 +36,7 @@
           }}</template>
         </el-table-column>
 
-        <el-table-column label="入库数量">
+        <el-table-column label="出入库数量">
           <template slot-scope="scope">{{ scope.row.count }}</template>
         </el-table-column>
         <el-table-column label="是否需要复验" v-if="this.$route.params.pu_order!=null">
diff --git a/hb_client/src/views/inm/product.vue b/hb_client/src/views/inm/product.vue
index 4e9da3c..0c4d093 100644
--- a/hb_client/src/views/inm/product.vue
+++ b/hb_client/src/views/inm/product.vue
@@ -69,6 +69,13 @@
             <span v-else></span>
           </template>
         </el-table-column>
+
+   <el-table-column label="销售状态">
+          <template slot-scope="scope">{{state_[scope.row.state]}}</template>
+        </el-table-column>
+
+
+
         <!-- <el-table-column align="center" label="操作" width="220px">
            <template slot-scope="scope">
              <el-link
@@ -181,6 +188,12 @@
         mtestform: {
           is_mtestok: false,
         },
+         state_: {
+        10: "可出售",
+        20: "销售锁定",
+        30: "已售出",
+      },
+         
         form1: {},
         dialogFormVisibleorder: false,
         orderList: [],
diff --git a/hb_client/src/views/sam/sales.vue b/hb_client/src/views/sam/sales.vue
index e636677..ca48c1f 100644
--- a/hb_client/src/views/sam/sales.vue
+++ b/hb_client/src/views/sam/sales.vue
@@ -153,12 +153,14 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="关联客户" prop="customer">
+        <el-form-item label="关联客户" prop="customer" >
           <el-select
             style="width: 100%"
             v-model="sale.customer"
              @change="selectcustomer"
             placeholder="请选择"
+             :disabled="show"
+           
           >
             <el-option
               v-for="item in customeroptions"
@@ -170,15 +172,17 @@
           </el-select>
         </el-form-item>
  <el-form-item label="关联合同" prop="contract">
-          <el-input v-model="sale.contract" placeholder="关联合同" />
+          <el-input v-model="sale.contract" placeholder="关联合同"  :disabled="edit"/>
         </el-form-item>
   
         <el-form-item label="所需产品" prop="product">
           <el-select
+          :disabled="show"
             style="width: 100%"
             v-model="sale.product"
             @change="selectproduct"
             placeholder="请选择"
+            ref="btn"
           >
             <el-option
               v-for="item in materialoptions"
@@ -328,6 +332,8 @@ export default {
       materialoptions: [],
       iproductoptions: [],
       dialogVisible: false,
+      show:false,
+      edit:true,
       dialogType: "new",
       options: [
         {
@@ -375,9 +381,12 @@ export default {
     //选择订单变化
 
     selectorder(selval) {
+
       getOrder(selval).then((response) => {
         if (response.data) {
+         this.show=true;
           this.sale.customer = response.data.customer;
+
           this.sale.product = response.data.product;
           this.sale.contract = response.data.contract_.name;
           this.sale.receiver = response.data.customer_.contact;
@@ -540,13 +549,25 @@ export default {
 
     //审核
     handleAudit(scope) {
-      saleAudit(scope.row.id).then((res) => {
-        if (res.code >= 200) {
-          this.$message.success("审核成功成功");
+
+     this.$confirm("确认审核?", "提示", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "success",
+      })
+        .then(async () => {
+          await saleAudit(scope.row.id);
           this.getList();
-        }
-      });
+          this.$message.success("审核成功！");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+
+
+     
     },
+    
   },
 };
 </script>
diff --git a/hb_client/src/views/sam/salesdetail.vue b/hb_client/src/views/sam/salesdetail.vue
index 3d7e34e..6e7e8be 100644
--- a/hb_client/src/views/sam/salesdetail.vue
+++ b/hb_client/src/views/sam/salesdetail.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-card style="margin-top: 2px">
-      <el-descriptions title="基本信息" direction="vertical" :column="8" border>
+      <el-descriptions title="基本信息" direction="vertical" :column="6" border>
         <el-descriptions-item label="客户名称" v-if="salesdetail.customer">
           {{ salesdetail.customer_.name }}</el-descriptions-item
         >
@@ -15,180 +15,216 @@
         >
           {{ salesdetail.product_.specification }}</el-descriptions-item
         >
-        <el-descriptions-item label="订单编号" v-if="salesdetail.order">
-          {{ salesdetail.order_.number }}
-        </el-descriptions-item>
+     
         <el-descriptions-item label="合同名称" v-if="salesdetail.order">
           {{ salesdetail.order_.contract_.name }}</el-descriptions-item
         >
+        <el-descriptions-item label="合同编号" v-if="salesdetail.order">
+          {{ salesdetail.order_.contract_.number }}</el-descriptions-item
+        >
+           <el-descriptions-item label="订单编号" v-if="salesdetail.order">
+          {{ salesdetail.order_.number }}
+        </el-descriptions-item>
+         <el-descriptions-item label="物流详情" v-if="ship_pic!=''">
+          <el-link :href="salesdetail.ship_pic">物流单</el-link></el-descriptions-item>
       </el-descriptions>
-      <el-card class="box-card">
-        <div slot="header" class="clearfix">
-          <span>关联产品信息</span>
+      <el-button type="primary" style="margin-top:10px" @click="upload">上传物流信息</el-button>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>关联产品信息</span>
+      </div>
+      <el-table
+        ref="singleTable"
+        :data="saleproduct"
+        highlight-current-row
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column label="产品编号" show-overflow-tooltip>
+          <template slot-scope="scope">{{ scope.row.number }}</template>
+        </el-table-column>
+
+        <el-table-column label="产品名称" show-overflow-tooltip>
+          <template slot-scope="scope">{{
+            scope.row.iproduct_.material_.name
+          }}</template>
+        </el-table-column>
+        <el-table-column label="批次">
+          <template slot-scope="scope">{{
+            scope.row.iproduct_.batch
+          }}</template>
+        </el-table-column>
+        <el-table-column label="仓库">
+          <template slot-scope="scope">{{
+            scope.row.iproduct_.warehouse_.name
+          }}</template>
+        </el-table-column>
+        <el-table-column label="是否已军检">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.is_mtested == false">未军检</el-tag>
+            <el-tag v-else>已军检</el-tag></template
+          >
+        </el-table-column>
+
+        <el-table-column label="军检">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.is_mtestok == false">不合格</el-tag>
+            <el-tag v-else>合格</el-tag></template
+          >
+        </el-table-column>
+        <el-table-column label="装箱单号" show-overflow-tooltip>
+          <template slot-scope="scope">{{ scope.row.packnum }}</template>
+        </el-table-column>
+        <el-table-column label="未装箱说明" show-overflow-tooltip>
+          <template slot-scope="scope">{{ scope.row.remark }}</template>
+        </el-table-column>
+        <el-table-column align="center" label="操作" width="220px">
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['warehouse_delete'])"
+              type="primary"
+              @click="handlePack(scope)"
+              >装箱</el-link
+            >
+
+            <el-link
+              v-if="checkPermission(['warehouse_delete'])"
+              type="primary"
+              @click="handleNotPack(scope)"
+              >备注</el-link
+            >
+            <el-link
+              v-if="checkPermission(['warehouse_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+              >删除</el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+  <el-dialog
+      :close-on-click-modal="false"
+      :visible.sync="dialogVisibless"
+      title="上传物流文件"
+    >
+      <el-form
+        ref="Forms"
+        :model="ship"
+        label-width="100px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="文件" prop="template" >
+          <el-upload
+            ref="upload"
+            :action="upUrl"
+            :on-preview="handlePreview"
+            :on-success="handleUpSuccess"
+            :on-remove="handleRemove"
+            :headers="upHeaders"
+            :file-list="fileList"
+            :limit="1"
+            accept="webp,bmp,jpg,png,tif,gif,apng"
+          >
+            <el-button size="small" type="primary">上传文件</el-button>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisibless = false">取消</el-button>
+        <el-button type="primary" @click="uploadship">确认</el-button>
+      </div>
+    </el-dialog>
+      <el-dialog
+        :visible.sync="dialogVisible"
+        :close-on-click-modal="false"
+        width="60%"
+        :title="dialogType === 'edit' ? '编辑装箱单' : '新增装箱单'"
+      >
+        <el-form
+          ref="Form"
+          :model="packData"
+          label-width="100px"
+          label-position="right"
+        >
+          <el-form-item label="装箱单号" prop="packnum">
+            <el-input v-model="packData.packnum" placeholder="装箱单号" />
+          </el-form-item>
+
+          <el-form-item label="装箱文件确认" prop="iproducts">
+            <el-table
+              :data="packlist"
+              border
+              fit
+              stripe
+              highlight-current-row
+              ref="multipleTable"
+              height="300"
+            >
+              <el-table-column type="index" width="50" label="序号" />
+              <el-table-column label="名称">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+              <el-table-column label="单位">
+                <template slot-scope="scope">{{ scope.row.unit }}</template>
+              </el-table-column>
+              <el-table-column label="数量" width="150">
+                <template slot-scope="scope">
+                  <el-form :model="scope.row">
+                    <el-form-item size="mini">
+                      <el-input-number
+                        v-model="scope.row.count"
+                        :min="0"
+                        :value="0"
+                      ></el-input-number>
+                    </el-form-item>
+                  </el-form>
+                </template>
+              </el-table-column>
+              <el-table-column label="库存数量">
+                <template slot-scope="scope" v-if="scope.row.material_">{{
+                  scope.row.material_.count
+                }}</template>
+              </el-table-column>
+              <el-table-column label="安全库存数量">
+                <template slot-scope="scope" v-if="scope.row.material_">{{
+                  scope.row.material_.count_safe
+                }}</template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-form>
+        <div style="text-align: right">
+          <el-button type="danger" @click="dialogVisible = false"
+            >取消</el-button
+          >
+          <el-button type="primary" @click="submitPack">确认</el-button>
         </div>
-        <el-table
-          ref="singleTable"
-          :data="saleproduct"
-          highlight-current-row
-          style="width: 100%"
+      </el-dialog>
+      <el-dialog
+        :visible.sync="dialogVisibles"
+        :close-on-click-modal="false"
+        width="60%"
+        title="未装箱备注"
+      >
+        <el-form
+          ref="Form"
+          :model="notpackData"
+          label-width="100px"
+          label-position="right"
         >
-          <el-table-column type="index" width="50" />
-          <el-table-column label="产品编号" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.number }}</template>
-          </el-table-column>
-
-          <el-table-column label="产品名称" show-overflow-tooltip>
-            <template slot-scope="scope">{{
-              scope.row.iproduct_.material_.name
-            }}</template>
-          </el-table-column>
-          <el-table-column label="批次">
-            <template slot-scope="scope">{{
-              scope.row.iproduct_.batch
-            }}</template>
-          </el-table-column>
-          <el-table-column label="仓库">
-            <template slot-scope="scope">{{
-              scope.row.iproduct_.warehouse_.name
-            }}</template>
-          </el-table-column>
-          <el-table-column label="是否已军检">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.is_mtested == false">未军检</el-tag>
-              <el-tag v-else>已军检</el-tag></template
-            >
-          </el-table-column>
-
-          <el-table-column label="军检">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.is_mtestok == false">不合格</el-tag>
-              <el-tag v-else>合格</el-tag></template
-            >
-          </el-table-column>
-          <el-table-column label="装箱单号" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.packnum }}</template>
-          </el-table-column>
-       <el-table-column label="未装箱说明" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.remark }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="操作" width="220px">
-            <template slot-scope="scope">
-              <el-link
-                v-if="checkPermission(['warehouse_delete'])"
-                type="primary"
-                @click="handlePack(scope)"
-                >装箱</el-link
-              >
-              
-                <el-link
-                v-if="checkPermission(['warehouse_delete'])"
-                type="primary"
-                @click="handleNotPack(scope)"
-                >备注</el-link
-              >
-              <el-link
-                v-if="checkPermission(['warehouse_delete'])"
-                type="danger"
-                @click="handleDelete(scope)"
-                >删除</el-link
-              >
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <el-dialog
-          :visible.sync="dialogVisible"
-          :close-on-click-modal="false"
-          width="60%"
-          :title="dialogType === 'edit' ? '编辑装箱单' : '新增装箱单'"
-        >
-          <el-form
-            ref="Form"
-            :model="packData"
-            label-width="100px"
-            label-position="right"
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="notpackData.remark" placeholder="未装箱备注" />
+          </el-form-item>
+        </el-form>
+        <div style="text-align: right">
+          <el-button type="danger" @click="dialogVisibles = false"
+            >取消</el-button
           >
-            <el-form-item label="装箱单号" prop="packnum">
-              <el-input v-model="packData.packnum" placeholder="装箱单号" />
-            </el-form-item>
-
-            <el-form-item label="装箱文件确认" prop="iproducts">
-              <el-table
-                :data="packlist"
-                border
-                fit
-                stripe
-                highlight-current-row
-                ref="multipleTable"
-                height="300"
-              >
-                <el-table-column type="selection" width="55"> </el-table-column>
-                <el-table-column type="index" width="50" label="序号" />
-                <el-table-column label="名称">
-                  <template slot-scope="scope">{{ scope.row.name }}</template>
-                </el-table-column>
-                <el-table-column label="单位">
-                  <template slot-scope="scope">{{ scope.row.unit }}</template>
-                </el-table-column>
-                <el-table-column label="数量">
-                  <template slot-scope="scope">
-                    <el-form :model="scope.row">
-                      <el-form-item size="mini">
-                        <el-input-number
-                          v-model="scope.row.count"
-                          :min="0"
-                          :value="0"
-                        ></el-input-number>
-                      </el-form-item>
-                    </el-form>
-                  </template>
-                </el-table-column>
-                <el-table-column label="库存数量">
-                  <template slot-scope="scope" v-if="scope.row.material_">{{
-                    scope.row.material_.count
-                  }}</template>
-                </el-table-column>
-                <el-table-column label="安全库存数量">
-                  <template slot-scope="scope" v-if="scope.row.material_">{{
-                    scope.row.material_.count_safe
-                  }}</template>
-                </el-table-column>
-              </el-table>
-            </el-form-item>
-          </el-form>
-          <div style="text-align: right">
-            <el-button type="danger" @click="dialogVisible = false"
-              >取消</el-button
-            >
-            <el-button type="primary" @click="submitPack">确认</el-button>
-          </div>
-        </el-dialog>
-          <el-dialog
-          :visible.sync="dialogVisibles"
-          :close-on-click-modal="false"
-          width="60%"
-          title="未装箱备注"
-        >
-          <el-form
-            ref="Form"
-            :model="notpackData"
-            label-width="100px"
-            label-position="right"
-          >
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="notpackData.remark" placeholder="未装箱备注" />
-            </el-form-item>
-
-           
-          </el-form>
-          <div style="text-align: right">
-            <el-button type="danger" @click="dialogVisibles = false"
-              >取消</el-button
-            >
-            <el-button type="primary" @click="submitnotPack">确认</el-button>
-          </div>
-        </el-dialog>
-      </el-card>
+          <el-button type="primary" @click="submitnotPack">确认</el-button>
+        </div>
+      </el-dialog>
     </el-card>
   </div>
 </template>
@@ -200,14 +236,15 @@ import {
   gePack,
   subPack,
   notPackremark,
+  ship
 } from "@/api/sam";
 import checkPermission from "@/utils/permission";
-
+ import { upUrl, upHeaders } from "@/api/file";
 import { genTree } from "@/utils";
 import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
 const defaultepackData = {
-packnum: ""
-}
+  packnum: "",
+};
 export default {
   components: { Pagination },
   data() {
@@ -215,17 +252,22 @@ export default {
       salesdetail: "",
       saleproduct: "",
       packlist: [],
+       upHeaders: upHeaders(),
+        upUrl: upUrl(),
       dialogVisible: false,
-      dialogVisibles:false,
-      packData:defaultepackData,
-      notpackData:{remark:""},
+      dialogVisibles: false,
+       dialogVisibless: false,
+       ship:{},
+      packData: defaultepackData,
+      notpackData: { remark: "" },
       detail: [],
+      fileList:[],
       saleproductId: null,
-      saleProductid:null,
-       dialogType: "new",
+      saleProductid: null,
+      dialogType: "new",
     };
   },
-  
+
   computed: {},
   watch: {},
   created() {
@@ -243,6 +285,39 @@ export default {
         }
       });
     },
+    //上传物流文件
+      handlePreview(file) {
+        if ("url" in file) {
+          window.open(file.url);
+        } else {
+          window.open(file.response.data.path);
+        }
+      },
+      handleUpSuccess(res, file, filelist) {
+        this.ship.path = res.data.path;
+        console.log(this.ship.path)
+      },
+      handleRemove(file, filelist){
+        this.ship.path = null;
+      },
+    upload() {
+
+     this.dialogVisibless=true;
+
+    },
+
+uploadship()
+{
+  console.log(this.ship);
+    ship(this.id, this.ship).then((res) => {
+        if (res.code >= 200) {
+       
+          this.dialogVisibless = false;
+          this.$message.success("物流文件上传成功!");
+        }
+      });
+},
+
 
     getSaleproductLists() {
       getSaleproductList({ sale: this.id, page: 0 }).then((response) => {
@@ -268,31 +343,24 @@ export default {
     },
     //装箱操作
     handlePack(scope) {
-       this.packData = Object.assign({},  scope.row);
+      this.packData = Object.assign({}, scope.row);
       this.dialogType = "new";
       this.dialogVisible = true;
       this.$nextTick(() => {
         this.$refs["Form"].clearValidate();
-        
       });
       gePack(scope.row.id).then((response) => {
         if (response.data) {
           this.packlist = response.data.detail;
         }
       });
-        
+
       this.saleproductId = scope.row.id;
     },
-   
+
     submitPack() {
-      this.$refs.multipleTable.selection.forEach((item) => {
-        this.detail.push({
-          id: item.id,
-          count: item.count,
-        });
-      });
-      console.log( this.detail);
-      this.packData.detail = this.detail;
+      this.packData.detail = this.packlist;
+      console.log(this.packData);
       subPack(this.saleproductId, this.packData).then((res) => {
         if (res.code >= 200) {
           this.getSaleproductLists();
@@ -302,14 +370,11 @@ export default {
       });
     },
     //未装箱备注
-    handleNotPack(scope)
-    {
-      this.dialogVisibles=true;
-      this.saleProductid=scope.row.id;
-    }
-    ,
-    submitnotPack()
-  {
+    handleNotPack(scope) {
+      this.dialogVisibles = true;
+      this.saleProductid = scope.row.id;
+    },
+    submitnotPack() {
       notPackremark(this.saleProductid, this.notpackData).then((res) => {
         if (res.code >= 200) {
           this.getSaleproductLists();
@@ -317,7 +382,7 @@ export default {
           this.$message.success("成功");
         }
       });
-  }
+    },
   },
 };
 </script>