Skip to content

P
portalhtml
Commit ee984843 authored by jiangqihao's avatar jiangqihao
Browse files
Options

Merge branch 'dev' of http://120.25.63.219:6088/rex/portalhtml into dev

parents 5708c069 1cc42bcb
Hide whitespace changes
Inline Side-by-side
Showing with 1066 additions and 973 deletions
src/views/customers/citypotenial-list/index.vue
View file @ ee984843
...@@ -2,56 +2,76 @@ ...@@ -2,56 +2,76 @@
<div class="form-container"> <div class="form-container">
<Title :title="title"> <Title :title="title">
<span>*</span>为必填项 <span>*</span>为必填项
</Title> </Title>
<div class="basic-info"> <div class="basic-info">
<ele-form-section <ele-form-section v-model="formData"
v-model="formData" :rules="rules"
:rules="rules" :sections="sections">
:sections="sections" <template v-slot:ExtLockRsp_SDK="{ formData }">
> <!-- 插槽内容有el-form-item组件包裹 -->
<template v-slot:ExtLockRsp_SDK="{ formData }"> <el-select v-if="formData.ExtProcessNode_SDK==2"
<!-- 插槽内容有el-form-item组件包裹 --> v-model="formData.ExtLockRsp_SDK"
<el-select v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtLockRsp_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change="handleSelectRSP"> :disabled="!formData.ExtProcessNode_SDK==2"
<el-option style="width: 91%"
v-for="item in province" multiple
:key="item.ExtAgentID_SDK" filterable
:label="item.Name" placeholder="请选择"
:value="item.ExtAgentID_SDK" no-match-text="无匹配数据"
/> @change="handleSelectRSP">
</el-select> <el-option v-for="item in province"
<el-input v-else v-model="formData.ExtLockRspName_SDK" disabled> :key="item.ExtAgentID_SDK"
</el-input> :label="item.Name"
</template> :value="item.ExtAgentID_SDK" />
<template v-slot:ExtLockCity_SDK="{ formData }"> </el-select>
<!-- 插槽内容有el-form-item组件包裹 --> <el-input v-else
<el-select v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtLockCity_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change='handleSelectCity'> v-model="formData.ExtLockRspName_SDK"
<el-option disabled>
v-for="item in apptions" </el-input>
:key="item.Code" </template>
:label="item.Name" <template v-slot:ExtLockCity_SDK="{ formData }">
:value="item.Code" <!-- 插槽内容有el-form-item组件包裹 -->
/> <el-select v-if="formData.ExtProcessNode_SDK==2"
</el-select> v-model="formData.ExtLockCity_SDK"
<el-input v-else v-model="formData.ExtLockCityName_SDK" disabled> :disabled="!formData.ExtProcessNode_SDK==2"
</el-input> style="width: 91%"
</template> multiple
<template v-slot:ExtChannelType_SDK="{ formData }"> filterable
<!-- 插槽内容有el-form-item组件包裹 --> placeholder="请选择"
<el-select v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtChannelType_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据"> no-match-text="无匹配数据"
<el-option @change='handleSelectCity'>
v-for="item in cOptions" <el-option v-for="item in apptions"
:key="item.keyword" :key="item.Code"
:label="item.content" :label="item.Name"
:value="item.keyword" :value="item.Code" />
/> </el-select>
</el-select> <el-input v-else
<el-input v-else v-model="formData.ExtChannelType_SDKText" disabled> v-model="formData.ExtLockCityName_SDK"
</el-input> disabled>
</template> </el-input>
</template>
<template v-slot:ExtChannelType_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 -->
<el-select v-if="formData.ExtProcessNode_SDK==2"
v-model="formData.ExtChannelType_SDK"
:disabled="!formData.ExtProcessNode_SDK==2"
style="width: 91%"
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in cOptions"
:key="item.keyword"
:label="item.content"
:value="item.keyword" />
</el-select>
<el-input v-else
v-model="formData.ExtChannelType_SDKText"
disabled>
</el-input>
</template>
</ele-form-section> </ele-form-section>
<div class="table-contain"> <div class="table-contain">
<div class="form-container">附件信息</div> <div class="form-container">附件信息</div>
<el-table :data="tableData2" <el-table :data="tableData2"
border border
style="width: 100%"> style="width: 100%">
<el-table-column prop="FileName" <el-table-column prop="FileName"
...@@ -64,22 +84,26 @@ ...@@ -64,22 +84,26 @@
label="操作者"> label="操作者">
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<el-link slot-scope="{ row }" type="primary" @click="btnLink(row)">下载</el-link> <el-link slot-scope="{ row }"
type="primary"
@click="btnLink(row)">下载</el-link>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="TotalRecords>0" <pagination v-show="TotalRecords>0"
:total="TotalRecords" :total="TotalRecords"
:page.sync="page.currentPage" :page.sync="page.currentPage"
:limit.sync="page.pageSize" :limit.sync="page.pageSize"
@pagination="getList" /> @pagination="getList" />
</div> </div>
<div class="table-contain"> <div class="table-contain">
<div class="form-container">审批意见</div> <div class="form-container">审批意见</div>
<div class="btn"> <div class="btn">
<el-button type="primary" @click="approve">审批</el-button> <el-button type="primary"
<el-button type="" @click="reject">退回</el-button> @click="approve">审批</el-button>
</div> <el-button type=""
<el-table :data="tableData" @click="reject">退回</el-button>
</div>
<el-table :data="tableData"
border border
style="width: 100%"> style="width: 100%">
<el-table-column prop="Node" <el-table-column prop="Node"
...@@ -95,31 +119,36 @@ ...@@ -95,31 +119,36 @@
label="备注"> label="备注">
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="TotalRecords>0" <pagination v-show="TotalRecords>0"
:total="TotalRecords" :total="TotalRecords"
:page.sync="page.currentPage" :page.sync="page.currentPage"
:limit.sync="page.pageSize" :limit.sync="page.pageSize"
@pagination="getList" /> @pagination="getList" />
</div>
<el-dialog title="审批意见"
:visible.sync="dialogFormVisible">
<el-form :model="form">
<el-form-item label-width=500>
<el-input v-model="form.note"
autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer"
class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary"
:loading="loading"
@click="approveClick">确 定</el-button>
</div>
</el-dialog>
</div> </div>
<el-dialog title="审批意见" :visible.sync="dialogFormVisible">
<el-form :model="form">
<el-form-item label-width=500>
<el-input v-model="form.note" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" :loading="loading" @click="approveClick">确 定</el-button>
</div>
</el-dialog>
</div>
</div> </div>
</template> </template>
<script> <script>
import Title from '@/components/Title' import Title from '@/components/Title'
import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory,getOneModel } from '@/api/customers'; import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory, getOneModel } from '@/api/customers';
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import { Country } from '@/api/qcc' import { Country } from '@/api/qcc'
export default { export default {
...@@ -127,17 +156,17 @@ export default { ...@@ -127,17 +156,17 @@ export default {
Pagination, Pagination,
Title, Title,
}, },
data () { data() {
return { return {
form:{}, form: {},
dialogFormVisible:false, dialogFormVisible: false,
title: '城市代理商审批', title: '城市代理商审批',
addBtnStart: false, addBtnStart: false,
objectId: '', objectId: '',
id:'', id: '',
status:0, status: 0,
loading:false, loading: false,
tableData2:[], tableData2: [],
formData: {}, formData: {},
province: [], province: [],
sections: [ sections: [
...@@ -149,8 +178,8 @@ export default { ...@@ -149,8 +178,8 @@ export default {
label: '公司全称', label: '公司全称',
layout: 24, layout: 24,
code: 'qcc', code: 'qcc',
disabled:true, disabled: true,
returnFn: function(row) { returnFn: function (row) {
return { return {
Name: row.Name, Name: row.Name,
ExtSocialUnifiedCreditCode_SDK: row.CreditCode, ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
...@@ -162,24 +191,24 @@ export default { ...@@ -162,24 +191,24 @@ export default {
type: 'input', type: 'input',
label: '公司全称曾用名', label: '公司全称曾用名',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtSocialUnifiedCreditCode_SDK: { ExtSocialUnifiedCreditCode_SDK: {
type: 'input', type: 'input',
label: '社会统一信用代码', label: '社会统一信用代码',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtRegisteredCapital_SDK: { ExtRegisteredCapital_SDK: {
type: 'input', type: 'input',
label: '注册资本(万元)', label: '注册资本(万元)',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
ExtCorporateName_SDK: { ExtCorporateName_SDK: {
type: 'input', type: 'input',
label: '法人', label: '法人',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
// Ext_QuoteOppotunity_KUT: { // Ext_QuoteOppotunity_KUT: {
...@@ -196,30 +225,30 @@ export default { ...@@ -196,30 +225,30 @@ export default {
type: 'input', type: 'input',
label: '省份', label: '省份',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtCityName_SDK: { ExtCityName_SDK: {
type: 'input', type: 'input',
label: '城市', label: '城市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtDistrictName_SDK: { ExtDistrictName_SDK: {
type: 'input', type: 'input',
label: '县市', label: '县市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtAddressDetail_SDK: { ExtAddressDetail_SDK: {
type: 'input', type: 'input',
label: '详细经营地址', label: '详细经营地址',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
} }
}, },
...@@ -229,36 +258,36 @@ export default { ...@@ -229,36 +258,36 @@ export default {
ExtLeader_SDK: { ExtLeader_SDK: {
type: 'input', type: 'input',
label: '公司负责人姓名', label: '公司负责人姓名',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderPhone_SDK: { ExtLeaderPhone_SDK: {
type: 'input', type: 'input',
label: '公司负责人联系方式', label: '公司负责人联系方式',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderEmail_SDK: { ExtLeaderEmail_SDK: {
type: 'input', type: 'input',
label: '公司负责人邮箱', label: '公司负责人邮箱',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtUnis_SDK: { ExtUnis_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人姓名' label: 'Unis业务负责人姓名'
}, },
ExtUnisPhone_SDK: { ExtUnisPhone_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人联系方式' label: 'Unis业务负责人联系方式'
}, },
ExtUnisEmail_SDK: { ExtUnisEmail_SDK: {
type: 'input', type: 'input',
disabled:true, disabled: true,
label: 'Unis业务负责人邮箱', label: 'Unis业务负责人邮箱',
layout: 12 layout: 12
}, },
...@@ -282,10 +311,10 @@ export default { ...@@ -282,10 +311,10 @@ export default {
// }, // },
} }
}, },
{ {
title: '签约信息', title: '签约信息',
formDesc: { formDesc: {
ExtChannelType_SDK : { ExtChannelType_SDK: {
type: 'select', type: 'select',
label: '签约渠道类型', label: '签约渠道类型',
layout: 12, layout: 12,
...@@ -301,158 +330,163 @@ export default { ...@@ -301,158 +330,163 @@ export default {
label: '覆盖范围(城市)', label: '覆盖范围(城市)',
layout: 12, layout: 12,
}, },
} }
}, },
], ],
tableData:[], tableData: [],
TotalRecords:0, TotalRecords: 0,
page:{}, page: {},
apptions:[], apptions: [],
cOptions:[], cOptions: [],
// 同 vue-ele-form // 同 vue-ele-form
rules: { rules: {
ExtChannelType_SDK: {required: true, message: '请选择签约渠道类型'}, ExtChannelType_SDK: { required: true, message: '请选择签约渠道类型' },
ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' }, ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' },
ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' }, ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' },
} }
} }
}, },
watch:{ watch: {
}, },
created(){ created() {
this.id=this.$route.query.id this.id = this.$route.query.id
this.getList() this.getList()
this.getHistoryList() this.getHistoryList()
this.getChannelType() this.getChannelType()
this.getFile() this.getFile()
}, },
methods: { methods: {
getFile(){ getFile() {
const page={ const page = {
currentPage:1, currentPage: 1,
pageSize:10, pageSize: 10,
businessObjectID:this.id businessObjectID: this.id
} }
getOneModel(page).then(resp=>{ getOneModel(page).then(resp => {
this.tableData2=resp.results this.tableData2 = resp.results
})
},
getList() {
getCustomer({ objectID: this.id }).then((resp) => {
resp.results[0].ExtChannelType_SDK = null
this.formData = resp.results[0]
if (this.formData.ExtProcessNode_SDK != 2) {
this.rules.ExtChannelType_SDK = []
}
lockRsp({ extProvince_SDK: resp.results[0].ExtProvince_SDK }).then((resp) => {
this.province = resp.results
})
const app = { provinceCode: resp.results[0].ExtProvince_SDK }
this.$request(Country.searchCity, app).then((resp) => {
this.apptions = resp.results
})
}) })
}, },
getList(){ getChannelType() {
getCustomer({objectID:this.id}).then((resp)=>{ typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
resp.results[0].ExtChannelType_SDK=null this.cOptions = resp
this.formData=resp.results[0]
lockRsp({extProvince_SDK: resp.results[0].ExtProvince_SDK}).then((resp)=>{
this.province=resp.results
})
const app={provinceCode:resp.results[0].ExtProvince_SDK}
this.$request(Country.searchCity,app).then((resp) => {
this.apptions=resp.results
}) })
})
}, },
getChannelType(){ getHistoryList() {
typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{ processHistory({ businessObjectID: this.id }).then((resp) => {
this.cOptions=resp this.tableData = resp.results
}) })
},
getHistoryList(){
processHistory({businessObjectID:this.id}).then((resp)=>{
this.tableData=resp.results
})
}, },
btnLink(row){ btnLink(row) {
window.location.href = row.FileURL window.location.href = row.FileURL
}, },
handleSelectRSP(value){ handleSelectRSP(value) {
console.log('val',value) console.log('val', value)
let cont=[] let cont = []
let val=[] let val = []
this.province.forEach((el)=>{ this.province.forEach((el) => {
value.forEach((item)=>{ value.forEach((item) => {
if(el.ExtAgentID_SDK==item){ if (el.ExtAgentID_SDK == item) {
cont.push(el.Name) cont.push(el.Name)
val.push(el.ExtAgentID_SDK) val.push(el.ExtAgentID_SDK)
} }
}) })
}) })
this.formData.ExtLockRspName_SDK=cont//获取的 name this.formData.ExtLockRspName_SDK = cont//获取的 name
this.formData.ExtLockRsp_SDK=val//获取的 id this.formData.ExtLockRsp_SDK = val//获取的 id
},
handleSelectCity(value) {
let cont = []
let val = []
this.apptions.forEach((el) => {
value.forEach((item) => {
if (el.Code == item) {
cont.push(el.Name)
val.push(el.Code)
}
})
})
this.formData.ExtLockCityName_SDK = cont//获取的 name
this.formData.ExtLockCity_SDK = val//获取的 id
}, },
handleSelectCity(value){ handleSuccess() {
let cont=[]
let val=[]
this.apptions.forEach((el)=>{
value.forEach((item)=>{
if(el.Code==item){
cont.push(el.Name)
val.push(el.Code)
}
})
})
this.formData.ExtLockCityName_SDK=cont//获取的 name
this.formData.ExtLockCity_SDK=val//获取的 id
},
handleSuccess () {
// this.$message.success('创建成功') // this.$message.success('创建成功')
}, },
approve(){ approve() {
this.dialogFormVisible=true this.dialogFormVisible = true
this.status=1 this.status = 1
}, },
reject(){ reject() {
this.dialogFormVisible=true this.dialogFormVisible = true
this.status=2 this.status = 2
}, },
approveClick(){ approveClick() {
const extLockRsp_SDK=this.formData.ExtLockRsp_SDK.toString() const extLockRsp_SDK = this.formData.ExtLockRsp_SDK.toString()
const extLockRspName_SDK=this.formData.ExtLockRspName_SDK.toString() const extLockRspName_SDK = this.formData.ExtLockRspName_SDK.toString()
const extLockCity_SDK=this.formData.ExtLockCity_SDK.toString() const extLockCity_SDK = this.formData.ExtLockCity_SDK.toString()
const extLockCityName_SDK=this.formData.ExtLockCityName_SDK.toString() const extLockCityName_SDK = this.formData.ExtLockCityName_SDK.toString()
const cc={extProcessNode_SDK:this.formData.ExtProcessNode_SDK, const cc = {
extCustomerType_SDK:this.formData.ExtCustomerType_SDK, extProcessNode_SDK: this.formData.ExtProcessNode_SDK,
extProvince_SDK:this.formData.ExtProvince_SDK, extCustomerType_SDK: this.formData.ExtCustomerType_SDK,
objectID:this.formData.ObjectID, extProvince_SDK: this.formData.ExtProvince_SDK,
extLockRsp_SDK:extLockRsp_SDK, objectID: this.formData.ObjectID,
extLockRspName_SDK:extLockRspName_SDK, extLockRsp_SDK: extLockRsp_SDK,
extLockCity_SDK:extLockCity_SDK, extLockRspName_SDK: extLockRspName_SDK,
extLockCityName_SDK:extLockCityName_SDK, extLockCity_SDK: extLockCity_SDK,
extChannelType_SDK:this.formData.ExtChannelType_SDK} extLockCityName_SDK: extLockCityName_SDK,
if(this.status==1){ extChannelType_SDK: this.formData.ExtChannelType_SDK
const add={customerDTO:cc,note:this.form.note,result:"approve"}
this.loading=true
ProcessApproval(add).then((resp)=>{
this.loading=false
this.$message.success("审批成功!")
this.dialogFormVisible=false
this.$router.back()
})
}else{
const bdd={customerDTO:cc,note:this.form.note,result:"reject"}
this.loading=true
ProcessApproval(bdd).then((resp)=>{
this.loading=false
this.$message.success("退回成功!")
this.dialogFormVisible=false
this.$router.back()
})
} }
if (this.status == 1) {
const add = { customerDTO: cc, note: this.form.note, result: "approve" }
this.loading = true
ProcessApproval(add).then((resp) => {
this.loading = false
this.$message.success("审批成功!")
this.dialogFormVisible = false
this.$router.back()
})
} else {
const bdd = { customerDTO: cc, note: this.form.note, result: "reject" }
this.loading = true
ProcessApproval(bdd).then((resp) => {
this.loading = false
this.$message.success("退回成功!")
this.dialogFormVisible = false
this.$router.back()
})
}
}, },
// 对象格式转化为键值对 // 对象格式转化为键值对
paramsToFormData(obj) { paramsToFormData(obj) {
const formData = new FormData(); const formData = new FormData();
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (obj[key] instanceof Array) { if (obj[key] instanceof Array) {
obj[key].forEach((item) => { obj[key].forEach((item) => {
formData.append(key, item); formData.append(key, item);
}); });
return; return;
} }
formData.append(key, obj[key]); formData.append(key, obj[key]);
}); });
return formData; return formData;
}, },
} }
...@@ -460,27 +494,27 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK} ...@@ -460,27 +494,27 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-row--flex { ::v-deep .el-row--flex {
display: -webkit-box; display: -webkit-box;
.el-col-14 { .el-col-14 {
width: 90%; width: 90%;
}
} }
.basic-info { }
::v-deep .ele-form-btns{ .basic-info {
.el-form-item__content { ::v-deep .ele-form-btns {
display: none; .el-form-item__content {
} display: none;
} }
} }
.btn { }
margin-left: 45%; .btn {
margin-bottom: 8px; margin-left: 45%;
} margin-bottom: 8px;
.table-contain { }
padding: 0 80px 0 20px; .table-contain {
margin-left: 65px; padding: 0 80px 0 20px;
background: #fff; margin-left: 65px;
border-radius: 2px; background: #fff;
border-radius: 2px;
} }
</style> </style>
src/views/login/city-progress/index.vue
View file @ ee984843
...@@ -2,94 +2,117 @@ ...@@ -2,94 +2,117 @@
<div class="form-container"> <div class="form-container">
<Title :title="title"> <Title :title="title">
</Title> </Title>
<div style="height:50px;display: flex;align-items: center;float: right; <div style="height:50px;display: flex;align-items: center;float: right;
margin-right: 90px;"> margin-right: 90px;">
<div class="parallelogram2"></div> <div class="parallelogram2"></div>
<div style="margin-right:15px">当前节点</div> <div style="margin-right:15px">当前节点</div>
<!-- <div class="parallelogram3"></div> <!-- <div class="parallelogram3"></div>
<div style="margin-right:15px">未审批</div> --> <div style="margin-right:15px">未审批</div> -->
</div> </div>
<div style="height:150px;display: flex;margin: 20px 290px;"> <div style="height:150px;display: flex;margin: 20px 290px;">
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==1}"> <div id="parallelogram"
<div class="div_txt">提交</div> :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
</div> <div class="div_txt">提交</div>
<div class="parallelogram1"></div> </div>
<div class="triangle_right"></div> <div class="parallelogram1"></div>
</div> <div class="triangle_right"></div>
<div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}"> <div class="div_list">
<div class="div_txt2">审批_1区域渠道经理</div> <div id="parallelogram"
</div> :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
<div class="parallelogram1"></div> <div class="div_txt2">审批_1区域渠道经理</div>
<div class="triangle_right"></div> </div>
</div> <div class="div_list"> <div class="parallelogram1"></div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}"> <div class="triangle_right"></div>
<div class="div_txt2">审批_2渠道销售总监</div> </div>
</div> <div class="div_list">
<div class="parallelogram1"></div> <div id="parallelogram"
<div class="triangle_right"></div> :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
</div> <div class="div_list"> <div class="div_txt2">审批_2渠道销售总监</div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}"> </div>
<div class="div_txt2">审批_3渠道管理部</div> <div class="parallelogram1"></div>
</div> <div class="triangle_right"></div>
</div> </div>
</div> <div class="div_list">
<div class="basic-info"> <div id="parallelogram"
<ele-form-section :class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
v-model="formData" <div class="div_txt2">审批_3渠道管理部</div>
:rules="rules" </div>
:sections="sections" <div class="parallelogram1"></div>
> <div class="triangle_right"></div>
<template v-slot:ExtLockRsp_SDK="{ formData }"> </div>
<!-- 插槽内容有el-form-item组件包裹 --> <div class="div_list">
<el-select v-model="formData.ExtLockRsp_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"> <div id="parallelogram"
<el-option :class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
v-for="item in province" <div class="div_txt2">完成</div>
:key="item.AccountID" </div>
:label="item.Name" </div>
:value="item.ExtSocialUnifiedCreditCode_SDK" </div>
/> <div class="basic-info">
</el-select> <ele-form-section v-model="formData"
</template> :rules="rules"
<template v-slot:ExtLockCity_SDK="{ formData }"> :sections="sections">
<!-- 插槽内容有el-form-item组件包裹 --> <template v-slot:ExtLockRsp_SDK="{ formData }">
<el-select v-model="formData.ExtLockCity_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"> <!-- 插槽内容有el-form-item组件包裹 -->
<el-option <el-select v-model="formData.ExtLockRsp_SDK"
v-for="item in apptions" :disabled="!formData.ExtProcessNode_SDK==2"
:key="item.Code" style="width: 91%"
:label="item.Name" multiple
:value="item.Code" filterable
/> placeholder="请选择"
</el-select> no-match-text="无匹配数据">
</template> <el-option v-for="item in province"
<template v-slot:ExtChannelType_SDK="{ formData }"> :key="item.AccountID"
<!-- 插槽内容有el-form-item组件包裹 --> :label="item.Name"
<el-select v-model="formData.ExtChannelType_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据"> :value="item.ExtSocialUnifiedCreditCode_SDK" />
<el-option </el-select>
v-for="item in cOptions" </template>
:key="item.id" <template v-slot:ExtLockCity_SDK="{ formData }">
:label="item.content" <!-- 插槽内容有el-form-item组件包裹 -->
:value="item.keyword" <el-select v-model="formData.ExtLockCity_SDK"
/> :disabled="!formData.ExtProcessNode_SDK==2"
</el-select> style="width: 91%"
</template> multiple
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in apptions"
:key="item.Code"
:label="item.Name"
:value="item.Code" />
</el-select>
</template>
<template v-slot:ExtChannelType_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 -->
<el-select v-model="formData.ExtChannelType_SDK"
:disabled="!formData.ExtProcessNode_SDK==2"
style="width: 91%"
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in cOptions"
:key="item.id"
:label="item.content"
:value="item.keyword" />
</el-select>
</template>
</ele-form-section> </ele-form-section>
<div class="table-contain"> <div class="table-contain">
<div class="form-container">审批意见</div> <div class="form-container">审批意见</div>
<!-- <div class="btn"> <!-- <div class="btn">
<el-button type="primary" @click="approve">审批</el-button> <el-button type="primary" @click="approve">审批</el-button>
<el-button type="" @click="reject">退回</el-button> <el-button type="" @click="reject">退回</el-button>
</div> --> </div> -->
<el-table :data="tableData" <el-table :data="tableData"
border border
style="width: 100%"> style="width: 100%">
<el-table-column prop="Node" <el-table-column prop="Node"
label="审批节点"> label="审批节点">
</el-table-column> </el-table-column>
<el-table-column prop="CreateName_SDK" <el-table-column prop="CreateName_SDK"
label="审批人"> label="审批人">
</el-table-column> </el-table-column>
<el-table-column prop="Result" <el-table-column prop="Result"
...@@ -102,13 +125,13 @@ ...@@ -102,13 +125,13 @@
label="备注"> label="备注">
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="TotalRecords>0" <pagination v-show="TotalRecords>0"
:total="TotalRecords" :total="TotalRecords"
:page.sync="page.currentPage" :page.sync="page.currentPage"
:limit.sync="page.pageSize" :limit.sync="page.pageSize"
@pagination="getList" /> @pagination="getList" />
</div> </div>
<!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible"> <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
<el-form :model="form"> <el-form :model="form">
<el-form-item label-width=500> <el-form-item label-width=500>
<el-input v-model="form.note" autocomplete="off"></el-input> <el-input v-model="form.note" autocomplete="off"></el-input>
...@@ -120,13 +143,13 @@ ...@@ -120,13 +143,13 @@
</div> </div>
</el-dialog> --> </el-dialog> -->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import Title from '@/components/Title' import Title from '@/components/Title'
import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory } from '@/api/customers'; import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory } from '@/api/customers';
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import { Country } from '@/api/qcc' import { Country } from '@/api/qcc'
export default { export default {
...@@ -134,16 +157,16 @@ export default { ...@@ -134,16 +157,16 @@ export default {
Pagination, Pagination,
Title, Title,
}, },
data () { data() {
return { return {
form:{}, form: {},
dialogFormVisible:false, dialogFormVisible: false,
title: '城市代理商审批进度查询', title: '城市代理商审批进度查询',
addBtnStart: false, addBtnStart: false,
objectId: '', objectId: '',
id:'', id: '',
status:0, status: 0,
loading:false, loading: false,
formData: {}, formData: {},
province: [], province: [],
sections: [ sections: [
...@@ -155,8 +178,8 @@ export default { ...@@ -155,8 +178,8 @@ export default {
label: '公司全称', label: '公司全称',
layout: 24, layout: 24,
code: 'qcc', code: 'qcc',
disabled:true, disabled: true,
returnFn: function(row) { returnFn: function (row) {
return { return {
Name: row.Name, Name: row.Name,
ExtSocialUnifiedCreditCode_SDK: row.CreditCode, ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
...@@ -168,24 +191,24 @@ export default { ...@@ -168,24 +191,24 @@ export default {
type: 'input', type: 'input',
label: '公司全称曾用名', label: '公司全称曾用名',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtSocialUnifiedCreditCode_SDK: { ExtSocialUnifiedCreditCode_SDK: {
type: 'input', type: 'input',
label: '社会统一信用代码', label: '社会统一信用代码',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtRegisteredCapital_SDK: { ExtRegisteredCapital_SDK: {
type: 'input', type: 'input',
label: '注册资本(万元)', label: '注册资本(万元)',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
ExtCorporateName_SDK: { ExtCorporateName_SDK: {
type: 'input', type: 'input',
label: '法人', label: '法人',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
// Ext_QuoteOppotunity_KUT: { // Ext_QuoteOppotunity_KUT: {
...@@ -202,30 +225,30 @@ export default { ...@@ -202,30 +225,30 @@ export default {
type: 'input', type: 'input',
label: '省份', label: '省份',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtCityName_SDK: { ExtCityName_SDK: {
type: 'input', type: 'input',
label: '城市', label: '城市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtDistrictName_SDK: { ExtDistrictName_SDK: {
type: 'input', type: 'input',
label: '县市', label: '县市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtAddressDetail_SDK: { ExtAddressDetail_SDK: {
type: 'input', type: 'input',
label: '详细经营地址', label: '详细经营地址',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
} }
}, },
...@@ -235,36 +258,36 @@ export default { ...@@ -235,36 +258,36 @@ export default {
ExtLeader_SDK: { ExtLeader_SDK: {
type: 'input', type: 'input',
label: '公司负责人姓名', label: '公司负责人姓名',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderPhone_SDK: { ExtLeaderPhone_SDK: {
type: 'input', type: 'input',
label: '公司负责人联系方式', label: '公司负责人联系方式',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderEmail_SDK: { ExtLeaderEmail_SDK: {
type: 'input', type: 'input',
label: '公司负责人邮箱', label: '公司负责人邮箱',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtUnis_SDK: { ExtUnis_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人姓名' label: 'Unis业务负责人姓名'
}, },
ExtUnisPhone_SDK: { ExtUnisPhone_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人联系方式' label: 'Unis业务负责人联系方式'
}, },
ExtUnisEmail_SDK: { ExtUnisEmail_SDK: {
type: 'input', type: 'input',
disabled:true, disabled: true,
label: 'Unis业务负责人邮箱', label: 'Unis业务负责人邮箱',
layout: 12 layout: 12
}, },
...@@ -289,68 +312,68 @@ export default { ...@@ -289,68 +312,68 @@ export default {
} }
}, },
], ],
tableData:[], tableData: [],
TotalRecords:0, TotalRecords: 0,
page:{}, page: {},
apptions:[], apptions: [],
cOptions:[], cOptions: [],
// 同 vue-ele-form // 同 vue-ele-form
rules: { rules: {
ExtChannelType_SDK: {required: true, message: '请选择签约渠道类型'}, ExtChannelType_SDK: { required: true, message: '请选择签约渠道类型' },
ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' }, ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' },
ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' }, ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' },
} }
} }
}, },
watch:{ watch: {
}, },
created(){ created() {
this.id=this.$route.query.objectID this.id = this.$route.query.objectID
this.getList() this.getList()
this.getHistoryList() this.getHistoryList()
this.getChannelType() this.getChannelType()
}, },
methods: { methods: {
getList(){ getList() {
getCustomer({objectID:this.id}).then((resp)=>{ getCustomer({ objectID: this.id }).then((resp) => {
this.formData=resp.results[0] this.formData = resp.results[0]
lockRsp({extProvince_SDK: resp.results[0].ExtProvince_SDK}).then((resp)=>{ lockRsp({ extProvince_SDK: resp.results[0].ExtProvince_SDK }).then((resp) => {
this.province=resp.results this.province = resp.results
}) })
const app={provinceCode:resp.results[0].ExtProvince_SDK} const app = { provinceCode: resp.results[0].ExtProvince_SDK }
this.$request(Country.searchCity,app).then((resp) => { this.$request(Country.searchCity, app).then((resp) => {
this.apptions=resp.results this.apptions = resp.results
})
})
},
getChannelType() {
typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
this.cOptions = resp
}) })
})
}, },
getChannelType(){ getHistoryList() {
typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{ processHistory({ businessObjectID: this.id }).then((resp) => {
this.cOptions=resp this.tableData = resp.results
}) })
},
getHistoryList(){
processHistory({businessObjectID:this.id}).then((resp)=>{
this.tableData=resp.results
})
}, },
handleSuccess () { handleSuccess() {
// this.$message.success('创建成功') // this.$message.success('创建成功')
}, },
// 对象格式转化为键值对 // 对象格式转化为键值对
paramsToFormData(obj) { paramsToFormData(obj) {
const formData = new FormData(); const formData = new FormData();
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (obj[key] instanceof Array) { if (obj[key] instanceof Array) {
obj[key].forEach((item) => { obj[key].forEach((item) => {
formData.append(key, item); formData.append(key, item);
}); });
return; return;
} }
formData.append(key, obj[key]); formData.append(key, obj[key]);
}); });
return formData; return formData;
}, },
} }
...@@ -358,95 +381,95 @@ export default { ...@@ -358,95 +381,95 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-row--flex { ::v-deep .el-row--flex {
display: -webkit-box; display: -webkit-box;
.el-col-14 { .el-col-14 {
width: 90%; width: 90%;
}
} }
.basic-info { }
::v-deep .ele-form-btns{ .basic-info {
.el-form-item__content { ::v-deep .ele-form-btns {
display: none; .el-form-item__content {
} display: none;
} }
} }
.btn {
margin-left: 45%;
margin-bottom: 8px;
}
.table-contain {
padding: 0 80px 0 20px;
margin-left: 65px;
background: #fff;
border-radius: 2px;
} }
.div_list{ .btn {
display: flex; margin-left: 45%;
margin-right:10px; margin-bottom: 8px;
justify-content: center;
align-items: center;
} }
.div_txt{ .table-contain {
padding: 0 80px 0 20px;
margin-left: 65px;
background: #fff;
border-radius: 2px;
}
.div_list {
display: flex;
margin-right: 10px;
justify-content: center;
align-items: center;
}
.div_txt {
text-align: center; text-align: center;
line-height: 75px; line-height: 75px;
} }
.div_txt2{ .div_txt2 {
height: 80px; height: 80px;
margin-top: 12px; margin-top: 12px;
} }
.triangle_right { .triangle_right {
width: 0; width: 0;
height: 0; height: 0;
border-top: 20px solid transparent; border-top: 20px solid transparent;
border-left: 20px solid #a22796; border-left: 20px solid #a22796;
border-bottom: 20px solid transparent; border-bottom: 20px solid transparent;
} }
.bgcolor{ .bgcolor {
background: #a22796 !important; background: #a22796 !important;
} }
#parallelogram { #parallelogram {
width: 115px; width: 115px;
height: 75px; height: 75px;
background: #fff; background: #fff;
margin-right: 10px; margin-right: 10px;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram1 { .parallelogram1 {
width: 45px; width: 45px;
height: 20px; height: 20px;
background: #a22796; background: #a22796;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram2 { .parallelogram2 {
width: 80px; width: 80px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
background: #a22796; background: #a22796;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram3 { .parallelogram3 {
width: 80px; width: 80px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
background: #fff; background: #fff;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
</style> </style>
src/views/login/city-register/index.vue
View file @ ee984843
...@@ -263,14 +263,13 @@ ...@@ -263,14 +263,13 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="营业执照:" <el-form-item label="营业执照:"
prop="filelll" prop="file"
label-width="100px" label-width="100px"
class="filter-icon-none"> class="filter-icon-none">
<el-upload :on-change="handleChange" <el-upload :on-change="handleChange"
:on-success="handleAvatarSuccess"
:on-remove="handleRemoveFile" :on-remove="handleRemoveFile"
action="https://jsonplaceholder.typicode.com/posts/" :auto-upload='false'
accept=".doc,.txt,.pdf,.xls,.docx,.xlsx " action="false"
:limit="1"> :limit="1">
<el-button size="small" <el-button size="small"
type="primary">点击上传</el-button> type="primary">点击上传</el-button>
...@@ -361,7 +360,7 @@ export default { ...@@ -361,7 +360,7 @@ export default {
extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }], extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }], extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }],
extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }], extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }],
extProvince_SDK: [{ required: true, message: '请选择省份', trigger: 'blur' }], extProvince_SDK: [{ required: true, message: '请选择省份', trigger: ['blur', 'change'] }],
extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }], extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }],
extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }], extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }],
extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }], extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }],
...@@ -371,7 +370,7 @@ export default { ...@@ -371,7 +370,7 @@ export default {
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }], { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }], extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }],
extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }], extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }],
filelll: [{ required: true, message: '请上传附件', trigger: 'blur' }], file: [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }],
extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' }, extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }], { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
}, },
...@@ -388,7 +387,7 @@ export default { ...@@ -388,7 +387,7 @@ export default {
watch: { watch: {
}, },
computed:{ computed: {
visitedViews() { visitedViews() {
return this.$store.state.tagsView.visitedViews return this.$store.state.tagsView.visitedViews
}, },
...@@ -474,12 +473,12 @@ export default { ...@@ -474,12 +473,12 @@ export default {
this.$message.success('提交成功！') this.$message.success('提交成功！')
this.$router.back() this.$router.back()
}).catch((err) => { }).catch((err) => {
this.btnloading=false this.btnloading = false
// this.$message({ // this.$message({
// type: 'warning', // type: 'warning',
// message: err // message: err
// }) // })
}) })
} else { } else {
this.btnloading = false this.btnloading = false
this.$message.warning('请输入必填信息！') this.$message.warning('请输入必填信息！')
...@@ -520,22 +519,12 @@ export default { ...@@ -520,22 +519,12 @@ export default {
return { 'Content-Type': 'multipart/form-data' } return { 'Content-Type': 'multipart/form-data' }
}, },
handleChange(file, fileList) { handleChange(file, fileList) {
this.formData.file = (file.raw) this.formData.file = file.raw
}, this.supplierBaseRules.file=[]
handleAvatarSuccess(res, file) {
console.log('res', res, "file", file)
this.supplierBaseRules.filelll = []
}, },
handleRemoveFile(res, file) { handleRemoveFile(res, file) {
console.log('restest', res, "file", file) this.supplierBaseRules.file = [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }]
this.supplierBaseRules.filelll = [{ required: true, message: '请上传附件', trigger: 'blur' }]
}, },
onSubmit() { },
handlePreview() { },
handleRemove() { },
beforeRemove() { },
handleExceed() { },
handleNext() { }
} }
} }
</script> </script>
......
src/views/login/prov-progress/index.vue
View file @ ee984843
<template> <template>
<div class="form-container"> <div class="form-container">
<Title :title="title"> <Title :title="title">
</Title> </Title>
<div style="height:50px;display: flex;align-items: center;float: right; <div style="height:50px;display: flex;align-items: center;float: right;
margin-right: 90px;"> margin-right: 90px;">
<div class="parallelogram2"></div> <div class="parallelogram2"></div>
<div style="margin-right:15px">当前节点</div> <div style="margin-right:15px">当前节点</div>
<!-- <div class="parallelogram3"></div> <!-- <div class="parallelogram3"></div>
<div style="margin-right:15px">未审批</div> --> <div style="margin-right:15px">未审批</div> -->
</div> </div>
<div style="height:150px;display: flex;margin: 20px 290px;"> <div style="height:150px;display: flex;margin: 20px 290px;">
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==1}"> <div id="parallelogram"
<div class="div_txt">提交</div> :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
</div> <div class="div_txt">提交</div>
<div class="parallelogram1"></div> </div>
<div class="triangle_right"></div> <div class="parallelogram1"></div>
</div> <div class="triangle_right"></div>
<div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}"> <div class="div_list">
<div class="div_txt2">审批_1区域渠道经理</div> <div id="parallelogram"
</div> :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
<div class="parallelogram1"></div> <div class="div_txt2">审批_1区域渠道经理</div>
<div class="triangle_right"></div> </div>
</div> <div class="parallelogram1"></div>
<div class="div_list"> <div class="triangle_right"></div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}"> </div>
<div class="div_txt2">审批_2渠道销售部大区负责人</div> <div class="div_list">
</div> <div id="parallelogram"
<div class="parallelogram1"></div> :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
<div class="triangle_right"></div> <div class="div_txt2">审批_2渠道销售部大区负责人</div>
</div> </div>
<div class="parallelogram1"></div>
<div class="triangle_right"></div>
</div>
<div class="div_list">
<div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
<div class="div_txt2">审批_3渠道销售总监</div>
</div>
<div class="parallelogram1"></div>
<div class="triangle_right"></div>
</div>
<div class="div_list">
<div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
<div class="div_txt2">审批_4渠道管理部</div>
</div>
<div class="parallelogram1"></div>
<div class="triangle_right"></div>
</div>
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}"> <div id="parallelogram"
<div class="div_txt2">审批_3渠道销售总监</div> :class="{'bgcolor':formData.ExtProcessNode_SDK==6}">
</div> <div class="div_txt2">完成</div>
<div class="parallelogram1"></div> </div>
<div class="triangle_right"></div> </div>
</div> <div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
<div class="div_txt2">审批_4渠道管理部</div>
</div>
</div>
</div>
<div class="basic-info"> <div class="basic-info">
<ele-form-section <ele-form-section v-model="formData"
v-model="formData" :sections="sections">
:sections="sections"
>
</ele-form-section> </ele-form-section>
<div class="table-contain"> <div class="table-contain">
<div class="form-container">审批意见</div> <div class="form-container">审批意见</div>
<!-- <div class="btn"> <!-- <div class="btn">
<el-button type="primary" @click="approve">审批</el-button> <el-button type="primary" @click="approve">审批</el-button>
<el-button type="" @click="reject">退回</el-button> <el-button type="" @click="reject">退回</el-button>
</div> --> </div> -->
<el-table :data="tableData" <el-table :data="tableData"
border border
style="width: 100%"> style="width: 100%">
<el-table-column prop="Node" <el-table-column prop="Node"
label="审批节点"> label="审批节点">
</el-table-column> </el-table-column>
<el-table-column prop="CreateName_SDK" <el-table-column prop="CreateName_SDK"
label="审批人"> label="审批人">
</el-table-column> </el-table-column>
<el-table-column prop="Result" <el-table-column prop="Result"
...@@ -76,13 +88,13 @@ ...@@ -76,13 +88,13 @@
label="备注"> label="备注">
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="TotalRecords>0" <pagination v-show="TotalRecords>0"
:total="TotalRecords" :total="TotalRecords"
:page.sync="page.currentPage" :page.sync="page.currentPage"
:limit.sync="page.pageSize" :limit.sync="page.pageSize"
@pagination="getList" /> @pagination="getList" />
</div> </div>
<!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible"> <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
<el-form :model="form"> <el-form :model="form">
<el-form-item label-width=500> <el-form-item label-width=500>
<el-input v-model="form.note" autocomplete="off"></el-input> <el-input v-model="form.note" autocomplete="off"></el-input>
...@@ -94,13 +106,13 @@ ...@@ -94,13 +106,13 @@
</div> </div>
</el-dialog> --> </el-dialog> -->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import Title from '@/components/Title' import Title from '@/components/Title'
import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory, province } from '@/api/customers'; import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory, province } from '@/api/customers';
import { Country } from '@/api/qcc' import { Country } from '@/api/qcc'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
export default { export default {
...@@ -108,16 +120,16 @@ export default { ...@@ -108,16 +120,16 @@ export default {
Pagination, Pagination,
Title, Title,
}, },
data () { data() {
return { return {
form:{}, form: {},
dialogFormVisible:false, dialogFormVisible: false,
title: '省级代理商审批进度查询', title: '省级代理商审批进度查询',
addBtnStart: false, addBtnStart: false,
objectId: '', objectId: '',
id:'', id: '',
status:0, status: 0,
loading:false, loading: false,
formData: {}, formData: {},
province: [], province: [],
sections: [ sections: [
...@@ -129,8 +141,8 @@ export default { ...@@ -129,8 +141,8 @@ export default {
label: '公司全称', label: '公司全称',
layout: 24, layout: 24,
code: 'qcc', code: 'qcc',
disabled:true, disabled: true,
returnFn: function(row) { returnFn: function (row) {
return { return {
Name: row.Name, Name: row.Name,
ExtSocialUnifiedCreditCode_SDK: row.CreditCode, ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
...@@ -142,24 +154,24 @@ export default { ...@@ -142,24 +154,24 @@ export default {
type: 'input', type: 'input',
label: '公司全称曾用名', label: '公司全称曾用名',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtSocialUnifiedCreditCode_SDK: { ExtSocialUnifiedCreditCode_SDK: {
type: 'input', type: 'input',
label: '社会统一信用代码', label: '社会统一信用代码',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtRegisteredCapital_SDK: { ExtRegisteredCapital_SDK: {
type: 'input', type: 'input',
label: '注册资本(万元)', label: '注册资本(万元)',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
ExtCorporateName_SDK: { ExtCorporateName_SDK: {
type: 'input', type: 'input',
label: '法人', label: '法人',
disabled:true, disabled: true,
layout: 12, layout: 12,
}, },
// Ext_QuoteOppotunity_KUT: { // Ext_QuoteOppotunity_KUT: {
...@@ -176,30 +188,30 @@ export default { ...@@ -176,30 +188,30 @@ export default {
type: 'input', type: 'input',
label: '省份', label: '省份',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtCityName_SDK: { ExtCityName_SDK: {
type: 'input', type: 'input',
label: '城市', label: '城市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtDistrictName_SDK: { ExtDistrictName_SDK: {
type: 'input', type: 'input',
label: '县市', label: '县市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtAddressDetail_SDK: { ExtAddressDetail_SDK: {
type: 'input', type: 'input',
label: '详细经营地址', label: '详细经营地址',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
} }
}, },
...@@ -209,181 +221,183 @@ export default { ...@@ -209,181 +221,183 @@ export default {
ExtLeader_SDK: { ExtLeader_SDK: {
type: 'input', type: 'input',
label: '公司负责人姓名', label: '公司负责人姓名',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderPhone_SDK: { ExtLeaderPhone_SDK: {
type: 'input', type: 'input',
label: '公司负责人联系方式', label: '公司负责人联系方式',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtLeaderEmail_SDK: { ExtLeaderEmail_SDK: {
type: 'input', type: 'input',
label: '公司负责人邮箱', label: '公司负责人邮箱',
disabled:true, disabled: true,
layout: 12 layout: 12
}, },
ExtUnis_SDK: { ExtUnis_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人姓名' label: 'Unis业务负责人姓名'
}, },
ExtUnisPhone_SDK: { ExtUnisPhone_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: 'Unis业务负责人联系方式' label: 'Unis业务负责人联系方式'
}, },
ExtUnisEmail_SDK: { ExtUnisEmail_SDK: {
type: 'input', type: 'input',
disabled:true, disabled: true,
label: 'Unis业务负责人邮箱', label: 'Unis业务负责人邮箱',
layout: 12 layout: 12
}, },
ExtBusiness_SDK: { ExtBusiness_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: '商务负责人姓名' label: '商务负责人姓名'
}, },
ExtBusinessPhone_SDK: { ExtBusinessPhone_SDK: {
type: 'input', type: 'input',
layout: 12, layout: 12,
disabled:true, disabled: true,
label: '商务负责人联系方式' label: '商务负责人联系方式'
}, },
ExtBusinessEmail_SDK: { ExtBusinessEmail_SDK: {
type: 'input', type: 'input',
disabled:true, disabled: true,
label: '商务负责人邮箱', label: '商务负责人邮箱',
layout: 12 layout: 12
}, },
} }
}, },
{ {
title: '签约信息', title: '签约信息',
formDesc: { formDesc: {
ExtChannelType_SDK : { ExtChannelType_SDK: {
type: 'input', type: 'input',
label: '签约渠道类型', label: '签约渠道类型',
layout: 12, layout: 12,
disabled:true disabled: true
}, },
ExtProductGroup_SDK: { ExtProductGroup_SDK: {
type: 'input', type: 'input',
label: '签约产品组', label: '签约产品组',
layout: 12, layout: 12,
disabled:true disabled: true
}, },
ExtTotalAgent_SDK: { ExtTotalAgent_SDK: {
type: 'input', type: 'input',
label: '签约总代', label: '签约总代',
layout: 12, layout: 12,
disabled:true disabled: true
}, },
ExtLockCityName_SDK: { ExtLockCityName_SDK: {
type: 'input', type: 'input',
label: '覆盖范围(城市)', label: '覆盖范围(城市)',
layout: 12, layout: 12,
disabled:true disabled: true
}, },
} }
}, },
], ],
tableData:[], tableData: [],
TotalRecords:0, TotalRecords: 0,
page:{}, page: {},
// 同 vue-ele-form // 同 vue-ele-form
// rules: { // rules: {
// ExtLockCity_SDK: {required: true, message: '请选择覆盖城市范围'}, // ExtLockCity_SDK: {required: true, message: '请选择覆盖城市范围'},
// } // }
} }
}, },
watch:{ watch: {
// province:{ // province:{
// handler(newVal,oldVal){ // handler(newVal,oldVal){
// this.province=newVal // this.province=newVal
// }, // },
// deep:true // deep:true
// } // }
}, },
created(){ created() {
this.id=this.$route.query.objectID this.id = this.$route.query.objectID
this.getList() this.getList()
this.getHistoryList() this.getHistoryList()
}, },
methods: { methods: {
getList(){ getList() {
console.log('objectId',this.id) console.log('objectId', this.id)
getCustomer({objectID:this.id}).then((resp)=>{ getCustomer({ objectID: this.id }).then((resp) => {
this.formData=resp.results[0] this.formData = resp.results[0]
const app={provinceCode:resp.results[0].ExtProvince_SDK} const app = { provinceCode: resp.results[0].ExtProvince_SDK }
this.$request(Country.searchCity,app).then((resp) => { this.$request(Country.searchCity, app).then((resp) => {
this.province=resp.results this.province = resp.results
})
}) })
})
}, },
getHistoryList(){ getHistoryList() {
processHistory({businessObjectID:this.id}).then((resp)=>{ processHistory({ businessObjectID: this.id }).then((resp) => {
this.tableData=resp.results this.tableData = resp.results
}) })
}, },
handleSuccess () { handleSuccess() {
// this.$message.success('创建成功') // this.$message.success('创建成功')
}, },
approve(){ approve() {
this.dialogFormVisible=true this.dialogFormVisible = true
this.status=1 this.status = 1
}, },
reject(){ reject() {
this.dialogFormVisible=true this.dialogFormVisible = true
this.status=2 this.status = 2
}, },
approveClick(){ approveClick() {
const ExtLockCity_SDK=this.formData.ExtLockCity_SDK.toString() const ExtLockCity_SDK = this.formData.ExtLockCity_SDK.toString()
const cc={extProcessNode_SDK:this.formData.ExtProcessNode_SDK, const cc = {
extCustomerType_SDK:this.formData.ExtCustomerType_SDK, extProcessNode_SDK: this.formData.ExtProcessNode_SDK,
extProvince_SDK:this.formData.ExtProvince_SDK, extCustomerType_SDK: this.formData.ExtCustomerType_SDK,
objectID:this.formData.ObjectID, extProvince_SDK: this.formData.ExtProvince_SDK,
extLockRsp_SDK:this.formData.extLockRsp_SDK, objectID: this.formData.ObjectID,
extLockCity_SDK:ExtLockCity_SDK, extLockRsp_SDK: this.formData.extLockRsp_SDK,
extChannelType_SDK:this.formData.ExtChannelType_SDK} extLockCity_SDK: ExtLockCity_SDK,
if(this.status==1){ extChannelType_SDK: this.formData.ExtChannelType_SDK
const add={customerDTO:cc,note:this.form.note,result:"approve"} }
this.loading=true if (this.status == 1) {
ProcessApproval(add).then((resp)=>{ const add = { customerDTO: cc, note: this.form.note, result: "approve" }
this.loading=false this.loading = true
this.$message.success("审批成功!") ProcessApproval(add).then((resp) => {
this.dialogFormVisible=false this.loading = false
this.$router.back() this.$message.success("审批成功!")
}) this.dialogFormVisible = false
}else{ this.$router.back()
this.loading=true })
const bdd={customerDTO:cc,note:this.form.note,result:"reject"} } else {
ProcessApproval(bdd).then((resp)=>{ this.loading = true
this.loading=false const bdd = { customerDTO: cc, note: this.form.note, result: "reject" }
this.$message.success("退回成功!") ProcessApproval(bdd).then((resp) => {
this.dialogFormVisible=false this.loading = false
this.$router.back() this.$message.success("退回成功!")
}) this.dialogFormVisible = false
this.$router.back()
})
} }
}, },
// 对象格式转化为键值对 // 对象格式转化为键值对
paramsToFormData(obj) { paramsToFormData(obj) {
const formData = new FormData(); const formData = new FormData();
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (obj[key] instanceof Array) { if (obj[key] instanceof Array) {
obj[key].forEach((item) => { obj[key].forEach((item) => {
formData.append(key, item); formData.append(key, item);
}); });
return; return;
} }
formData.append(key, obj[key]); formData.append(key, obj[key]);
}); });
return formData; return formData;
}, },
} }
...@@ -391,95 +405,95 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK} ...@@ -391,95 +405,95 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-row--flex { ::v-deep .el-row--flex {
display: -webkit-box; display: -webkit-box;
.el-col-14 { .el-col-14 {
width: 90%; width: 90%;
}
} }
.basic-info { }
::v-deep .ele-form-btns{ .basic-info {
.el-form-item__content { ::v-deep .ele-form-btns {
display: none; .el-form-item__content {
} display: none;
} }
} }
.btn {
margin-left: 45%;
margin-bottom: 8px;
}
.table-contain {
padding: 0 80px 0 20px;
margin-left: 65px;
background: #fff;
border-radius: 2px;
} }
.div_list{ .btn {
display: flex; margin-left: 45%;
margin-right:10px; margin-bottom: 8px;
justify-content: center;
align-items: center;
} }
.div_txt{ .table-contain {
padding: 0 80px 0 20px;
margin-left: 65px;
background: #fff;
border-radius: 2px;
}
.div_list {
display: flex;
margin-right: 10px;
justify-content: center;
align-items: center;
}
.div_txt {
text-align: center; text-align: center;
line-height: 75px; line-height: 75px;
} }
.div_txt2{ .div_txt2 {
height: 80px; height: 80px;
margin-top: 12px; margin-top: 12px;
} }
.triangle_right { .triangle_right {
width: 0; width: 0;
height: 0; height: 0;
border-top: 20px solid transparent; border-top: 20px solid transparent;
border-left: 20px solid #a22796; border-left: 20px solid #a22796;
border-bottom: 20px solid transparent; border-bottom: 20px solid transparent;
} }
.bgcolor{ .bgcolor {
background: #a22796 !important; background: #a22796 !important;
} }
#parallelogram { #parallelogram {
width: 115px; width: 115px;
height: 90px; height: 90px;
background: #fff; background: #fff;
margin-right: 10px; margin-right: 10px;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram1 { .parallelogram1 {
width: 45px; width: 45px;
height: 20px; height: 20px;
background: #a22796; background: #a22796;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram2 { .parallelogram2 {
width: 80px; width: 80px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
background: #a22796; background: #a22796;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
.parallelogram3 { .parallelogram3 {
width: 80px; width: 80px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
background: #fff; background: #fff;
border: 2px solid #a22796; border: 2px solid #a22796;
-webkit-transform: skew(0deg); -webkit-transform: skew(0deg);
-moz-transform: skew(0deg); -moz-transform: skew(0deg);
-o-transform: skew(0deg); -o-transform: skew(0deg);
transform: skew(0deg); transform: skew(0deg);
} }
</style> </style>
src/views/login/prov-register/index.vue
View file @ ee984843
...@@ -18,8 +18,7 @@ ...@@ -18,8 +18,7 @@
<el-col :span="13" <el-col :span="13"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="公司全称:" <el-form-item label="公司全称:"
label-width="150px" label-width="150px">
>
<el-input v-model="formData.name" <el-input v-model="formData.name"
readonly readonly
placeholder='请选择公司' placeholder='请选择公司'
...@@ -47,8 +46,7 @@ ...@@ -47,8 +46,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="统一社会信用代码:" <el-form-item label="统一社会信用代码:"
label-width="150px" label-width="150px"
prop="extSocialUnifiedCreditCode_SDK" prop="extSocialUnifiedCreditCode_SDK">
>
<template> <template>
<el-input v-model="formData.extSocialUnifiedCreditCode_SDK" <el-input v-model="formData.extSocialUnifiedCreditCode_SDK"
placeholder="企查查获取" placeholder="企查查获取"
...@@ -102,15 +100,17 @@ ...@@ -102,15 +100,17 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="省份:" <el-form-item label="省份:"
prop="extProvince_SDK" prop="extProvince_SDK"
label-width="80px" label-width="80px">
> <el-select v-model="formData.extProvince_SDK"
<el-select v-model="formData.extProvince_SDK" style="width: 91%" filterable placeholder="请选择省份" no-match-text="无匹配数据" @change="handleSelect($event)"> style="width: 91%"
<el-option filterable
v-for="item in countryOptions" placeholder="请选择省份"
:key="item.Code" no-match-text="无匹配数据"
:label="item.Name" @change="handleSelect($event)">
:value="item.Code" <el-option v-for="item in countryOptions"
/> :key="item.Code"
:label="item.Name"
:value="item.Code" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -118,15 +118,16 @@ ...@@ -118,15 +118,16 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="市:" <el-form-item label="市:"
prop="extCity_SDK" prop="extCity_SDK"
label-width="80px" label-width="80px">
> <el-select v-model="formData.extCity_SDK"
<el-select v-model="formData.extCity_SDK" style="width: 91%" filterable placeholder="请选择市" @change="handleSelectCity" > style="width: 91%"
<el-option filterable
v-for="item in cityOptions" placeholder="请选择市"
:key="item.Code" @change="handleSelectCity">
:label="item.Name" <el-option v-for="item in cityOptions"
:value="item.Code" :key="item.Code"
/> :label="item.Name"
:value="item.Code" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -134,15 +135,17 @@ ...@@ -134,15 +135,17 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="区:" <el-form-item label="区:"
prop="extDistrict_SDK" prop="extDistrict_SDK"
label-width="80px" label-width="80px">
> <el-select v-model="formData.extDistrict_SDK"
<el-select v-model="formData.extDistrict_SDK" style="width: 91%" filterable placeholder="请选择区" no-match-text="无匹配数据" @change="handleSelectDis"> style="width: 91%"
<el-option filterable
v-for="item in disOptions" placeholder="请选择区"
:key="item.Code" no-match-text="无匹配数据"
:label="item.Name" @change="handleSelectDis">
:value="item.Code" <el-option v-for="item in disOptions"
/> :key="item.Code"
:label="item.Name"
:value="item.Code" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -169,8 +172,7 @@ ...@@ -169,8 +172,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="公司负责人姓名:" <el-form-item label="公司负责人姓名:"
prop="extLeader_SDK" prop="extLeader_SDK"
label-width="150px" label-width="150px">
>
<el-input v-model="formData.extLeader_SDK" <el-input v-model="formData.extLeader_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -183,8 +185,7 @@ ...@@ -183,8 +185,7 @@
<el-form-item label="公司负责人联系电话:" <el-form-item label="公司负责人联系电话:"
prop="extLeaderPhone_SDK" prop="extLeaderPhone_SDK"
label-width="160px" label-width="160px"
class="filter-icon-none" class="filter-icon-none">
>
<el-input v-model="formData.extLeaderPhone_SDK" <el-input v-model="formData.extLeaderPhone_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -203,8 +204,7 @@ ...@@ -203,8 +204,7 @@
<el-form-item label="公司负责人邮箱:" <el-form-item label="公司负责人邮箱:"
prop="extLeaderEmail_SDK" prop="extLeaderEmail_SDK"
label-width="150px" label-width="150px"
class="filter-icon-none" class="filter-icon-none">
>
<el-input v-model="formData.extLeaderEmail_SDK" <el-input v-model="formData.extLeaderEmail_SDK"
placeholder="" placeholder=""
style="width: 52%" style="width: 52%"
...@@ -218,8 +218,7 @@ ...@@ -218,8 +218,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="Unis业务负责人姓名:" <el-form-item label="Unis业务负责人姓名:"
prop="extUnis_SDK" prop="extUnis_SDK"
label-width="160px" label-width="160px">
>
<el-input v-model="formData.extUnis_SDK" <el-input v-model="formData.extUnis_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -231,8 +230,7 @@ ...@@ -231,8 +230,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="Unis业务负责人电话:" <el-form-item label="Unis业务负责人电话:"
prop="extUnisPhone_SDK" prop="extUnisPhone_SDK"
label-width="160px" label-width="160px">
>
<el-input v-model="formData.extUnisPhone_SDK" <el-input v-model="formData.extUnisPhone_SDK"
placeholder="" placeholder=""
style="width: 90%" style="width: 90%"
...@@ -246,8 +244,7 @@ ...@@ -246,8 +244,7 @@
<el-form-item label="Unis业务负责人邮箱:" <el-form-item label="Unis业务负责人邮箱:"
prop="extUnisEmail_SDK" prop="extUnisEmail_SDK"
label-width="160px" label-width="160px"
class="filter-icon-none" class="filter-icon-none">
>
<el-input v-model="formData.extUnisEmail_SDK" <el-input v-model="formData.extUnisEmail_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -255,59 +252,104 @@ ...@@ -255,59 +252,104 @@
clearable /> clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" :offset="1" class="padding-bottom"> <el-col :span="12"
<el-form-item label="商务负责人姓名:" prop="extBusiness_SDK" label-width="150px" > :offset="1"
<el-input v-model="formData.extBusiness_SDK" placeholder="" style="width: 80%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="商务负责人姓名:"
prop="extBusiness_SDK"
label-width="150px">
<el-input v-model="formData.extBusiness_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" class="padding-bottom"> <el-col :span="10"
<el-form-item label="商务负责人电话:" prop="extBusinessPhone_SDK" label-width="140px" > class="padding-bottom">
<el-input v-model="formData.extBusinessPhone_SDK" placeholder="" style="width: 90%" class="filter-item" clearable /> <el-form-item label="商务负责人电话:"
prop="extBusinessPhone_SDK"
label-width="140px">
<el-input v-model="formData.extBusinessPhone_SDK"
placeholder=""
style="width: 90%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom" > <el-col :span="11"
<el-form-item label="商务负责人邮箱:" prop="extBusinessEmail_SDK" label-width="160px" class="filter-icon-none" > :offset="1"
<el-input v-model="formData.extBusinessEmail_SDK" placeholder="" style="width: 80%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="商务负责人邮箱:"
prop="extBusinessEmail_SDK"
label-width="160px"
class="filter-icon-none">
<el-input v-model="formData.extBusinessEmail_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="border-bottom"> <el-row class="border-bottom">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="签约信息" /> <el-form-item label="签约信息" />
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="签约渠道类型:" prop="extChannelType_SDK" label-width="120px" > :offset="1"
<el-select v-model="formData.extChannelType_SDK" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据"> class="padding-bottom">
<el-option <el-form-item label="签约渠道类型:"
v-for="item in aOptions" prop="extChannelType_SDK"
:key="item.id" label-width="120px">
:label="item.content" <el-select v-model="formData.extChannelType_SDK"
:value="item.keyword" style="width: 91%"
/> filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in aOptions"
:key="item.id"
:label="item.content"
:value="item.keyword" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="padding-bottom"> <el-col :span="12"
<el-form-item label="签约产品组:" prop="extProductGroup_KUT" label-width="120px" > class="padding-bottom">
<el-select v-model="formData.extProductGroup_KUT" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change="handSelect2"> <el-form-item label="签约产品组:"
<el-option prop="extProductGroup_KUT"
v-for="item in bOptions" label-width="120px">
:key="item.id" <el-select v-model="formData.extProductGroup_KUT"
:label="item.content" style="width: 91%"
:value="item.keyword" multiple
/> filterable
placeholder="请选择"
no-match-text="无匹配数据"
@change="handSelect2">
<el-option v-for="item in bOptions"
:key="item.id"
:label="item.content"
:value="item.keyword" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="签约总代:" prop="extTotalAgent_KUT" label-width="100px" > :offset="1"
<el-select v-model="formData.extTotalAgent_KUT" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change="handSelect3"> class="padding-bottom">
<el-option <el-form-item label="签约总代:"
v-for="item in cOptions" prop="extTotalAgent_KUT"
:key="item.id" label-width="100px">
:label="item.content" <el-select v-model="formData.extTotalAgent_KUT"
:value="item.keyword" style="width: 91%"
/> multiple
filterable
placeholder="请选择"
no-match-text="无匹配数据"
@change="handSelect3">
<el-option v-for="item in cOptions"
:key="item.id"
:label="item.content"
:value="item.keyword" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -321,29 +363,28 @@ ...@@ -321,29 +363,28 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="营业执照:" <el-form-item label="营业执照:"
prop="filelll" prop="file"
label-width="100px" label-width="100px"
class="filter-icon-none" class="filter-icon-none">
> <el-upload ref="uploadExcel"
<el-upload action="false"
ref="uploadExcel" :limit='1'
action="https://jsonplaceholder.typicode.com/posts/" :auto-upload= 'false'
:limit='1' :on-remove="handleRemoveFile"
accept=".doc,.txt,.pdf,.xls,.docx,.xlsx " :on-change="fileChange">
:on-success="handleAvatarSuccess" <el-button size="small"
:on-remove="handleRemoveFile" type="primary">点击上传</el-button>
:on-change="fileChange" </el-upload>
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col align="center"> <el-col align="center">
<el-button type="primary" :loading="btnloading" @click="handleApprove()">提交</el-button> <el-button type="primary"
</el-col> :loading="btnloading"
</el-row> @click="handleApprove()">提交</el-button>
</el-col>
</el-row>
</el-form> </el-form>
<el-dialog title="请选择公司" <el-dialog title="请选择公司"
:visible.sync="dialogTableVisible" :visible.sync="dialogTableVisible"
...@@ -388,18 +429,17 @@ ...@@ -388,18 +429,17 @@
:limit.sync="page.pageSize" :limit.sync="page.pageSize"
@pagination="getList" /> @pagination="getList" />
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { Qcc,Country,Customer,Common } from '@/api/qcc' import { Qcc, Country, Customer, Common } from '@/api/qcc'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
export default { export default {
name: 'city-register', name: 'city-register',
components: { components: {
Pagination Pagination
}, },
data() { data() {
...@@ -410,41 +450,41 @@ export default { ...@@ -410,41 +450,41 @@ export default {
formInline: {}, formInline: {},
recordList: [], recordList: [],
tableData: [], tableData: [],
btnloading:false, btnloading: false,
fileList:[], fileList: [],
countryOptions:[], countryOptions: [],
cityOptions:[], cityOptions: [],
disOptions:[], disOptions: [],
aOptions:[], aOptions: [],
bOptions:[], bOptions: [],
cOptions:[], cOptions: [],
supplierBaseRules: { supplierBaseRules: {
extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }], extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }], extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }],
extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }], extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }],
extProvince_SDK: [{ required: true, message: '请选择省份', trigger: 'blur' }], extProvince_SDK: [{ required: true, message: '请选择省份', trigger: ['blur', 'change'] }],
extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }], extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }],
extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }], extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }],
extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }], extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }],
extLeader_SDK: [{ required: true, message: '请输入公司负责人姓名', trigger: 'blur' }], extLeader_SDK: [{ required: true, message: '请输入公司负责人姓名', trigger: 'blur' }],
extLeaderPhone_SDK: [{ required: true, message: '请输入公司负责人联系电话', trigger: 'blur' }], extLeaderPhone_SDK: [{ required: true, message: '请输入公司负责人联系电话', trigger: 'blur' }],
extLeaderEmail_SDK: [{ required: true, message: '请输入公司负责人邮箱', trigger: 'blur' }, extLeaderEmail_SDK: [{ required: true, message: '请输入公司负责人邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }], { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }], extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }],
extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }], extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }],
extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' }, extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }], { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
extBusiness_SDK: [{ required: true, message: '请输入商务负责人姓名', trigger: 'blur' }], extBusiness_SDK: [{ required: true, message: '请输入商务负责人姓名', trigger: 'blur' }],
extBusinessPhone_SDK: [{ required: true, message: '请输入商务负责人电话', trigger: 'blur' }], extBusinessPhone_SDK: [{ required: true, message: '请输入商务负责人电话', trigger: 'blur' }],
extBusinessEmail_SDK: [{ required: true, message: '请输入商务负责人邮箱', trigger: 'blur' }, extBusinessEmail_SDK: [{ required: true, message: '请输入商务负责人邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }], { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
extChannelType_SDK: [{ required: true, message: '请选择签约渠道类型', trigger: 'blur' }], extChannelType_SDK: [{ required: true, message: '请选择签约渠道类型', trigger: 'blur' }],
extProductGroup_KUT: [{ required: true, message: '请选择签约产品组', trigger: 'blur' }], extProductGroup_KUT: [{ required: true, message: '请选择签约产品组', trigger: 'blur' }],
extTotalAgent_KUT: [{ required: true, message: '请选择签约总代', trigger: 'blur' }], extTotalAgent_KUT: [{ required: true, message: '请选择签约总代', trigger: 'blur' }],
filelll: [{ required: true, message: '请上传附件', trigger: 'blur' }], file: [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }],
}, },
dialogTableVisible: false, dialogTableVisible: false,
TotalRecords:0, TotalRecords: 0,
page: { page: {
currentPage: 0, currentPage: 0,
pageSize: 0 pageSize: 0
...@@ -455,7 +495,7 @@ export default { ...@@ -455,7 +495,7 @@ export default {
watch: { watch: {
}, },
computed:{ computed: {
visitedViews() { visitedViews() {
return this.$store.state.tagsView.visitedViews return this.$store.state.tagsView.visitedViews
}, },
...@@ -468,149 +508,149 @@ export default { ...@@ -468,149 +508,149 @@ export default {
getList() { getList() {
this.page.searchKey=this.formInline.Name this.page.searchKey = this.formInline.Name
this.$request(Qcc.searchUrl, this.page).then((resp) => { this.$request(Qcc.searchUrl, this.page).then((resp) => {
this.tableData = resp.results.Result this.tableData = resp.results.Result
this.page = resp.results.Paging this.page = resp.results.Paging
this.TotalRecords=resp.results.Paging.TotalRecords this.TotalRecords = resp.results.Paging.TotalRecords
}) })
}, },
selectCountry(){ selectCountry() {
this.$request(Country.searchPro, this.page).then((resp) => { this.$request(Country.searchPro, this.page).then((resp) => {
this.countryOptions=resp.results this.countryOptions = resp.results
}) })
}, },
getCommon(){ getCommon() {
const adata={code:'ExtChannelType_SDK',module:'Customer',content:'RSP'} const adata = { code: 'ExtChannelType_SDK', module: 'Customer', content: 'RSP' }
this.$request(Common.searchUrl, adata).then((resp) => { this.$request(Common.searchUrl, adata).then((resp) => {
this.aOptions=resp this.aOptions = resp
}) })
const bdata={code:'ExtProductGroup_KUT',module:'Customer'} const bdata = { code: 'ExtProductGroup_KUT', module: 'Customer' }
this.$request(Common.searchUrl, bdata).then((resp) => { this.$request(Common.searchUrl, bdata).then((resp) => {
this.bOptions=resp this.bOptions = resp
}) })
const cdata={code:'ExtTotalAgent_KUT',module:'Customer'} const cdata = { code: 'ExtTotalAgent_KUT', module: 'Customer' }
this.$request(Common.searchUrl, cdata).then((resp) => { this.$request(Common.searchUrl, cdata).then((resp) => {
this.cOptions=resp this.cOptions = resp
}) })
}, },
handleSelect(value){ handleSelect(value) {
const app={provinceCode:value} const app = { provinceCode: value }
this.$request(Country.searchCity,app).then((resp) => { this.$request(Country.searchCity, app).then((resp) => {
this.cityOptions=resp.results this.cityOptions = resp.results
}) })
let obj = {}; let obj = {};
obj = this.countryOptions.find((item)=>{//这里的userList就是上面遍历的数据源 obj = this.countryOptions.find((item) => {//这里的userList就是上面遍历的数据源
return item.Code === value;//筛选出匹配数据 return item.Code === value;//筛选出匹配数据
}); });
this.formData.extProvinceName_SDK=obj.Name//获取的 name this.formData.extProvinceName_SDK = obj.Name//获取的 name
this.formData.extProvince_SDK=value//获取的 id this.formData.extProvince_SDK = value//获取的 id
}, },
handleSelectCity(value){ handleSelectCity(value) {
const app={cityCode:value} const app = { cityCode: value }
this.$request(Country.searchDis,app).then((resp) => { this.$request(Country.searchDis, app).then((resp) => {
this.disOptions=resp.results this.disOptions = resp.results
}) })
let obj = {}; let obj = {};
obj = this.cityOptions.find((item)=>{//这里的userList就是上面遍历的数据源 obj = this.cityOptions.find((item) => {//这里的userList就是上面遍历的数据源
return item.Code === value;//筛选出匹配数据 return item.Code === value;//筛选出匹配数据
}); });
this.formData.extCityName_SDK=obj.Name//获取的 name this.formData.extCityName_SDK = obj.Name//获取的 name
this.formData.extCity_SDK=value//获取的 id this.formData.extCity_SDK = value//获取的 id
}, },
handleSelectDis(value){ handleSelectDis(value) {
let obj = {}; let obj = {};
obj = this.disOptions.find((item)=>{//这里的userList就是上面遍历的数据源 obj = this.disOptions.find((item) => {//这里的userList就是上面遍历的数据源
return item.Code === value;//筛选出匹配数据 return item.Code === value;//筛选出匹配数据
}); });
this.formData.extDistrictName_SDK=obj.Name//获取的 name this.formData.extDistrictName_SDK = obj.Name//获取的 name
this.formData.extDistrict_SDK=value//获取的 id this.formData.extDistrict_SDK = value//获取的 id
}, },
handSelect2(value){ handSelect2(value) {
let cont=[] let cont = []
let val=[] let val = []
this.bOptions.forEach((el)=>{ this.bOptions.forEach((el) => {
value.forEach((item)=>{ value.forEach((item) => {
if(el.keyword==item){ if (el.keyword == item) {
cont.push(el.content) cont.push(el.content)
val.push(el.keyword) val.push(el.keyword)
} }
}) })
}) })
this.formData.extProductGroup_SDK=cont//获取的 name this.formData.extProductGroup_SDK = cont//获取的 name
this.formData.extProductGroup_KUT=val//获取的 id this.formData.extProductGroup_KUT = val//获取的 id
}, },
handSelect3(value){ handSelect3(value) {
let cont=[] let cont = []
let val=[] let val = []
this.cOptions.forEach((el)=>{ this.cOptions.forEach((el) => {
value.forEach((item)=>{ value.forEach((item) => {
if(el.keyword==item){ if (el.keyword == item) {
cont.push(el.content) cont.push(el.content)
val.push(el.keyword) val.push(el.keyword)
} }
}) })
}) })
this.formData.extTotalAgent_SDK=cont//获取的 name this.formData.extTotalAgent_SDK = cont//获取的 name
this.formData.extTotalAgent_KUT=val//获取的 id this.formData.extTotalAgent_KUT = val//获取的 id
}, },
createLovTable() { createLovTable() {
this.dialogTableVisible = true this.dialogTableVisible = true
}, },
select(row, column, event) { select(row, column, event) {
this.page.searchKey=row.CreditCode this.page.searchKey = row.CreditCode
this.$request(Qcc.detailUrl, this.page).then((resp) => { this.$request(Qcc.detailUrl, this.page).then((resp) => {
this.formData.extCorporateName_SDK = row.OperName this.formData.extCorporateName_SDK = row.OperName
this.formData.extSocialUnifiedCreditCode_SDK = row.CreditCode this.formData.extSocialUnifiedCreditCode_SDK = row.CreditCode
this.formData.name = row.Name this.formData.name = row.Name
this.formData.extRegisteredCapital_SDK=resp.results.Result.RegistCapi this.formData.extRegisteredCapital_SDK = resp.results.Result.RegistCapi
this.dialogTableVisible = false this.dialogTableVisible = false
}) })
}, },
handleApprove(){ handleApprove() {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {
if (valid) { if (valid) {
// this.aOptions.forEach(el=>{ // this.aOptions.forEach(el=>{
// this.formData.ExtProvinceName_SDK=el[this.formData.extProvince_SDK] // this.formData.ExtProvinceName_SDK=el[this.formData.extProvince_SDK]
// })
// this.bOptions.forEach(el=>{
// this.formData.extCityName_SDK=el[this.formData.extCity_SDK]
// })
// this.cOptions.forEach(el=>{
// this.formData.extDistrictName_SDK=el[this.formData.extDistrict_SDK]
// })
this.formData.extCustomerType_SDK=101
const ExtProductGroup_KUT=this.formData.extProductGroup_KUT.toString()
const ExtProductGroup_SDK=this.formData.extProductGroup_SDK.toString()
const ExtTotalAgent_KUT=this.formData.extTotalAgent_KUT.toString()
const ExtTotalAgent_SDK=this.formData.extTotalAgent_SDK.toString()
this.formData.extProductGroup_KUT=ExtProductGroup_KUT
this.formData.extProductGroup_SDK=ExtProductGroup_SDK
this.formData.extTotalAgent_KUT=ExtTotalAgent_KUT
this.formData.extTotalAgent_SDK=ExtTotalAgent_SDK
this.btnloading=true
this.$request(Customer.searchUrl,this.paramsToFormData(this.formData)).then((resp) => {
this.btnloading=false
this.$message.success('提交成功！')
this.$router.back()
}).catch((err) => {
this.btnloading=false
// this.$message({
// type: 'warning',
// message: err
// }) // })
}) // this.bOptions.forEach(el=>{
} else { // this.formData.extCityName_SDK=el[this.formData.extCity_SDK]
this.btnloading=false // })
this.$message.warning('请输入必填信息！') // this.cOptions.forEach(el=>{
} // this.formData.extDistrictName_SDK=el[this.formData.extDistrict_SDK]
}); // })
this.formData.extCustomerType_SDK = 101
const ExtProductGroup_KUT = this.formData.extProductGroup_KUT.toString()
const ExtProductGroup_SDK = this.formData.extProductGroup_SDK.toString()
const ExtTotalAgent_KUT = this.formData.extTotalAgent_KUT.toString()
const ExtTotalAgent_SDK = this.formData.extTotalAgent_SDK.toString()
this.formData.extProductGroup_KUT = ExtProductGroup_KUT
this.formData.extProductGroup_SDK = ExtProductGroup_SDK
this.formData.extTotalAgent_KUT = ExtTotalAgent_KUT
this.formData.extTotalAgent_SDK = ExtTotalAgent_SDK
this.btnloading = true
this.$request(Customer.searchUrl, this.paramsToFormData(this.formData)).then((resp) => {
this.btnloading = false
this.$message.success('提交成功！')
this.$router.back()
}).catch((err) => {
this.btnloading = false
// this.$message({
// type: 'warning',
// message: err
// })
})
} else {
this.btnloading = false
this.$message.warning('请输入必填信息！')
}
});
}, },
handleClickGoBack() { handleClickGoBack() {
// const visitedViews = this.$store.state.tagsView.visitedViews // const visitedViews = this.$store.state.tagsView.visitedViews
// const path = this.$route.path // const path = this.$route.path
// visitedViews.forEach(function(item, index) { // visitedViews.forEach(function(item, index) {
...@@ -622,40 +662,33 @@ export default { ...@@ -622,40 +662,33 @@ export default {
this.$router.back() this.$router.back()
}) })
}, },
paramsToFormData(obj) { paramsToFormData(obj) {
const formData = new FormData(); const formData = new FormData();
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (obj[key] instanceof Array) { if (obj[key] instanceof Array) {
obj[key].forEach((item) => { obj[key].forEach((item) => {
formData.append(key, item); formData.append(key, item);
}); });
return; return;
} }
formData.append(key, obj[key]); formData.append(key, obj[key]);
}); });
return formData; return formData;
}, },
reSet() { reSet() {
this.formInline.Name='' this.formInline.Name = ''
}, },
handleClose() { handleClose() {
this.dialogTableVisible = false this.dialogTableVisible = false
}, },
myHeader(){ fileChange(res, file) {
return {'Content-Type': 'multipart/form-data'} this.formData.file = res.raw
}, this.supplierBaseRules.file=[]
fileChange(res,file){
this.formData.file=(res.raw)
},
handleAvatarSuccess(res,file){
console.log('res',res,"file",file)
this.supplierBaseRules.filelll=[]
}, },
handleRemoveFile(res, file) { handleRemoveFile(res,file){
console.log('restest', res, "file", file) this.supplierBaseRules.file = [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }]
this.supplierBaseRules.filelll = [{ required: true, message: '请上传附件', trigger: 'blur' }]
}, },
onSubmit() {}, onSubmit() { },
handlePreview() { }, handlePreview() { },
handleRemove() { }, handleRemove() { },
beforeRemove() { }, beforeRemove() { },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment