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

按照原型图修改挂靠公司管理--新增、编辑、详情页面及功能

master
yunuo970428 3 years ago
parent
c27b5cb6b3
commit
31579d7e89
7 changed files with 921 additions and 1107 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. 20
      anrui-base/anrui-base-ui/src/api/business/beiAn.js
  2. 10
      anrui-base/anrui-base-ui/src/api/jichuxinxi/baseaffiliatcompany.js
  3. 87
      anrui-base/anrui-base-ui/src/components/uploadFile/multifileUpload.vue
  4. 40
      anrui-base/anrui-base-ui/src/router/index.js
  5. 1097
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue
  6. 475
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue
  7. 299
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiguanli.vue

20
anrui-base/anrui-base-ui/src/api/business/beiAn.js
View File

@ -13,7 +13,6 @@ export function pagerList(data) {
export function SaveListFaRen(data) {
return request({
url: '/base/v1/basedistributorappendix/save',
data,
method: 'post',
data: data,
headers: {
@ -61,7 +60,8 @@ export function uploadFile(data) {
// 移除
export function deleteFilesOss(data) {
return request({
url: '/base/v1/basedistributorappendix/deleteFilesOss',data,
url: '/base/v1/basedistributorappendix/deleteFilesOss',
data,
method: 'post',
headers: {
'Content-Type': 'multipart/form-data'
@ -69,10 +69,10 @@ export function uploadFile(data) {
})
}
//下载
// 下载
export function postDownload(data) {
return request({
url: '/base/v1/basedistributorappendix/download?path='+data,
url: '/base/v1/basedistributorappendix/download?path=' + data,
method: 'post',
responseType: 'blob',
headers: {
@ -80,3 +80,15 @@ export function uploadFile(data) {
}
})
}
// 上传文件(接口返回文件的名称、类型、大小、全路径等信息)
export function upload(data) {
return request({
url: '/base/file/upload',
data,
method: 'post',
headers: {
'Content-Type': 'multipart/form-data'
}
})
}

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

@ -15,7 +15,7 @@ export function pagerList(data) {
// 添加
export function SaveList(data) {
return request({
url: '/base/v1/baseaffiliatcompany/save', data,
url: '/base/v1/baseaffiliatcompany/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
@ -33,7 +33,7 @@ export function Update(data) {
// 删除
export function deleteBySids(data) {
return request({
url: '/base/v1/baseaffiliatcompany/deleteBySids?sidsList='+ data,
url: '/base/v1/baseaffiliatcompany/deleteBySids?sidsList=' + data,
method: 'DELETE',
data: qs.stringify(data)
})
@ -42,7 +42,7 @@ export function deleteBySids(data) {
export function details(data) {
return request({
url: 'base/v1/baseaffiliatcompany/fetchSid/' + data,
method: 'get',
method: 'get'
})
}
// 文件上传接
@ -92,9 +92,9 @@ export function download(data) {
// 移除
export function deleteFilesOss(data) {
return request({
url: '/base/v1/baseaffiliatcompanyappendix/deleteFilesOss', data,
url: '/base/v1/baseaffiliatcompanyappendix/deleteFilesOss',
method: 'post',
data: qs.stringify(data),
data: qs.stringify(data)
})
}

87
anrui-base/anrui-base-ui/src/components/uploadFile/multifileUpload.vue
View File

@ -0,0 +1,87 @@
<template>
<div>
<!-- 此上传模板支持多文件上传-->
<el-upload action="" :data="datas" :accept="accept" :on-change="handleChange" :on-remove="handleRemove" :file-list="fileList_FuJian" :http-request="uploadSectionFile" :show-file-list="showfile" multiple>
<el-button size="small" type="primary">选择文件</el-button>
<div slot="tip" v-show="reminder == true" class="el-upload__tip">单个文件大小不允许超过100M,支持上传文件类型: {{ accept }}</div>
</el-upload>
</div>
</template>
<script>
import { upload } from '@/api/business/beiAn'
export default {
props: {
placeholder: {
type: String,
default: ''
},
// 由父组件根据不同需求传参数，设置接受上传的文件类型
accept: {
type: String,
default: ''
},
// 设置提示内容能否展示
reminder: {
type: Boolean,
default: true
},
// 设置是否显示已上传文件列表
showfile: {
type: Boolean,
default: true
}
},
data() {
return {
datas: null,
name: null,
accessToken: {},
fileList_FuJian: [],
enclosure: '',
file_add: '',
idsz: '',
file_catch: '',
files_list: []
}
},
methods: {
show(val) {
this.fileList_FuJian = []
this.fileList_FuJian = val
},
handleChange(file, fileList) {
},
handleRemove(file, fileList) {
this.$emit('handleRemove', file)
},
// 上传文件 FrontPhoto
uploadSectionFile(params) {
const file = params.file
// 根据后台需求数据格式
const form = new FormData()
// 文件对象
form.append('file', file)
// 项目封装的请求方法，下面做简单介绍
upload(form).then((res) => {
// 自行处理各种情况
if (res.success) {
this.$emit('handleSuccess', res)
}
if (res.msg === '操作成功') {
this.$message({
message: '上传成功！',
type: 'success'
})
}
}).catch((err) => {
console.log(err)
// 如果等于备案,就调备案图片上传接口
})
}
}
}
</script>
<style scoped></style>

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

@ -370,26 +370,26 @@ export const constantRoutes = [
title: '挂靠公司管理'
}
},
{
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/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: () =>

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

File diff suppressed because it is too large

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

@ -8,77 +8,78 @@
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="forminfo" :rules="rules">
<div class="title">挂靠公司信息</div>
<el-row>
<el-col :span="4" class="trightb">企业名称：</el-col>
<el-col :span="8" class="tleft"> {{ temp.orgName }} </el-col>
<el-col :span="4" class="trightb">登记注册号类型：</el-col>
<el-col :span="8" class="tleft"> {{ temp.registNumTypeValue }} </el-col>
<div class="wlInfo">挂靠公司信息</div>
<el-form ref="dataForm" :model="temp" label-position="right" class="forminfo" :rules="rules">
<el-row style="border-top: 1px solid #DFE6EC">
<el-col :span="4" class="trightb">企业名称</el-col>
<el-col :span="8" class="tleft"> {{ temp.orgName }}</el-col>
<el-col :span="4" class="trightb">登记注册号类型</el-col>
<el-col :span="8" class="tleft"> {{ temp.registNumTypeValue }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">登记注册号码：</el-col>
<el-col :span="8" class="tleft"> {{ temp.registNum }} </el-col>
<el-col :span="4" class="trightb">中征码(贷款卡编码)：</el-col>
<el-col :span="8" class="tleft"> {{ temp.signatureCode }} </el-col>
<el-col :span="4" class="trightb">登记注册号码</el-col>
<el-col :span="8" class="tleft"> {{ temp.registNum }}</el-col>
<el-col :span="4" class="trightb">中征码(贷款卡编码)</el-col>
<el-col :span="8" class="tleft"> {{ temp.signatureCode }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">公司联系电话：</el-col>
<el-col :span="8" class="tleft"> {{ temp.telephone }} </el-col>
<el-col :span="4" class="trightb">成立时间：</el-col>
<el-col :span="8" class="tleft"> {{ temp.setUpTime | parseTime("{y}-{m}-{d} {h}:{i}:{s}") }} </el-col>
<el-col :span="4" class="trightb">公司联系电话</el-col>
<el-col :span="8" class="tleft"> {{ temp.telephone }}</el-col>
<el-col :span="4" class="trightb">成立时间</el-col>
<el-col :span="8" class="tleft"> {{ temp.setUpTime }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">注册资本(万)：</el-col>
<el-col :span="8" class="tleft"> {{ temp.registCapital }} </el-col>
<el-col :span="4" class="trightb">注册(登记)地址：</el-col>
<el-col :span="8" class="tleft"> {{ temp.registAddress }} </el-col>
<el-col :span="4" class="trightb">注册资本(万)</el-col>
<el-col :span="8" class="tleft"> {{ temp.registCapital }}</el-col>
<el-col :span="4" class="trightb">注册(登记)地址</el-col>
<el-col :span="8" class="tleft"> {{ temp.registAddress }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">公司地址：</el-col>
<el-col :span="20" class="tleft"> {{ temp.province }} {{temp.city}} {{temp.county}}</el-col>
<el-col :span="4" class="trightb">公司地址</el-col>
<el-col :span="20" class="tleft"> {{ temp.province }} {{ temp.city }} {{ temp.county }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">联系地址：</el-col>
<el-col :span="8" class="tleft"> {{ temp.address }} </el-col>
<el-col :span="4" class="trightb">业务联系人：</el-col>
<el-col :span="8" class="tleft"> {{ temp.contract }} </el-col>
<el-col :span="8" class="tleft"> {{ temp.address }}</el-col>
<el-col :span="4" class="trightb">业务联系人</el-col>
<el-col :span="8" class="tleft"> {{ temp.contract }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">联系电话：</el-col>
<el-col :span="8" class="tleft"> {{ temp.mobile }} </el-col>
<el-col :span="4" class="trightb">经营(业务)范围：</el-col>
<el-col :span="8" class="tleft"> {{ temp.businessScope }} </el-col>
<el-col :span="4" class="trightb">联系电话</el-col>
<el-col :span="8" class="tleft"> {{ temp.mobile }}</el-col>
<el-col :span="4" class="trightb">经营(业务)范围</el-col>
<el-col :span="8" class="tleft"> {{ temp.businessScope }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">许可证类型：</el-col>
<el-col :span="8" class="tleft"> {{ temp.licenseType }} </el-col>
<el-col :span="4" class="trightb">资质有效期：</el-col>
<el-col :span="8" class="tleft"> {{ temp.qualifiDate }} </el-col>
<el-col :span="4" class="trightb">许可证类型</el-col>
<el-col :span="8" class="tleft"> {{ temp.licenseType }}</el-col>
<el-col :span="4" class="trightb">资质有效期</el-col>
<el-col :span="8" class="tleft"> {{ temp.qualifiDate }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">法定代表人姓名：</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalName }} </el-col>
<el-col :span="4" class="trightb">法定代表人身份证号码：</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalIdCard }} </el-col>
<el-col :span="4" class="trightb">法定代表人姓名</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalName }}</el-col>
<el-col :span="4" class="trightb">法定代表人身份证号码</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalIdCard }}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb">法定代表人联系方式：</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalMobile }} </el-col>
<el-col :span="4" class="trightb">使用组织：</el-col>
<el-col :span="8" class="tleft"> {{ temp.useOrgName }} </el-col>
<el-col :span="4" class="trightb">法定代表人联系方式</el-col>
<el-col :span="8" class="tleft"> {{ temp.legalMobile }}</el-col>
<el-col :span="4" class="trightb">使用组织</el-col>
<el-col :span="8" class="tleft"> {{ temp.useOrgName }}</el-col>
</el-row>
<div class="wenjiantit">营业执照</div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
<el-table-column label="是否已提交" align="center">
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
</template>
</el-table-column>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
</div>
<el-table :key="businessLicenseKey" v-loading="listLoading" :data="list1" border style="width: 100%;">
<!-- <el-table-column label="是否已提交" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.state }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label=" 文件名" align="center">
<template slot-scope="scope">
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span>
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
@ -97,25 +98,23 @@
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<!-- <el-button type="primary" @click="downloadImgByBlob(row)">下载</el-button> -->
<el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">
<el-button size="mini" type="primary">下载</el-button>
</el-link>
</template>
</el-table-column>
</el-table>
<div class="wenjiantit">道路运输许可证</div>
<el-table :key="tableKey" v-loading="listLoading" :data="listDaolu" border style="width: 100%;">
<el-table-column label="是否已提交" align="center">
<!-- <template slot-scope="{row}">-->
<!-- <el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">-->
<!-- <el-button size="mini" type="primary">下载</el-button>-->
<!-- </el-link>-->
<!-- </template>-->
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
</div>
<el-table :key="roadTransportKey" v-loading="listLoading" :data="list2" border style="width: 100%;">
<el-table-column label=" 文件名" align="center">
<template slot-scope="scope">
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span>
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center">
@ -134,21 +133,15 @@
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<!-- <el-button type="primary" @click="downloadImgByBlob(row)">下载</el-button> -->
<el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">
<el-button size="mini" type="primary">下载</el-button>
</el-link>
</template>
</el-table-column>
</el-table>
<div class="wenjiantit">法人身份证</div>
<el-table :key="tableKey" v-loading="listLoading" :data="listFaren" border style="width: 100%;">
<el-table-column label="是否已提交" align="center">
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
</div>
<el-table :key="corporateIdentityCardKey" v-loading="listLoading" :data="list3" border style="width: 100%;">
<el-table-column label=" 文件名" align="center">
<template slot-scope="scope">
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span>
@ -170,20 +163,20 @@
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">
<el-button size="mini" type="primary">下载</el-button>
</el-link>
</template>
</el-table-column>
</el-table>
<div class="wenjiantit">其他资料</div>
<el-table :key="tableKey" v-loading="listLoading" :data="listQita" border style="width: 100%;">
<el-table-column label="是否已提交" align="center">
<!-- <template slot-scope="{row}">-->
<!-- <el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">-->
<!-- <el-button size="mini" type="primary">下载</el-button>-->
<!-- </el-link>-->
<!-- </template>-->
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他材料</div>
</div>
<el-table :key="otherDetailsKey" v-loading="listLoading" :data="list4" border style="width: 100%;">
<el-table-column label=" 文件名" align="center">
<template slot-scope="scope">
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span>
@ -210,256 +203,96 @@
</template>
</el-table-column>
</el-table>
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px"
:close-on-click-modal="false">
<el-dialog :visible.sync="dialogFormVisible">
<div class="result-cont">
<img :src="user_img" style="width: 100%; height: 500px;">
<img :src="user_img" style="width: 100%" alt="">
</div>
</el-dialog>
</el-form>
<!-- <img :src="User_img2" style="width: 100%; height: 500px;"> -->
</div>
</div>
</template>
<script>
import {
mapGetters
} from 'vuex'
import {
details,
listFujian,
download,
downloadUrl
} from '@/api/jichuxinxi/baseaffiliatcompany'
import {
getFileType,
parseDate,
parseTime,
ConvertMenuState
} from '@/utils'
export default {
name: 'GuakaogongsiInfo',
// components: { },
data() {
return {
// --按钮菜单-------
menuState: {
add: false, // 添加
edit: false, // 编辑
delete: false, // 删除
view: false, // 查看
audit: false, // 审核
input: false, // 导入
output: false, // 导出
upload: false, // 同步
release: false, // 下发
},
ddzz: '',
tableKey: 0,
// list: null,
list: [],
listDaolu: [],
listFaren: [],
listQita: [],
total: 1,
FormLoading: false,
listLoading: false,
//营业执照
listQuery: {
attachType: '0001',
linkSid: '',
},
//道路运输许可证
listDaoluers: {
attachType: '0002',
linkSid: '',
},
//法人身份证
listFarenes: {
attachType: '0003',
linkSid: '',
},
//其他资料
listQitaes: {
attachType: '0004',
linkSid: '',
},
temp: {}, // 查看实体
textMap: {
update: '修改',
create: '创建',
},
User_img2: '',
dialogFormVisible: false, // 添加修改对话框状态
dialogFormShowVisible: false, // 查看对话框默认关闭状态
dialogStatus: '', // 对话框状态
fenzuOptions: [],
tempDate: {},
user_img: '',
rules: {
title: [{
required: true,
message: '请填写',
trigger: 'blur'
}],
},
// ------------------------------------
}
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
import { details, download } from '@/api/jichuxinxi/baseaffiliatcompany'
import { postDownload } from '@/api/business/beiAn'
export default {
name: 'GuakaogongsiInfo',
data() {
return {
businessLicenseKey: 0,
roadTransportKey: 1,
corporateIdentityCardKey: 2,
otherDetailsKey: 3,
list1: [],
list2: [],
list3: [],
list4: [],
FormLoading: false,
listLoading: false,
temp: {}, // 查看实体
dialogFormVisible: false, // 查看对话框状态
dialogStatus: '', // 对话框状态
tempDate: {},
user_img: '',
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
})
},
created() {
this.tempDate.sid = this.$route.query.sid
// console.log(this.tempDate.sid, 2222)e
// 初始化变量
this.init()
this.handleCheck()
this.ChaXunYingyezhizhao()
this.ChaXunDaoLUYUNSHu()
this.ChaXunFaERen()
this.ChaXunQiTaZiLiao()
// 返回
handleReturn() {
this.$emit('doback')
},
methods: {
// downloadImgByBlob(row) {
// download(row.filePath).then((response) => {
// // 图片转为base64
// let blob = new Blob([response], {
// tyoe: 'image/png'
// })
// var base64 = 'data:image/png;base64,'
// let url = window.URL.createObjectURL(blob)
// window.location.href = url
// })
// },
downloadElxe(row) {
download(row.filePath).then((res) => {
const blob = new Blob([res], {
type: 'application/msword',
// 打开查看
showInfo(sid) {
this.FormLoading = true
details(sid).then((response) => {
console.log('查询', response)
this.FormLoading = false
if (response.code === '200') {
this.temp = response.data
this.list1 = response.data.yyzzList
this.list2 = response.data.dlysxkzList
this.list3 = response.data.frsfzList
this.list4 = response.data.qtzlList
} else {
this.$notify({
title: '失败',
message: '查询失败',
type: 'error'
})
const objectUrl = URL.createObjectURL(blob)
window.location.href = objectUrl
})
},
init() {},
// 查询营业执照
ChaXunYingyezhizhao() {
this.listLoading = true
this.listQuery.linkSid = this.tempDate.sid
listFujian(this.listQuery).then((response) => {
this.listLoading = false
console.log('列表查询结果：', response)
if (response.code === '200') {
this.list = response.data
}
})
},
//查询道路运输许可证
ChaXunDaoLUYUNSHu() {
this.listLoading = true
this.listDaoluers.linkSid = this.tempDate.sid
listFujian(this.listDaoluers).then((response) => {
this.listLoading = false
console.log('列表查询结果：', response)
if (response.code === '200') {
this.listDaolu = response.data
}
})
},
// 查询法人身份证
ChaXunFaERen() {
this.listLoading = true
this.listFarenes.linkSid = this.tempDate.sid
listFujian(this.listFarenes).then((response) => {
this.listLoading = false
console.log('列表查询结果：', response)
if (response.code === '200') {
this.listFaren = response.data
}
})
},
//其他资料
ChaXunQiTaZiLiao() {
this.listLoading = true
this.listQitaes.linkSid = this.tempDate.sid
listFujian(this.listQitaes).then((response) => {
this.listLoading = false
console.log('列表查询结果：', response)
if (response.code === '200') {
this.listQita = response.data
}
})
},
// ----------------------------------方法--------------------
// 返回
handleReturn() {
this.$router.go(-1)
},
// xiaZai(url) {
// window.location.href = url;
// },
// 添加前数据初始化
resetTemp() {
this.temp = {
address: '',
businessScope: '',
contract: '',
legalIdCard: '',
legalMobile: '',
legalName: '',
licenseType: '',
mobile: '',
orgAddress: '',
orgName: '',
qualifiDate: '',
registAddress: '',
registCapital: '',
registNum: '',
registNumType: '',
setUpTime: '',
signatureCode: '',
telephone: '',
useOrg: '',
}
},
// 打开查看
handleCheck() {
this.FormLoading = true
details(this.tempDate.sid).then((response) => {
console.log('查询', response)
this.FormLoading = false
if (response.code === '200') {
this.temp = response.data
console.log('查询1', this.temp)
} else {
this.$notify({
title: '失败',
message: '查询失败',
type: 'error',
})
}
})
},
lookeImg(row) {
console.log('777899', row)
this.user_img = row.filePath
this.dialogFormVisible = true
this.dialogTitle = '查看'
}
})
},
lookeImg(row) {
this.user_img = row.filePath
this.dialogFormVisible = true
this.dialogTitle = '查看'
}
}
}
</script>
<style scoped>
.wenjiantit {
font-size: 16px;
font-weight: bold;
margin: 25px 0 10px 0;
}
.headline{
height: 40px;
padding: 10px;
font-weight: bold;
background-color: #ffffff;
border: 1px solid #DFE6EC;
}
.wlInfo {
text-align: center;
font-size: 28px;
line-height: 90px;
}
</style>

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

@ -1,111 +1,111 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>挂靠公司管理</div>
<div>
<el-button type="primary" size="small" @click="handleCreate()">新建</el-button>
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button>
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
<!-- <el-button type="success" size="small" @click="handleDaoChu()">导出</el-button> -->
<div v-show="viewState ==1">
<div class="tab-header webtop">
<div>挂靠公司管理</div>
<div>
<el-button type="primary" size="small" @click="handleCreate()">新建</el-button>
<el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button>
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
<el-button type="primary" size="small" @click="handleDaoChu()">导出</el-button>
<el-button type="info" size="small">关闭</el-button>
</div>
</div>
</div>
<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="100px" class="tab-header">
<el-form-item label="企业名称">
<el-input v-model="listQuery.orgName" placeholder="请输入企业名称" clearable class="filter-item" />
</el-form-item>
<el-form-item label="状态">
<el-select v-model="listQuery.state" class="filter-item" clearable placeholder="请选择状态">
<el-option v-for="item in states" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-button type="primary" @click="handleFilter">查询</el-button>
</el-form>
<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="100px" class="tab-header">
<el-form-item label="企业名称">
<el-input v-model="listQuery.params.orgName" placeholder="请输入企业名称" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="listQuery.params.state" class="filter-item" clearable placeholder="请选择状态">
<el-option v-for="item in states" :key="item.value" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item>
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handleReset">重置</el-button>
</el-form>
</div>
</div>
<div class="listtop">
<div class="tit">挂靠公司信息列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="企业名称" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.orgName }}</span>
</template>
</el-table-column>
<el-table-column label="登记注册号码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.registNum }}</span>
</template>
</el-table-column>
<el-table-column label="法人代表姓名" align="center" width="120px">
<template slot-scope="scope">
<span>{{ scope.row.legalName }}</span>
</template>
</el-table-column>
<el-table-column label="资质有效期" align="center" width="110px">
<template slot-scope="scope">
<span>{{ scope.row.qualifiDate }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" width="70px">
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
</template>
</el-table-column>
<el-table-column label="流程编号" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleRenwu(row)">{{ scope.row.code }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<!-- <el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> -->
<el-button size="mini" type="primary" @click="handleShenHeLiuCheng(row)">发起审核流程</el-button>
</template>
</el-table-column>
</el-table>
</div>
<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"/>
</div>
</div>
<div class="listtop">
<!-- <div class="tit" @click="handleRenwu111">挂靠公司信息列表</div> -->
<div class="tit">挂靠公司信息列表</div>
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center" />
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column label="企业名称" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.orgName }}</span>
</template>
</el-table-column>
<el-table-column label="登记注册号码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.registNum }}</span>
</template>
</el-table-column>
<el-table-column label="法人代表姓名" align="center" width="120px">
<template slot-scope="scope">
<span>{{ scope.row.legalName }}</span>
</template>
</el-table-column>
<el-table-column label="资质有效期" align="center" width="110px">
<template slot-scope="scope">
<span>{{ scope.row.qualifiDate }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" width="70px">
<template slot-scope="scope">
<span>{{ scope.row.state }}</span>
</template>
</el-table-column>
<el-table-column label="流程编号" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleRenwu(row)">{{ scope.row.code }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<!-- <el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> -->
<el-button size="mini" type="primary" @click="handleShenHeLiuCheng(row)">发起审核流程</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div>
<guakaogongsiAdd v-show="viewState == 2 || viewState ==3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<guakaogongsiInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import {
pagerList,
SaveList,
Update,
deleteBySids,
details,
} from '@/api/jichuxinxi/baseaffiliatcompany'
import { setuser, getuser } from '@/utils/baocun'
import { delUser } from '@/api/system/user/Auser'
import { pagerList, deleteBySids } from '@/api/jichuxinxi/baseaffiliatcompany'
import { setuser } from '@/utils/baocun'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import guakaogongsiAdd from './guakaogongsiAdd.vue'
import guakaogongsiInfo from './guakaogongsiInfo.vue'
export default {
name: 'Guakaogongsiguanli',
components: {
Pagination,
pageye,
guakaogongsiAdd,
guakaogongsiInfo
},
data() {
return {
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1,
// --按钮菜单-------
menuState: {
add: false, // 添加
@ -116,77 +116,31 @@ export default {
input: false, // 导入
output: false, // 导出
upload: false, // 同步
release: false, // 下发
release: false // 下发
},
// 查询 -----------
tableKey: 0,
sids: [],
list: [],
total: 1,
FormLoading: false,
listLoading: false,
listQuery: {
params: {
orgName: '',
state: '',
state: ''
},
total: 0,
current: 1,
size: 20,
size: 10
},
selectDate: undefined,
temp: {}, // 添加和修改
textMap: {
update: '编辑',
create: '创建',
},
sdies: '',
dialogFormVisible: false, // 添加修改对话框状态
dialogFormShowVisible: false, // 查看对话框默认关闭状态
dialogStatus: '', // 对话框状态
states: [],
// tureArrys: [
// {
// value: 1,
// label: '是'
// },
// {
// value: 0,
// label: '否'
// }
// ],
// fenzuOptions: [
// { value: '1', label: '单位' },
// { value: '2', label: '个人' }
// ],
rules: {
title: [
{
required: true,
message: '请填写',
trigger: 'blur',
},
],
qc: [
{
required: true,
message: '请填写全称',
trigger: 'blur',
},
],
},
sidsList: '',
// ------------------------------------
states: []
}
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
},
created() {
// 初始化变量
this.init()
@ -221,18 +175,10 @@ export default {
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
pagerList({
current: this.listQuery.current,
size: this.listQuery.size,
params: {
state: this.listQuery.state,
orgName: this.listQuery.orgName,
},
}).then((response) => {
pagerList(this.listQuery).then((response) => {
console.log('列表查询结果1：', response)
console.log('列表查询结果：' + JSON.stringify(response))
this.listLoading = false
@ -242,10 +188,10 @@ export default {
response.data.total > 0
) {
this.list = response.data.records
this.total = response.data.total
this.listQuery.total = response.data.total
} else {
this.list = []
this.total = 0
this.listQuery.total = 0
}
})
},
@ -254,13 +200,17 @@ export default {
this.listQuery.current = 1
this.getList()
},
// ----------------------------------方法--------------------
// 添加前数据初始化
resetTemp() {
this.temp = {
jc: '',
handleReset() {
this.listQuery = {
params: {
orgName: '',
state: ''
},
total: 0,
current: 1,
size: 10
}
this.getList()
},
handleSelectionChange(row) {
const aa = []
@ -274,30 +224,31 @@ export default {
},
// 打开添加
handleCreate() {
this.$router.push({
path: '/guakaogongsi/guakaogongsiAdd/0',
})
// this.$router.push({
// path: '/guakaogongsi/guakaogongsiAdd/0'
// })
this.viewState = 2
this.$refs['divAdd'].showAdd()
},
// 打开修改
handleUpdate() {
if (this.sids.length === 1) {
this.dialogStatus = 'update'
this.$router.push({
path: `/guakaogongsi/guakaogongsiAdd/${this.sids[0]}`,
})
this.viewState = 3
this.$refs['divAdd'].showEdit(this.sids)
} else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个挂靠公司信息修改!!',
type: 'info',
duration: 2000,
duration: 2000
})
} else {
this.$notify({
title: '提示',
message: '没有选择挂靠公司信息!!',
type: 'error',
duration: 2000,
duration: 2000
})
return
}
@ -305,19 +256,14 @@ export default {
// 打开任务
handleRenwu() {
this.$router.push({
path: '/guakaogongsi/renwu',
path: '/guakaogongsi/renwu'
})
},
// 打开查看
handleCheck(scope) {
console.log('88888888', scope)
this.$router.push({
path: '/guakaogongsi/guakaogongsiInfo',
query: {
sid: scope.sid,
},
})
this.viewState = 4
this.$refs['divInfo'].showInfo(scope.sid)
},
// 根据本行ID删除数据
handleDelete() {
@ -329,14 +275,14 @@ export default {
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000,
duration: 2000
})
this.getList()
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error',
type: 'error'
})
}
})
@ -345,17 +291,20 @@ export default {
title: '提示',
message: '没有选择挂靠公司信息!!',
type: 'error',
duration: 2000,
duration: 2000
})
return
}
},
resetState() {
this.viewState = 1
},
// 导出
handleDaoChu(row) {
this.$confirm('确定要导出数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
})
},
// 发起审核流程
@ -363,7 +312,7 @@ export default {
this.$confirm('确定要发起审核流程吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
})
// .then(() => {
// const tempData = Object.assign({}, row) // copy obj

Write Preview
Loading…
Cancel
Save