Skip to content

P
portalhtml
Commit 1cc42bcb authored by qinj's avatar qinj
Browse files
Options

审批校验字段修改

parent 494a23df
Show whitespace changes
Inline Side-by-side
Showing with 273 additions and 239 deletions
src/views/customers/citypotenial-list/index.vue
View file @ 1cc42bcb
......@@ -4,48 +4,68 @@
<span>*</span>为必填项
</Title>
<div class="basic-info">
<ele-form-section
v-model="formData"
<ele-form-section v-model="formData"
:rules="rules"
:sections="sections"
>
:sections="sections">
<template v-slot:ExtLockRsp_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 -->
<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">
<el-option
v-for="item in province"
<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">
<el-option v-for="item in province"
:key="item.ExtAgentID_SDK"
:label="item.Name"
:value="item.ExtAgentID_SDK"
/>
:value="item.ExtAgentID_SDK" />
</el-select>
<el-input v-else v-model="formData.ExtLockRspName_SDK" disabled>
<el-input v-else
v-model="formData.ExtLockRspName_SDK"
disabled>
</el-input>
</template>
<template v-slot:ExtLockCity_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 -->
<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'>
<el-option
v-for="item in apptions"
<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'>
<el-option v-for="item in apptions"
:key="item.Code"
:label="item.Name"
:value="item.Code"
/>
:value="item.Code" />
</el-select>
<el-input v-else v-model="formData.ExtLockCityName_SDK" disabled>
<el-input v-else
v-model="formData.ExtLockCityName_SDK"
disabled>
</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"
<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"
/>
:value="item.keyword" />
</el-select>
<el-input v-else v-model="formData.ExtChannelType_SDKText" disabled>
<el-input v-else
v-model="formData.ExtChannelType_SDKText"
disabled>
</el-input>
</template>
</ele-form-section>
......@@ -64,7 +84,9 @@
label="操作者">
</el-table-column>
<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>
<pagination v-show="TotalRecords>0"
......@@ -76,8 +98,10 @@
<div class="table-contain">
<div class="form-container">审批意见</div>
<div class="btn">
<el-button type="primary" @click="approve">审批</el-button>
<el-button type="" @click="reject">退回</el-button>
<el-button type="primary"
@click="approve">审批</el-button>
<el-button type=""
@click="reject">退回</el-button>
</div>
<el-table :data="tableData"
border
......@@ -101,17 +125,22 @@
:limit.sync="page.pageSize"
@pagination="getList" />
</div>
<el-dialog title="审批意见" :visible.sync="dialogFormVisible">
<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-input v-model="form.note"
autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<div slot="footer"
class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" :loading="loading" @click="approveClick">确 定</el-button>
<el-button type="primary"
:loading="loading"
@click="approveClick">确 定</el-button>
</div>
</el-dialog>
</el-dialog>
</div>
</div>
......@@ -119,7 +148,7 @@
<script>
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 { Country } from '@/api/qcc'
export default {
......@@ -127,17 +156,17 @@ export default {
Pagination,
Title,
},
data () {
data() {
return {
form:{},
dialogFormVisible:false,
form: {},
dialogFormVisible: false,
title: '城市代理商审批',
addBtnStart: false,
objectId: '',
id:'',
status:0,
loading:false,
tableData2:[],
id: '',
status: 0,
loading: false,
tableData2: [],
formData: {},
province: [],
sections: [
......@@ -149,8 +178,8 @@ export default {
label: '公司全称',
layout: 24,
code: 'qcc',
disabled:true,
returnFn: function(row) {
disabled: true,
returnFn: function (row) {
return {
Name: row.Name,
ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
......@@ -162,24 +191,24 @@ export default {
type: 'input',
label: '公司全称曾用名',
layout: 12,
disabled:true,
disabled: true,
},
ExtSocialUnifiedCreditCode_SDK: {
type: 'input',
label: '社会统一信用代码',
disabled:true,
disabled: true,
layout: 12
},
ExtRegisteredCapital_SDK: {
type: 'input',
label: '注册资本(万元)',
disabled:true,
disabled: true,
layout: 12,
},
ExtCorporateName_SDK: {
type: 'input',
label: '法人',
disabled:true,
disabled: true,
layout: 12,
},
// Ext_QuoteOppotunity_KUT: {
......@@ -196,7 +225,7 @@ export default {
type: 'input',
label: '省份',
layout: 12,
disabled:true,
disabled: true,
},
ExtCityName_SDK: {
......@@ -204,7 +233,7 @@ export default {
label: '城市',
layout: 12,
isOptions: true,
disabled:true,
disabled: true,
},
ExtDistrictName_SDK: {
......@@ -212,14 +241,14 @@ export default {
label: '县市',
layout: 12,
isOptions: true,
disabled:true,
disabled: true,
},
ExtAddressDetail_SDK: {
type: 'input',
label: '详细经营地址',
layout: 12,
disabled:true,
disabled: true,
},
}
},
......@@ -229,36 +258,36 @@ export default {
ExtLeader_SDK: {
type: 'input',
label: '公司负责人姓名',
disabled:true,
disabled: true,
layout: 12
},
ExtLeaderPhone_SDK: {
type: 'input',
label: '公司负责人联系方式',
disabled:true,
disabled: true,
layout: 12
},
ExtLeaderEmail_SDK: {
type: 'input',
label: '公司负责人邮箱',
disabled:true,
disabled: true,
layout: 12
},
ExtUnis_SDK: {
type: 'input',
layout: 12,
disabled:true,
disabled: true,
label: 'Unis业务负责人姓名'
},
ExtUnisPhone_SDK: {
type: 'input',
layout: 12,
disabled:true,
disabled: true,
label: 'Unis业务负责人联系方式'
},
ExtUnisEmail_SDK: {
type: 'input',
disabled:true,
disabled: true,
label: 'Unis业务负责人邮箱',
layout: 12
},
......@@ -285,7 +314,7 @@ export default {
{
title: '签约信息',
formDesc: {
ExtChannelType_SDK : {
ExtChannelType_SDK: {
type: 'select',
label: '签约渠道类型',
layout: 12,
......@@ -305,137 +334,142 @@ export default {
}
},
],
tableData:[],
TotalRecords:0,
page:{},
apptions:[],
cOptions:[],
tableData: [],
TotalRecords: 0,
page: {},
apptions: [],
cOptions: [],
// 同 vue-ele-form
rules: {
ExtChannelType_SDK: {required: true, message: '请选择签约渠道类型'},
ExtChannelType_SDK: { required: true, message: '请选择签约渠道类型' },
ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' },
ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' },
}
}
},
watch:{
watch: {
},
created(){
created() {
this.id=this.$route.query.id
this.id = this.$route.query.id
this.getList()
this.getHistoryList()
this.getChannelType()
this.getFile()
},
methods: {
getFile(){
const page={
currentPage:1,
pageSize:10,
businessObjectID:this.id
getFile() {
const page = {
currentPage: 1,
pageSize: 10,
businessObjectID: this.id
}
getOneModel(page).then(resp=>{
this.tableData2=resp.results
getOneModel(page).then(resp => {
this.tableData2 = resp.results
})
},
getList(){
getCustomer({objectID:this.id}).then((resp)=>{
resp.results[0].ExtChannelType_SDK=null
this.formData=resp.results[0]
lockRsp({extProvince_SDK: resp.results[0].ExtProvince_SDK}).then((resp)=>{
this.province=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
const app = { provinceCode: resp.results[0].ExtProvince_SDK }
this.$request(Country.searchCity, app).then((resp) => {
this.apptions = resp.results
})
})
},
getChannelType(){
typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{
this.cOptions=resp
getChannelType() {
typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
this.cOptions = resp
})
},
getHistoryList(){
processHistory({businessObjectID:this.id}).then((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
},
handleSelectRSP(value){
console.log('val',value)
let cont=[]
let val=[]
this.province.forEach((el)=>{
value.forEach((item)=>{
if(el.ExtAgentID_SDK==item){
handleSelectRSP(value) {
console.log('val', value)
let cont = []
let val = []
this.province.forEach((el) => {
value.forEach((item) => {
if (el.ExtAgentID_SDK == item) {
cont.push(el.Name)
val.push(el.ExtAgentID_SDK)
}
})
})
this.formData.ExtLockRspName_SDK=cont//获取的 name
this.formData.ExtLockRsp_SDK=val//获取的 id
},
handleSelectCity(value){
let cont=[]
let val=[]
this.apptions.forEach((el)=>{
value.forEach((item)=>{
if(el.Code==item){
this.formData.ExtLockRspName_SDK = cont//获取的 name
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
this.formData.ExtLockCityName_SDK = cont//获取的 name
this.formData.ExtLockCity_SDK = val//获取的 id
},
handleSuccess () {
handleSuccess() {
// this.$message.success('创建成功')
},
approve(){
this.dialogFormVisible=true
this.status=1
},
reject(){
this.dialogFormVisible=true
this.status=2
},
approveClick(){
const extLockRsp_SDK=this.formData.ExtLockRsp_SDK.toString()
const extLockRspName_SDK=this.formData.ExtLockRspName_SDK.toString()
const extLockCity_SDK=this.formData.ExtLockCity_SDK.toString()
const extLockCityName_SDK=this.formData.ExtLockCityName_SDK.toString()
const cc={extProcessNode_SDK:this.formData.ExtProcessNode_SDK,
extCustomerType_SDK:this.formData.ExtCustomerType_SDK,
extProvince_SDK:this.formData.ExtProvince_SDK,
objectID:this.formData.ObjectID,
extLockRsp_SDK:extLockRsp_SDK,
extLockRspName_SDK:extLockRspName_SDK,
extLockCity_SDK:extLockCity_SDK,
extLockCityName_SDK:extLockCityName_SDK,
extChannelType_SDK:this.formData.ExtChannelType_SDK}
if(this.status==1){
const add={customerDTO:cc,note:this.form.note,result:"approve"}
this.loading=true
ProcessApproval(add).then((resp)=>{
this.loading=false
approve() {
this.dialogFormVisible = true
this.status = 1
},
reject() {
this.dialogFormVisible = true
this.status = 2
},
approveClick() {
const extLockRsp_SDK = this.formData.ExtLockRsp_SDK.toString()
const extLockRspName_SDK = this.formData.ExtLockRspName_SDK.toString()
const extLockCity_SDK = this.formData.ExtLockCity_SDK.toString()
const extLockCityName_SDK = this.formData.ExtLockCityName_SDK.toString()
const cc = {
extProcessNode_SDK: this.formData.ExtProcessNode_SDK,
extCustomerType_SDK: this.formData.ExtCustomerType_SDK,
extProvince_SDK: this.formData.ExtProvince_SDK,
objectID: this.formData.ObjectID,
extLockRsp_SDK: extLockRsp_SDK,
extLockRspName_SDK: extLockRspName_SDK,
extLockCity_SDK: extLockCity_SDK,
extLockCityName_SDK: extLockCityName_SDK,
extChannelType_SDK: this.formData.ExtChannelType_SDK
}
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.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
} 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.dialogFormVisible = false
this.$router.back()
})
}
......@@ -460,24 +494,24 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
</script>
<style lang="scss" scoped>
::v-deep .el-row--flex {
::v-deep .el-row--flex {
display: -webkit-box;
.el-col-14 {
width: 90%;
}
}
.basic-info {
::v-deep .ele-form-btns{
}
.basic-info {
::v-deep .ele-form-btns {
.el-form-item__content {
display: none;
}
}
}
.btn {
}
.btn {
margin-left: 45%;
margin-bottom: 8px;
}
.table-contain {
}
.table-contain {
padding: 0 80px 0 20px;
margin-left: 65px;
background: #fff;
......
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