8.18改

李林

2023-08-18 6a64c08591da8dcddc48c7dd3c54db9a77831a22

 src/components/view/sale.vue

@@ -116,8 +116,8 @@
            <el-col :span="12" style="line-height: 32px;">销售管理</el-col>
            <el-col :span="12" style="text-align: right;">
               <el-button type="primary" icon="el-icon-plus" @click="openAddDia">新增</el-button>
               <el-button icon="el-icon-edit-outline">修改</el-button>
               <el-button icon="el-icon-delete">删除</el-button>
               <!-- <el-button icon="el-icon-edit-outline">修改</el-button> -->
               <el-button icon="el-icon-delete" @click="delSales">删除</el-button>
               <el-button icon="el-icon-download">导出</el-button>
            </el-col>
         </el-row>
@@ -145,8 +145,9 @@
         </el-button>
      </div>
      <div class="thing">
         <el-table :data="tableData" border style="width: 100%;overflow-y: auto;min-height: calc(100% - 50px)"
            max-height="calc(100% - 50px)" @selection-change="handleSelectionChange" default-expand-all row-key="id">
         <el-table ref="tableData" :data="tableData" border
            style="width: 100%;overflow-y: auto;min-height: calc(100% - 50px)" max-height="calc(100% - 50px)"
            @selection-change="handleSelectionChange" default-expand-all row-key="id">
            <el-table-column type="selection" width="50">
            </el-table-column>
            <el-table-column type="index" label="序号" width="65">
@@ -171,16 +172,16 @@
            <el-table-column label="操作" width="220">
               <template slot-scope="scope">
                  <span class="table_do" @click="changeShowDetail(scope.row)">&nbsp;查看详情&nbsp;</span>
                  <span class="table_do" v-if="scope.row.type==null">&nbsp;审核&nbsp;</span>
                  <span class="table_do" v-if="scope.row.type==null" @click="saleCheck(scope)">&nbsp;审核&nbsp;</span>
                  <span class="table_do" v-else>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                  <span class="table_do">&nbsp;编辑&nbsp;</span>
                  <span class="table_do">&nbsp;删除&nbsp;</span>
                  <span class="table_do" @click="openUpDia(scope.row.id)">&nbsp;编辑&nbsp;</span>
                  <span class="table_do" @click="delSale(scope.$index)">&nbsp;删除&nbsp;</span>
               </template>
            </el-table-column>
         </el-table>
         <el-col style="height: 50px;display: flex;align-items: center;justify-content: right;">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
               :page-sizes="[1,10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
               :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
               :total="countSize">
            </el-pagination>
         </el-col>
@@ -208,7 +209,7 @@
                     <el-col :span="3" :offset="2">状态</el-col>
                     <el-col :span="8">
                        <div class="value" v-if="oneData.type == 1" style="color: #34BD66;">通过</div>
                        <div class="value" v-else-if="oneData.type == 2" style="color: #E84738;">不通过</div>
                        <div class="value" v-else-if="oneData.type == 0" style="color: #E84738;">不通过</div>
                        <div class="value" v-else>&nbsp;</div>
                     </el-col>
                  </el-row>
@@ -238,7 +239,7 @@
                  <el-row style="line-height: 30px;margin: 15px 0;">
                     <el-col :span="3">业务员</el-col>
                     <el-col :span="8">
                        <div class="value">{{JSON.parse(oneData.saleman)}}</div>
                        <div class="value">{{oneData.saleman}}</div>
                     </el-col>
                     <el-col :span="3" :offset="2">下单人</el-col>
                     <el-col :span="8">
@@ -252,13 +253,13 @@
                     </el-col>
                     <el-col :span="3" :offset="2">审核人</el-col>
                     <el-col :span="8">
                        <div class="value">{{JSON.parse(oneData.checkname)}}</div>
                        <div class="value">{{oneData.checkname==null?'&nbsp;': oneData.checkname}}</div>
                     </el-col>
                  </el-row>
                  <el-row style="line-height: 30px;margin: 15px 0;">
                     <el-col :span="3">审核日期</el-col>
                     <el-col :span="8">
                        <div class="value">{{oneData.checkTime}}</div>
                        <div class="value">{{oneData.checkTime==null?'&nbsp;': oneData.checkTime}}</div>
                     </el-col>
                  </el-row>
               </div>
@@ -281,7 +282,7 @@
         </el-dialog>
      </div>
      <div class="select-model">
         <el-dialog title="销售新增" :visible.sync="addDia" width="800px">
         <el-dialog :title="`销售${upDia==true?'修改':'新增'}`" :visible.sync="addDia" width="800px">
            <div class="body">
               <div class="head">基本信息</div>
               <div class="content">
@@ -346,20 +347,18 @@
                  <el-table :data="addData.saleMaterialList" border style="width: 100%">
                     <el-table-column prop="name" label="产品名称" width="180">
                        <template slot-scope="scope">
                           <el-select v-model="scope.row.name" size="small" clearable placeholder="请输入产品名称"
                              @change="((index)=>{upRepe(index, scope.$index)})">
                              <el-option v-for="(a, ai) in repeList" :key="ai" :label="a.name" :value="ai"></el-option>
                           </el-select>
                           <el-input v-model="scope.row.name" size="small" clearable placeholder="请输入产品名称">
                           </el-input>
                        </template>
                     </el-table-column>
                     <el-table-column prop="specifications" label="规格型号" width="200">
                        <template slot-scope="scope">
                           <el-input v-model="scope.row.specifications" size="small" readonly></el-input>
                           <el-input v-model="scope.row.specifications" size="small" clearable placeholder="请输入规格型号"></el-input>
                        </template>
                     </el-table-column>
                     <el-table-column prop="unit" label="单位">
                        <template slot-scope="scope">
                           <el-input v-model="scope.row.unit" size="small" readonly></el-input>
                           <el-input v-model="scope.row.unit" size="small" clearable placeholder="请输入"></el-input>
                        </template>
                     </el-table-column>
                     <el-table-column prop="number" label="数量">
@@ -374,11 +373,17 @@
                           <el-input v-model="scope.row.price" size="small" clearable placeholder="请输入"></el-input>
                        </template>
                     </el-table-column>
                     <el-table-column prop="price" label="操作" width="65px">
                        <template slot-scope="scope">
                           <el-button type="text" @click.native.prevent="deleteRow(scope.$index, addData.saleMaterialList)">删除</el-button>
                        </template>
                     </el-table-column>
                  </el-table>
               </div>
            </div>
            <span slot="footer" class="dialog-footer">
               <el-button type="primary" @click="addSale">确 定</el-button>
               <el-button v-if="upDia==false" type="primary" @click="addSale">确 定</el-button>
               <el-button v-else-if="upDia==true" type="primary" @click="upSale">确 定</el-button>
               <el-button @click="addDia = false">取 消</el-button>
            </span>
         </el-dialog>
@@ -416,7 +421,8 @@
               phone: null,
               saleMaterialList: []
            },
            repeList: []
            repeList: [],
            upDia: false
         }
      },
      mounted() {
@@ -424,7 +430,7 @@
      },
      methods: {
         handleSelectionChange(val) {
            this.selects = val;
            this.selects = val.id;
         },
         handleSizeChange(val) {
            this.pageSize = val
@@ -476,6 +482,20 @@
            this.addData.saleMaterialList.push({})
         },
         addSale() {
            for (var b = 0; b < this.addData.saleMaterialList.length; b++) {
               if (Object.keys(this.addData.saleMaterialList[b]).length == 0) {
                  this.addData.saleMaterialList.splice(b, 1)
                  b--
               } else {
                  for (var c in this.addData.saleMaterialList[b]) {
                     if (this.addData.saleMaterialList[b][c] == null || this.addData.saleMaterialList[b][c] == '' || Object
                        .keys(this.addData.saleMaterialList[b]).length != 5) {
                        this.$message.error('产品信息有必填项未填写')
                        return
                     }
                  }
               }
            }
            for (var a in this.addData) {
               if (this.addData[a] == null || this.addData[a] == '') {
                  if (a == 'saleMaterialList') {
@@ -486,39 +506,19 @@
                  return
               }
            }
            for (var b = 0; b < this.addData.saleMaterialList.length; b++) {
               console.log(this.addData.saleMaterialList[b]);
               if (Object.getOwnPropertyNames(this.addData.saleMaterialList[b]).length==0) {
                  this.addData.saleMaterialList.splice(b, 1)
                  b--
                  if (b < 0) {
                     this.$message.error('产品信息不能为空')
                     return
                  }
               } else {
                  for (var c in this.addData.saleMaterialList[b]) {
                     if (this.addData.saleMaterialList[b][c] == null || this.addData.saleMaterialList[b][c] == {} || Object
                        .getOwnPropertyNames(this.addData.saleMaterialList[b]).length != 5) {
                        this.$message.error('产品信息有必填项未填写')
                        return
                     }
                  }
               }
            }
            console.log(this.addData);
            this.axios.post(this.$api.url.addSale, this.addData, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res => {
               console.log(res);
               this.$message.success('添加成功')
               this.addDia = false
               this.selectRawInspectsList()
            })
         },
         openAddDia() {
            this.addDia = !(this.addDia)
            this.$axios.post(this.$api.url.seleRepe).then(res => {
               this.repeList = res.data
            })
            this.upDia = false
         },
         upRepe(index, i) {
            var data = this.repeList[index]
@@ -528,6 +528,101 @@
               this.addData.saleMaterialList[i].unit = data.unit
               this.addData.saleMaterialList[i].specifications = data.specifications
            }
         },
         saleCheck(ob) {
            this.$confirm(`订单${ob.row.code}的信息是否通过`, '销售订单审核', {
               distinguishCancelAndClose: true,
               confirmButtonText: '通过',
               cancelButtonText: '不通过'
            }).then(res => {
               this.$axios.post(this.$api.url.saleCheck, {
                  id: ob.row.id,
                  type: 1
               }).then(res => {
                  this.selectRawInspectsList()
               })
            }).catch(e => {
               if (e == 'cancel') {
                  this.$axios.post(this.$api.url.saleCheck, {
                     id: ob.row.id,
                     type: 0
                  }).then(res => {
                     this.selectRawInspectsList()
                  })
               }
            })
         },
         openUpDia(index) {
            this.addDia = true
            this.upDia = true
            this.axios.get(this.$api.url.selectSaleDatilById, {
               params: {
                  id: index
               }
            }).then(res => {
               this.addData = res.data
               this.addData.id = index
            })
         },
         upSale() {
            console.log(this.addData);
            for (var b = 0; b < this.addData.saleMaterialList.length; b++) {
               if (Object.keys(this.addData.saleMaterialList[b]).length == 0) {
                  this.addData.saleMaterialList.splice(b, 1)
                  b--
               } else {
                  for (var c in this.addData.saleMaterialList[b]) {
                     if (this.addData.saleMaterialList[b][c] == null || this.addData.saleMaterialList[b][c] == '' || Object
                        .keys(this.addData.saleMaterialList[b]).length != 6) {
                        this.$message.error('产品信息有必填项未填写')
                        return
                     }
                  }
               }
            }
            for (var a in this.addData) {
               if ((this.addData[a] == null || this.addData[a] == '') && a != 'type') {
                  if (a == 'saleMaterialList') {
                     this.$message.error('产品信息不能为空')
                  } else {
                     this.$message.error('销售订单有必填项未填写')
                  }
                  return
               }
            }
            this.axios.post(this.$api.url.updateSaleById, {
               id: this.addData.id,
               str: JSON.stringify(this.addData)
            }).then(res => {
               this.$message.success('编辑成功')
               this.addDia = false
               this.upDia = false
               this.selectRawInspectsList()
            })
         },
         deleteRow(index, rows) {
            rows.splice(index, 1);
         },
         delSale(index){
            this.axios.post(this.$api.url.delSale, {
               id: this.tableData[index].id,
            }).then(res => {
               this.$message.success('删除成功')
               this.tableData.splice(index, 1)
            })
         },
         delSales(){
            console.log(this.selects);
            this.axios.post(this.$api.url.delAllSale,{
               ids: this.selects
            }, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res=>{
               this.$message.success('删除成功')
               this.selectRawInspectsList()
            })
         }
      }
   }