|
@@ -3,341 +3,454 @@
|
|
<div class="sty">
|
|
<div class="sty">
|
|
<el-page-header @back="goBack" content="详情页面"> </el-page-header>
|
|
<el-page-header @back="goBack" content="详情页面"> </el-page-header>
|
|
</div>
|
|
</div>
|
|
- <el-card class="box-card">
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
- <span>供应商编码</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">创建组织</span
|
|
|
|
- ><input type="text" v-model="infoForm.createOrgName"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>使用组织</span><input type="text" v-model="infoForm.useOrgId"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">注册编码</span
|
|
|
|
- ><input v-model="infoForm.regNumber" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">编码</span
|
|
|
|
- ><input v-model="infoForm.number" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>名称</span><input v-model="infoForm.name" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>简称</span><input v-model="infoForm.shortName" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-card>
|
|
|
|
- <el-card class="box-card">
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
- <span>基本信息</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="baseInfo">
|
|
|
|
|
|
+ <el-form
|
|
|
|
+ :model="infoList"
|
|
|
|
+ label-width="130px"
|
|
|
|
+ size="small"
|
|
|
|
+ label-position="right"
|
|
|
|
+ >
|
|
|
|
+ <el-card class="">
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
+ <strong>供应商编码</strong>
|
|
|
|
+ </div>
|
|
<div>
|
|
<div>
|
|
- <div class="base-header">
|
|
|
|
- <span>地址</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">国家</span
|
|
|
|
- ><input v-model="infoForm.country" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">地区</span
|
|
|
|
- ><input v-model="infoForm.provincial" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">通讯地址</span
|
|
|
|
- ><textarea
|
|
|
|
- v-model="infoForm.address"
|
|
|
|
- name=""
|
|
|
|
- id=""
|
|
|
|
- cols="30"
|
|
|
|
- rows="10"
|
|
|
|
- class="textareaStyle"
|
|
|
|
- ></textarea>
|
|
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="创建组织" prop="">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.createOrgName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">邮政编码</span
|
|
|
|
- ><input v-model="infoForm.zip" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">语言</span
|
|
|
|
- ><input v-model="infoForm.language" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">公司地址</span
|
|
|
|
- ><textarea
|
|
|
|
- v-model="infoForm.webSite"
|
|
|
|
- class="textareaStyle"
|
|
|
|
- name=""
|
|
|
|
- id=""
|
|
|
|
- cols="30"
|
|
|
|
- rows="10"
|
|
|
|
- ></textarea>
|
|
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="使用组织" prop="takerName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.useOrgName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="注册编码" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.regNumber"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="编码" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.number"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="名称" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.name"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="简称" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.shortName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+ <!-- </el-form> -->
|
|
|
|
+ </div>
|
|
|
|
+ </el-card>
|
|
|
|
+ <br />
|
|
|
|
+ <el-card class="">
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
+ <strong>基本信息</strong>
|
|
</div>
|
|
</div>
|
|
|
|
+ <span>地址</span>
|
|
|
|
+ <el-divider></el-divider>
|
|
<div>
|
|
<div>
|
|
- <div class="base-header">
|
|
|
|
- <span>注册</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">行业</span
|
|
|
|
- ><input v-model="infoForm.trade" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">创立日期</span
|
|
|
|
- ><input v-model="infoForm.foundDate" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">法人代表</span
|
|
|
|
- ><input v-model="infoForm.legalPerson" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">注册资金(万元)</span
|
|
|
|
- ><input v-model="infoForm.registerFund" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">公司规模工商登记号</span
|
|
|
|
- ><input v-model="infoForm.registerCode" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">生产经许可证</span
|
|
|
|
- ><input v-model="infoForm.tendPermit" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">统一社会信用代码</span
|
|
|
|
- ><input v-model="infoForm.socialCreCode" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">注册地址</span
|
|
|
|
- ><textarea
|
|
|
|
- v-model="infoForm.registerAddress"
|
|
|
|
- name=""
|
|
|
|
- id=""
|
|
|
|
- cols="30"
|
|
|
|
- rows="10"
|
|
|
|
- class="textareaStyle"
|
|
|
|
- ></textarea>
|
|
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="国家" prop="">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.country"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="地区" prop="takerName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.provincial"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="通讯地址" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.address"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="邮政编码" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.zip"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="语言" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.language"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="公司网址" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.webSite"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+ <!-- </el-form> -->
|
|
</div>
|
|
</div>
|
|
|
|
+ <span>注册</span>
|
|
|
|
+ <el-divider></el-divider>
|
|
<div>
|
|
<div>
|
|
- <div class="base-header">
|
|
|
|
- <span>管理</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">负责部门</span
|
|
|
|
- ><input v-model="infoForm.deptName" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">负责人</span
|
|
|
|
- ><input v-model="infoForm.staffName" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">供应商分类</span
|
|
|
|
- ><input v-model="infoForm.supplierClassify" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">供应类别</span
|
|
|
|
- ><select name="" id="" class="selectStyle">
|
|
|
|
- <option value="">采购</option>
|
|
|
|
- </select></el-col
|
|
|
|
- >
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">供应商等级</span
|
|
|
|
- ><input v-model="infoForm.supplierGrade" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">供应商分组</span
|
|
|
|
- ><input v-model="infoForm.groupName" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">公司类别</span
|
|
|
|
- ><input v-model="infoForm.companyClassify" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="行业" prop="">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.trade"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="创立日期" prop="takerName">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="infoList.foundDate"
|
|
|
|
+ type="datetime"
|
|
|
|
+ placeholder="选择日期时间"
|
|
|
|
+ default-time="23:59:59"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="法人代表" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.legalPerson"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="注册资金" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="工商登记号" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.registerFund"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="生产经营许可证" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.tendPermit"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="统一社会信用代码" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.socialCrecode"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="注册地址" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.registerAddress"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r color">公司性质</span
|
|
|
|
- ><input v-model="infoForm.companyNature" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
|
|
+ <!-- </el-form> -->
|
|
|
|
+ </div>
|
|
|
|
+ <span>管理</span>
|
|
|
|
+ <el-divider></el-divider>
|
|
|
|
+ <div>
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="负责部门" prop="">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.deptName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="负责人" prop="takerName">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="供应商分类" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.supplierClassify"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="供应类别" prop="telephone">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoList.supplyClassify"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ >
|
|
|
|
+ <el-option> </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="供应商等级" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.supplierGrade"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="供应商分组" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.groupName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="公司类别" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.companyClassify"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="公司性质" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.companyNature"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="公司规模" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.companyScale"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="对应组织" prop="telephone">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.correspondOrgName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">公司规模</span
|
|
|
|
- ><input v-model="infoForm.companyScale" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
|
|
+ <!-- </el-form> -->
|
|
|
|
+ </div>
|
|
|
|
+ </el-card>
|
|
|
|
+ <br />
|
|
|
|
+ <el-card class="">
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
+ <strong>商务信息</strong>
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="采购组" prop="">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="默认价目表" prop="takerName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoList.number"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="业务状态" prop="telephone">
|
|
|
|
+ <el-select v-model="infoList.useOrgName" placeholder="请选择">
|
|
|
|
+ <el-option> </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="默认折扣表" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="冻结范围" prop="telephone">
|
|
|
|
+ <el-select placeholder="请选择">
|
|
|
|
+ <el-option> </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="供货方" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="冻结人" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="VMI仓库" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="冻结日期" prop="telephone">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ type="datetime"
|
|
|
|
+ placeholder="选择日期时间"
|
|
|
|
+ default-time="23:59:59"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="VMI业务" prop="telephone">
|
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="启用供应商协同" prop="telephone">
|
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="汇总公司" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="保证金比例" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="默认联系人" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-row>
|
|
|
|
- <el-col :span="24"
|
|
|
|
- ><span class="marg-r">对应组织</span
|
|
|
|
- ><input v-model="infoForm.correspondOrgName" type="text"
|
|
|
|
- /></el-col>
|
|
|
|
|
|
+ <!-- </el-form> -->
|
|
|
|
+ </div>
|
|
|
|
+ </el-card>
|
|
|
|
+ <br />
|
|
|
|
+ <el-card class="">
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
+ <strong>财务信息</strong>
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="对应客户" prop="">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="单次预付额度" prop="takerName">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="发票类型" prop="telephone">
|
|
|
|
+ <el-select placeholder="请选择">
|
|
|
|
+ <el-option> </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="税分类" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="默认税率" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="结算方式" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="描述" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="付款条件" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="经营类型" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="收款方" prop="telephone">
|
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+ <!-- </el-form> -->
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </el-card>
|
|
|
|
- <el-card class="box-card">
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
- <span>商务信息</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">采购组</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"><span>默认价目表</span><input type="text" /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>业务状态</span
|
|
|
|
- ><select name="" id="" class="selectStyle2">
|
|
|
|
- <option value="">正常</option>
|
|
|
|
- </select></el-col
|
|
|
|
- >
|
|
|
|
- <el-col :span="6"><span>默认折扣表</span><input type="text" /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>冻结范围</span
|
|
|
|
- ><select name="" id="" class="selectStyle2">
|
|
|
|
- <option value=""></option></select
|
|
|
|
- ></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">供货方</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"><span>冻结人</span><input type="text" /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">VMI仓库</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>冻结日期</span><input type="date" class="inputDate"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"><span>VMI业务</span><input type="checkbox" /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">汇总公司</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>启用供应商协同</span><input type="checkbox"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"><span>保证金比例</span><input type="text" /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">默认联系人</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-card>
|
|
|
|
- <el-card class="box-card">
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
- <span>财务信息</span>
|
|
|
|
- </div>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">对应客户</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>单次预付额度</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">发票类型</span
|
|
|
|
- ><select name="" id="" class="selectStyle2">
|
|
|
|
- <option value="">正常</option>
|
|
|
|
- </select></el-col
|
|
|
|
- >
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">结算币别</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">税分类</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">默认税率</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">结算方式</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"><span>税务登记号</span><input type="text" /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span>描述</span
|
|
|
|
- ><textarea
|
|
|
|
- class="textareaStyle"
|
|
|
|
- name=""
|
|
|
|
- id=""
|
|
|
|
- cols="30"
|
|
|
|
- rows="10"
|
|
|
|
- style="width: 41%"
|
|
|
|
- ></textarea>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">付款条件</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">经营类型</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">结算方</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="6"
|
|
|
|
- ><span class="color">收款方</span><input type="text"
|
|
|
|
- /></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- <el-col :span="6"></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-card>
|
|
|
|
|
|
+ </el-card>
|
|
|
|
+ <br />
|
|
|
|
+ </el-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -350,58 +463,11 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
- return {
|
|
|
|
- infoForm: {
|
|
|
|
- address: "",
|
|
|
|
- auditName: "",
|
|
|
|
- companyClassify: "",
|
|
|
|
- companyNature: "",
|
|
|
|
- companyScale: "",
|
|
|
|
- correspondOrgName: "",
|
|
|
|
- country: "",
|
|
|
|
- createBy: "",
|
|
|
|
- createOrgName: "",
|
|
|
|
- createTime: "",
|
|
|
|
- deptName: "",
|
|
|
|
- forbidStatus: "",
|
|
|
|
- foundDate: "",
|
|
|
|
- groupName: "",
|
|
|
|
- groupNumber: "",
|
|
|
|
- id: "",
|
|
|
|
- language: "",
|
|
|
|
- legalPerson: "",
|
|
|
|
- name: "",
|
|
|
|
- number: "",
|
|
|
|
- provincial: "",
|
|
|
|
- regNumber: "",
|
|
|
|
- registerAddress: "",
|
|
|
|
- registerCode: "",
|
|
|
|
- registerFund: 0,
|
|
|
|
- shortName: "",
|
|
|
|
- socialCreCode: "",
|
|
|
|
- staffName: "",
|
|
|
|
- supplierClassify: "",
|
|
|
|
- supplierGrade: "",
|
|
|
|
- supplyClassify: "",
|
|
|
|
- syncTime: "",
|
|
|
|
- tendPermit: "",
|
|
|
|
- trade: "",
|
|
|
|
- updateBy: "",
|
|
|
|
- updateTime: "",
|
|
|
|
- useOrgId: "",
|
|
|
|
- useOrgName: "",
|
|
|
|
- useOrgNumber: "",
|
|
|
|
- webSite: "",
|
|
|
|
- zip: "",
|
|
|
|
- },
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- created() {
|
|
|
|
- this.infoForm = this.infoList;
|
|
|
|
|
|
+ return {};
|
|
},
|
|
},
|
|
|
|
+ created() {},
|
|
methods: {
|
|
methods: {
|
|
goBack() {
|
|
goBack() {
|
|
- console.log(this.$parent);
|
|
|
|
this.$parent.isShow = true;
|
|
this.$parent.isShow = true;
|
|
},
|
|
},
|
|
},
|
|
},
|
|
@@ -409,76 +475,13 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-.baseWidth {
|
|
|
|
- width: 46%;
|
|
|
|
-}
|
|
|
|
-.inputDate {
|
|
|
|
- width: 41%;
|
|
|
|
-}
|
|
|
|
-.selectStyle2 {
|
|
|
|
- width: 41%;
|
|
|
|
-}
|
|
|
|
-.selectStyle {
|
|
|
|
- width: 31%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.textareaStyle {
|
|
|
|
- vertical-align: text-top;
|
|
|
|
- resize: none;
|
|
|
|
- width: 31%;
|
|
|
|
- height: 100px;
|
|
|
|
-}
|
|
|
|
-.color {
|
|
|
|
- color: #1f93ec;
|
|
|
|
-}
|
|
|
|
-.el-col-24 {
|
|
|
|
- margin: 6px 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.marg-r {
|
|
|
|
- padding-right: 15px;
|
|
|
|
- font-size: 12px;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 120px;
|
|
|
|
-}
|
|
|
|
-.base-header {
|
|
|
|
- height: 20px;
|
|
|
|
- width: 60%;
|
|
|
|
- border-bottom: 2px solid gray;
|
|
|
|
- span {
|
|
|
|
- width: 100px;
|
|
|
|
- height: 100%;
|
|
|
|
- display: block;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #fff;
|
|
|
|
-
|
|
|
|
- background-color: gray;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-.box-card {
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
+::v-deep .el-date-editor--datetime {
|
|
|
|
+ width: 100%;
|
|
}
|
|
}
|
|
-.el-col-6 {
|
|
|
|
- span {
|
|
|
|
- padding-right: 10px;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 100px;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-.baseInfo {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- > div {
|
|
|
|
- width: 33%;
|
|
|
|
- }
|
|
|
|
|
|
+::v-deep .el-select {
|
|
|
|
+ width: 100%;
|
|
}
|
|
}
|
|
.sty {
|
|
.sty {
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
-.el-row {
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
- &:last-child {
|
|
|
|
- margin-bottom: 0;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
</style>
|
|
</style>
|