|
|
@@ -3,7 +3,7 @@
|
|
|
<div class="center">
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <h2 class="bg-left titleup">新增粮商</h2>
|
|
|
+ <h2 class="bg-left titleup">{{ trader }}粮商</h2>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="bg-right">
|
|
|
<el-button class="bg-bottom" type="primary" size="small" @click="cancel"
|
|
|
@@ -25,34 +25,69 @@
|
|
|
<ws-form ref="customerList" :model="customerList" label-width="120px">
|
|
|
<ws-info-table>
|
|
|
<div style="display: flex; width: 100%; text-align: center">
|
|
|
- <div style="width: 50%;margin:0 auto">
|
|
|
- 上传身份证正面
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :limit="1"
|
|
|
- list-type="picture-card"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :auto-upload="true"
|
|
|
- :on-success="upLoadSuccess1"
|
|
|
- >
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin:0 auto">
|
|
|
- 上传身份证反面
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :limit="1"
|
|
|
- list-type="picture-card"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :auto-upload="true"
|
|
|
- :on-success="upLoadSuccess2"
|
|
|
- >
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
+ <div v-if="switchType==1" style="width: 50%; margin: 0 auto">
|
|
|
+ 上传身份证正面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="upLoadSuccess1"
|
|
|
+ :disabled="disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" :class="identityUp" v-if="switchType==2||switchType==3">
|
|
|
+ 上传身份证正面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="(file) => {handleRemove(file,identityUp)}"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="upLoadSuccess1"
|
|
|
+ :disabled="disabled"
|
|
|
+ :file-list="identityImgUp"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div v-if="switchType==1" style="width: 50%; margin: 0 auto">
|
|
|
+ 上传身份证反面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="upLoadSuccess2"
|
|
|
+ :disabled = "disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" v-if="switchType==2||switchType==3" class="low">
|
|
|
+ 上传身份证反面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="upLoadSuccess2"
|
|
|
+ :disabled="disabled"
|
|
|
+ :file-list="identityImgLow"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<ws-form-item label="姓名" span="1" prop="customerName">
|
|
|
@@ -66,7 +101,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="身份证号" span="1" prop="customerNumberCard">
|
|
|
<ws-input
|
|
|
- v-model="customerList.customerNumberCard"
|
|
|
+ v-model="customerList.customerNumberCard"
|
|
|
placeholder="请输入身份证号"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -74,38 +109,72 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
<div style="display: flex; width: 100%; text-align: center">
|
|
|
- <div style="width: 50%;margin:0 auto">
|
|
|
- 上传银行卡正面
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :limit="1"
|
|
|
- list-type="picture-card"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :on-remove="handleRemove1"
|
|
|
- :auto-upload="true"
|
|
|
- :on-success="bankSuccess1"
|
|
|
- >
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
- <div style="width: 50%;margin:0 auto">
|
|
|
- 上传银行卡反面
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :limit="1"
|
|
|
- list-type="picture-card"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :on-remove="handleRemove1"
|
|
|
- :auto-upload="true"
|
|
|
- :on-success="bankSuccess2"
|
|
|
- >
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" v-if="switchType==1" >
|
|
|
+ 上传银行卡正面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove1"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="bankSuccess1"
|
|
|
+ :disabled="disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" v-if="switchType==2||switchType==3" class="bankUp">
|
|
|
+ 上传银行卡正面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove1"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="bankSuccess1"
|
|
|
+ :disabled="disabled"
|
|
|
+ :file-list="bankImgUp"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" v-if="switchType==1">
|
|
|
+ 上传银行卡反面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove1"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="bankSuccess2"
|
|
|
+ :disabled="disabled"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%; margin: 0 auto" v-if="switchType==2||switchType==3" class="bankLow">
|
|
|
+ 上传银行卡反面
|
|
|
+ <el-upload
|
|
|
+ action="https://www.zthymaoyi.com/upload/admin"
|
|
|
+ :limit="1"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove1"
|
|
|
+ :auto-upload="true"
|
|
|
+ :on-success="bankSuccess2"
|
|
|
+ :disabled="disabled"
|
|
|
+ :file-list="bankImgLow"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<ws-form-item label="银行卡号" span="1" prop="bankCard">
|
|
|
<ws-input
|
|
|
- v-model="customerList.bankCard"
|
|
|
+ v-model="customerList.bankCard"
|
|
|
placeholder="请输入银行卡号"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -114,7 +183,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="开户行" span="1" prop="bankDeposit">
|
|
|
<ws-input
|
|
|
- v-model="customerList.bankDeposit"
|
|
|
+ v-model="customerList.bankDeposit"
|
|
|
placeholder="请输入开户行"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -123,7 +192,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="开户支行" span="1" prop="bankDepositBranch">
|
|
|
<ws-input
|
|
|
- v-model="customerList.bankDepositBranch"
|
|
|
+ v-model="customerList.bankDepositBranch"
|
|
|
placeholder="请输入开户支行"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -132,7 +201,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="收款人姓名" span="1" prop="payeeName">
|
|
|
<ws-input
|
|
|
- v-model="customerList.payeeName"
|
|
|
+ v-model="customerList.payeeName"
|
|
|
placeholder="请输入收款人姓名"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -141,7 +210,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="收款人身份证号" span="1" prop="payeeNumberCard">
|
|
|
<ws-input
|
|
|
- v-model="customerList.payeeNumberCard"
|
|
|
+ v-model="customerList.payeeNumberCard"
|
|
|
placeholder="请输入收款人身份证号"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -150,7 +219,7 @@
|
|
|
</ws-form-item>
|
|
|
<ws-form-item label="手机号" span="1" prop="customerPhone">
|
|
|
<ws-input
|
|
|
- v-model="customerList.customerPhone"
|
|
|
+ v-model="customerList.customerPhone"
|
|
|
placeholder="请输入手机号"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -182,7 +251,7 @@
|
|
|
</el-form-item> -->
|
|
|
<ws-form-item label="联系地址" span="1" prop="compAddress">
|
|
|
<ws-input
|
|
|
- v-model="customerList.compAddress"
|
|
|
+ v-model="customerList.compAddress"
|
|
|
placeholder="请输入联系地址"
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
@@ -190,18 +259,20 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
- <div class="but">
|
|
|
- <el-button type="primary" @click="commit">提交</el-button>
|
|
|
- <!-- <el-button type="primary">关闭</el-button> -->
|
|
|
- </div>
|
|
|
+ <div class="but">
|
|
|
+ <el-button type="primary" @click="commit" v-if="switchType==1 || switchType==3">提交</el-button>
|
|
|
+ <el-button type="primary" @click = "cancel" v-if="switchType==2">关闭</el-button>
|
|
|
+ </div>
|
|
|
</ws-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import {
|
|
|
- customerAdd
|
|
|
- }from '@/model/houseSelfCollect/index'
|
|
|
+import {
|
|
|
+ customerAdd,
|
|
|
+ customerIdentity,
|
|
|
+ getCustomerLook,
|
|
|
+} from '@/model/houseSelfCollect/index'
|
|
|
|
|
|
export default {
|
|
|
components: {},
|
|
|
@@ -210,27 +281,69 @@ export default {
|
|
|
return {
|
|
|
dialogImageUrl: '',
|
|
|
dialogVisible: false,
|
|
|
- customerList:{},
|
|
|
+ customerList: {},
|
|
|
disabledFlag: true,
|
|
|
disabled: false,
|
|
|
- identity:[],
|
|
|
- bank:[],
|
|
|
+ identity: [],
|
|
|
+ bank: [],
|
|
|
+ trader: '新增',
|
|
|
+ switchType:"",
|
|
|
+ identityImgUp:[
|
|
|
+ {
|
|
|
+ url:"",
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ identityImgLow:[
|
|
|
+ {
|
|
|
+ url:"",
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ bankImgUp:[
|
|
|
+ {
|
|
|
+ url:"",
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ bankImgLow:[
|
|
|
+ {
|
|
|
+ url:""
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ identityUp:"up",
|
|
|
+ }
|
|
|
+ },
|
|
|
+ activated() {
|
|
|
+ this.switchType = this.$route.query.types
|
|
|
+ if(this.$route.query.types == null){
|
|
|
+ this.switchType = 1
|
|
|
+ }
|
|
|
+ let id = this.$route.query.id
|
|
|
+ if ( this.switchType == 2) {
|
|
|
+ this.disabled = true
|
|
|
+ this.trader = '查看'
|
|
|
+ this.getList(id)
|
|
|
+ } else if (this.switchType == 3) {
|
|
|
+ this.disabled = false
|
|
|
+ this.trader = '编辑'
|
|
|
+ this.getList(id)
|
|
|
}
|
|
|
+ console.log( this.switchType)
|
|
|
},
|
|
|
methods: {
|
|
|
- handleRemove(file) {
|
|
|
- for(let i = 0 ; i < this.identity.length; i++){
|
|
|
- if(file.response.url == this.identity[i]){
|
|
|
- this.identity.splice(i,1,"")
|
|
|
+ handleRemove(file,a) {
|
|
|
+ console.log(file)
|
|
|
+ console.log(a)
|
|
|
+ for (let i = 0; i < this.identity.length; i++) {
|
|
|
+ if (file.response.url == this.identity[i]) {
|
|
|
+ this.identity.splice(i, 1, '')
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
- handleRemove1(file){
|
|
|
- for(let i = 0 ; i < this.bank.length; i++){
|
|
|
- if(file.response.url == this.bank[i]){
|
|
|
- this.bank.splice(i,1,"")
|
|
|
+ handleRemove1(file) {
|
|
|
+ for (let i = 0; i < this.bank.length; i++) {
|
|
|
+ if (file.response.url == this.bank[i]) {
|
|
|
+ this.bank.splice(i, 1, '')
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
console.log(this.bank)
|
|
|
},
|
|
|
handlePictureCardPreview(file) {
|
|
|
@@ -276,59 +389,66 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
cancel() {
|
|
|
- this.$router.push({ path: 'customerManagement' })
|
|
|
+ this.$router.push({ path: 'customerManagement' })
|
|
|
},
|
|
|
- upLoadSuccess1(e){
|
|
|
+ upLoadSuccess1(e) {
|
|
|
this.identity[0] = e.url
|
|
|
},
|
|
|
- upLoadSuccess2(e){
|
|
|
+ upLoadSuccess2(e) {
|
|
|
this.identity[1] = e.url
|
|
|
},
|
|
|
- bankSuccess1(e){
|
|
|
+ bankSuccess1(e) {
|
|
|
this.bank[0] = e.url
|
|
|
},
|
|
|
- bankSuccess2(e){
|
|
|
+ bankSuccess2(e) {
|
|
|
this.bank[1] = e.url
|
|
|
- },
|
|
|
- commit(){
|
|
|
- this.$confirm(
|
|
|
- '确定提交客户信息？',
|
|
|
- '提示',
|
|
|
- {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- }
|
|
|
- )
|
|
|
+ },
|
|
|
+ commit() {
|
|
|
+ this.$confirm('确定提交客户信息？', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
.then(() => {
|
|
|
- this.customerList. compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.customerList.cardAddressUrl = this.identity.toString()
|
|
|
- this.customerList.payeeAddressUrl = this.bank.toString()
|
|
|
- this.customerList.customerTypeFlag = 1
|
|
|
- this.customerList.customerType ="个人"
|
|
|
- console.log( this.customerList)
|
|
|
-
|
|
|
-
|
|
|
+ this.customerList.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
+ this.customerList.cardAddressUrl = this.identity.toString()
|
|
|
+ this.customerList.payeeAddressUrl = this.bank.toString()
|
|
|
+ this.customerList.customerTypeFlag = 1
|
|
|
+ this.customerList.customerType = '个人'
|
|
|
customerAdd(this.customerList)
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
-
|
|
|
- // if(response.code == 200){
|
|
|
- this.$message.success('添加成功')
|
|
|
- this.$router.push({path:'customerManagement'})
|
|
|
-
|
|
|
- // }
|
|
|
-
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.customerList.id = response
|
|
|
+ customerIdentity(this.customerList)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ console.log(response.code)
|
|
|
+ this.$message.success('添加成功')
|
|
|
+ this.$router.push({ path: 'customerManagement' })
|
|
|
+ })
|
|
|
|
|
|
+ // this.$message.success('添加成功')
|
|
|
+ // this.$router.push({ path: 'customerManagement' })
|
|
|
+ })
|
|
|
})
|
|
|
.catch(() => {
|
|
|
return false
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ getList(ids) {
|
|
|
+ getCustomerLook({id:ids})
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.customerList = response
|
|
|
+ this.identity = this.customerList.cardAddressUrl.split(",")
|
|
|
+ this.identityImgUp[0].url = this.identity[0]
|
|
|
+ this.identityImgLow[0].url = this.identity[1]
|
|
|
+ this.bank = this.customerList.payeeAddressUrl.split(",")
|
|
|
+ this.bankImgUp[0].url = this.bank[0]
|
|
|
+ this.bankImgLow[0].url = this.bank[1]
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
@@ -402,4 +522,16 @@ export default {
|
|
|
text-align: center;
|
|
|
margin: 20px auto;
|
|
|
}
|
|
|
+/deep/.up .el-upload--picture-card{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+/deep/.low .el-upload--picture-card{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+/deep/.bankUp .el-upload--picture-card{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+/deep/.bankLow .el-upload--picture-card{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
</style>
|
zhongtianhaoyuan