2024-02-02 15:04:47 +08:00
|
|
|
<template>
|
|
|
|
|
<basic-container>
|
2024-02-21 10:41:51 +08:00
|
|
|
<avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form"
|
|
|
|
|
:permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" :page.sync="page"
|
|
|
|
|
@row-update="rowUpdate" @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
|
|
|
|
|
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
|
|
|
|
|
@refresh-change="refreshChange" @on-load="onLoad" :upload-before="uploadBefore">
|
2024-02-02 15:04:47 +08:00
|
|
|
<template slot="menuLeft">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-button v-if="vaildData(permission.manage_compan_companyList_addUser, false)" size="small"
|
|
|
|
|
@click.stop="handleAddUser" type="primary" :disabled="selectionList.length === 0">添加账号</el-button>
|
2024-02-22 16:57:46 +08:00
|
|
|
<!-- <el-button v-if="vaildData(permission.manage_compan_companyList_config, false)" size="small"
|
|
|
|
|
@click.stop="handleConfig" type="primary" :disabled="selectionList.length === 0">服务设置</el-button> -->
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-button v-if="vaildData(permission.manage_compan_companyList_check, false)" size="small"
|
|
|
|
|
@click.stop="handleCheck" type="primary" :disabled="selectionList.length === 0">审核</el-button>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope" slot="menu">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-button type="text" size="small" @click.stop="rowStop(scope.row.id)" v-if="scope.row.status == 0 &&
|
|
|
|
|
vaildData(permission.manage_compan_companyList_stop, false)
|
|
|
|
|
">终止合作</el-button><!--只有已审核的企业才显示终止合作按钮-->
|
|
|
|
|
<el-button type="text" size="small" @click.stop="rowStart(scope.row.id)" v-if="scope.row.status === 9 &&
|
|
|
|
|
vaildData(permission.manage_compan_companyList_start, false)
|
|
|
|
|
">合作恢复</el-button>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot="cityIdForm" slot-scope="{ disabled }">
|
2024-02-21 10:41:51 +08:00
|
|
|
<jl-city-cascader :disabled="disabled" v-model="form.cityId"></jl-city-cascader>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
2024-02-27 09:52:44 +08:00
|
|
|
<template slot="companyAddressForm" slot-scope="{ disabled }">
|
|
|
|
|
<select-map
|
|
|
|
|
ref="selectMap"
|
|
|
|
|
@addAddress="addAddress"
|
|
|
|
|
@addressDel = "addressDel"
|
|
|
|
|
:isCanEdit="!disabled"
|
|
|
|
|
:lng="obj.lon"
|
|
|
|
|
:lat="obj.lat"
|
|
|
|
|
:address="form.companyAddress"
|
|
|
|
|
:type="type"
|
|
|
|
|
></select-map>
|
|
|
|
|
</template>
|
2024-02-02 15:04:47 +08:00
|
|
|
<template slot="authUrlIdImgForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-image style="width: 100px; height: 100px" :src="form.authUrlId" :preview-src-list="[form.authUrlId]">
|
2024-02-02 15:04:47 +08:00
|
|
|
</el-image>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="identityUrl4IdImgForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-image style="width: 100px; height: 100px" :src="form.identityUrl4Id"
|
|
|
|
|
:preview-src-list="[form.identityUrl4Id]"></el-image>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot="identityUrl5IdImgForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-image style="width: 100px; height: 100px" :src="form.identityUrl5Id"
|
|
|
|
|
:preview-src-list="[form.identityUrl5Id]"></el-image>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template slot="signSrcUrlForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-image style="width: 100px; height: 100px" :src="form.signSrcUrl"
|
|
|
|
|
:preview-src-list="[form.signSrcUrl]"></el-image>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot="letterOfAttorneyUrlForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-image style="width: 100px; height: 100px" :src="form.letterOfAttorneyUrl"
|
|
|
|
|
:preview-src-list="[form.letterOfAttorneyUrl]"></el-image>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot="motoleyUrlImgForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<div v-if="imgList.length > 0">
|
|
|
|
|
<span v-for="(item, index) in imgList" :key="index" class="motoley-img">
|
|
|
|
|
<el-image style="width: 100px; height: 100px" :src="item.url" :preview-src-list="[item.url]"></el-image>
|
2024-02-02 15:04:47 +08:00
|
|
|
|
2024-02-21 10:41:51 +08:00
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="el-image__error" style="width: 100px; height: 100px" v-else>加载失败</div>
|
2024-02-02 15:04:47 +08:00
|
|
|
</template>
|
|
|
|
|
<template slot="recordForm" slot-scope="{ row }">
|
|
|
|
|
<company-record :data="row"></company-record>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="motoleyUrlForm">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-upload class="companyList-upload" list-type="picture-card" :auto-upload="true" :file-list="imgList" :limit="5"
|
|
|
|
|
:action="mutiPutFile" :on-preview="handlePictureCardPreview" :on-exceed="handleImgLimit"
|
|
|
|
|
:on-success="handleImgSuccess" :on-remove="handleImgRemove" :before-remove="beforeRemove"
|
|
|
|
|
:before-upload="beforeAvatarUpload">
|
|
|
|
|
<i slot="default" class="el-icon-plus avue-upload__icon"></i>
|
2024-02-02 15:04:47 +08:00
|
|
|
</el-upload>
|
|
|
|
|
</template>
|
|
|
|
|
<!--服务费-->
|
|
|
|
|
<template slot="serveCost" slot-scope="{ row }">
|
|
|
|
|
<span v-if="row.serveCost != -1 && row.serveCost">{{
|
|
|
|
|
moneyFormat(row.serveCost)
|
|
|
|
|
}}</span>
|
|
|
|
|
<span v-else>-</span>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<!--商报状态搜索栏-->
|
|
|
|
|
<!-- <template slot="insuranceOnSearch">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="query.insuranceOn"
|
|
|
|
|
placeholder="商保状态"
|
|
|
|
|
@change="selectInsureTyepChange"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in insureTypeList"
|
|
|
|
|
:key="index"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>{{ item.label }}</el-option
|
|
|
|
|
>
|
|
|
|
|
</el-select>
|
|
|
|
|
</template> -->
|
|
|
|
|
|
2024-02-27 09:52:44 +08:00
|
|
|
|
|
|
|
|
|
2024-02-02 15:04:47 +08:00
|
|
|
<!--保证金状态搜索栏trialOn-->
|
|
|
|
|
<template slot="trialOnSearch">
|
2024-02-21 10:41:51 +08:00
|
|
|
<el-select v-model="query.trialOn" placeholder="保证金" @change="selectTrailTyepChange">
|
|
|
|
|
<el-option v-for="(item, index) in bondList" :key="index" :label="item.label" :value="item.value">{{ item.label
|
|
|
|
|
}}</el-option>
|
2024-02-02 15:04:47 +08:00
|
|
|
</el-select>
|
|
|
|
|
</template>
|
|
|
|
|
</avue-crud>
|
|
|
|
|
<add-account ref="addUser"></add-account>
|
|
|
|
|
<company-config ref="config" @success="refreshChange"></company-config>
|
|
|
|
|
<company-check ref="check" @success="refreshChange"></company-check>
|
|
|
|
|
</basic-container>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
getList,
|
|
|
|
|
getDetail,
|
|
|
|
|
add,
|
|
|
|
|
update,
|
|
|
|
|
stop,
|
|
|
|
|
start,
|
|
|
|
|
} from "@/api/manage/company";
|
|
|
|
|
import { getStationDic } from "@/api/manage/station";
|
|
|
|
|
import { getTradeDic } from "@/api/manage/trade";
|
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
|
import addAccount from "./addAccount";
|
|
|
|
|
import companyConfig from "./companyConfig";
|
|
|
|
|
import companyCheck from "./companyCheck";
|
|
|
|
|
import { putFile } from "@/api/resource/oss";
|
|
|
|
|
import { check18IdCardNo } from "@/util/validate";
|
|
|
|
|
import { moneyFormat } from "@/util/money";
|
|
|
|
|
import companyRecord from "./companyRecord";
|
|
|
|
|
import { companyStatus } from "@/const/company";
|
2024-02-27 09:52:44 +08:00
|
|
|
import SelectMap from "@/components/map/selectLocation";
|
2024-02-02 15:04:47 +08:00
|
|
|
const accept = [
|
|
|
|
|
"image/png",
|
|
|
|
|
"image/jpeg",
|
|
|
|
|
"image/svg+xml",
|
|
|
|
|
"image/gif",
|
|
|
|
|
"image/x-photoshop",
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
function getPath(path) {
|
2024-02-27 14:43:04 +08:00
|
|
|
if(path) {
|
|
|
|
|
const arr = path.split(",");
|
|
|
|
|
return arr[arr.length - 1];
|
|
|
|
|
}
|
|
|
|
|
return path
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default {
|
2024-02-27 09:52:44 +08:00
|
|
|
components: { addAccount, companyConfig, companyCheck, companyRecord, SelectMap },
|
2024-02-02 15:04:47 +08:00
|
|
|
name: "manage_compan_companyList",
|
|
|
|
|
data() {
|
2024-02-21 10:41:51 +08:00
|
|
|
const validateTradeId = (rule, value, callback) => {
|
|
|
|
|
if (value == '') {
|
|
|
|
|
callback(new Error('请选择所属行业'));
|
|
|
|
|
} else {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
|
|
|
|
return {
|
2024-02-21 10:41:51 +08:00
|
|
|
insureTypeList: [//商保下拉框
|
|
|
|
|
{
|
|
|
|
|
label: "停用",
|
|
|
|
|
value: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "启用",
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
2024-02-02 15:04:47 +08:00
|
|
|
],
|
2024-02-21 10:41:51 +08:00
|
|
|
bondList: [//保证金
|
|
|
|
|
{
|
|
|
|
|
label: "已缴",
|
|
|
|
|
value: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "未缴",
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "免缴",
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
2024-02-02 15:04:47 +08:00
|
|
|
],
|
2024-02-21 10:41:51 +08:00
|
|
|
mutiPutFile: putFile,
|
|
|
|
|
imgList: [],
|
2024-02-02 15:04:47 +08:00
|
|
|
form: {},
|
|
|
|
|
selectionList: [],
|
|
|
|
|
query: {},
|
|
|
|
|
loading: true,
|
|
|
|
|
page: {
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
total: 0,
|
|
|
|
|
},
|
2024-02-27 09:52:44 +08:00
|
|
|
obj: {},
|
2024-02-02 15:04:47 +08:00
|
|
|
option: {
|
|
|
|
|
height: "auto",
|
|
|
|
|
tip: false,
|
|
|
|
|
searchShow: true,
|
|
|
|
|
searchMenuSpan: 4,
|
|
|
|
|
border: true,
|
|
|
|
|
index: true,
|
|
|
|
|
indexLabel: "序号",
|
|
|
|
|
selection: true,
|
|
|
|
|
viewBtn: true,
|
|
|
|
|
addBtn: true,
|
2024-02-21 10:41:51 +08:00
|
|
|
editBtn: true,
|
2024-02-22 16:57:46 +08:00
|
|
|
addBtnText: "社区街道登记",
|
2024-02-27 09:52:44 +08:00
|
|
|
addTitle: "新增社区街道名称",
|
2024-02-02 15:04:47 +08:00
|
|
|
delBtn: false,
|
|
|
|
|
menuWidth: 300,
|
|
|
|
|
labelWidth: 151,
|
|
|
|
|
dialogClickModal: false,
|
|
|
|
|
dialogType: "drawer",
|
|
|
|
|
dialogFullscreen: true,
|
|
|
|
|
column: [
|
|
|
|
|
{
|
2024-02-25 17:03:18 +08:00
|
|
|
label: "社区街道名称",
|
2024-02-02 15:04:47 +08:00
|
|
|
prop: "companyName",
|
|
|
|
|
search: true,
|
|
|
|
|
searchSpan: 5,
|
|
|
|
|
display: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "tree",
|
|
|
|
|
label: "所属市场",
|
|
|
|
|
prop: "stationId",
|
2024-02-20 22:25:58 +08:00
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
display: false,
|
|
|
|
|
search: true,
|
|
|
|
|
searchSpan: 4,
|
|
|
|
|
searchLabelWidth: 87,
|
|
|
|
|
dicUrl: getStationDic(),
|
|
|
|
|
props: {
|
|
|
|
|
label: "stationName",
|
|
|
|
|
value: "stationId",
|
|
|
|
|
},
|
|
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
// {
|
|
|
|
|
// type: "input",
|
|
|
|
|
// label: "所在地区",
|
|
|
|
|
// display: false,
|
|
|
|
|
// prop: "cityId",
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "男",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "女",
|
|
|
|
|
// value: 2,
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// },
|
2024-02-26 14:05:18 +08:00
|
|
|
// {
|
|
|
|
|
// type: "tree",
|
|
|
|
|
// label: "所属行业",
|
|
|
|
|
// display: false,
|
|
|
|
|
// prop: "tradeId",
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
{
|
2024-02-21 10:41:51 +08:00
|
|
|
type: "tree",
|
|
|
|
|
label: "联系人姓名",
|
2024-02-02 15:04:47 +08:00
|
|
|
display: false,
|
2024-02-21 10:41:51 +08:00
|
|
|
prop: "masterName",
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
// {
|
|
|
|
|
// label: "企业状态",
|
|
|
|
|
// prop: "status",
|
|
|
|
|
// type: "select",
|
|
|
|
|
// search: true,
|
|
|
|
|
// dicData: companyStatus,
|
|
|
|
|
// display: false,
|
|
|
|
|
// span: 24,
|
|
|
|
|
// searchSpan: 4,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "商保状态",
|
|
|
|
|
// prop: "insuranceOn",
|
|
|
|
|
// type: "select",
|
|
|
|
|
// // search: true,
|
|
|
|
|
// // searchslot:false,
|
|
|
|
|
// // searchSpan: 4,
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "停用",
|
|
|
|
|
// value: 0,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "启用",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// }
|
|
|
|
|
// ],
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "先开票",
|
|
|
|
|
// prop: "invoiceOn",
|
|
|
|
|
// type: "select",
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "停用",
|
|
|
|
|
// value: 0,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "启用",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "-",
|
|
|
|
|
// value: -1,
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "银联代发",
|
|
|
|
|
// prop: "payType",
|
|
|
|
|
// type: "select",
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "停用",
|
|
|
|
|
// value: 0,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "启用",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "-",
|
|
|
|
|
// value: -1,
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "保证金",
|
|
|
|
|
// prop: "trialOn",
|
|
|
|
|
// type: "select",
|
|
|
|
|
// // search: true,
|
|
|
|
|
// // searchslot:false,
|
|
|
|
|
// // searchLabelWidth: 66,
|
|
|
|
|
// // searchSpan: 5,
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "已缴",
|
|
|
|
|
// value: 0,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "未缴",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "免缴",
|
|
|
|
|
// value: 2,
|
|
|
|
|
// }
|
|
|
|
|
// ],
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "签订合同",
|
|
|
|
|
// prop: "isSign",
|
|
|
|
|
// dicData: [
|
|
|
|
|
// {
|
|
|
|
|
// label: "未签",
|
|
|
|
|
// value: 0,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "已签",
|
|
|
|
|
// value: 1,
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label:'电子合同',
|
|
|
|
|
// prop:'contractOn',
|
|
|
|
|
// type:'select',
|
|
|
|
|
// dicData:[
|
|
|
|
|
// {
|
|
|
|
|
// label:'关闭',
|
|
|
|
|
// value:0
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label:'开启',
|
|
|
|
|
// value:1
|
|
|
|
|
// }
|
|
|
|
|
// ],
|
|
|
|
|
// display:false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "服务费",
|
|
|
|
|
// prop: "serveCost",
|
|
|
|
|
// slot: true,
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "驳回原因",
|
|
|
|
|
// prop: "remarks",
|
|
|
|
|
// display: false,
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
{
|
2024-02-21 10:41:51 +08:00
|
|
|
label: "创建日期",
|
|
|
|
|
prop: "createTime",
|
|
|
|
|
type: "datetime",
|
|
|
|
|
format: "yyyy-MM-dd",
|
2024-02-02 15:04:47 +08:00
|
|
|
display: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-02-21 10:41:51 +08:00
|
|
|
label: "审核日期",
|
|
|
|
|
prop: "reviewTime",
|
|
|
|
|
type: "datetime",
|
|
|
|
|
format: "yyyy-MM-dd",
|
2024-02-02 15:04:47 +08:00
|
|
|
display: false,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
group: [
|
|
|
|
|
{
|
|
|
|
|
label: "",
|
|
|
|
|
column: [
|
|
|
|
|
{
|
|
|
|
|
type: "tree",
|
|
|
|
|
label: "所属市场",
|
2024-02-20 22:25:58 +08:00
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
size: "small",
|
|
|
|
|
prop: "stationId",
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: "请选择所属市场",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
filterable: true,
|
|
|
|
|
dicUrl: getStationDic(),
|
|
|
|
|
props: {
|
|
|
|
|
label: "stationName",
|
|
|
|
|
value: "stationId",
|
|
|
|
|
},
|
|
|
|
|
dicFormatter(resp) {
|
|
|
|
|
return resp.data;
|
|
|
|
|
},
|
|
|
|
|
},
|
2024-02-26 14:05:18 +08:00
|
|
|
// {
|
|
|
|
|
// type: "select",
|
|
|
|
|
// label: "所属行业",
|
|
|
|
|
// span: 20,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "tradeId",
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true, validator: validateTradeId, trigger: 'blur'
|
|
|
|
|
// }
|
|
|
|
|
// ],
|
|
|
|
|
// filterable: true,
|
|
|
|
|
// dicUrl: getTradeDic(),
|
|
|
|
|
// props: {
|
|
|
|
|
// label: "name",
|
|
|
|
|
// value: "id",
|
|
|
|
|
// },
|
|
|
|
|
// dicFormatter(resp) {
|
|
|
|
|
// var result = [];
|
|
|
|
|
// resp.data.forEach(ele => {
|
|
|
|
|
// if (ele.name != "1") {
|
|
|
|
|
// result.push(ele)
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
// return result;
|
|
|
|
|
// },
|
|
|
|
|
// },
|
2024-02-20 22:25:58 +08:00
|
|
|
// {
|
|
|
|
|
// type: "input",
|
|
|
|
|
// label: "统一信用代码",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// display: true,
|
|
|
|
|
// editDisabled: true,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "companyTid",
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// whitespace: true,
|
|
|
|
|
// message: "请输入统一信用代码",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// placeholder: "18位统一社会信用代码",
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
{
|
|
|
|
|
type: "input",
|
2024-02-27 09:52:44 +08:00
|
|
|
label: "社区街道名称",
|
2024-02-20 22:25:58 +08:00
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
display: true,
|
|
|
|
|
size: "small",
|
|
|
|
|
prop: "companyName",
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
whitespace: true,
|
2024-02-27 09:52:44 +08:00
|
|
|
message: "请输入社区街道名称",
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "input",
|
2024-02-20 22:25:58 +08:00
|
|
|
label: "联系人姓名",
|
|
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
display: true,
|
|
|
|
|
size: "small",
|
|
|
|
|
prop: "masterName",
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
whitespace: true,
|
2024-02-20 22:25:58 +08:00
|
|
|
message: "请输入联系人姓名",
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
2024-02-20 22:25:58 +08:00
|
|
|
// {
|
|
|
|
|
// type: "input",
|
|
|
|
|
// label: "法人身份证号",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// display: true,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "masterIdentity",
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// whitespace: true,
|
|
|
|
|
// message: "请输入法人身份证号",
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// validator: (rule, value, callback) => {
|
|
|
|
|
// if (check18IdCardNo(value)) {
|
|
|
|
|
// callback();
|
|
|
|
|
// } else {
|
|
|
|
|
// callback(new Error("身份证格式不正确"));
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
{
|
|
|
|
|
type: "input",
|
|
|
|
|
label: "所在地区",
|
2024-02-20 22:25:58 +08:00
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
display: true,
|
|
|
|
|
prop: "cityId",
|
|
|
|
|
formslot: true,
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: "请选择所在地区",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "input",
|
|
|
|
|
label: "详细地址",
|
2024-02-20 22:25:58 +08:00
|
|
|
span: 20,
|
2024-02-02 15:04:47 +08:00
|
|
|
display: true,
|
|
|
|
|
size: "small",
|
|
|
|
|
prop: "companyAddress",
|
2024-02-27 09:52:44 +08:00
|
|
|
formslot: true,
|
2024-02-02 15:04:47 +08:00
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
whitespace: true,
|
|
|
|
|
message: "请输入详细地址",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
// 图片上传
|
2024-02-20 22:25:58 +08:00
|
|
|
// {
|
|
|
|
|
// type: "upload",
|
|
|
|
|
// label: "法人身份证（人像）",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// showFileList: false,
|
|
|
|
|
// listType: "picture-img",
|
|
|
|
|
// multiple: false,
|
|
|
|
|
// propsHttp: {
|
|
|
|
|
// res: "data",
|
|
|
|
|
// url: "link",
|
|
|
|
|
// },
|
|
|
|
|
// canvasOption: {},
|
|
|
|
|
// headers: [],
|
|
|
|
|
// data: [],
|
|
|
|
|
// accept,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "identityUrl4Id",
|
|
|
|
|
// action: putFile,
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传法人身份证（人像）",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// // tip:'上传图片大小限制2M以内',
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// type: "upload",
|
|
|
|
|
// label: "法人身份证（国徽）",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// showFileList: false,
|
|
|
|
|
// listType: "picture-img",
|
|
|
|
|
// multiple: false,
|
|
|
|
|
// propsHttp: {
|
|
|
|
|
// res: "data",
|
|
|
|
|
// url: "link",
|
|
|
|
|
// },
|
|
|
|
|
// canvasOption: {},
|
|
|
|
|
// headers: [],
|
|
|
|
|
// data: [],
|
|
|
|
|
// accept,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "identityUrl5Id",
|
|
|
|
|
// action: putFile,
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传法人身份证（国徽）",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// // tip:'上传图片大小限制2M以内',
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// type: "upload",
|
|
|
|
|
// label: "营业执照",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// showFileList: false,
|
|
|
|
|
// listType: "picture-img",
|
|
|
|
|
// multiple: false,
|
|
|
|
|
// propsHttp: {
|
|
|
|
|
// res: "data",
|
|
|
|
|
// url: "link",
|
|
|
|
|
// },
|
|
|
|
|
// accept,
|
|
|
|
|
// canvasOption: {},
|
|
|
|
|
// headers: [],
|
|
|
|
|
// data: [],
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "authUrlId",
|
|
|
|
|
// action: putFile,
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传营业执照照片",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// // tip:'上传图片大小限制2M以内',
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
|
2024-02-20 22:25:58 +08:00
|
|
|
// {
|
|
|
|
|
// type: "upload",
|
|
|
|
|
// label: "电子签章申请表",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// showFileList: false,
|
|
|
|
|
// listType: "picture-img",
|
|
|
|
|
// multiple: false,
|
|
|
|
|
// propsHttp: {
|
|
|
|
|
// res: "data",
|
|
|
|
|
// url: "link",
|
|
|
|
|
// },
|
|
|
|
|
// accept,
|
|
|
|
|
// canvasOption: {},
|
|
|
|
|
// headers: [],
|
|
|
|
|
// data: [],
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "signSrcUrl",
|
|
|
|
|
// action: putFile,
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传电子签章申请表",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// // tip:'上传图片大小限制2M以内',
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// type: "upload",
|
|
|
|
|
// label: "授权委托书",
|
|
|
|
|
// span: 24,
|
|
|
|
|
// showFileList: false,
|
|
|
|
|
// listType: "picture-img",
|
|
|
|
|
// multiple: false,
|
|
|
|
|
// propsHttp: {
|
|
|
|
|
// res: "data",
|
|
|
|
|
// url: "link",
|
|
|
|
|
// },
|
|
|
|
|
// canvasOption: {},
|
|
|
|
|
// headers: [],
|
|
|
|
|
// data: [],
|
|
|
|
|
// accept,
|
|
|
|
|
// size: "small",
|
|
|
|
|
// prop: "letterOfAttorneyUrl",
|
|
|
|
|
// action: putFile,
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传授权委托书",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// // tip:'上传图片大小限制2M以内',
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "招聘简章",
|
|
|
|
|
// formslot:true,
|
|
|
|
|
// span:24,
|
|
|
|
|
// prop:'motoleyUrl',
|
|
|
|
|
// rules: [
|
|
|
|
|
// {
|
|
|
|
|
// required: true,
|
|
|
|
|
// message: "请上传招聘简章",
|
|
|
|
|
// },
|
|
|
|
|
// ],
|
|
|
|
|
// viewDisplay: false,
|
|
|
|
|
// },
|
|
|
|
|
// // 图片预览
|
|
|
|
|
// {
|
|
|
|
|
// label: "法人身份证（人像）",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// prop: "identityUrl4IdImg",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "法人身份证（国徽）",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// prop: "identityUrl5IdImg",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "营业执照照片",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// prop: "authUrlIdImg",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "电子签章申请表",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// prop: "signSrcUrl",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "授权委托书",
|
|
|
|
|
// span: 12,
|
|
|
|
|
// prop: "letterOfAttorneyUrl",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "招聘简章",
|
|
|
|
|
// span: 24,
|
|
|
|
|
// prop: "motoleyUrlImg",
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// label: "操作记录",
|
|
|
|
|
// prop: "record",
|
|
|
|
|
// labelPosition: "top",
|
|
|
|
|
// span: 24,
|
|
|
|
|
// formslot: true,
|
|
|
|
|
// editDisplay: false,
|
|
|
|
|
// addDisplay: false,
|
|
|
|
|
// viewDisplay: true,
|
|
|
|
|
// },
|
2024-02-02 15:04:47 +08:00
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
data: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters(["userInfo", "permission"]),
|
|
|
|
|
permissionList() {
|
|
|
|
|
return {
|
|
|
|
|
addBtn: this.vaildData(
|
|
|
|
|
this.permission.manage_compan_companyList_add,
|
|
|
|
|
false
|
|
|
|
|
),
|
|
|
|
|
viewBtn: this.vaildData(
|
|
|
|
|
this.permission.manage_compan_companyList_view,
|
|
|
|
|
false
|
|
|
|
|
),
|
|
|
|
|
editBtn: this.vaildData(
|
|
|
|
|
this.permission.manage_compan_companyList_edit,
|
|
|
|
|
false
|
|
|
|
|
),
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
ids() {
|
|
|
|
|
let ids = [];
|
|
|
|
|
this.selectionList.forEach((ele) => {
|
|
|
|
|
ids.push(ele.id);
|
|
|
|
|
});
|
|
|
|
|
return ids;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
2024-02-27 09:52:44 +08:00
|
|
|
/*地图*/
|
|
|
|
|
addAddress(form) {
|
|
|
|
|
this.obj.address = form.address + (form.title || "");
|
|
|
|
|
this.obj.lat = form.lat;
|
|
|
|
|
this.obj.lon = form.lng;
|
2024-02-27 14:43:04 +08:00
|
|
|
this.form.companyAddress = form.address + (form.title || "");
|
2024-02-27 09:52:44 +08:00
|
|
|
},
|
|
|
|
|
addressDel(){
|
2024-02-27 14:43:04 +08:00
|
|
|
this.form.companyAddress = this.obj.address = "";
|
2024-02-27 09:52:44 +08:00
|
|
|
},
|
2024-02-02 15:04:47 +08:00
|
|
|
// uploadBefore(file, done, loading) {
|
|
|
|
|
// const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
|
|
// if (!isLt2M) {
|
|
|
|
|
// this.$message.error("上传图片大小不能超过 2MB!");
|
|
|
|
|
// loading();
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// done();
|
|
|
|
|
// },
|
|
|
|
|
// uploadBefore(done) {
|
|
|
|
|
// done();
|
|
|
|
|
// },
|
|
|
|
|
initData() {
|
|
|
|
|
this.onLoad(this.page, this.query);
|
|
|
|
|
},
|
|
|
|
|
handleCheck() {
|
|
|
|
|
if (this.ids.length !== 1) {
|
|
|
|
|
this.$message.closeAll();
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "warning",
|
|
|
|
|
message: "请选择一条数据",
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
/*已审核的*/
|
|
|
|
|
let flags = true;
|
|
|
|
|
this.data.forEach((ele) => {
|
|
|
|
|
if (ele.status == 0 && ele.id == this.ids[0]) {
|
|
|
|
|
flags = false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
if (!flags) {
|
|
|
|
|
this.$message.closeAll(); //只显示一个提示
|
2024-02-27 09:52:44 +08:00
|
|
|
this.$message.error("该社区街道名称已经审核，不用重复操作");
|
2024-02-02 15:04:47 +08:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.$refs.check.open(this.ids[0]);
|
|
|
|
|
},
|
|
|
|
|
handleAddUser() {
|
|
|
|
|
if (this.ids.length !== 1) {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "warning",
|
|
|
|
|
message: "请选择一条数据",
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const selected = this.selectionList[0];
|
|
|
|
|
this.$refs.addUser.open(selected);
|
|
|
|
|
},
|
|
|
|
|
handleConfig() {
|
|
|
|
|
if (this.ids.length !== 1) {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "warning",
|
|
|
|
|
message: "请选择一条数据",
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const selected = this.selectionList[0];
|
|
|
|
|
this.$refs.config.open(selected.id, selected.tenantId);
|
|
|
|
|
},
|
|
|
|
|
rowSave(row, done, loading) {
|
|
|
|
|
row.authUrlId = getPath(row.authUrlId);
|
|
|
|
|
row.identityUrl4Id = getPath(row.identityUrl4Id);
|
|
|
|
|
row.identityUrl5Id = getPath(row.identityUrl5Id);
|
|
|
|
|
|
|
|
|
|
add(row).then(
|
|
|
|
|
() => {
|
|
|
|
|
this.onLoad(this.page);
|
|
|
|
|
// 获取新增数据的相关字段
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: "操作成功!",
|
|
|
|
|
});
|
|
|
|
|
// 数据回调进行刷新
|
|
|
|
|
done(row);
|
|
|
|
|
},
|
|
|
|
|
(error) => {
|
|
|
|
|
window.console.log(error);
|
|
|
|
|
loading();
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
rowUpdate(row, index, done, loading) {
|
|
|
|
|
row.authUrlId = getPath(row.authUrlId);
|
|
|
|
|
row.identityUrl4Id = getPath(row.identityUrl4Id);
|
|
|
|
|
row.identityUrl5Id = getPath(row.identityUrl5Id);
|
2024-02-27 09:52:44 +08:00
|
|
|
const copyRow = {...row}
|
|
|
|
|
if(this.obj.address) {
|
|
|
|
|
copyRow.companyAddress = this.obj.address
|
|
|
|
|
}
|
|
|
|
|
update(copyRow).then(
|
2024-02-02 15:04:47 +08:00
|
|
|
() => {
|
|
|
|
|
this.onLoad(this.page);
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: "操作成功!",
|
|
|
|
|
});
|
|
|
|
|
// 数据回调进行刷新
|
|
|
|
|
done(row);
|
|
|
|
|
},
|
|
|
|
|
(error) => {
|
|
|
|
|
window.console.log(error);
|
|
|
|
|
loading();
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
rowStop(id) {
|
|
|
|
|
let h = this.$createElement;
|
|
|
|
|
this.$confirm(
|
2024-02-27 09:52:44 +08:00
|
|
|
h("p", { style: "color: #F56C6C" }, "一旦终止合作社区街道将无法操作系统"),
|
2024-02-02 15:04:47 +08:00
|
|
|
"您确定要终止与此公司的合作吗？",
|
|
|
|
|
{
|
|
|
|
|
confirmButtonText: "确定",
|
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
|
type: "warning",
|
|
|
|
|
center: true,
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
stop(id)
|
|
|
|
|
.then((resp) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: resp.data.msg,
|
|
|
|
|
});
|
|
|
|
|
this.onLoad(this.page, this.query);
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
});
|
|
|
|
|
})
|
2024-02-21 10:41:51 +08:00
|
|
|
.catch(() => { });
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
|
|
|
|
rowStart(id) {
|
|
|
|
|
let h = this.$createElement;
|
|
|
|
|
this.$confirm(
|
2024-02-27 09:52:44 +08:00
|
|
|
h("p", { style: "color: #F56C6C" }, "一旦恢复合作社区街道所有账号均可使用"),
|
2024-02-02 15:04:47 +08:00
|
|
|
"您确定要恢复与此公司的合作吗？",
|
|
|
|
|
{
|
|
|
|
|
confirmButtonText: "确定",
|
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
|
type: "warning",
|
|
|
|
|
center: true,
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
start(id)
|
|
|
|
|
.then((resp) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: resp.data.msg,
|
|
|
|
|
});
|
|
|
|
|
this.onLoad(this.page, this.query);
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
});
|
|
|
|
|
})
|
2024-02-21 10:41:51 +08:00
|
|
|
.catch(() => { });
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
|
|
|
|
searchReset() {
|
|
|
|
|
this.query = {};
|
|
|
|
|
this.onLoad(this.page);
|
|
|
|
|
},
|
|
|
|
|
searchChange(params, done) {
|
|
|
|
|
//(this.query,params);
|
|
|
|
|
this.query = params;
|
|
|
|
|
this.page.currentPage = 1;
|
|
|
|
|
this.onLoad(this.page, params);
|
|
|
|
|
done();
|
|
|
|
|
},
|
|
|
|
|
selectionChange(list) {
|
|
|
|
|
this.selectionList = list;
|
|
|
|
|
},
|
|
|
|
|
selectionClear() {
|
|
|
|
|
this.selectionList = [];
|
|
|
|
|
this.$refs.crud.toggleSelection();
|
|
|
|
|
},
|
|
|
|
|
beforeOpen(done, type) {
|
|
|
|
|
if (["add", "edit"].includes(type)) {
|
2024-02-21 10:41:51 +08:00
|
|
|
this.imgList = [];
|
2024-02-02 15:04:47 +08:00
|
|
|
this.initData();
|
|
|
|
|
done();
|
|
|
|
|
}
|
|
|
|
|
if (["edit", "view"].includes(type)) {
|
2024-02-21 10:41:51 +08:00
|
|
|
this.imgList = [];
|
2024-02-02 15:04:47 +08:00
|
|
|
this.loading = true;
|
|
|
|
|
getDetail(this.form.id).then((res) => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.form = res.data.data;
|
2024-02-21 10:41:51 +08:00
|
|
|
if (this.form.motoleyUrl != "") {
|
|
|
|
|
var strList = this.form.motoleyUrl.split(',');
|
|
|
|
|
for (var i in strList) {
|
|
|
|
|
this.imgList.push({ url: strList[i] })
|
|
|
|
|
}
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
2024-02-21 10:41:51 +08:00
|
|
|
if (this.form.tradeId == 1) {
|
|
|
|
|
this.form.tradeId = '';
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
|
|
|
|
done();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
beforeClose(done) {
|
|
|
|
|
done();
|
|
|
|
|
},
|
|
|
|
|
currentChange(currentPage) {
|
|
|
|
|
this.page.currentPage = currentPage;
|
|
|
|
|
},
|
|
|
|
|
sizeChange(pageSize) {
|
|
|
|
|
this.page.pageSize = pageSize;
|
|
|
|
|
},
|
|
|
|
|
refreshChange() {
|
|
|
|
|
this.onLoad(this.page, this.query);
|
|
|
|
|
},
|
|
|
|
|
onLoad(page, params = {}) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
getList(
|
|
|
|
|
page.currentPage,
|
|
|
|
|
page.pageSize,
|
|
|
|
|
Object.assign(this.query, params)
|
|
|
|
|
).then((res) => {
|
|
|
|
|
const data = res.data.data;
|
|
|
|
|
this.page.total = data.total;
|
|
|
|
|
this.data = data.records;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
moneyFormat,
|
|
|
|
|
/*多张图片上传*/
|
|
|
|
|
|
2024-02-21 10:41:51 +08:00
|
|
|
handleImgLimit() {
|
2024-02-02 15:04:47 +08:00
|
|
|
this.$message.warning('当前最多上传5张图片');
|
|
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
handleImgSuccess(res) {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
this.imgList.push({ url: res.data.link });
|
2024-02-02 15:04:47 +08:00
|
|
|
|
2024-02-21 10:41:51 +08:00
|
|
|
var str = "";
|
|
|
|
|
for (var i = 0; i < this.imgList.length; i++) {
|
|
|
|
|
str += this.imgList[i]['url'] + ",";
|
|
|
|
|
}
|
|
|
|
|
if (str.length > 0) {
|
|
|
|
|
str = str.substr(0, str.length - 1);
|
|
|
|
|
}
|
|
|
|
|
this.form.motoleyUrl = str;
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
2024-02-21 10:41:51 +08:00
|
|
|
else {
|
2024-02-02 15:04:47 +08:00
|
|
|
this.$message.error('上传失败');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
handleImgRemove(file) {
|
|
|
|
|
let index = 0;
|
|
|
|
|
for (let i in this.imgList) {
|
|
|
|
|
if (this.imgList[i]['uid'] == file.uid) {
|
|
|
|
|
index = i;
|
2024-02-02 15:04:47 +08:00
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-02-21 10:41:51 +08:00
|
|
|
this.imgList.splice(index, 1);
|
|
|
|
|
var str = "";
|
|
|
|
|
for (var i = 0; i < this.imgList.length; i++) {
|
|
|
|
|
str += this.imgList[i]['url'] + ",";
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
2024-02-21 10:41:51 +08:00
|
|
|
if (str.length > 0) {
|
|
|
|
|
str = str.substr(0, str.length - 1);
|
2024-02-02 15:04:47 +08:00
|
|
|
}
|
2024-02-21 10:41:51 +08:00
|
|
|
this.form.motoleyUrl = str;
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
selectInsureTyepChange(val) {
|
|
|
|
|
this.query.insuranceOn = val
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
2024-02-21 10:41:51 +08:00
|
|
|
selectTrailTyepChange(val) {
|
|
|
|
|
this.query.trialOn = val;
|
2024-02-02 15:04:47 +08:00
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
watch: {},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
2024-02-21 10:41:51 +08:00
|
|
|
.companyList-upload .el-upload--picture-card {
|
|
|
|
|
width: 178px;
|
|
|
|
|
height: 178px;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.companyList-upload .el-input__inner {
|
|
|
|
|
border: 1px solid #DCDFE6;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.companyList-upload .el-upload-list--picture-card .el-upload-list__item {
|
|
|
|
|
width: 178px;
|
|
|
|
|
height: 178px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.motoley-img {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
2024-02-02 15:04:47 +08:00
|
|
|
</style>
|
