Commit 494a23df authored by qinj's avatar qinj

进度查询添加完成节点

parent 5f5d3767
...@@ -13,67 +13,90 @@ ...@@ -13,67 +13,90 @@
</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"
:class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
<div class="div_txt">提交</div> <div class="div_txt">提交</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> </div>
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}"> <div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
<div class="div_txt2">审批_1区域渠道经理</div> <div class="div_txt2">审批_1区域渠道经理</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> <div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}"> <div class="div_list">
<div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
<div class="div_txt2">审批_2渠道销售总监</div> <div class="div_txt2">审批_2渠道销售总监</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> <div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}"> <div class="div_list">
<div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
<div class="div_txt2">审批_3渠道管理部</div> <div class="div_txt2">审批_3渠道管理部</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==5}">
<div class="div_txt2">完成</div>
</div>
</div> </div>
</div> </div>
<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 }"> <template v-slot:ExtLockRsp_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 --> <!-- 插槽内容有el-form-item组件包裹 -->
<el-select v-model="formData.ExtLockRsp_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"> <el-select v-model="formData.ExtLockRsp_SDK"
<el-option :disabled="!formData.ExtProcessNode_SDK==2"
v-for="item in province" style="width: 91%"
multiple
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in province"
:key="item.AccountID" :key="item.AccountID"
:label="item.Name" :label="item.Name"
:value="item.ExtSocialUnifiedCreditCode_SDK" :value="item.ExtSocialUnifiedCreditCode_SDK" />
/>
</el-select> </el-select>
</template> </template>
<template v-slot:ExtLockCity_SDK="{ formData }"> <template v-slot:ExtLockCity_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 --> <!-- 插槽内容有el-form-item组件包裹 -->
<el-select v-model="formData.ExtLockCity_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"> <el-select v-model="formData.ExtLockCity_SDK"
<el-option :disabled="!formData.ExtProcessNode_SDK==2"
v-for="item in apptions" style="width: 91%"
multiple
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in apptions"
:key="item.Code" :key="item.Code"
:label="item.Name" :label="item.Name"
:value="item.Code" :value="item.Code" />
/>
</el-select> </el-select>
</template> </template>
<template v-slot:ExtChannelType_SDK="{ formData }"> <template v-slot:ExtChannelType_SDK="{ formData }">
<!-- 插槽内容有el-form-item组件包裹 --> <!-- 插槽内容有el-form-item组件包裹 -->
<el-select v-model="formData.ExtChannelType_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据"> <el-select v-model="formData.ExtChannelType_SDK"
<el-option :disabled="!formData.ExtProcessNode_SDK==2"
v-for="item in cOptions" style="width: 91%"
filterable
placeholder="请选择"
no-match-text="无匹配数据">
<el-option v-for="item in cOptions"
:key="item.id" :key="item.id"
:label="item.content" :label="item.content"
:value="item.keyword" :value="item.keyword" />
/>
</el-select> </el-select>
</template> </template>
</ele-form-section> </ele-form-section>
...@@ -126,7 +149,7 @@ ...@@ -126,7 +149,7 @@
<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,7 +225,7 @@ export default { ...@@ -202,7 +225,7 @@ export default {
type: 'input', type: 'input',
label: '省份', label: '省份',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtCityName_SDK: { ExtCityName_SDK: {
...@@ -210,7 +233,7 @@ export default { ...@@ -210,7 +233,7 @@ export default {
label: '城市', label: '城市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtDistrictName_SDK: { ExtDistrictName_SDK: {
...@@ -218,14 +241,14 @@ export default { ...@@ -218,14 +241,14 @@ export default {
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,54 +312,54 @@ export default { ...@@ -289,54 +312,54 @@ 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(){ getChannelType() {
typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{ typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
this.cOptions=resp this.cOptions = resp
}) })
}, },
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('创建成功')
}, },
// 对象格式转化为键值对 // 对象格式转化为键值对
...@@ -358,40 +381,40 @@ export default { ...@@ -358,40 +381,40 @@ 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 { .basic-info {
::v-deep .ele-form-btns{ ::v-deep .ele-form-btns {
.el-form-item__content { .el-form-item__content {
display: none; display: none;
} }
} }
} }
.btn { .btn {
margin-left: 45%; margin-left: 45%;
margin-bottom: 8px; margin-bottom: 8px;
} }
.table-contain { .table-contain {
padding: 0 80px 0 20px; padding: 0 80px 0 20px;
margin-left: 65px; margin-left: 65px;
background: #fff; background: #fff;
border-radius: 2px; border-radius: 2px;
} }
.div_list{ .div_list {
display: flex; display: flex;
margin-right:10px; margin-right: 10px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.div_txt{ .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;
} }
...@@ -403,7 +426,7 @@ export default { ...@@ -403,7 +426,7 @@ export default {
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 {
......
...@@ -12,43 +12,55 @@ ...@@ -12,43 +12,55 @@
</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"
:class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
<div class="div_txt">提交</div> <div class="div_txt">提交</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> </div>
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}"> <div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
<div class="div_txt2">审批_1区域渠道经理</div> <div class="div_txt2">审批_1区域渠道经理</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> </div>
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}"> <div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
<div class="div_txt2">审批_2渠道销售部大区负责人</div> <div class="div_txt2">审批_2渠道销售部大区负责人</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> </div>
<div class="div_list"> <div class="div_list">
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}"> <div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
<div class="div_txt2">审批_3渠道销售总监</div> <div class="div_txt2">审批_3渠道销售总监</div>
</div> </div>
<div class="parallelogram1"></div> <div class="parallelogram1"></div>
<div class="triangle_right"></div> <div class="triangle_right"></div>
</div> <div class="div_list"> </div>
<div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==5}"> <div class="div_list">
<div id="parallelogram"
:class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
<div class="div_txt2">审批_4渠道管理部</div> <div class="div_txt2">审批_4渠道管理部</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==6}">
<div class="div_txt2">完成</div>
</div>
</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">
...@@ -100,7 +112,7 @@ ...@@ -100,7 +112,7 @@
<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,7 +188,7 @@ export default { ...@@ -176,7 +188,7 @@ export default {
type: 'input', type: 'input',
label: '省份', label: '省份',
layout: 12, layout: 12,
disabled:true, disabled: true,
}, },
ExtCityName_SDK: { ExtCityName_SDK: {
...@@ -184,7 +196,7 @@ export default { ...@@ -184,7 +196,7 @@ export default {
label: '城市', label: '城市',
layout: 12, layout: 12,
isOptions: true, isOptions: true,
disabled:true, disabled: true,
}, },
ExtDistrictName_SDK: { ExtDistrictName_SDK: {
...@@ -192,14 +204,14 @@ export default { ...@@ -192,14 +204,14 @@ export default {
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,54 +221,54 @@ export default { ...@@ -209,54 +221,54 @@ 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
}, },
...@@ -265,43 +277,43 @@ export default { ...@@ -265,43 +277,43 @@ export default {
{ {
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
...@@ -310,63 +322,65 @@ export default { ...@@ -310,63 +322,65 @@ export default {
// } // }
}, },
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
ProcessApproval(add).then((resp) => {
this.loading = false
this.$message.success("审批成功!") this.$message.success("审批成功!")
this.dialogFormVisible=false this.dialogFormVisible = false
this.$router.back() this.$router.back()
}) })
}else{ } else {
this.loading=true this.loading = true
const bdd={customerDTO:cc,note:this.form.note,result:"reject"} const bdd = { customerDTO: cc, note: this.form.note, result: "reject" }
ProcessApproval(bdd).then((resp)=>{ ProcessApproval(bdd).then((resp) => {
this.loading=false this.loading = false
this.$message.success("退回成功!") this.$message.success("退回成功!")
this.dialogFormVisible=false this.dialogFormVisible = false
this.$router.back() this.$router.back()
}) })
} }
...@@ -391,40 +405,40 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK} ...@@ -391,40 +405,40 @@ 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 { .basic-info {
::v-deep .ele-form-btns{ ::v-deep .ele-form-btns {
.el-form-item__content { .el-form-item__content {
display: none; display: none;
} }
} }
} }
.btn { .btn {
margin-left: 45%; margin-left: 45%;
margin-bottom: 8px; margin-bottom: 8px;
} }
.table-contain { .table-contain {
padding: 0 80px 0 20px; padding: 0 80px 0 20px;
margin-left: 65px; margin-left: 65px;
background: #fff; background: #fff;
border-radius: 2px; border-radius: 2px;
} }
.div_list{ .div_list {
display: flex; display: flex;
margin-right:10px; margin-right: 10px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.div_txt{ .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;
} }
...@@ -436,7 +450,7 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK} ...@@ -436,7 +450,7 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
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 {
......
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