|
@@ -8,13 +8,13 @@
|
|
请完善入驻信息
|
|
请完善入驻信息
|
|
</view>
|
|
</view>
|
|
<u-form class="forList">
|
|
<u-form class="forList">
|
|
- <view class="modular">
|
|
|
|
|
|
+ <view style='padding-bottom:20px;' class="modular">
|
|
<u-form-item label="公司名称" label-width="30%" class="title Regular">
|
|
<u-form-item label="公司名称" label-width="30%" class="title Regular">
|
|
- <u-input v-model="deptList.compName" input-align="right" class="write Medium"
|
|
|
|
|
|
+ <u-input maxlength='25' v-model="deptList.compName" input-align="right" class="write Medium"
|
|
placeholder="请输入公司名称" />
|
|
placeholder="请输入公司名称" />
|
|
</u-form-item>
|
|
</u-form-item>
|
|
<view>
|
|
<view>
|
|
- <view class="title Regular" style="margin-top: 15rpx;">主要类型(可多选,必须为真实经营类型)</view>
|
|
|
|
|
|
+ <view class="title Regular" style="margin-top: 15rpx;">主营类型(可多选,必须为真实经营类型)</view>
|
|
<view v-for="(item,index) in management" class="choice">
|
|
<view v-for="(item,index) in management" class="choice">
|
|
<!-- <u-tag :type="types[index] == null ? 'info' : types[index]" :text="item" show="show"
|
|
<!-- <u-tag :type="types[index] == null ? 'info' : types[index]" :text="item" show="show"
|
|
@click="singleClick(index)"></u-tag> -->
|
|
@click="singleClick(index)"></u-tag> -->
|
|
@@ -25,13 +25,22 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="modular">
|
|
<view class="modular">
|
|
- <u-form-item label="标题" label-width="30%" class="title Regular">
|
|
|
|
- <u-input v-model="deptList.title" input-align="right" class="write Regular"
|
|
|
|
|
|
+ <u-form-item label="标题" label-width="30%" prop="title" class="title Regular">
|
|
|
|
+ <u-input maxlength="16" v-model="deptList.title" input-align="right" class="write Regular"
|
|
placeholder="用于封面展示,2-16个字" />
|
|
placeholder="用于封面展示,2-16个字" />
|
|
</u-form-item>
|
|
</u-form-item>
|
|
- <u-form-item label="公司简介" label-width="30%" class="title Regular">
|
|
|
|
- <u-input v-model="deptList.companyProfile" input-align="right" class="write Regular" type="textarea"
|
|
|
|
- placeholder="请输入企业简介,如经营项目、产品类型、企业规模等,10-60个字" />
|
|
|
|
|
|
+ <u-form-item label-position='top' label="公司简介" label-width="30%" class="title Regular">
|
|
|
|
+ <!-- <u-input input-align="right" type="textarea"
|
|
|
|
+ /> -->
|
|
|
|
+ <view class='companyProfilewrap'>
|
|
|
|
+ <textarea class="write Regular companyProfile"
|
|
|
|
+ maxlength="60"
|
|
|
|
+ placeholder="请输入企业简介,如经营项目、产品类型、企业规模等,10-60个字"
|
|
|
|
+ v-model="deptList.companyProfile" name="" id="" cols="10" rows="3">
|
|
|
|
+ </textarea>
|
|
|
|
+ <view class='companyProfilecontent'>{{deptList.companyProfile.length}}/60个字</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</view>
|
|
</view>
|
|
<view class="modular">
|
|
<view class="modular">
|
|
@@ -54,13 +63,17 @@
|
|
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
|
|
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
|
|
:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError"
|
|
:size-type="['compressed']" @on-success="getImgUrl" @on-error="onError"
|
|
@on-remove="onRemove" @on-uploaded="isAdd = true" :before-upload="filterFileType"
|
|
@on-remove="onRemove" @on-uploaded="isAdd = true" :before-upload="filterFileType"
|
|
- :options="uploadOptions" :custom="uploadCustom" @on-progress="onProgress"></upload>
|
|
|
|
|
|
+ :options="uploadOptions" customBorder='2px dashed #D8DEF7' customBtnFontSize="14" customBtnColor="#6A7282" :customBtnHeight='custombtnheight'
|
|
|
|
+ :customBtnWidth='custombtnwidth' customBack='#F9FAFE' :customBtnImage="custombtnimage" :customBtn='custombtn'
|
|
|
|
+ :custom="uploadCustom" @on-progress="onProgress"></upload>
|
|
</view>
|
|
</view>
|
|
<view v-if="license2 != ''">
|
|
<view v-if="license2 != ''">
|
|
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
|
|
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
|
|
:size-type="['compressed']" @on-success="getImgUrl1" @on-error="onError"
|
|
:size-type="['compressed']" @on-success="getImgUrl1" @on-error="onError"
|
|
@on-remove="onRemove" @on-uploaded="isAdd = true" :before-upload="filterFileType"
|
|
@on-remove="onRemove" @on-uploaded="isAdd = true" :before-upload="filterFileType"
|
|
- :options="uploadOptions1" :custom="uploadCustom" @on-progress="onProgress"></upload>
|
|
|
|
|
|
+ :options="uploadOptions1" customBack='#FEF9FA' customBorder='2px dashed #F9D5DC' customBtnFontSize="14" customBtnColor="#6A7282" :customBtnHeight='custombtnheight'
|
|
|
|
+ :customBtnWidth='custombtnwidth' :customBtnImage="custombtnimage" :customBtn='custombtn'
|
|
|
|
+ :custom="uploadCustom" @on-progress="onProgress"></upload>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -102,13 +115,16 @@
|
|
"text": "上传封面图片",
|
|
"text": "上传封面图片",
|
|
"bgc": ""
|
|
"bgc": ""
|
|
},
|
|
},
|
|
|
|
+ errorType: ['message'],
|
|
uploadOptions1: {
|
|
uploadOptions1: {
|
|
"text": "上传营业执照",
|
|
"text": "上传营业执照",
|
|
"bgc": ""
|
|
"bgc": ""
|
|
},
|
|
},
|
|
mainBusinessType: [],
|
|
mainBusinessType: [],
|
|
uploadCustom: true,
|
|
uploadCustom: true,
|
|
- deptList: {},
|
|
|
|
|
|
+ deptList: {
|
|
|
|
+ companyProfile:''
|
|
|
|
+ },
|
|
management: [{
|
|
management: [{
|
|
name: "粮库",
|
|
name: "粮库",
|
|
checked: false
|
|
checked: false
|
|
@@ -142,11 +158,17 @@
|
|
show: false,
|
|
show: false,
|
|
// anNiuCss:"types",
|
|
// anNiuCss:"types",
|
|
anNiuCss: [],
|
|
anNiuCss: [],
|
|
|
|
+ custombtn:true,
|
|
|
|
+ custombtnimage:'../../static/img/liangmai/ic_shanchuan@3x.png',
|
|
|
|
+ custombtnwidth:50,
|
|
|
|
+ custombtnheight:50,
|
|
license1: "../../static/img/authentication/business@3x.png",
|
|
license1: "../../static/img/authentication/business@3x.png",
|
|
license2: "../../static/img/authentication/business@3x.png",
|
|
license2: "../../static/img/authentication/business@3x.png",
|
|
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ onLoad() {
|
|
|
|
+ },
|
|
computed: {
|
|
computed: {
|
|
...mapState(['hasLogin', 'userInfo'])
|
|
...mapState(['hasLogin', 'userInfo'])
|
|
},
|
|
},
|
|
@@ -205,10 +227,54 @@
|
|
},
|
|
},
|
|
submit() {
|
|
submit() {
|
|
var that = this
|
|
var that = this
|
|
- // if (!this.deptList.title) {
|
|
|
|
- // this.$api.msg('标题不能为空')
|
|
|
|
- // return
|
|
|
|
- // }
|
|
|
|
|
|
+ if (!this.deptList.compName) {
|
|
|
|
+ this.$api.msg('公司名称不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.mainBusinessType.length==0) {
|
|
|
|
+ this.$api.msg('至少选择一个主营类型')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.title) {
|
|
|
|
+ this.$api.msg('标题不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.companyProfile) {
|
|
|
|
+ this.$api.msg('企业简介不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.longitude&&!this.deptList.longitude) {
|
|
|
|
+ this.$api.msg('上传坐标不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.detailedAddress) {
|
|
|
|
+ this.$api.msg('详细地址不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.attachmentAddress) {
|
|
|
|
+ this.$api.msg('封面照片不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.deptList.licenseAddress) {
|
|
|
|
+ this.$api.msg('营业执照不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.deptList.compName.length<2||this.deptList.compName.length>25) {
|
|
|
|
+ this.$api.msg('公司名称输入错误')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.deptList.title.length<2||this.deptList.title.length>16) {
|
|
|
|
+ this.$api.msg('标题长度2-16个字')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.deptList.companyProfile.length<10||this.deptList.companyProfile.length>60) {
|
|
|
|
+ this.$api.msg('简介长度10-60个字')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.deptList.detailedAddress.length<2||this.deptList.detailedAddress.length>12) {
|
|
|
|
+ this.$api.msg('详细地址2-12个字')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
// this.show = true
|
|
// this.show = true
|
|
// return
|
|
// return
|
|
this.deptList.mainBusinessType=this.mainBusinessType.toString()
|
|
this.deptList.mainBusinessType=this.mainBusinessType.toString()
|
|
@@ -313,32 +379,24 @@
|
|
.choice {
|
|
.choice {
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- margin-bottom: 6px;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.title {
|
|
.title {
|
|
- margin-left: 20rpx;
|
|
|
|
color: #71747C;
|
|
color: #71747C;
|
|
}
|
|
}
|
|
|
|
|
|
.types {
|
|
.types {
|
|
- width: 55px;
|
|
|
|
- height: 30px;
|
|
|
|
background-color: #F4FAF8;
|
|
background-color: #F4FAF8;
|
|
text-align: center;
|
|
text-align: center;
|
|
- line-height: 32px;
|
|
|
|
border-radius: 20px;
|
|
border-radius: 20px;
|
|
- margin-left: 14px;
|
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
+ padding:8px 19px;
|
|
}
|
|
}
|
|
|
|
|
|
.types1 {
|
|
.types1 {
|
|
- width: 55px;
|
|
|
|
- height: 30px;
|
|
|
|
background-color: #22C572;
|
|
background-color: #22C572;
|
|
text-align: center;
|
|
text-align: center;
|
|
- line-height: 32px;
|
|
|
|
border-radius: 20px;
|
|
border-radius: 20px;
|
|
- margin-left: 14px;
|
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -358,6 +416,7 @@
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
position:relative;z-index:2;
|
|
position:relative;z-index:2;
|
|
|
|
+ padding:0 12.5px;
|
|
}
|
|
}
|
|
|
|
|
|
.forList {
|
|
.forList {
|
|
@@ -396,4 +455,21 @@
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
+ .companyProfilewrap{
|
|
|
|
+ position:relative;
|
|
|
|
+ width:100%;
|
|
|
|
+ }
|
|
|
|
+ .companyProfile{
|
|
|
|
+ width:90%;height:138px;
|
|
|
|
+ background:#F9F9FA;
|
|
|
|
+ font-size:13px;
|
|
|
|
+ padding:13px;
|
|
|
|
+ border-radius:5px;
|
|
|
|
+ }
|
|
|
|
+ .companyProfilecontent{
|
|
|
|
+ position:absolute;
|
|
|
|
+ bottom:10px;
|
|
|
|
+ right:15px;
|
|
|
|
+ font-size:13px;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|