yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善经销商

zhanglei
yunuo970428 2 years ago
parent
b1fa5dfac5
commit
67cd68af08
9 changed files with 2549 additions and 1072 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      anrui-base/anrui-base-ui/src/api/jichuxinxi/baseaffiliatcompany.js
  2. 8
      anrui-base/anrui-base-ui/src/api/jichuxinxi/dictcommons.js
  3. 208
      anrui-base/anrui-base-ui/src/router/index.js
  4. 891
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue
  5. 177
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue
  6. 267
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiguanli.vue
  7. 611
      anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangDaiBan.vue
  8. 906
      anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangEdit.vue
  9. 482
      anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangYiBan.vue

71
anrui-base/anrui-base-ui/src/api/jichuxinxi/baseaffiliatcompany.js
View File

@ -50,14 +50,6 @@ export function details(data) {
})
}
// 数据字典 已改
export function typeValues(data) {
return request({
url: '/portal/v1/dictcommons/typeValues',
method: 'get',
params: data
})
}
// 经销商下拉选 已改
export function getOneLevelList(data) {
return request({
@ -129,3 +121,66 @@ export function downloadUrl(data) {
headers: { 'Content-Type': 'application/json' }
})
}
// 提交
export function submit(data) {
return request({
url: '/base/v1/basedistributor/submit',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
}
// 流程审批（同意）
export function complete (params) {
return request({
url: '/base/v1/basedistributor/complete',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
// 流程审批（驳回）
export function reject (params) {
return request({
url: '/base/v1/basedistributor/reject',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
// 流程审批（终止）
export function breakProcess (params) {
return request({
url: '/base/v1/basedistributor/breakProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
// 流程审批（撤回）
export function revokeProcess (params) {
return request({
url: '/base/v1/basedistributor/revokeProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
// 审批流程（同意）获取下一环节
export function getNextNodesForSubmit (data) {
return request({
url: '/base/v1/basedistributor/getNextNodesForSubmit',
method: 'get',
params: data
})
}
// 审批流程（驳回）获取上一环节
export function getPreviousNodesForReject (data) {
return request({
url: '/base/v1/basedistributor/getPreviousNodesForReject',
method: 'get',
params: data
})
}

8
anrui-base/anrui-base-ui/src/api/jichuxinxi/dictcommons.js
View File

@ -52,6 +52,14 @@ export function getOrgSidByPath(data) {
})
}
// 根据分公司sid查询分公司名称
export function fetchBySid(sid) {
return request({
url: 'portal/v1/sysorganization/fetchBySid/' + sid,
method: 'get'
})
}
// 当前用户创建申请时判断该用户是否有该菜单的操作权限
export function selectHaveMessage(data) {
return request({

208
anrui-base/anrui-base-ui/src/router/index.js
View File

@ -53,7 +53,7 @@ export const constantRoutes = [
component: Layout,
redirect: '/changshang',
meta: {
title: '厂商管理',
title: '厂商管理'
},
children: [
{
@ -63,9 +63,9 @@ export const constantRoutes = [
name: 'changshangguanli',
meta: {
title: '厂商管理',
noCache: true,
noCache: true
}
},
}
]
},
// 2品牌管理
@ -84,39 +84,7 @@ export const constantRoutes = [
name: 'pinpaiguanli',
meta: {
title: '品牌管理',
noCache: true,
}
},
{
path: '/pinpai/pinpaiAdd/:id',
component: () =>
import('@/views/pinpai/pinpaiguanli/pinpaiAdd.vue'),
name: 'pinpaiAdd',
hidden: true,
meta: {
title: '品牌管理',
noCache: true,
}
},
{
path: '/pinpai/pinpaiInfo',
component: () =>
import('@/views/pinpai/pinpaiguanli/pinpaiInfo.vue'),
name: 'pinpaiInfo',
hidden: true,
meta: {
title: '品牌详情',
noCache: true,
}
},
{
path: '/pinpai/pinpaiDaoru',
component: () =>
import('@/views/pinpai/pinpaidaoru/pinpaiDaoru.vue'),
name: 'pinpaiDaoru',
hidden: true,
meta: {
title: '导入品牌'
noCache: true
}
}
]
@ -137,54 +105,9 @@ export const constantRoutes = [
name: 'jingxiaoshangguanli',
meta: {
title: '经销商管理',
noCache: true,
}
},
{
path: '/jingxiaoshang/jingxiaoshangAdd',
component: () =>
import('@/views/jingxiaoshang/jingxiaoshangguanli/jingxiaoshangAdd.vue'),
name: 'jingxiaoshangAdd',
hidden: true,
meta: {
title: '经销商添加',
noCache: true,
}
},
{
path: '/jingxiaoshang/jingxiaoshangEdit/:id',
component: () =>
import('@/views/jingxiaoshang/jingxiaoshangguanli/jingxiaoshangEdit.vue'),
name: 'jingxiaoshangEdit',
hidden: true,
meta: {
title: '经销商修改',
noCache: true,
}
},
{
path: '/jingxiaoshang/jingxiaoshangInfo/:sid',
component: () =>
import('@/views/jingxiaoshang/jingxiaoshangguanli/jingxiaoshangInfo.vue'),
name: 'jingxiaoshangInfo',
hidden: true,
meta: {
title: '经销商详情',
noCache: true,
noCache: true
}
}
// {
// path: '/jingxiaoshang/addcomponents/beianzhanghaoForm',
// component: () =>
// import('@/views/jingxiaoshang/addcomponents/beianzhanghaoForm.vue'),
// name: 'beianzhanghaoForm',
// hidden: true,
// meta: {
// title: '备案账号添加'
// }
// }
//
]
},
// 5挂靠公司 现已改为经销商
@ -203,47 +126,7 @@ export const constantRoutes = [
name: 'guakaogongsiguanli',
meta: {
title: '经销商',
noCache: true,
}
},
// {
// path: '/guakaogongsi/guakaogongsiAdd/:id',
// component: () =>
// import('@/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue'),
// name: 'guakaogongsiAdd',
// hidden: true,
// meta: {
// title: '挂靠公司添加'
// }
// },
// {
// path: '/guakaogongsi/guakaogongsiInfo',
// component: () =>
// import('@/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue'),
// name: 'guakaogongsiInfo',
// hidden: true,
// meta: {
// title: '挂靠公司详情'
// }
// },
{
path: '/guakaogongsi/renwu',
component: () =>
import('@/views/guakaogongsi/renwu/renwu.vue'),
name: 'renwu',
hidden: true,
meta: {
title: '任务'
}
},
{
path: '/guakaogongsi/renwuchuli',
component: () =>
import('@/views/guakaogongsi/renwu/renwuchuli.vue'),
name: 'renwuchuli',
hidden: true,
meta: {
title: '任务处理'
noCache: true
}
}
]
@ -264,29 +147,7 @@ export const constantRoutes = [
name: 'zifangguanli',
meta: {
title: '资方信息管理',
noCache: true,
}
},
{
path: '/zifang/zifangguanliAdd/:id',
component: () =>
import('@/views/zifang/zifangguanli/zifangguanliAdd.vue'),
name: 'zifangguanliAdd',
hidden: true,
meta: {
title: '资方信息添加',
noCache: true,
}
},
{
path: '/zifang/zifangguanliInfo',
component: () =>
import('@/views/zifang/zifangguanli/zifangguanliInfo.vue'),
name: 'zifangguanliInfo',
hidden: true,
meta: {
title: '资方信息详细信息',
noCache: true,
noCache: true
}
},
{
@ -296,32 +157,9 @@ export const constantRoutes = [
name: 'zifangzhengce',
meta: {
title: '资方政策管理',
noCache: true,
}
},
{
path: '/zifang/zifangzhengceAdd/:id',
component: () =>
import('@/views/zifang/zifangzhengce/zifangzhengceAdd.vue'),
name: 'zifangzhengceAdd',
hidden: true,
meta: {
title: '资方政策添加',
noCache: true,
}
},
{
path: '/zifang/zifangzhengceInfo',
component: () =>
import('@/views/zifang/zifangzhengce/zifangzhengceInfo.vue'),
name: 'zifangzhengceInfo',
hidden: true,
meta: {
title: '资方政策详细信息',
noCache: true,
noCache: true
}
}
]
},
// 7、中介人员
@ -330,7 +168,7 @@ export const constantRoutes = [
component: Layout,
redirect: '/zhongjie',
meta: {
title: '中介人员',
title: '中介人员'
},
children: [
{
@ -340,9 +178,9 @@ export const constantRoutes = [
name: 'zhongjierenyuan',
meta: {
title: '中介人员',
noCache: true,
noCache: true
}
},
}
]
},
// 资料清单
@ -357,7 +195,7 @@ export const constantRoutes = [
path: '/fileList/index',
component: () => import('@/views/fileList/fileList.vue'),
name: 'fileList',
meta: { title: '资料清单',noCache: true, }
meta: { title: '资料清单', noCache: true }
}]
},
// 8、采购系统
@ -375,6 +213,28 @@ export const constantRoutes = [
meta: { title: '采购系统', noCache: true }
}
]
},
// 流程审批
// 经销商备案--编辑
{
path: '/jingxiaoshangFlow/jingxiaoshangEdit',
component: () =>
import('@/views/workFlow/jingxiaoshangFlow/jingxiaoshangEdit.vue'),
name: 'JingXiaoShangEdit'
},
// 经销商备案--待办
{
path: '/jingxiaoshangFlow/jingxiaoshangDaiBan',
component: () =>
import('@/views/workFlow/jingxiaoshangFlow/jingxiaoshangDaiBan.vue'),
name: 'JingXiaoShangDaiBan'
},
// 经销商备案--已办
{
path: '/jingxiaoshangFlow/jingxiaoshangYiBan',
component: () =>
import('@/views/workFlow/jingxiaoshangFlow/jingxiaoshangYiBan.vue'),
name: 'JingXiaoShangYiBan'
},
{
path: '/404',

891
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue
View File

File diff suppressed because it is too large

177
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue
View File

@ -4,11 +4,10 @@
<div class="tab-header webtop">
<div>经销商详情</div>
<div>
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<!-- <div class="wlInfo">经销商信息</div>-->
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<div class="title">基本信息</div>
<el-row style="border-top: 1px solid #DFE6EC">
@ -16,7 +15,7 @@
<span>所属经销商</span>
</el-col>
<el-col :span="20">
<el-form-item prop="">
<el-form-item>
<span>{{ temp.pDistributorName }}</span>
</el-form-item>
</el-col>
@ -26,7 +25,7 @@
<span>经销商名称</span>
</el-col>
<el-col :span="8">
<el-form-item prop="disName">
<el-form-item>
<span>{{ temp.disName }}</span>
</el-form-item>
</el-col>
@ -34,7 +33,7 @@
<span>统一社会信用代码</span>
</el-col>
<el-col :span="8">
<el-form-item prop="registNum">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
@ -44,35 +43,18 @@
<span>注册地址</span>
</el-col>
<el-col :span="20">
<el-form-item prop="registDetailAddress">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
<!-- <el-col :span="8"> &lt;!&ndash;@change="getShen" @change="getShen" @change="getQu"&ndash;&gt;-->
<!-- <el-form-item prop="registAddress">-->
<!-- <span>{{ temp.registAddress }}</span>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <el-form-item prop="">-->
<!-- <span>{{ temp.registDetailAddress }}</span>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际经营地址</span>
</el-col>
<!-- <el-col :span="8">-->
<!-- <el-form-item prop=""> &lt;!&ndash; &ndash;&gt;-->
<!-- <span>{{ temp.managementAddress }}</span>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="20">
<el-form-item prop="">
<span>{{
temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress
}}</span>
<el-form-item>
<span>{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span>
</el-form-item>
</el-col>
</el-row>
@ -81,7 +63,7 @@
<span>成立日期</span>
</el-col>
<el-col :span="4">
<el-form-item prop="setUpTime">
<el-form-item>
<span>{{ temp.setUpTime }}</span>
</el-form-item>
</el-col>
@ -89,7 +71,7 @@
<span>开始合作时间</span>
</el-col>
<el-col :span="4">
<el-form-item prop="startCoopDate">
<el-form-item>
<span>{{ temp.startCoopDate }}</span>
</el-form-item>
</el-col>
@ -97,9 +79,8 @@
<span>是否担保</span>
</el-col>
<el-col :span="4">
<el-form-item prop="isGuarantee">
<el-radio v-model="temp.isGuarantee" disabled label="1">是</el-radio>
<el-radio v-model="temp.isGuarantee" disabled label="0">否</el-radio>
<el-form-item>
<span>{{ temp.isGuarantee == '1' ? '是' : temp.isGuarantee == '0' ? '否' : '' }}</span>
</el-form-item>
</el-col>
</el-row>
@ -108,7 +89,7 @@
<span>实际控制人</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalName">
<el-form-item>
<span>{{ temp.legalName }}</span>
</el-form-item>
</el-col>
@ -116,7 +97,7 @@
<span>身份证号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalIdCard">
<el-form-item>
<span>{{ temp.legalIdCard }}</span>
</el-form-item>
</el-col>
@ -124,7 +105,7 @@
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalMobile">
<el-form-item>
<span>{{ temp.legalMobile }}</span>
</el-form-item>
</el-col>
@ -134,7 +115,7 @@
<span>企业联系人</span>
</el-col>
<el-col :span="4">
<el-form-item prop="contract">
<el-form-item>
<span>{{ temp.contract }}</span>
</el-form-item>
</el-col>
@ -142,7 +123,7 @@
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="mobile">
<el-form-item>
<span>{{ temp.mobile }}</span>
</el-form-item>
</el-col>
@ -157,7 +138,6 @@
<el-col :span="8">
<el-form-item>
{{ temp.disName }}
<!-- <el-input v-model="" readonly maxlength="125" placeholder="" class="addinputw" />-->
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
@ -167,7 +147,6 @@
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
<!-- <el-input v-model="" readonly maxlength="125" placeholder="" class="addinputw" />-->
</el-col>
</el-row>
<el-row>
@ -175,7 +154,7 @@
<span>地址</span>
</el-col>
<el-col :span="8">
<el-form-item prop="">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
@ -183,7 +162,7 @@
<span>联系电话</span>
</el-col>
<el-col :span="8">
<el-form-item prop="invoPhone">
<el-form-item>
<span>{{ temp.invoPhone }}</span>
</el-form-item>
</el-col>
@ -193,7 +172,7 @@
<span>开户行</span>
</el-col>
<el-col :span="8">
<el-form-item prop="invoBank">
<el-form-item>
<span>{{ temp.invoBank }}</span>
</el-form-item>
</el-col>
@ -201,15 +180,13 @@
<span>银行账号</span>
</el-col>
<el-col :span="8">
<el-form-item prop="invoBankNum">
<el-form-item>
<span>{{ temp.invoBankNum }}</span>
</el-form-item>
</el-col>
</el-row>
<!-- <div class="titcon">-->
<div class="title">人员列表</div>
<!-- </div>-->
<el-table :key="tableKey" v-loading="listLoading" :data="list" :index="index" border style="width: 100%">
<div class="title">人员列表</div>
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="姓名" align="center">
<template slot-scope="scope">
@ -222,7 +199,7 @@
</template>
</el-table-column>
<el-table-column label="手机号码" align="center">
<template slot-scope="scope" prop="mobile">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
@ -236,7 +213,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
</div>
<el-table :key="businessLicenseKey" :data="list1" border style="width: 100%">
<el-table :key="businessLicenseKey" :data="temp.yyzzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
@ -261,7 +238,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
</div>
<el-table :key="roadTransportKey" :data="list2" border style="width: 100%">
<el-table :key="roadTransportKey" :data="temp.dlysxkzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
@ -286,7 +263,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
</div>
<el-table :key="corporateIdentityCardKey" :data="list3" border style="width: 100%">
<el-table :key="corporateIdentityCardKey" :data="temp.frsfzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
@ -311,7 +288,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他资料</div>
</div>
<el-table :key="otherDetailsKey" :data="list4" border style="width: 100%">
<el-table :key="otherDetailsKey" :data="temp.qtzlList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
@ -343,8 +320,7 @@
</template>
<script>
import {details} from '@/api/jichuxinxi/baseaffiliatcompany'
import {postDownload} from '@/api/business/beiAn'
import { details } from '@/api/jichuxinxi/baseaffiliatcompany'
export default {
name: 'GuakaogongsiInfo',
@ -358,31 +334,52 @@ export default {
corporateIdentityCardKey: 3,
otherDetailsKey: 4,
index: 0,
list: [],
list1: [],
list2: [],
list3: [],
list4: [],
FormLoading: false,
listLoading: false,
temp: {}, // 查看实体
dialogFormVisible: false, // 查看对话框状态
dialogStatus: '', // 对话框状态
tempDate: {},
user_img: '',
temp: {
cityCode: '',
contract: '',
createOrg: '',
createOrgName: '',
disLevelKey: '',
disLevelValue: '',
disName: '',
dlysxkzList: [],
frsfzList: [],
invoBank: '',
invoBankNum: '',
invoPhone: '',
isGuarantee: '',
legalIdCard: '',
legalMobile: '',
legalName: '',
managementAddressCode: '',
managementDetailAddress: '',
managementDetailAddressCity: '',
managementDetailAddressCounty: '',
managementDetailAddressProvince: '',
mobile: '',
orgSidPath: '',
pDistributorName: '',
pDistributorSid: '',
pdisName: '',
perList: [],
provinceCode: '',
qtzlList: [],
registDetailAddress: '',
registNum: '',
setUpTime: '',
sid: '',
startCoopDate: '',
useOrg: '',
useOrgName: '',
userSid: '',
yyzzList: []
}, // 查看实体
rules: {}
}
},
methods: {
downloadElxe(row) {
postDownload(row.filePath).then((res) => {
const blob = new Blob([res], {
type: 'application/msword'
})
const objectUrl = URL.createObjectURL(blob)
window.location.href = objectUrl
})
},
handLook(row) {
console.log('查看图片', row)
this.dialogVisible = true
@ -394,31 +391,15 @@ export default {
},
// 返回
handleReturn() {
this.temp = {}
this.$emit('doback')
},
showInfo(sids) {
details(sids).then((response) => {
if (response.code === '200') {
this.list = response.data.perList
this.list1 = response.data.yyzzList
this.list2 = response.data.dlysxkzList
this.list3 = response.data.frsfzList
this.list4 = response.data.qtzlList
if (response.success) {
this.temp = response.data
this.temp.sid = sids
} else {
this.$notify({
title: '失败',
message: '查询失败',
type: 'error'
})
}
})
},
lookeImg(row) {
this.user_img = row.filePath
this.dialogFormVisible = true
this.dialogTitle = '查看'
}
}
}
@ -431,22 +412,4 @@ export default {
background-color: #ffffff;
border: 1px solid #DFE6EC;
}
.wlInfo {
text-align: center;
font-size: 28px;
line-height: 90px;
}
.tleftb {
text-align: right;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px !important;
font-weight: 600;
}
.title{
text-align: left;
}
</style>

267
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiguanli.vue
View File

@ -6,22 +6,19 @@
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="130px" class="tab-header">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="140px" class="tab-header">
<el-form-item label="经销商名称">
<el-input v-model="listQuery.params.disName" placeholder="请输入经销商名称" clearable
class="filter-item"/>
<el-input v-model="listQuery.params.disName" placeholder="请输入经销商名称" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input v-model="listQuery.params.registNum" placeholder="请输入统一社会信用代码" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="实际控制人姓名">
<el-input v-model="listQuery.params.legalName" placeholder="请输入实际控制人姓名" clearable
class="filter-item"/>
<el-input v-model="listQuery.params.legalName" placeholder="请输入实际控制人姓名" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="级别">
<el-select v-model="listQuery.params.disLevelKey" class="filter-item" clearable placeholder="请选择状态">
<el-option v-for="item in disLevel_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
<el-option v-for="item in disLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="是否担保">
@ -30,10 +27,8 @@
</el-select>
</el-form-item>
<el-form-item label="所属经销商">
<el-select v-model="listQuery.params.pdistributorSid" class="addinputw" placeholder="请选择所属经销商"
clearable>
<el-option v-for="(item,index) in pDistributorSid_list" :key="item.sid" :label="item.disName"
:value="item.sid"/>
<el-select v-model="listQuery.params.pdistributorSid" class="addinputw" placeholder="请选择所属经销商" clearable>
<el-option v-for="item in pDistributorSid_list" :key="item.sid" :label="item.disName" :value="item.sid"/>
</el-select>
</el-form-item>
<el-form-item label="成立日期">
@ -41,19 +36,21 @@
v-model="listQuery.params.setUpStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
placeholder="选择日期"
>
</el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker
v-model="listQuery.params.setUpEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
@ -62,26 +59,29 @@
<div class="tit">经销商信息列表</div>
<div class="rel_css">
<span style="font-size: 15px">关联状态：</span>
<el-select v-model="listQuery.params.relationState" class="filter-item rel_btn" clearable placeholder="请选择关联关系"
@change="relationStateChange">
<el-select v-model="listQuery.params.relationState" class="filter-item rel_btn" clearable placeholder="请选择关联关系" @change="relationStateChange">
<el-option v-for="item in optionsRel" :key="item.key" :label="item.label" :value="item.key"/>
</el-select>
</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column label="操作" fixed align="center" width="140px">
<template slot-scope="{row}">
<el-button size="mini" type="primary" @click="handleEdit(row)">办理</el-button>
<el-button size="mini" type="primary" @click="handleEdit(row)" :disabled="row.nodeState =='发起申请' ? false : row.nodeState == '待提交' ? false : true">办理</el-button>
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="state" label="状态" width="120" align="center">
<el-table-column prop="state" label="流程状态" width="120" align="center">
<template slot-scope="scope">
<span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column prop="state" label="报备状态" width="120" align="center">
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
</template>
@ -128,7 +128,7 @@
</el-table-column>
<el-table-column label="是否担保" width="120" align="center"> <!-- ? -->
<template slot-scope="scope">
<span>{{ scope.row.isGuarantee }}</span>
<span>{{ scope.row.isGuarantee == '1' ? '是' : scope.row.isGuarantee == '0' ? '否' : '' }}</span>
</template>
</el-table-column>
<el-table-column label="本年销售台数" width="160" align="center"> <!-- ? -->
@ -146,20 +146,25 @@
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!-- 新增或编辑 -->
<guakaogongsiAdd v-show="viewState == 2 || viewState ==3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!-- 详情 -->
<guakaogongsiInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
<!-- 流程审批记录 -->
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
</div>
</template>
<script>
import {deleteBySids, getOneLevelList, pagerList, typeValues} from '@/api/jichuxinxi/baseaffiliatcompany'
import {getUseOrgByUserSid} from '@/api/jichuxinxi/brandManagement'
import {setuser} from '@/utils/baocun'
import { deleteBySids, getOneLevelList, pagerList } from '@/api/jichuxinxi/baseaffiliatcompany'
import { getOrgSidByPath, typeValues } from '@/api/jichuxinxi/dictcommons'
import { getStorage } from '@/utils/auth'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import guakaogongsiAdd from './guakaogongsiAdd.vue'
@ -177,6 +182,9 @@ export default {
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1,
@ -197,13 +205,13 @@ export default {
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
},
// {
// type: 'success',
// size: 'small',
// icon: 'export',
// btnKey: 'build',
// btnLabel: '导出'
// },
{
type: 'info',
size: 'small',
@ -238,13 +246,13 @@ export default {
listQuery: {
params: {
createOrg: '',
disName: '', //经销商名称
isGuarantee: '', //是否担保 0是/1否
legalName: '', //实际控制人姓名
registNum: '', //统一社会信用代码
disName: '', // 经销商名称
isGuarantee: '', // 是否担保 0是/1否
legalName: '', // 实际控制人姓名
registNum: '', // 统一社会信用代码
disLevel: '', // 级别
pdistributorSid: '',
setUpEndTime: '', //成立结束时间
setUpEndTime: '', // 成立结束时间
setUpStartTime: '' // 成立开始时间
},
total: 0,
@ -260,7 +268,7 @@ export default {
}
},
mounted() {
this.$refs["btnbar"].setButtonList(this.btnList)
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// 初始化变量
@ -269,6 +277,35 @@ export default {
this.getListOrgAll()
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
this.init()
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
this.url = ''
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height = this.dialogHeight
},
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstId,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
@ -317,54 +354,39 @@ export default {
return pageindex
},
getListOrgAll(state) {
const userSid = window.sessionStorage.getItem('userSid')
getUseOrgByUserSid({userSid: userSid}).then((res) => {
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
if (res.success) {
console.log('获取当前使用人分公司', res.data)
this.listQuery.params.relationState = state
this.listQuery.params.createOrg = res.data.sid
this.listQuery.params.createOrg = res.data
this.getList()
}
})
},
// 获取数据字典
getType() {
typeValues({type: 'disLevel'}).then((res) => {
typeValues({ type: 'disLevel' }).then((res) => {
if (res.code === '200') {
this.disLevel_list = res.data
}
})
},
getLevelList(){
getOneLevelList({sid:''}).then((res) => {
getLevelList() {
getOneLevelList({ sid: '' }).then((res) => {
if (res.code === '200') {
this.pDistributorSid_list = res.data
}
})
},
relationStateChange(val){
relationStateChange(val) {
this.getListOrgAll(val)
},
// 查询列表信息
getList() {
this.listLoading = true
pagerList(this.listQuery).then((response) => {
console.log('列表查询结果1：', response)
console.log('列表查询结果：' + JSON.stringify(response))
this.listLoading = false
if (
response.code === '200' &&
response.data &&
response.data.total > 0
) {
if (response.success) {
this.list = response.data.records
for (var i = 0; i < this.list.length; i++) {
if (this.list[i].isGuarantee == '1') {
this.list[i].isGuarantee = '是'
} else if (this.list[i].isGuarantee == '0') {
this.list[i].isGuarantee = '否'
}
}
this.listQuery.total = response.data.total
} else {
this.list = []
@ -377,18 +399,17 @@ export default {
handleFilter() {
this.listQuery.current = 1
this.getListOrgAll()
},
handleReset() {
this.listQuery = {
params: {
disName: '', //经销商名称
isGuarantee: '', //是否担保 0是/1否
legalName: '', //实际控制人姓名
registNum: '', //统一社会信用代码
disName: '', // 经销商名称
isGuarantee: '', // 是否担保 0是/1否
legalName: '', // 实际控制人姓名
registNum: '', // 统一社会信用代码
disLevel: '', // 级别
pdistributorSid: '',
setUpEndTime: '', //成立结束时间
setUpEndTime: '', // 成立结束时间
setUpStartTime: '' // 成立开始时间
},
total: 0,
@ -401,7 +422,6 @@ export default {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
setuser(this.sids)
})
this.sids = aa
this.sdies = this.sids.join()
@ -409,9 +429,6 @@ export default {
},
// 打开添加
toAdd() {
// this.$router.push({
// path: '/guakaogongsi/guakaogongsiAdd/0'
// })
this.viewState = 2
this.$refs['divAdd'].showAdd()
},
@ -446,16 +463,8 @@ export default {
},
handleEdit(row) {
this.dialogStatus = 'update'
// if (row.isRelation == '0'){
this.viewState = 3
this.$refs['divAdd'].showEdit(row.sid)
// } else {
// this.$message({
// showClose: true,
// message: '所选经销商已关联二级经销商，无法修改！',
// type: 'error'
// });
// }
},
// 打开查看
handleCheck(scope) {
@ -471,31 +480,27 @@ export default {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
deleteBySids({sids:this.sdies})
.then(resp => {
if (resp.success && resp.code == '200') {
loading.close()
_this.$message({type: 'success', message: resp.msg, showClose: true})
_this.getListOrgAll()
} else {
loading.close()
// _this.$message({ type: 'error', message: resp.msg, showClose: true })
}
})
.catch(e => {
loading.close()
})
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
.catch(() => {
deleteBySids({ sids: this.sdies }).then(resp => {
if (resp.success) {
loading.close()
_this.$message({ type: 'success', message: resp.msg, showClose: true })
_this.getListOrgAll()
} else {
loading.close()
}
})
.catch(e => {
loading.close()
})
}).catch(() => {
})
} else {
this.$notify({
title: '提示',
@ -517,48 +522,11 @@ export default {
type: 'warning'
})
},
// 发起审核流程
handleShenHeLiuCheng(row) {
this.$confirm('确定要发起审核流程吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
// .then(() => {
// const tempData = Object.assign({}, row) // copy obj
// // console.log('测试删除ID' + JSON.stringify(tempData.id))
// delServiceType(tempData.id).then(response => {
// if (response.code === 20000) {
// // console.log('测试删除' + JSON.stringify(response))
// this.$notify({
// title: '提示',
// message: '成功',
// type: 'success',
// duration: 2000
// })
// this.getList()
// } else {
// this.$notify({
// title: '失败',
// message: response.msg,
// type: 'error'
// })
// }
// })
// })
// .catch(() => {
// this.$message({
// type: 'info',
// message: '已取消'
// })
// })
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route);
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
},
}
}
</script>
<style scoped>
@ -594,20 +562,25 @@ export default {
padding: 8px 20px;
margin-bottom: 0 !important;
}
.listtop{
.listtop {
position: relative;
}
.rel_css {
position: absolute;
right: 150px;
}
.rel_btn{
.rel_btn {
height: 28px;
}
.rel_btn /deep/ .el-input__inner{
.rel_btn /deep/ .el-input__inner {
height: 28px;
}
.rel_btn /deep/ .el-input__icon{
.rel_btn /deep/ .el-input__icon {
line-height: 28px;
}
</style>

611
anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangDaiBan.vue
View File

@ -0,0 +1,611 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>经销商详情</div>
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<div class="title">基本信息</div>
<el-row style="border-top: 1px solid #DFE6EC">
<el-col :span="4" class="tleftb">
<span>所属经销商</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.pDistributorName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>经销商名称</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.disName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>统一社会信用代码</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>注册地址</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际经营地址</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>成立日期</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.setUpTime }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>开始合作时间</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.startCoopDate }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>是否担保</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.isGuarantee == '1' ? '是' : temp.isGuarantee == '0' ? '否' : '' }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际控制人</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>身份证号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalIdCard }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalMobile }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>企业联系人</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.contract }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.mobile }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb"/>
<el-col :span="4"/>
</el-row>
<div class="title">开票信息</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>单位名称</span>
</el-col>
<el-col :span="8">
<el-form-item>
{{ temp.disName }}
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>税号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>地址</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>联系电话</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoPhone }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>开户行</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoBank }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>银行账号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoBankNum }}</span>
</el-form-item>
</el-col>
</el-row>
<div class="title">人员列表</div>
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="姓名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="身份" align="center">
<template slot-scope="scope">
<span>{{ scope.row.identityValue }}</span>
</template>
</el-table-column>
<el-table-column label="手机号码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
</template>
</el-table-column>
</el-table>
<div class="title">附件清单</div>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
</div>
<el-table :key="businessLicenseKey" :data="temp.yyzzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
</div>
<el-table :key="roadTransportKey" :data="temp.dlysxkzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
</div>
<el-table :key="corporateIdentityCardKey" :data="temp.frsfzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他资料</div>
</div>
<el-table :key="otherDetailsKey" :data="temp.qtzlList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<el-dialog :visible="dialogVisible" append-to-body :before-close="handColse">
<img width="100%" :src="dialogImageUrl" alt=""/>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import { details, complete, breakProcess, reject, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/jichuxinxi/baseaffiliatcompany'
export default {
name: 'JingXiaoShangDaiBan',
data() {
return {
dialogVisible: false,
dialogImageUrl: '',
tableKey: 0,
businessLicenseKey: 1,
roadTransportKey: 2,
corporateIdentityCardKey: 3,
otherDetailsKey: 4,
index: 0,
FormLoading: false,
listLoading: false,
temp: {
cityCode: '',
contract: '',
createOrg: '',
createOrgName: '',
disLevelKey: '',
disLevelValue: '',
disName: '',
dlysxkzList: [],
frsfzList: [],
invoBank: '',
invoBankNum: '',
invoPhone: '',
isGuarantee: '',
legalIdCard: '',
legalMobile: '',
legalName: '',
managementAddressCode: '',
managementDetailAddress: '',
managementDetailAddressCity: '',
managementDetailAddressCounty: '',
managementDetailAddressProvince: '',
mobile: '',
orgSidPath: '',
pDistributorName: '',
pDistributorSid: '',
pdisName: '',
perList: [],
provinceCode: '',
qtzlList: [],
registDetailAddress: '',
registNum: '',
setUpTime: '',
sid: '',
startCoopDate: '',
useOrg: '',
useOrgName: '',
userSid: '',
yyzzList: []
}, // 查看实体
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
// this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
handLook(row) {
console.log('查看图片', row)
this.dialogVisible = true
this.dialogImageUrl = row.filePath
console.log('查看图片', this.dialogImageUrl)
},
handColse() {
this.dialogVisible = false
},
showInfo(sids) {
details(sids).then((response) => {
if (response.success) {
this.temp = response.data
}
})
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = ''
getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleStop()
}
}
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
complete(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.headline{
height: 40px;
padding: 10px;
font-weight: bold;
background-color: #ffffff;
border: 1px solid #DFE6EC;
}
.rowClass{
border-top: 1px solid #E0E3EB;
}
</style>

906
anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangEdit.vue
View File

@ -0,0 +1,906 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<el-button type="primary" size="small" @click="submit()">提交</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<div class="title">基本信息</div>
<el-row style="border-top: 1px solid #DFE6EC">
<el-col :span="4" class="tleftb">
<span><span style="color: red">*</span>所属经销商</span>
</el-col>
<el-col :span="20">
<el-form-item prop="pDistributorName">
<el-select v-model="temp.pDistributorName" style="width: 30%" placeholder="请选择" @change="pDistributorSidChange" clearable filterable>
<el-option v-for="item in pDistributorSid_list" :key="item.sid" :label="item.disName" :value="item.disName"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span style="color: red">*</span>经销商名称</span>
</el-col>
<el-col :span="8">
<el-form-item prop="disName">
<el-input v-model="temp.disName" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>统一社会信用代码</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-input v-model="temp.registNum" maxlength="125" placeholder="请填写统一社会信用代码" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>注册地址</span>
</el-col>
<el-col :span="20">
<el-form-item>
<el-input v-model="temp.registDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际经营地址</span>
</el-col>
<el-col :span="20">
<el-form-item prop="">
<el-select v-model="temp.provinceCode" filterable placeholder="请选择省" class="filter-item" style="width: 12%" @change="getSheng02">
<el-option v-for="item in inputProvinceList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-select v-model="temp.cityCode" filterable placeholder="请选择市" class="filter-item" style="width: 12%" @change="getShi02">
<el-option v-for="item in inputCityList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-select v-model="temp.managementAddressCode" filterable placeholder="请选择县" class="filter-item" style="width: 12%" @change="getQu02">
<el-option v-for="item in inputCountyList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-input v-model="temp.managementDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>成立日期</span>
</el-col>
<el-col :span="4">
<el-form-item prop="setUpTime">
<el-date-picker class="addinputw" v-model="temp.setUpTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>开始合作日期</span>
</el-col>
<el-col :span="4">
<el-form-item prop="startCoopDate">
<el-date-picker class="addinputw" v-model="temp.startCoopDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>是否担保</span>
</el-col>
<el-col :span="4">
<el-form-item prop="isGuarantee">
<el-radio-group v-model="temp.isGuarantee">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span style="color: red">*</span>实际控制人</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalName">
<el-input v-model="temp.legalName" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>身份证号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<el-input v-model="temp.legalIdCard" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span style="color: red">*</span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalMobile">
<el-input v-model="temp.legalMobile" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>企业联系人</span>
</el-col>
<el-col :span="4">
<el-form-item prop="contract">
<el-input v-model="temp.contract" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="mobile">
<el-input v-model="temp.mobile" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb"/>
<el-col :span="4"/>
</el-row>
<div class="title">开票信息</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>单位名称</span>
</el-col>
<el-col :span="8">
<el-form-item>
{{ temp.disName }}
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>税号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>地址</span>
</el-col>
<el-col :span="8">
<el-form-item prop="">
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>联系电话</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-input v-model="temp.invoPhone" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>开户行</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-input v-model="temp.invoBank" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>银行账号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-input v-model="temp.invoBankNum" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<div class="titcon">
<div class="title">人员列表</div>
<div class="baocun">
<el-button type="primary" size="small" icon="el-icon-plus" class="btntopblueline" @click="addRenyuan()">新增
</el-button>
</div>
</div>
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="handleCheck(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="姓名" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.name" maxlength="125" placeholder="" class="addinputw" clearable/>
</template>
</el-table-column>
<el-table-column label="身份" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.identityKey" class="addinputw" placeholder="请选择身份" @change="identityChange(scope.row,scope.row.identityKey)" clearable>
<el-option v-for="item in identity_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</template>
</el-table-column>
<el-table-column label="手机号码" align="center">
<template slot-scope="scope" prop="mobile">
<el-input v-model="scope.row.mobile" maxlength="125" placeholder="" class="addinputw" clearable/>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.remarks" maxlength="125" placeholder="" class="addinputw" clearable/>
</template>
</el-table-column>
</el-table>
<div class="title">附件清单</div>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0001')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="businessLicenseKey" :data="list1" border style="width: 100%">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div class="balanceStyle">
<el-button type="primary" size="small" @click="handLook(scope.row)">查看</el-button>
<el-button type="danger" size="small" @click="handDelete(scope.row, '0001')">删除</el-button>
</div>
</template>
</el-table-column>
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0002')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="roadTransportKey" :data="list2" border style="width: 100%">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div class="balanceStyle">
<el-button type="primary" size="small" @click="handLook(scope.row)">查看</el-button>
<el-button type="danger" size="small" @click="handDelete(scope.row, '0002')">删除</el-button>
</div>
</template>
</el-table-column>
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0003')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="corporateIdentityCardKey" :data="list3" border style="width: 100%">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div class="balanceStyle">
<el-button type="primary" size="small" @click="handLook(scope.row)">查看</el-button>
<el-button type="danger" size="small" @click="handDelete(scope.row, '0003')">删除</el-button>
</div>
</template>
</el-table-column>
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他资料</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0004')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="otherDetailsKey" :data="list4" border style="width: 100%">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div class="balanceStyle">
<el-button type="primary" size="small" @click="handLook(scope.row)">查看</el-button>
<el-button type="danger" size="small" @click="handDelete(scope.row, '0004')">删除</el-button>
</div>
</template>
</el-table-column>
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
<el-dialog :visible="dialogVisible" append-to-body :before-close="handColse">
<img width="100%" :src="dialogImageUrl" alt=""/>
</el-dialog>
</div>
</template>
<script>
import { details, getOneLevelList, SaveList, Update, submit } from '@/api/jichuxinxi/baseaffiliatcompany'
import { getCity, getCounty, getProvince } from '@/api/portal/areaPicker' // 省市区
import { typeValues } from '@/api/jichuxinxi/dictcommons'
import multifileUpload from '@/components/uploadFile/multifileUpload.vue'
import { getOrgSidByPath, fetchBySid } from '@/api/jichuxinxi/dictcommons'
export default {
name: 'JingXiaoShangEdit',
components: {
multifileUpload
},
data() {
var checkSubmit = (rule, value, callback) => {
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
if (!value) {
return callback(new Error('请填写实际控制人联系电话'))
} else if (!Submit.test(value)) {
return callback(new Error('请输入正确的手机号'))
} else {
callback()
}
}
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now()
}
},
viewTitle: '',
dialogStatus: '', // 对话框状态
dialogImageUrl: '',
dialogVisible: false,
list1: [], // 营业执照
list2: [], // 道路运输许可证
list3: [], // 法人身份证
list4: [], // 其他资料
FormLoading: false,
tableKey: 0,
businessLicenseKey: 1,
roadTransportKey: 2,
corporateIdentityCardKey: 3,
otherDetailsKey: 4,
listLoading: false,
index: 0,
accept: '.jpg,.jpeg,.png,.JPG,.JPEG,.PNG',
pDistributorSid_list: [],
NumType: [],
identity_list: [],
inputProvinceList02: [],
inputCityList02: [],
inputCountyList02: [],
temp: {
cityCode: '',
contract: '',
createOrg: '',
createOrgName: '',
disLevelKey: '',
disLevelValue: '',
disName: '',
dlysxkzList: [],
frsfzList: [],
invoBank: '',
invoBankNum: '',
invoPhone: '',
isGuarantee: '',
legalIdCard: '',
legalMobile: '',
legalName: '',
managementAddressCode: '',
managementDetailAddress: '',
managementDetailAddressCity: '',
managementDetailAddressCounty: '',
managementDetailAddressProvince: '',
mobile: '',
orgSidPath: '',
pDistributorName: '',
pDistributorSid: '',
pdisName: '',
perList: [],
provinceCode: '',
qtzlList: [],
registDetailAddress: '',
registNum: '',
setUpTime: '',
sid: '',
startCoopDate: '',
useOrg: '',
useOrgName: '',
userSid: '',
yyzzList: []
},
rules: {
pDistributorName: [{ required: true, message: '请选择所属经销商', trigger: 'change' }],
disName: [{ required: true, message: '请填写经销商名称', trigger: 'blur' }],
legalName: [{ required: true, message: '请填写实际控制人姓名', trigger: 'blur' }],
legalMobile: [{ required: true, validator: checkSubmit, trigger: 'blur' }]
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
init() {
this.setaDter()
this.huoquSheng02()
},
// 实际经营地址 --------------------------------
huoquSheng02() {
getProvince().then((res) => {
console.log('注册省：', res)
if (res.success) {
this.inputProvinceList02 = res.data
}
})
},
getSheng02(value) {
let bb = ''
this.inputProvinceList02.forEach((e) => {
if (e.districtCode === value) {
bb = {
name: e.name,
districtCode: e.districtCode,
sid: e.sid
}
}
})
// 这里是把code的值赋给province省字段
this.temp.managementDetailAddressProvince = bb.name
this.huoquShi02(bb.sid)
},
huoquShi02(sid1) {
var sid = {
sid: sid1
}
this.inputCityList02 = []
this.inputCountyList02 = []
getCity(sid).then((res) => {
if (res.success) {
this.inputCityList02 = res.data
console.log('市02', this.inputCityList02)
}
})
},
getShi02(value) {
let bb = ''
this.inputCityList02.forEach((e) => {
if (e.districtCode === value) {
bb = {
name: e.name,
districtCode: e.districtCode,
sid: e.sid
}
}
})
this.temp.managementDetailAddressCity = bb.name
this.huoquXian02(bb.sid)
},
huoquXian02(sid1) {
var sid = {
sid: sid1
}
getCounty(sid).then((res) => {
console.log('333县', res)
if (res.success) {
this.inputCountyList02 = res.data
}
})
},
getQu02(value) {
let bb = ''
this.inputCountyList02.forEach((e) => {
if (e.districtCode === value) {
bb = {
name: e.name,
districtCode: e.districtCode,
sid: e.sid
}
}
})
this.temp.managementDetailAddressCounty = bb.name
},
setaDter() {
typeValues({ type: 'registNumType' }).then((res) => {
if (res.success) {
this.NumType = res.data
}
})
typeValues({ type: 'identity' }).then((res) => {
if (res.success) {
this.identity_list = res.data
}
})
},
showInfo(sids) {
this.init()
this.viewTitle = '【编辑】经销商'
this.dialogStatus = 'edit'
details(sids).then((response) => {
if (response.success) {
this.list1 = response.data.yyzzList
this.list2 = response.data.dlysxkzList
this.list3 = response.data.frsfzList
this.list4 = response.data.qtzlList
this.temp = response.data
this.temp.instanceId = response.data.procInsId
this.getLevelList(sids)
if (this.temp.managementAddressCode !== '') {
getProvince().then((res) => {
if (res.success) {
this.inputProvinceList02 = res.data
let bb = ''
this.inputProvinceList02.forEach((e) => {
if (e.districtCode === this.temp.provinceCode) {
bb = {
name: e.name,
districtCode: e.districtCode,
sid: e.sid
}
}
})
var sid = {
sid: bb.sid
}
getCity(sid).then((res) => {
if (res.success) {
this.inputCityList02 = res.data
let cc = ''
this.inputCityList02.forEach((e) => {
if (e.districtCode === this.temp.cityCode) {
cc = {
name: e.name,
districtCode: e.districtCode,
sid: e.sid
}
}
})
var sid02 = {
sid: cc.sid
}
getCounty(sid02).then((res) => {
if (res.success) {
this.inputCountyList02 = res.data
}
})
}
})
}
})
}
}
})
},
getLevelList(sid) {
getOneLevelList({ sid: sid }).then((res) => {
if (res.success) {
this.pDistributorSid_list = res.data
}
})
},
// 人员身份
identityChange(row, identityKey) {
const choosetItem = this.identity_list.filter((item) => item.dictKey === identityKey)
if (choosetItem.length > 0 && choosetItem !== null) {
row.identityValue = choosetItem[0].dictValue
} else {
row.identityValue = ''
}
},
// 上级经销商
pDistributorSidChange(val) {
const choosetItem = this.pDistributorSid_list.filter((item) => item.disName === val)
if (choosetItem.length > 0 && choosetItem !== null) {
this.temp.pDistributorSid = choosetItem[0].sid
} else {
this.temp.pDistributorSid = ''
}
},
filesAdd(item, val) {
var arrayList = []
arrayList = item.data
var nowDate = new Date()
var date = {
year: nowDate.getFullYear(),
month: nowDate.getMonth() + 1,
day: nowDate.getDate()
}
var dayDate = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
console.log(dayDate)
if (val === '0001') {
this.list1.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime: dayDate
})
} else if (val === '0002') {
this.list2.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime: dayDate
})
} else if (val === '0003') {
this.list3.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime: dayDate
})
} else if (val === '0004') {
this.list4.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime: dayDate
})
}
},
// 新增人员
addRenyuan() {
this.temp.perList.push({
linkType: '',
mobile: '',
name: '',
remarks: ''
})
},
// 删除人员列表一条数据
handleCheck(index) {
this.temp.perList.splice(index, 1)
},
handLook(row) {
console.log('查看图片', row)
this.dialogVisible = true
this.dialogImageUrl = row.filePath
console.log('查看图片', this.dialogImageUrl)
},
handColse() {
this.dialogVisible = false
},
handDelete(row, val) {
if (val === '0001') {
this.list1.forEach((e, index) => {
if (e.filePath === row.filePath) {
this.list1.splice(index, 1)
}
})
} else if (val === '0002') {
this.list2.forEach((e, index) => {
if (e.filePath === row.filePath) {
this.list2.splice(index, 1)
}
})
} else if (val === '0003') {
this.list3.forEach((e, index) => {
if (e.filePath === row.filePath) {
this.list3.splice(index, 1)
}
})
} else if (val === '0004') {
this.list4.forEach((e, index) => {
if (e.filePath === row.filePath) {
this.list4.splice(index, 1)
}
})
}
},
filesRemove(item) {
console.log(item)
},
handleCreate() {
if (this.temp.pDistributorName === '') {
this.temp.pDistributorName = '无'
this.temp.pDistributorSid = '0'
}
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.FormLoading = true
if (this.temp.sid === '') {
SaveList(this.temp).then((response) => {
this.FormLoading = false
if (response.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.$notify({
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000
})
}
})
} else {
this.temp.yyzzList = this.list1
this.temp.dlysxkzList = this.list2
this.temp.frsfzList = this.list3
this.temp.qtzlList = this.list4
Update(this.temp).then((response) => {
this.FormLoading = false
if (response.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error'
})
}
})
}
}
})
},
submit() {
if (this.temp.pDistributorName === '') {
this.temp.pDistributorName = '无'
this.temp.pDistributorSid = '0'
}
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.FormLoading = true
this.temp.yyzzList = this.list1
this.temp.dlysxkzList = this.list2
this.temp.frsfzList = this.list3
this.temp.qtzlList = this.list4
submit(this.temp).then((response) => {
this.FormLoading = false
if (response.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.$notify({
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000
})
}
})
}
})
}
}
}
</script>
<style scoped>
.headline {
height: 40px;
padding: 10px;
font-weight: bold;
display: flex;
background-color: #ffffff;
justify-content: space-between;
border: 1px solid #DFE6EC;
align-items: center;
}
.addinputw {
width: 90% !important;
}
</style>

482
anrui-base/anrui-base-ui/src/views/workFlow/jingxiaoshangFlow/jingxiaoshangYiBan.vue
View File

@ -0,0 +1,482 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>经销商详情</div>
<div>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<div class="title">基本信息</div>
<el-row style="border-top: 1px solid #DFE6EC">
<el-col :span="4" class="tleftb">
<span>所属经销商</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.pDistributorName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>经销商名称</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.disName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>统一社会信用代码</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>注册地址</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际经营地址</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>成立日期</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.setUpTime }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>开始合作时间</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.startCoopDate }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>是否担保</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.isGuarantee == '1' ? '是' : temp.isGuarantee == '0' ? '否' : '' }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>实际控制人</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>身份证号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalIdCard }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.legalMobile }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>企业联系人</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.contract }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>手机号码</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.mobile }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb"/>
<el-col :span="4"/>
</el-row>
<div class="title">开票信息</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>单位名称</span>
</el-col>
<el-col :span="8">
<el-form-item>
{{ temp.disName }}
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>税号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registNum }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>地址</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.registDetailAddress }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>联系电话</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoPhone }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>开户行</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoBank }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>银行账号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ temp.invoBankNum }}</span>
</el-form-item>
</el-col>
</el-row>
<div class="title">人员列表</div>
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="姓名" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="身份" align="center">
<template slot-scope="scope">
<span>{{ scope.row.identityValue }}</span>
</template>
</el-table-column>
<el-table-column label="手机号码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
</template>
</el-table-column>
</el-table>
<div class="title">附件清单</div>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
</div>
<el-table :key="businessLicenseKey" :data="temp.yyzzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
</div>
<el-table :key="roadTransportKey" :data="temp.dlysxkzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
</div>
<el-table :key="corporateIdentityCardKey" :data="temp.frsfzList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他资料</div>
</div>
<el-table :key="otherDetailsKey" :data="temp.qtzlList" border style="width: 100%">
<el-table-column label="文件名" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="上传时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<el-dialog :visible="dialogVisible" append-to-body :before-close="handColse">
<img width="100%" :src="dialogImageUrl" alt=""/>
</el-dialog>
</div>
</template>
<script>
import { details, revokeProcess } from '@/api/jichuxinxi/baseaffiliatcompany'
export default {
name: 'JingXiaoShangYiBan',
data() {
return {
dialogVisible: false,
dialogImageUrl: '',
tableKey: 0,
businessLicenseKey: 1,
roadTransportKey: 2,
corporateIdentityCardKey: 3,
otherDetailsKey: 4,
index: 0,
FormLoading: false,
listLoading: false,
temp: {
cityCode: '',
contract: '',
createOrg: '',
createOrgName: '',
disLevelKey: '',
disLevelValue: '',
disName: '',
dlysxkzList: [],
frsfzList: [],
invoBank: '',
invoBankNum: '',
invoPhone: '',
isGuarantee: '',
legalIdCard: '',
legalMobile: '',
legalName: '',
managementAddressCode: '',
managementDetailAddress: '',
managementDetailAddressCity: '',
managementDetailAddressCounty: '',
managementDetailAddressProvince: '',
mobile: '',
orgSidPath: '',
pDistributorName: '',
pDistributorSid: '',
pdisName: '',
perList: [],
provinceCode: '',
qtzlList: [],
registDetailAddress: '',
registNum: '',
setUpTime: '',
sid: '',
startCoopDate: '',
useOrg: '',
useOrgName: '',
userSid: '',
yyzzList: []
}, // 查看实体
rules: {},
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
handLook(row) {
console.log('查看图片', row)
this.dialogVisible = true
this.dialogImageUrl = row.filePath
console.log('查看图片', this.dialogImageUrl)
},
handColse() {
this.dialogVisible = false
},
showInfo(sids) {
details(sids).then((response) => {
if (response.success) {
this.temp = response.data
}
})
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRevoke()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消撤回'
})
})
},
/** 撤回任务 */
handleRevoke() {
revokeProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.headline{
height: 40px;
padding: 10px;
font-weight: bold;
background-color: #ffffff;
border: 1px solid #DFE6EC;
}
</style>
Write Preview
Loading…
Cancel
Save