采购合同接口对接

src/views/foodManage/purchaseManage/contractList/detail.vue

@@ -1,206 +1,339 @@
 <template>
-  <div class="app-container">
+    <div style="padding: 10px;background: #E5EBF6;min-height: 830px;">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+        <div style="background: #FFF;padding: 10px;border-radius: 10px;margin-bottom: 20px;"> 
+          <el-descriptions style="margin-bottom: 20px;" title="基本信息" :column="4" size="medium" border>  
+              <el-descriptions-item>
+                  <template slot="label">合同编号</template>
+                  {{baseInfo.contractCode}}
+              </el-descriptions-item> 
+              <el-descriptions-item>
+                  <template slot="label">合同标题</template>
+                  {{ baseInfo.contractTitle }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">所属区域</template>
+                  {{ baseInfo.areaName }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">供应商</template>
+                  {{ baseInfo.supplierName }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">配送食堂</template>
+                  {{ baseInfo.canteenName }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">签订日期</template>
+                  {{ baseInfo.contractSigningTime }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">合同生效周期</template>
+                  {{ baseInfo.contractStartTime }} - {{ baseInfo.contractEndTime }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">合同状态</template>
+                  {{ baseInfo.deptName }}
+                  <el-tag size="small" v-if="baseInfo.contractStatus==1">待生效</el-tag>
+                  <el-tag size="small" v-if="baseInfo.contractStatus==2">履行中</el-tag>
+                  <el-tag size="small" v-if="baseInfo.contractStatus==3">已失效</el-tag>
+                  <el-tag size="small" v-if="baseInfo.contractStatus==4">已终止</el-tag>  
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">合同附件</template>
+                  <!-- {{ baseInfo.deptName }} -->
+              </el-descriptions-item>  
+          </el-descriptions>
 
-      <el-form-item>
+          <el-descriptions style="margin-bottom: 20px;" title="付款信息" :column="4" size="medium" border>  
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+              <el-descriptions-item>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                  <template slot="label">付款方式</template>
-      </el-form-item>
+                  <span v-if="baseInfo.payMoneyStyle==1">一次性付款</span>
-    </el-form>
+                  <span v-if="baseInfo.payMoneyStyle==2">分期付款</span>
-
+              </el-descriptions-item> 
-    <el-row :gutter="10" class="mb8">
+              <el-descriptions-item>
-      <el-col :span="1.5">
+                  <template slot="label">付款日期</template>
-        <el-button
+                  {{ baseInfo.payMoneyDate }}
-          type="primary"
+              </el-descriptions-item> 
-          plain
+              <el-descriptions-item>
-          icon="el-icon-plus"
+                  <template slot="label">收款银行</template>
-          size="mini"
+                  {{ baseInfo.collectMoneyBank }}
-          @click="handleAdd"
+              </el-descriptions-item> 
-        >新增</el-button>
+              <el-descriptions-item>
-      </el-col>  
+                  <template slot="label">收款账户名称</template>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+                  {{ baseInfo.collectMoneyAccountName }}
-    </el-row>
+              </el-descriptions-item>
-
+                <el-descriptions-item>
-    <el-table v-loading="loading" :data="tableListData" height="800">
+                  <template slot="label">备注</template>
-      <el-table-column label="序号" align="center" width="80" type="index">
+                  {{ baseInfo.remark }}
-        <template slot-scope="scope">
+              </el-descriptions-item>  
-          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
+          </el-descriptions>
-        </template>
+        </div>
-      </el-table-column>
+
-      <el-table-column label="编号" align="center" prop="canteenNum" :show-overflow-tooltip="true" width="100" fixed="left"/>
+        <div style="width: 100%;height: 450px;padding: 10px;border-radius: 10px;margin-bottom: 10px;background: #FFF;">
-      <el-table-column label="名称" align="center" prop="canteenName" :show-overflow-tooltip="true" width="150" fixed="left"/>
+            <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;">
-      <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
+                <div>
-        <template slot-scope="scope"> 
+                    货品信息
-          <el-button
+                </div> 
-            size="mini"
+            </div>
-            type="text"
+            <div style="width: 100%;height: 400px;overflow-y: auto;">
-            icon="el-icon-edit"
+                <el-table v-loading="loading" :data="contractMaterialList" ref="multipleTable" height="380" :row-key="(row)=>{return row.materialId}" @selection-change="handleSelectionChange">
-            @click="handleUpdate(scope.row)" 
+                    <el-table-column type="selection" width="50" align="center" :reserve-selection="true" />
-          >编辑</el-button>
+                    <el-table-column label="序号" align="center" width="80" type="index" />
-          <el-button
+                    <!-- <el-table-column label="图片" align="center" prop="" :show-overflow-tooltip="true" />  -->
-            size="mini"
+                    <el-table-column label="货品编码" align="center" prop="materialCode" :show-overflow-tooltip="true" /> 
-            type="text"
+                    <el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" /> 
-            icon="el-icon-delete"
+                    <el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" /> 
-            @click="handleDelete(scope.row)" 
+                    <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" /> 
-          >删除</el-button>
+                    <el-table-column label="货品规格" align="center" prop="size" :show-overflow-tooltip="true">
-        </template>
+                        <!-- <template slot-scope="scope">
-      </el-table-column>
+                            <span v-if="scope.row.salesMode==1">按份</span>
-    </el-table>
+                            <span v-if="scope.row.salesMode==2">称重</span>
-
+                        </template> -->
-    <pagination
+                    </el-table-column> 
-      v-show="total>0"
+                    <el-table-column label="单价（元）" align="center" prop="singlePrice" :show-overflow-tooltip="true">
-      :total="total"
+                        <template slot-scope="scope">
-      :page.sync="queryParams.pageNum"
+                          <span>{{ (scope.row.singlePrice/100).toFixed(2) }}</span>
-      :limit.sync="queryParams.pageSize"
+                        </template>
-      @pagination="getList"
+                    </el-table-column> 
-    />
+                    <el-table-column label="数量" align="center" prop="orderNum" :show-overflow-tooltip="true"></el-table-column> 
-
+                    <el-table-column label="总金额（元）" align="center" prop="" :show-overflow-tooltip="true">
-    <!-- 添加或修改参数配置对话框 -->
+                        <template slot-scope="scope">
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+                            <span>{{ scope.row.orderNum*scope.row.singlePrice }}</span>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+                        </template>
-
+                    </el-table-column> 
-
+                    <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true"></el-table-column>
-
+                </el-table>
-
+            </div>
-         
+        </div>
-      </el-form>
+        <div style="width: 100%;height: 80px;padding: 10px;background: #FFF;border-radius: 10px;display: flex;align-items: center;justify-content: center;">
-      <div slot="footer" class="dialog-footer">
+            <!-- <el-button type="primary" @click="confirmSave" :loading="loadingBtn">保存草稿</el-button> -->
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="jumpList">返回</el-button>
-        <el-button @click="cancel">取 消</el-button>
         </div> 
-    </el-dialog>
     </div>
 </template>
   
 <script>
-import { getPageCanteenApi } from "@/api/base/canteen";
+import { systemAreaTreeApi,getCanteenByAreaApi,getStallByCanteenApi } from "@/api/base/stall"; 
-
+import { systemMaterialTreeApi,getMaterialListApi,supplierPageApi } from "@/api/foodManage/purchaseManage"; 
+import { getPurchaseContractInfoApi,addPurchaseContractApi,editPurchaseContractApi,delPurchaseContractApi } from "@/api/foodManage/purchaseManage";
 export default {
-  name: "",
+    name: "ContractDetail",
     dicts: [],
     data() {
       return {
-      // 遮罩层
+        pageJson:{},//页面传参
-      loading: true,
+        loading:false,
-      // 选中数组
+        loadingBtn:false,
-      ids: [],
+        baseInfo: { 
-      // 非单个禁用
+            contractTitle:undefined,
-      single: true,
+            contractType:undefined,
-      // 非多个禁用
+            areaId:undefined,
-      multiple: true,
+            canteenId:undefined, 
-      // 显示搜索条件
+            dateRange:[], 
-      showSearch: true,
+        },
-      // 总条数
+        // 表单校验
-      total: 0,
+        baseRules: {
-      //表格数据
+            contractTitle: [
-      tableListData: [],
+                { required: true, message: "菜谱名称不能为空", trigger: "blur" }
-      // 弹出层标题
+            ],
-      title: "",
+            areaId: [
-      // 是否显示弹出层
+                { required: true, message: "所属区域不能为空", trigger: "change" }
-      open: false, 
+            ],
+            canteenId: [
+                { required: true, message: "所属食堂不能为空", trigger: "change" }
+            ],
+            supplierId: [
+                { required: true, message: "供应商不能为空", trigger: "change" }
+            ],
+            contractSigningTime: [
+                { required: true, message: "签订日期不能为空", trigger: "change" }
+            ],
+            dateRange: [
+                { required: true, message: "合同生效周期不能为空", trigger: "change" }
+            ]
+        },
+        treeAreaOptions:[],
+        canteenOptions:[],
+        supplierOptions:[],
+        stallOptions:[],
+        
+        pickerOptions: { 
+            disabledDate(v) {
+                return v.getTime() < (new Date().getTime() - 86400000);//  - 86400000是否包括当天
+            }
+        },
+        contractMaterialList:[],  
+        openDialog:false,
+        materialTreeOptions:[], 
         // 查询参数
         queryParams: {
             pageNum: 1,
             pageSize: 10, 
-        canteenName: undefined,
-        areaNameStr: undefined, 
         },
-      // 表单参数
+        // 总条数
-      form: {},
+        total: 0,
-      // 表单校验
+        //表格数据
-      rules: {
+        tableListData: [],
-      //   canteenName: [
+        batchChosenMaterial:[],
-      //     { required: true, message: "字典名称不能为空", trigger: "blur" }
+        noMaterial:false,
-      //   ],
-      //   dictType: [
-      //     { required: true, message: "字典类型不能为空", trigger: "blur" }
-      //   ]
-      }
       };
     },
     created() { 
-  //   this.getList();
+        if(this.$route.query.pageJson){ 
+            this.pageJson = JSON.parse(this.$route.query.pageJson)
+            this.getContractInfo()
+        }
     },
     methods: { 
-      /** 搜索按钮操作 */
+        // 返回列表页
-      handleQuery() {
+        jumpList() {
-          this.queryParams.pageNum = 1;
+            const obj = { path: "foodManage/purchaseManage/contractDetail" };
-          this.getList();
+            this.$tab.closeOpenPage(obj);
+            this.$router.replace({ path: "/foodManage/purchaseManage/contractList" }); // 要打开的页面 
         },
-      /** 重置按钮操作 */
+        getContractInfo(){
-      resetQuery() { 
+            console.log(this.pageJson) 
-          this.resetForm("queryForm");
-          this.handleQuery();
-      },
-      /** 查询列表 */
-      getList() {
-          this.loading = true;
             let param = {
-            "current": this.queryParams.pageNum, 
+                contractId:this.pageJson.contractId
-            "size": this.queryParams.pageSize,  
             }
-          getPageCanteenApi(param).then(response => {
+            //查询查询食堂下拉结构
-              this.tableListData = response.records;
+            getPurchaseContractInfoApi(param).then((response) => {
-              this.total = Number(response.total);
+                this.baseInfo = response.data;
-              this.loading = false;
+                this.$set(this.baseInfo,'dateRange',[this.baseInfo.contractStartTime,this.baseInfo.contractEndTime]) 
+                this.contractMaterialList = this.baseInfo.purchaseContractDetailList; 
+                this.$set(this.baseInfo,"contractAmount",this.baseInfo.contractAmount/100)
+                getCanteenByAreaApi({areaId:this.baseInfo.areaId}).then((response) => {
+                    this.canteenOptions=response.rows||[];
+                    this.$set(this.baseInfo,"canteenId",this.baseInfo.canteenId)
+                });
+                supplierPageApi({ isPaging:1,areaIdList:[this.baseInfo.areaId] }).then((response) => {
+                    this.supplierOptions = response.rows||[];
+                    this.$set(this.baseInfo,'supplierId',this.baseInfo.supplierId) 
+                });   
             }); 
         },  
-      /** 新增按钮操作 */
+        // 多选框选中数据
-      handleAdd() {
+        handleSelectionChange(selection) {
-          this.reset();
+            // this.batchIds1 = selection.map(item => item.tradeId)
-          this.open = true;
+            // this.single = selection.length !== 1
-          this.title = "新增";
+            // this.multiple = !selection.length
         },
-      /** 修改按钮操作 */
+        
-      handleUpdate(row) {
+        //日期
-          this.reset();
+        formatDate(date) {
-          // const dictId = row.dictId || this.ids
+            // 格式化为 YYYY-MM-DD
-          // getType(dictId).then(response => {
+            date = new Date(date)
-              // this.form = response.data;
+            const year = date.getFullYear();
-              this.open = true;
+            const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
-              this.title = "修改";
+            const day = String(date.getDate()).padStart(2, '0');
-          // });
+            return `${year}-${month}-${day}`;
         },
-      // 取消按钮
+        //日期时间
-      cancel() {
+        formatDateTime(date) {
-          this.open = false;
+            // 格式化为 YYYY-MM-DD
-          this.reset();
+            date = new Date(date)
-      },
+            const year = date.getFullYear();
-      // 表单重置
+            const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
-      reset() {
+            const day = String(date.getDate()).padStart(2, '0');
-          this.form = {};
+            const hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
-          this.resetForm("form");
+            const minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
-      }, 
+            const seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
-      /** 提交按钮 */
+            return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-      submitForm: function() {
-          this.$refs["form"].validate(valid => {
-          if (valid) {
-              if (this.form.dictId != undefined) {
-                  // updateType(this.form).then(response => {
-                  //     this.$modal.msgSuccess("修改成功");
-                  //     this.open = false;
-                  //     this.getList();
-                  // });
-              } else {
-                  // addType(this.form).then(response => {
-                  //     this.$modal.msgSuccess("新增成功");
-                  //     this.open = false;
-                  //     this.getList();
-                  // });
         } 
     }
-          });
-      },
-      /** 删除按钮操作 */
-      handleDelete(row) {
-          const dictIds = row.dictId || this.ids;
-          this.$modal.confirm('是否确认删除数据项？').then(function() {
-              // return delType(dictIds);
-          }).then(() => {
-              this.getList();
-              this.$modal.msgSuccess("删除成功");
-          }).catch(() => {});
-      },
-  }
 };
 </script>
+<style scoped>
+    .dishes-card{
+        width: 20%;
+        height: 100%;
+        margin-right: 15px;
+        position: relative;
+    }
+    .body-card{
+        width: 96%;
+        margin: 10px auto;
+        display: flex;
+        flex-direction: column;
+        height: 300px;
+        overflow-y: auto;
+    }
+
+    .bottom-card{
+        width: 100%;
+        height: 60px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        bottom: 0;
+    }
+
+
+    .dialog-left{
+        width: 20%;
+        height: 100%;
+    }
+    .dish-name{
+        width: 100%;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+    }
+    .dish-name:hover{ 
+        background-color:rgba(0, 0, 0, 0.1);
+        color: #4b80fd;
+    } 
+
+    .dialog-center{
+        width: 10%;
+        height: 100%;
+        /* background: #4b80fd; */
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        margin: 0 1%;
+    }
+    .dialog-center-header{
+        width: 100%;display: flex;align-items: center;justify-content: center;height: 60px;font-weight: bold;border-bottom: 1px solid #ccc;
+    }
+    .dialog-right{
+        width: 70%;
+        height: 100%;
+    }
+    .primary{
+        background: #1890ff!important;
+        color: #fff!important;
+    }
+    .dateTable{
+        width: 14%;
+        height: 40px;
+        color: #9a9da3;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #e6ebf5;
+    }
+    .dateTable2{
+        width: 14%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fff;
+        color:#000;
+        border: 1px solid #e6ebf5;
+        cursor: pointer;
+    }
+    .bgBlue{
+        width: 14%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #0c6ccc;
+        color:#fff !important;
+        border: 1px solid #fff;
+        cursor: pointer;
+    }
+</style>

src/views/foodManage/purchaseManage/contractList/edit.vue

@@ -111,11 +111,11 @@
                     <el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" /> 
                     <el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" /> 
                     <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" /> 
-                    <el-table-column label="货品规格" align="center" prop="salesMode" :show-overflow-tooltip="true">
+                    <el-table-column label="货品规格" align="center" prop="size" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
+                        <!-- <template slot-scope="scope">
                             <span v-if="scope.row.salesMode==1">按份</span>
                             <span v-if="scope.row.salesMode==2">称重</span>
-                        </template>
+                        </template> -->
                     </el-table-column> 
                     <el-table-column label="单价（元）" align="center" prop="singlePrice" :show-overflow-tooltip="true">
                         <template slot-scope="scope">
@@ -141,8 +141,8 @@
             </div>
         </div>
         <div style="width: 100%;height: 80px;padding: 10px;background: #FFF;border-radius: 10px;display: flex;align-items: center;justify-content: center;">
-            <el-button type="primary" @click="confirmSubmit" :loading="loadingBtn">提 交</el-button>
+            <el-button type="primary" @click="confirmSave" :loading="loadingBtn">保存草稿</el-button>
-            <el-button @click="jumpList">返 回</el-button>
+            <el-button @click="confirmSubmit">提交</el-button>
         </div>
  
         <!-- 选择菜品 -->
@@ -183,11 +183,11 @@
                     <el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" /> 
                     <el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" /> 
                     <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" /> 
-                    <el-table-column label="货品规格" align="center" prop="salesMode" :show-overflow-tooltip="true">
+                    <el-table-column label="货品规格" align="center" prop="size" :show-overflow-tooltip="true">
-                        <template slot-scope="scope">
+                        <!-- <template slot-scope="scope">
                             <span v-if="scope.row.salesMode==1">按份</span>
                             <span v-if="scope.row.salesMode==2">称重</span>
-                        </template>
+                        </template> -->
                     </el-table-column> 
                     <el-table-column label="单价（元）" align="center" prop="unitPrice" :show-overflow-tooltip="true">
                         <template slot-scope="scope">
@@ -421,28 +421,37 @@ export default {
                 },500) 
             } 
         },
-        // 提交按钮
+        //保存草稿
-        confirmSubmit(){
+        confirmSave(){
             this.$refs["baseInfo"].validate(valid => {
                 if (valid) { 
-                    console.log(this.baseInfo)
                     let param = Object.assign({},this.baseInfo);
                     param.contractStartTime = this.formatDateTime(this.baseInfo.dateRange[0])
                     param.contractEndTime = this.formatDateTime(this.baseInfo.dateRange[1])
                     param.contractSigningTime = this.formatDate(this.baseInfo.contractSigningTime)
                     param.payMoneyDate = this.formatDate(this.baseInfo.payMoneyDate)  
-                    param.contractAmount = this.baseInfo.contractAmount*100
+                    param.contractAmount = this.baseInfo.contractAmount*100;
+                    param.commitStatus=1
                     param.purchaseContractDetailList = [] 
-                    console.log(this.contractMaterialList) 
-                    this.noMaterial = true;
-                    if(this.contractMaterialList.length>0){
                     this.noMaterial = false;
+                    if(this.contractMaterialList.length>0){ 
                         this.contractMaterialList.forEach(item=>{
+                            if(item.singlePrice==0 || item.orderNum==0){
+                                this.noMaterial = true
+                            }else{
                                 let obj = Object.assign({}, item)
                                 obj.singlePrice = Number(obj.singlePrice)*100
                                 param.purchaseContractDetailList.push(obj)
+                            } 
                         }) 
                     } 
+                    if(this.noMaterial){
+                        this.$modal.msgError("请输入单价和数量！");
+                    }else{
+                        this.noMaterial = true;
+                        if(this.contractMaterialList.length>0){
+                            this.noMaterial = false; 
+                        } 
                         console.log(param)
                         if(this.noMaterial){
                             this.$modal.msgError("请添加货品！");
@@ -464,11 +473,70 @@ export default {
                                 }).catch(() => {
                                     this.loadingBtn=false
                                 });  
-                             
                             }
                             
                         } 
                     } 
+                }
+            });
+        },
+        // 提交按钮
+        confirmSubmit(){
+            this.$refs["baseInfo"].validate(valid => {
+                if (valid) { 
+                    let param = Object.assign({},this.baseInfo);
+                    param.contractStartTime = this.formatDateTime(this.baseInfo.dateRange[0])
+                    param.contractEndTime = this.formatDateTime(this.baseInfo.dateRange[1])
+                    param.contractSigningTime = this.formatDate(this.baseInfo.contractSigningTime)
+                    param.payMoneyDate = this.formatDate(this.baseInfo.payMoneyDate)  
+                    param.contractAmount = this.baseInfo.contractAmount*100;
+                    param.commitStatus=2
+                    param.purchaseContractDetailList = [] 
+                    this.noMaterial = false;
+                    if(this.contractMaterialList.length>0){ 
+                        this.contractMaterialList.forEach(item=>{
+                            if(item.singlePrice==0 || item.orderNum==0){
+                                this.noMaterial = true
+                            }else{
+                                let obj = Object.assign({}, item)
+                                obj.singlePrice = Number(obj.singlePrice)*100
+                                param.purchaseContractDetailList.push(obj)
+                            } 
+                        }) 
+                    } 
+                    if(this.noMaterial){
+                        this.$modal.msgError("请输入单价和数量！");
+                    }else{
+                        this.noMaterial = true;
+                        if(this.contractMaterialList.length>0){
+                            this.noMaterial = false; 
+                        } 
+                        console.log(param)
+                        if(this.noMaterial){
+                            this.$modal.msgError("请添加货品！");
+                        }else{
+                            this.loadingBtn=true;
+                            if (this.baseInfo.contractId != undefined) {
+                                editPurchaseContractApi(param).then((response) => {
+                                    this.$modal.msgSuccess("修改成功");
+                                    this.loadingBtn=false
+                                    this.jumpList() 
+                                }).catch(() => {
+                                    this.loadingBtn=false
+                                }); 
+                            } else {
+                                addPurchaseContractApi(param).then((response) => {
+                                    this.$modal.msgSuccess("保存成功");
+                                    this.loadingBtn=false
+                                    this.jumpList() 
+                                }).catch(() => {
+                                    this.loadingBtn=false
+                                });  
+                            }
+                            
+                        } 
+                    } 
+                }
             });
         },
         // 多选框选中数据

src/views/foodManage/purchaseManage/contractList/index.vue

@@ -107,9 +107,15 @@
             <el-button
                 size="mini"
                 type="text"
-                icon="el-icon-edit"
+                icon="el-icon-edit" v-if="scope.row.commitStatus==1"
                 @click="handleUpdate(scope.row)" 
             >编辑</el-button>
+            <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit" v-if="scope.row.commitStatus==2"
+                @click="handleView(scope.row)" 
+            >详情</el-button>
             <el-button
                 size="mini"
                 type="text"
@@ -271,7 +277,7 @@ export default {
         },
         /** 修改按钮操作 */
         handleView(row) { 
-            // this.$router.push({ path: "/foodManage/purchaseManage/contractDetail",query: {pageJson:JSON.stringify(row)} });
+            this.$router.push({ path: "/foodManage/purchaseManage/contractDetail",query: {pageJson:JSON.stringify(row)} });
         },
         /** 修改按钮操作 */
         handleUpdate(row) {