|
@@ -2,149 +2,156 @@
|
|
|
<div class="inline-16">
|
|
|
<el-button type="text" :disabled="form.status==='审核'" size="small" @click="onShow">编 辑</el-button>
|
|
|
<el-drawer append-to-body title="编辑产品" :visible.sync="dialogFormVisible" size="50%">
|
|
|
- <el-row class="drawer__panel" :gutter="40">
|
|
|
- <el-form label-position="right" label-width="80px" :model="form" :rules="rules" ref="form" size="small">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="产品编号" prop="itemno">
|
|
|
- <el-input v-model="form.itemno" placeholder="输入产品编号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="产品名称" prop="itemname">
|
|
|
- <el-input v-model="form.itemname" placeholder="输入产品名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="型号" prop="model">
|
|
|
- <el-input v-model="form.model" placeholder="输入产品型号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="规格" prop="spec">
|
|
|
- <el-input v-model="form.spec" placeholder="输入产品规格"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="辅助单位">
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.isauxunit" @change="isauxunitChange">是否需要辅助单位</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="主单位" prop="unitid">
|
|
|
- <el-select style="width:100%" v-model="form.unitid" placeholder="请选择" @change="unitChange">
|
|
|
- <el-option
|
|
|
- v-for="item in unitData"
|
|
|
- :key="item.unitid"
|
|
|
- :label="item.unitname"
|
|
|
- :value="item.unitid">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="辅助单位">
|
|
|
- <el-select style="width:100%" v-model="form.unitgroupid" :disabled="form.isauxunit === 0" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in unitGroupData"
|
|
|
- :key="item.unitgroupid"
|
|
|
- :label="item.unitgroupname"
|
|
|
- :value="item.unitgroupid">
|
|
|
- <p style="float: left">{{ item.unitgroupname }}</p>
|
|
|
- <p style="float:right;color: #8492a6; font-size: 13px">{{ item.conversionrate }}{{item.unitname}}/{{item.auxunitname}},换算率:{{'1:'+ item.conversionrate}}</p>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="9">
|
|
|
- <el-form-item label="换算率">
|
|
|
- <el-input v-model="form.itemname" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="起订量" prop="orderminqty">
|
|
|
- <el-input placeholder="起订量" v-model="form.orderminqty" class="input-with-select">
|
|
|
- <el-select style="width:100px" v-model="form.orderminqty_auxunit" slot="prepend" placeholder="请选择">
|
|
|
- <el-option label="主单位" :value="0"></el-option>
|
|
|
- <el-option :disabled="form.isauxunit === 0" label="辅助单位" :value="1"></el-option>
|
|
|
+ <div class="drawer__panel" >
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-form label-position="right" label-width="80px" :model="form" :rules="rules" ref="form" size="small">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品编号" prop="itemno">
|
|
|
+ <el-input v-model="form.itemno" placeholder="输入产品编号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品名称" prop="itemname">
|
|
|
+ <el-input v-model="form.itemname" placeholder="输入产品名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="型号" prop="model">
|
|
|
+ <el-input v-model="form.model" placeholder="输入产品型号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="规格" prop="spec">
|
|
|
+ <el-input v-model="form.spec" placeholder="输入产品规格"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="辅助单位">
|
|
|
+ <el-checkbox :true-label="1" :false-label="0" v-model="form.isauxunit" @change="isauxunitChange">是否需要辅助单位</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="主单位" prop="unitid">
|
|
|
+ <el-select style="width:100%" v-model="form.unitid" placeholder="请选择" @change="unitChange">
|
|
|
+ <el-option
|
|
|
+ v-for="item in unitData"
|
|
|
+ :key="item.unitid"
|
|
|
+ :label="item.unitname"
|
|
|
+ :value="item.unitid">
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="增量" prop="orderaddqty">
|
|
|
- <el-input placeholder="增量" v-model="form.orderaddqty" class="input-with-select">
|
|
|
- <el-select style="width:100px" v-model="form.orderaddqty_auxunit" slot="prepend" placeholder="请选择">
|
|
|
- <el-option label="主单位" :value="0"></el-option>
|
|
|
- <el-option :disabled="form.isauxunit === 0" label="辅助单位" :value="1"></el-option>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="辅助单位">
|
|
|
+ <el-select style="width:100%" v-model="form.unitgroupid" :disabled="form.isauxunit === 0" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in unitGroupData"
|
|
|
+ :key="item.unitgroupid"
|
|
|
+ :label="item.unitgroupname"
|
|
|
+ :value="item.unitgroupid">
|
|
|
+ <p style="float: left">{{ item.unitgroupname }}</p>
|
|
|
+ <p style="float:right;color: #8492a6; font-size: 13px">{{ item.conversionrate }}{{item.unitname}}/{{item.auxunitname}},换算率:{{'1:'+ item.conversionrate}}</p>
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="批次管理">
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.batchcontrol" @change="isauxunitChange">是否需要批次管理</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="单品管理">
|
|
|
- <el-checkbox :true-label="1" :false-label="0" v-model="form.skucontrol" @change="isauxunitChange">是否需要单品管理</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="毛重(g)">
|
|
|
- <el-input v-model="form.grossweight" placeholder="输入产品毛重(g)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label=" 净重(g)">
|
|
|
- <el-input v-model="form.weight" placeholder="输入产品净重(g)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="高度">
|
|
|
- <el-input v-model="form.height" placeholder="输入产品高度(mm)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="宽度">
|
|
|
- <el-input v-model="form.width" placeholder="输入产品宽度(mm)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="长度">
|
|
|
- <el-input v-model="form.length" placeholder="输入产品长度(mm)"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="条形码">
|
|
|
- <el-input v-model="form.barcode" placeholder="输入条形码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="备注">
|
|
|
- <el-input v-model="form.remarks" type="textarea" placeholder="输入产品备注"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="产品图">
|
|
|
- <div class="flex-align-center" style="flex-wrap:wrap">
|
|
|
- <uploadFile
|
|
|
- style="margin:10px 10px 10px 0;"
|
|
|
- ref="upload"
|
|
|
- :folderid="folderid"
|
|
|
- accept=".JPG,.PNG,.jpg,.png"
|
|
|
- btntype="image"
|
|
|
- :bindData="{ownertable:'plm_item',ownerid:form.itemid,usetype:'default'}"
|
|
|
- @onSuccess="uploadSuccess">
|
|
|
- </uploadFile>
|
|
|
- <previewImage style="margin-right: 10px;margin-bottom:10px" v-for="image in form.attinfos" :key="image.index" :image="image" :deletebtn="true"
|
|
|
- @onSuccess="clearCover"></previewImage>
|
|
|
- </div>
|
|
|
- <small style="display:block;margin-top:20px" class="info">注:建议上传图片大小1024x1024,大小不超过2M,格式为JPG/PNG</small>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="9">
|
|
|
+ <el-form-item label="换算率">
|
|
|
+ <el-input v-model="form.itemname" readonly></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="起订量" prop="orderminqty">
|
|
|
+ <el-input placeholder="起订量" v-model="form.orderminqty" class="input-with-select">
|
|
|
+ <el-select style="width:100px" v-model="form.orderminqty_auxunit" slot="prepend" placeholder="请选择">
|
|
|
+ <el-option label="主单位" :value="0"></el-option>
|
|
|
+ <el-option :disabled="form.isauxunit === 0" label="辅助单位" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="增量" prop="orderaddqty">
|
|
|
+ <el-input placeholder="增量" v-model="form.orderaddqty" class="input-with-select">
|
|
|
+ <el-select style="width:100px" v-model="form.orderaddqty_auxunit" slot="prepend" placeholder="请选择">
|
|
|
+ <el-option label="主单位" :value="0"></el-option>
|
|
|
+ <el-option :disabled="form.isauxunit === 0" label="辅助单位" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="批次管理">
|
|
|
+ <el-checkbox :true-label="1" :false-label="0" v-model="form.batchcontrol" @change="isauxunitChange">是否需要批次管理</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="单品管理">
|
|
|
+ <el-checkbox :true-label="1" :false-label="0" v-model="form.skucontrol" @change="isauxunitChange">是否需要单品管理</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="毛重(g)">
|
|
|
+ <el-input v-model="form.grossweight" placeholder="输入产品毛重(g)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label=" 净重(g)">
|
|
|
+ <el-input v-model="form.weight" placeholder="输入产品净重(g)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="高度">
|
|
|
+ <el-input v-model="form.height" placeholder="输入产品高度(mm)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="宽度">
|
|
|
+ <el-input v-model="form.width" placeholder="输入产品宽度(mm)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="长度">
|
|
|
+ <el-input v-model="form.length" placeholder="输入产品长度(mm)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="条形码">
|
|
|
+ <el-input v-model="form.barcode" placeholder="输入条形码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="交期">
|
|
|
+ <el-input v-model="form.delivery" placeholder="输入交期"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input v-model="form.remarks" type="textarea" placeholder="输入产品备注"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="产品图">
|
|
|
+ <div class="flex-align-center" style="flex-wrap:wrap">
|
|
|
+ <uploadFile
|
|
|
+ style="margin:10px 10px 10px 0;"
|
|
|
+ ref="upload"
|
|
|
+ :folderid="folderid"
|
|
|
+ accept=".JPG,.PNG,.jpg,.png"
|
|
|
+ btntype="image"
|
|
|
+ :bindData="{ownertable:'plm_item',ownerid:form.itemid,usetype:'default'}"
|
|
|
+ @onSuccess="uploadSuccess">
|
|
|
+ </uploadFile>
|
|
|
+ <previewImage style="margin-right: 10px;margin-bottom:10px" v-for="image in form.attinfos" :key="image.index" :image="image" :deletebtn="true"
|
|
|
+ @onSuccess="clearCover"></previewImage>
|
|
|
+ </div>
|
|
|
+ <small style="display:block;margin-top:20px" class="info">注:建议上传图片大小1024x1024,大小不超过2M,格式为JPG/PNG</small>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
<div class="fixed__btn__panel">
|
|
|
<el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
<el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width">保 存</el-button>
|