|
|
|
@ -2,128 +2,93 @@ |
|
|
|
<div class="app-container"> |
|
|
|
<div> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>【查看】采购信息</div> |
|
|
|
<div>采购信息</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small" v-show="formobj.state<=5" :disabled="submitdisabled" |
|
|
|
@click="submitData">提交</el-button> |
|
|
|
<!-- <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> --> |
|
|
|
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listconadd"> |
|
|
|
<el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd"> |
|
|
|
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="190px" class="formadd"> |
|
|
|
<div class="titwu">采购信息</div> |
|
|
|
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
|
|
|
<div>基本信息</div> |
|
|
|
<div>主体信息</div> |
|
|
|
</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">库房位置</span> |
|
|
|
<span slot="label">合同编号</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.address}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">省-市-县</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.province}} - {{temp.city}} - {{temp.county}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">库房面积</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.squareMeasure}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">库房层高</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.floorHeight}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">库房价格</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.price}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">库房性质</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.properties}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">房源</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.housingResources}}</span> |
|
|
|
<span>{{formobj.orderNumber}}</span> |
|
|
|
<!-- <el-input v-model="formobj.orderNumber" placeholder="" style="width: 80%;" clearable /> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">备注</span> |
|
|
|
<span slot="label">合同日期</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.remarks}}</span> |
|
|
|
<span>{{formobj.contractSigningDate}}</span> |
|
|
|
<!-- <el-date-picker v-model="formobj.contractSigningDate" type="date" style="width: 80%;" |
|
|
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择" /> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">联系人</span> |
|
|
|
<span slot="label">供货商名称</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.contacts}}</span> |
|
|
|
<span>{{formobj.supplierName}}</span> |
|
|
|
<!-- <el-select v-model="formobj.supplierName" filterable placeholder="请选择供货商名称" style="width: 80%;" |
|
|
|
@change="getSupplier"> |
|
|
|
<el-option v-for="item in supplierList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
|
</el-select> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span slot="label">联系电话</span> |
|
|
|
<span slot="label">到货日期</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item class="trightb_item"> |
|
|
|
<span>{{temp.telephone}}</span> |
|
|
|
<span>{{formobj.arrivalDate}}</span> |
|
|
|
<!-- <el-date-picker v-model="formobj.arrivalDate" type="date" format="yyyy-MM-dd" style="width: 80%;" |
|
|
|
value-format="yyyy-MM-dd" placeholder="请选择" /> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-collapse v-model="activeNames"> |
|
|
|
<el-collapse-item name="1" title="商品信息"> |
|
|
|
<!-- <template slot="title" title="商品信息"> |
|
|
|
商品信息<span class="span" @click.stop="add()">添加</span> |
|
|
|
</template> --> |
|
|
|
<el-table v-loading="listLoading" :data="formobj.commodityList" border style="width: 100%;" |
|
|
|
:row-style="{height: '40px'}"> |
|
|
|
<!-- <el-table-column type="selection" align="center" width="50"/> --> |
|
|
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> |
|
|
|
<el-table-column label="商品名称" prop="name" align="center" /> |
|
|
|
<el-table-column label="商品编码" prop="number" align="center" /> |
|
|
|
<el-table-column label="单位" prop="sss" align="center" /> |
|
|
|
<el-table-column label="单价" prop="price" align="center" /> |
|
|
|
<el-table-column label="重量" prop="weight" align="center" /> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
@ -136,31 +101,85 @@ |
|
|
|
import req from '@/api/oilTypeProcure/oilTypeProcure' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'CustomerManagementInfo', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
temp: {} // 添加和修改 |
|
|
|
submitdisabled: false, |
|
|
|
listLoading: false, |
|
|
|
activeNames: ['1'], |
|
|
|
formobj: { |
|
|
|
sid: "", |
|
|
|
orderNumber: "", |
|
|
|
contractSigningDate: "", |
|
|
|
arrivalDate: "", |
|
|
|
supplierSid: "", |
|
|
|
supplierName: "", |
|
|
|
commodityList: [], |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
submitData() { |
|
|
|
console.log(">>>>>>>>>submit", this.formobj) |
|
|
|
|
|
|
|
if (this.formobj.state = 5) { |
|
|
|
// 财务审批 需要填数据 |
|
|
|
|
|
|
|
} else { |
|
|
|
// 财务之前 直接提交 |
|
|
|
req.procureAddSubmitInfo(this.formobj) |
|
|
|
.then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
this.$message({ |
|
|
|
showClose: true, |
|
|
|
type: 'success', |
|
|
|
message: resp.msg |
|
|
|
}) |
|
|
|
this.handleReturn("true") |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
} |
|
|
|
|
|
|
|
methods: { |
|
|
|
showAdd(sid) { |
|
|
|
req.fetchBySid(sid) |
|
|
|
|
|
|
|
}, |
|
|
|
handleReturn(isreload) { |
|
|
|
console.log(">>>>>>>>>") |
|
|
|
if (isreload === 'true') this.$emit('reloadlist') |
|
|
|
|
|
|
|
this.$emit('doback') |
|
|
|
this.formobj = { |
|
|
|
sid: "", |
|
|
|
orderNumber: "", |
|
|
|
contractSigningDate: "", |
|
|
|
arrivalDate: "", |
|
|
|
supplierSid: "", |
|
|
|
supplierName: "", |
|
|
|
commodityList: [], |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
showAdd(row) { |
|
|
|
console.log(">>>>>>>>>", row) |
|
|
|
req.procureFetchBySid(row.sid) |
|
|
|
.then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
this.temp = resp.data |
|
|
|
this.formobj = resp.data |
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
.catch(e => { |
|
|
|
this.$emit('doback') |
|
|
|
this.formobj = row |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 组件返回 |
|
|
|
handleReturn() { |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
// 序号 |
|
|
|
indexMethod(index) { |
|
|
|
// var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|
|
|
// var pageindex = index + 1 + pagestart |
|
|
|
return index + 1 |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
