123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460 |
- <template>
- <view class="content">
- <view class="headbox">
- <text class="headtitle">供货商注册</text>
- <view class="logobox">
- <image src="../../static/img/logo.png" mode="aspectFill"></image>
- </view>
- </view>
- <view class="acountbox">
- <view class="inacount">
- <text class="acoutitle">供货商</text>
- <input type="text" v-model="form.name" class="checkword" placeholder="请输入供货商名称"
- placeholder-style="font-size:30rpx;color:#BEBDBB" />
- </view>
- <view class="inacount">
- <text class="acoutitle">统一社会信用代码</text>
- <input type="text" v-model="form.socialCode" class="checkword" placeholder="请输入统一社会信用代码"
- placeholder-style="font-size:30rpx;color:#BEBDBB" />
- </view>
- <view class="inacount">
- <text class="acoutitle">法人姓名</text>
- <input type="text" v-model="form.legalPerson" class="checkword" placeholder="请输入法人姓名"
- placeholder-style="font-size:30rpx;color:#BEBDBB" />
- </view>
- <view class="inacount">
- <text class="acoutitle">联系人</text>
- <input type="text" v-model="form.contacts" class="checkword" placeholder="请输入联系人"
- placeholder-style="font-size:30rpx;color:#BEBDBB" />
- </view>
- <view class="inacount">
- <text class="acoutitle">联系电话</text>
- <input type="number" v-model="form.contactsMobile" class="checkword" placeholder="请输入联系电话"
- placeholder-style="font-size:30rpx;color:#BEBDBB" />
- </view>
- <view>
- <view class="inacount" style="flex-direction: column;align-items: center;background-color: #fff;">
- <text class="acoutitle" style="flex: 1;width: 100%;">认证照片</text>
- <view class="upmsg">
- <view class="uppic" style="padding-top: 80rpx;font-weight:600 ;" @click="upImages(1)"
- v-if="form.identifyPics.length==0">
- <text>点击上传照片</text>
- </view>
- <view class="img-up" style="width: 690rpx;height: 399rpx;" v-if="form.identifyPics.length>0" v-for="item in form.identifyPics">
- <image :src="item" mode="aspectFill"
- v-if="form.identifyPics.length>0" @click="upImages(1)"></image>
- <image @click="deletImg(index)" class="delet-img" src="../../static/icon/delet.png" style="width: 25px;height: 25px;" mode="aspectFill"></image>
- </view>
- </view>
- <text style="font-size: 24rpx;color: #D05C39;padding-top: 20rpx;">*注意上传法人手持身份证半身照</text>
- </view>
- </view>
- <view>
- <view class="inacount"
- style="flex-direction: column;align-items: center;background-color: #fff;margin-top:0 ;">
- <view style="justify-content: space-between;display: flex;width: 100%;">
- <text class="acoutitle" style="flex: 1;width: 100%;">授权委托书</text>
- <text class="acoutitle" style="flex: 1;width: 100%;text-align: right;" @click="addpdf"
- :style="[{color:(addpdfin?'#D05C39':'#000')},{fontSize:'28rpx'}]">点击获取授权委托书</text>
- </view>
- <view class="upmsg">
- <view class="uppic" style="padding-top: 80rpx;font-weight:600 ;" @click="upImages(2)"
- v-if="form.proxyFile.length==0">
- <text>点击上传照片</text>
- </view>
- <view class="img-up" style="width: 690rpx;height: 399rpx;"
- v-if="form.proxyFile.length>0"
- v-for="item in form.proxyFile">
- <image :src="item" mode="aspectFill" @click="upImages(2)"></image>
- <image @click="deletImg2(index)" class="delet-img"
- src="../../static/icon/delet.png" style="width: 25px;height: 25px;" mode="aspectFill">
- </image>
- </view>
- </view>
- <text style="font-size: 24rpx;color: #D05C39;padding-top: 20rpx;">*注意上传法人签署的授权委托书</text>
- </view>
- </view>
- </view>
- <view class="logininbtn" @click="acountRegister">
- <text>下一步</text>
- </view>
- <view class="safebt"></view>
- </view>
- </template>
- <script>
- import {
- mainUrl
- } from '@/http/baseUrl.js';
- let that
- export default {
- data() {
- return {
- checked: 1,
- form: {
- name: '',
- socialCode: '',
- legalPerson: '',
- password: '',
- contacts: '',
- contactsMobile: '',
- identifyPics: [],
- proxyFile: [],
- addpdfin: false
- },
- }
- },
- onLoad(o) {
- that = this
- if (o.checked) {
- this.checked = o.checked
- }
- },
- methods: {
- acountRegister() {
- let form = this.form
- if (form.name.length == 0) {
- this.$toast("请输入供货商名称")
- return
- }
- if (form.socialCode.length == 0) {
- this.$toast("请输入统一社会信用代码")
- return
- }
- if (form.legalPerson.length == 0) {
- this.$toast("请输入法人姓名")
- return
- }
- if (form.contacts.length == 0) {
- this.$toast("请输入联系人")
- return
- }
- if (form.contactsMobile.length == 0) {
- this.$toast("请输入联系电话")
- return
- }
- if (form.identifyPics.length == 0) {
- this.$toast("请上传认证照片")
- return
- }
- if (form.proxyFile.length == 0) {
- this.$toast("请上传授权委托书")
- return
- }
- form.checked = 1
- console.log(form)
- uni.$u.http.get(`/api/Supplier/name?name=${this.form.name}`, {
- name: that.form.name,
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- console.log(res.data)
- if (res) {
- this.$toast("供货商名称已被使用,请重新填写")
- // uni.navigateTo({
- // url: "/pages/bsinessadmin/register?form="+JSON.stringify(form)
- // })
- }
- // console.log(that.suplist,999999999)
- }).catch((err) => {
- uni.hideLoading()
- console.log(err)
- if (!err.data) {
- uni.navigateTo({
- url: "/pages/bsinessadmin/register?form=" + JSON.stringify(form)
- })
- }
- })
- },
- //删除图片
- deletImg(i) {
- this.form.identifyPics.splice(i, 1)
- console.log(this.form.identifyPics);
- },
- deletImg2(i) {
- this.form.proxyFile.splice(i, 1)
- },
- addpdf() {
- this.addpdfin = true
- uni.showModal({
- title: '提示',
- content: "是否获取授权委托书?",
- success: function(res) {
- if (res.confirm) {
- uni.showLoading()
- uni.$u.http.get('/api/Setting/attorney', {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- uni.setClipboardData({
- data: res,
- success: function() {
- that.$toast("复制成功,请到浏览器下载")
- }
- });
- // that.downloadPdf(res)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- }
- }
- })
- },
- downloadPdf(url) {
- console.log(url)
- uni.downloadFile({
- url: url, //下载地址接口返回
- header: {
- },
- success: (data) => {
- if (data.statusCode === 200) {
- console.log(22222)
- //文件保存到本地
- uni.saveFile({
- tempFilePath: data.tempFilePath, //临时路径
- success: function(res) {
- uni.showToast({
- icon: 'none',
- mask: true,
- title: '文件已保存:' + res.savedFilePath, //保存路径
- duration: 3000,
- });
- setTimeout(() => {
- //打开文档查看
- uni.openDocument({
- filePath: res.savedFilePath,
- success: function(res) {
- // console.log('打开文档成功');
- }
- });
- }, 3000)
- }
- });
- }
- },
- fail: (err) => {
- console.log(err);
- uni.showToast({
- icon: 'none',
- mask: true,
- title: '失败请重新下载',
- });
- },
- });
- },
- upImages(e) {
- if (e == 1) {
- this.chooseImage(1)
- } else if (e == 2) {
- this.chooseImage(2)
- }
- },
- chooseImage(u) {
- uni.chooseImage({
- count: 1,
- success: function(e) {
- for (let i in e.tempFilePaths) {
- let ui = that.upText(e.tempFilePaths[i], u)
- }
- },
- complete: function(e) {
- // 触发事件 tabEvent
- return []
- }
- })
- },
- upText(e, i) {
- var list = []
- uni.showLoading({
- })
- uni.uploadFile({
- url: mainUrl + '/api/File',
- filePath: e,
- name: 'File',
- fileType: 'image',
- header: {
- "User-Agent": "apifox/1.0.0 (https://www.apifox.cn)"
- },
- formData: {
- File: JSON.stringify(e),
- // file_name: fileName,
- },
- success(re) {
- uni.hideLoading()
- let res = JSON.parse(re.data)
- if (res.code == 200) {
- if (i == 1) {
- that.form.identifyPics.push(res.data.file)
- } else if (i == 2) {
- that.form.proxyFile.push(res.data.file)
- console.log(that.form.proxyFile);
- }
- } else {
- uni.showModal({
- title: '',
- content: res.msg,
- showCancel: false,
- });
- }
- },
- fail(e) {
- if (e && e.msg) {
- uni.showModal({
- title: '错误',
- content: e.msg,
- showCancel: false,
- });
- }
- },
- });
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .content {
- padding: 0 30rpx;
- box-sizing: border-box;
- }
- .headbox {
- display: flex;
- justify-content: space-between;
- align-items: flex-end;
- }
- .headtitle {
- font-size: 60rpx;
- font-weight: 600;
- padding-bottom: 36rpx;
- }
- .logobox {
- width: 269rpx;
- height: 191rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .acountbox {
- .upmsg {
- // position: relative;
- margin-top: 20rpx;
- background-color: #F6F6F6;
- width: 690rpx;
- // height: 399rpx;
- border-radius: 20rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- // overflow: hidden;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .uppic {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 500rpx;
- height: 250rpx;
- background-image: url("@/static/img/upuer.png");
- background-size: 100%;
- }
- .inacount {
- flex: 1;
- display: flex;
- padding: 35rpx 20rpx;
- box-sizing: border-box;
- // width: 606rpx;
- margin-top: 40rpx;
- background-color: #F6F6F6;
- border-radius: 20rpx;
- font-size: 30rpx;
- color: #1F242A;
- input {
- width: 360rpx;
- }
- }
- .acoutitle {
- font-weight: 600;
- }
- .checkword {
- padding-left: 20rpx;
- color: #1F242A;
- font-size: 30rpx;
- }
- }
- .logininbtn {
- box-sizing: border-box;
- margin-top: 80rpx;
- // width: 606rpx;
- border-radius: 20rpx;
- background: linear-gradient(to right, #FFE1AD, #D07539);
- height: 100rpx;
- text-align: center;
- color: #fff;
- line-height: 100rpx;
- }
- .acountall {
- display: flex;
- justify-content: flex-end;
- margin-top: 30rpx;
- font-size: 24rpx;
- }
- .checkag {
- margin-top: 200rpx;
- font-size: 28rpx;
- margin-bottom: 150rpx;
- }
- .img-up {
- position: relative;
- }
- .delet-img {
- position: absolute;
- top: 0px;
- right: 0px;
- }
- </style>
|