| | |
| | | <el-row> |
| | | <el-col :span="12" style="line-height: 32px;">销售管理</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button type="success" @click="syncOrder" |
| | | :icon="isSync ? 'el-icon-loading' : 'el-icon-refresh'">同步</el-button> |
| | | <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" @click="delSales">删除</el-button> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="交货日期" label="交货日期" width="150"> |
| | | </el-table-column> |
| | | <el-table-column prop="note" label="备注" width="150"> |
| | | </el-table-column> |
| | | <el-table-column prop="type" label="状态" width="100"> |
| | | <template slot-scope="scope"> |
| | | <span style="color: #34BD66;" v-if="scope.row.type==1">通过</span> |
| | |
| | | <span class="table_do" @click="changeShowDetail(scope.row)"> 查看详情 </span> |
| | | <span class="table_do" v-if="scope.row.type==null" @click="saleCheck(scope)"> 审核 </span> |
| | | <span class="table_do" v-else> </span> |
| | | <span class="table_do" v-if="scope.row.type==null" @click="openUpDia(scope.row.id)"> 编辑 </span> |
| | | <span class="table_do" v-if="scope.row.type == null" |
| | | @click="openUpDia(scope.row.id)"> 编辑 </span> |
| | | <span class="table_do" v-else> </span> |
| | | <span class="table_do" @click="delSale(scope.$index)"> 删除 </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="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" |
| | | :total="countSize"> |
| | | <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
| | | :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="countSize"> |
| | | </el-pagination> |
| | | </el-col> |
| | | </div> |
| | |
| | | <div class="value" v-else> </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">备注</el-col> |
| | | <el-col :span="21"> |
| | | <div style="width: 95%;word-wrap: break-word;" class="value">{{ oneData.note }}</div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="head">客户信息</div> |
| | | <div class="content"> |
| | |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.proname}}</div> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">收货地址</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.adress}}</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.username}}</div> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">联系电话</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.phone}}</div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">业务员</el-col> |
| | | <el-col :span="3" :offset="2">业务员</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.saleman}}</div> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">下单人</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.orderName}}</div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">交货日期</el-col> |
| | | <el-col :span="3" :offset="2">交货日期</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.delTime}}</div> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">审核人</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{oneData.checkname==null?' ': 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==null?' ': oneData.checkTime}}</div> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">审核人</el-col> |
| | | <el-col :span="8"> |
| | | <div class="value">{{ oneData.checkname == null ? ' ' : oneData.checkname }}</div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="price" label="单价"> |
| | | </el-table-column> |
| | | <el-table-column prop="username" label="联系人"> |
| | | </el-table-column> |
| | | <el-table-column prop="phone" label="联系电话"> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="地址"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">订单编号</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.orderNumber" size="small" placeholder="请输入订单编号" clearable></el-input> |
| | | <el-input v-model="addData.orderNumber" size="small" placeholder="请输入订单编号" |
| | | clearable></el-input> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">合同编号</el-col> |
| | | <el-col :span="8"> |
| | |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.proname" size="small" placeholder="请输入客户名称" clearable></el-input> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">收货地址</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.adress" size="small" placeholder="请输入收货地址" clearable></el-input> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">联系人</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.username" size="small" placeholder="请输入联系人" clearable></el-input> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">联系电话</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.phone" size="small" placeholder="请输入联系电话" clearable></el-input> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">下单人</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.orderName" size="small" placeholder="请输入下单人" clearable></el-input> |
| | | </el-col> |
| | | <el-col :span="3" :offset="2">交货日期</el-col> |
| | | <el-col :span="8"> |
| | | <el-date-picker v-model="addData.delTime" size="small" placeholder="请输入交货日期" clearable |
| | | value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="line-height: 30px;margin: 15px 0;"> |
| | | <el-col :span="3">下单人</el-col> |
| | | <el-col :span="8"> |
| | | <el-input v-model="addData.orderName" size="small" placeholder="请输入下单人" |
| | | clearable></el-input> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="head" style="line-height: 50px;"> |
| | | <el-col :span="12">产品信息</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="mini" @click="addSaleMaterial"><span style="font-size: 12px;">添加行</span></el-button> |
| | | <el-button size="mini" @click="addSaleMaterial"><span |
| | | style="font-size: 12px;">添加行</span></el-button> |
| | | </el-col> |
| | | </div> |
| | | <div class="content"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="specifications" label="规格型号" width="180"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.specifications" size="small" clearable placeholder="请输入规格型号"></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="单位"> |
| | |
| | | <el-input v-model="scope.row.price" size="small" clearable placeholder="请输入"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="username" label="联系人"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.username" size="small" clearable |
| | | placeholder="请输入"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="phone" label="电话"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.phone" size="small" clearable placeholder="请输入"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="地址"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.address" 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> |
| | | <el-button type="text" |
| | | @click.native.prevent="deleteRow(scope.$index, addData.saleMaterialList)">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | saleMaterialList: [] |
| | | }, |
| | | repeList: [], |
| | | isSync: false, |
| | | upDia: false |
| | | } |
| | | }, |
| | |
| | | this.pageSize = val |
| | | this.selectRawInspectsList() |
| | | }, |
| | | syncOrder() { |
| | | this.isSync = true |
| | | setTimeout(() => { |
| | | this.$message({ |
| | | message: '同步假成功(◕ᴗ◕)!', |
| | | type: 'success' |
| | | }); |
| | | this.isSync=false |
| | | }, 2000); |
| | | return |
| | | //调用同步接口 |
| | | this.axios.post(this.$api.url.synchronization).then(res => { |
| | | if (res.code === '200') { |
| | | this.isSync = false |
| | | this.$message({ |
| | | message: '同步成功!', |
| | | type: 'success' |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.currentPage = val |
| | | this.selectRawInspectsList() |