Files
cmanager/src/views/manage/company/examineDialog/ExamineDialogSus.vue

1042 lines
40 KiB
Vue
Raw Normal View History

2024-02-02 15:04:47 +08:00
<template>
<basic-container>
<el-drawer
title=""
append-to-body
:visible.sync="drawer"
size="88%"
class="examineDialog"
:wrapperClosable="false"
:close-on-click-modal="false"
:close-on-press-escape="false"
>
<div class="companyTitle">
<div class="title">
<h2>{{companyInfo.companyName}}</h2>
<p><span>所属市场{{companyInfo.stationName}}</span><span>邀请码{{row.inviteCode}}</span></p>
</div>
<div class="btn">
<el-button type="primary" size="small" @click="stopHandelClick(companyId)" v-show="entranceFlag == 'suss'">终止合作</el-button>
<el-button type="primary" size="small" @click="recoveryHandelClick()" v-show="entranceFlag == 'stop'">恢复合作</el-button>
</div>
</div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="企业信息" name="companyInfo">
<el-form ref="formCompanyInfo" :model="companyInfo" label-width="150px" class="companyInfo" :rules="rules">
<el-form-item label="社会信用代码:" prop="companyTid">
<el-input v-model="companyInfo.companyTid" :disabled="true"></el-input>
</el-form-item>
<el-form-item label="公司名称:" prop="companyName">
<el-input v-model="companyInfo.companyName" :disabled="companyDisabled"></el-input>
</el-form-item>
<el-form-item label="法人:" prop="masterName">
<el-input v-model="companyInfo.masterName" :disabled="companyDisabled"></el-input>
</el-form-item>
<el-form-item label="身份证号:" prop="masterIdentity">
<el-input v-model="companyInfo.masterIdentity" :disabled="companyDisabled"></el-input>
</el-form-item>
<el-form-item label="法人电话:">
<el-input v-model="companyInfo.masterPhone" :disabled="companyDisabled"></el-input>
</el-form-item>
<el-form-item label="注册电话:" prop="telphone">
<el-input v-model="companyInfo.telphone" :disabled="true"></el-input>
</el-form-item>
<el-form-item label="行业:" prop="tradeId">
<!-- <el-input v-model="companyInfo.tradeId" :disabled="true"></el-input> -->
<el-select v-model="companyInfo.tradeId" placeholder="请选择" :disabled="companyDisabled">
<el-option
v-for="(item,index) in tradeDic"
:key="index"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所在地区:" prop="cityId">
<jl-city-cascader
:disabled="companyDisabled"
v-model="companyInfo.cityId"
></jl-city-cascader>
</el-form-item>
<el-form-item label="详细地址:" prop="companyAddress">
<el-input v-model="companyInfo.companyAddress" :disabled="companyDisabled"></el-input>
</el-form-item>
<el-form-item v-show="btnShowFlag">
<el-button size="small" @click="cancelHandelClick('companyDisabled','formCompanyInfo')">取消</el-button>
<el-button type="primary" size="small" @click="saveHandelClick('companyDisabled','formCompanyInfo')">保存</el-button>
</el-form-item>
</el-form>
<i class="el-icon-edit" @click="editHandelClick('companyDisabled')">修改</i>
</el-tab-pane>
<el-tab-pane label="服务设置" name="serviceInfo">
<div class="serviceSetBox" v-for="(item,index) in configData" :key="index">
<div v-if="item.type == 5" class="showFlag">
<div class="serviceSetTitle" >
<h3>合同<span v-if="item.value == 0">未签</span><span v-else-if="item.value == 1">已签</span></h3>
<p>合同是平台与企业签订的合作合同详细记录了合作细节是平台与企业合作关系的重要依据</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" @click="configSubmit(item)">
<span v-if="item.value == 0">已签</span>
<span v-else-if="item.value == 1">未签</span>
</el-button>
</div>
</div>
<div v-else-if="item.type == 4" class="showFlag">
<div class="serviceSetTitle" >
<h3>保证金<span v-if="item.value == 1">未缴</span><span v-if="item.value == 0">已缴</span><span v-if="item.value == 2">免缴</span></h3>
<p>保证金是保证平台权益和企业权益的重要担保企业不缴纳保证金不可以发布任务</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" v-if="item.value != 2" @click="configPay(item, 'free')">免缴</el-button>
<el-button type="text" v-if="item.value != 0" @click="configPay(item, 'yes')">已缴</el-button>
<el-button type="text" v-if="item.value != 1" @click="configPay(item, 'no')">未缴</el-button>
</div>
</div>
<div v-else-if="item.type == 1" class="showFlag">
<div class="serviceSetTitle" >
<h3>商保<span v-if="item.value == 0">停用</span><span v-if="item.value == 1">启用</span></h3>
<p>是保障员工安全的重要手段减少了企业的用工风险为企业开通商保后企业不为员工投保则不可以录用相应员工</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" @click="configSubmit(item)">
<span v-if="item.value == 1">停用</span><span v-if="item.value == 0">启用</span>
</el-button>
</div>
</div>
<div v-else-if="item.type == 6" class="showFlag">
<div class="serviceSetTitle" >
<h3>电子合同<span v-if="item.value == 0">关闭</span><span v-if="item.value == 1">启用</span></h3>
<p>电子合同是企业与员工签订的合作协议详细记录了用工要求与责任是企业与员工合作关系的重要依据</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" v-if="item.value == 1" @click="configSubmit(item)">关闭</el-button>
<el-button type="text" v-if="item.value == 0" @click="configOpenElec(item)">启用</el-button>
</div>
</div>
<div v-else-if="item.type == 2" class="showFlag">
<div class="serviceSetTitle" >
<h3>先开票<span v-if="item.value == 0">停用</span><span v-if="item.value == 1">启用</span></h3>
<p>打开先开票服务企业可不支付订单就可以申请开发票请谨慎设置</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" @click="configSubmit(item)">
<span v-if="item.value == 1">停用</span><span v-if="item.value == 0">启用</span>
</el-button>
</div>
</div>
<div v-else-if="item.type == 3" class="showFlag">
<div class="serviceSetTitle" >
<h3>银联代发<span v-if="item.value == 0">停用</span><span v-if="item.value == 1">启用</span></h3>
<p>银联代发是线上发放工资的一种方式设置为打开状态企业工资可以使用线上待发渠道发放</p>
</div>
<div class="serviceSetBtn">
<el-button type="text" @click="configSubmit(item)">
<span v-if="item.value == 1">停用</span><span v-if="item.value == 0">启用</span>
</el-button>
</div>
</div>
<div v-else class="showFlag">
<div class="serviceSetTitle" >
<h3>合同{{item}}<span>未签</span><span>已签</span></h3>
<p>合同是平台与企业签订的合作合同详细记录了合作细节是平台与企业合作关系的重要依据</p>
</div>
<div class="serviceSetBtn">
<el-button type="text">
<span >已签</span>
<span>未签</span>
</el-button>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="服务费信息" name="serviceChargeInfo">
<div class="serviceChargeInfo">
<p class="tips">服务费是企业享受二项服务发工资和投商保的费用启用之后需新的订单才会生效</p>
<div class="company-config-title-tool">
<el-button type="text" icon="el-icon-circle-plus-outline" @click="serviceVisible = true">添加新服务</el-button>
</div>
<el-table :data="serviceData" border>
<div slot="empty">请在右上角添加新服务</div>
<el-table-column label="产品">
<template>服务费</template>
</el-table-column>
<el-table-column label="服务费" prop="serveCost">
<template v-slot="{ row }">{{ moneyFormat(row.serveCost) }}</template>
</el-table-column>
<el-table-column label="状态" prop="isEnabled">
<template v-slot="{ row }">
<span v-if="row.isEnabled === 0">停用</span>
<span v-else-if="row.isEnabled === 1">启用</span>
</template>
</el-table-column>
<el-table-column label="操作">
<template v-slot="{ row }">
<el-button size="small" type="text" :disabled="row.isEnabled === 1" @click="serverEnable(row)">启用
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
<el-tab-pane label="附件" name="enclosure">
<avue-form
:option="option"
v-model="companyInfo"
ref="formEnclosure"
@submit="formSubmit"
:upload-after="uploadAfter"
:upload-error="uploadError"
:upload-before="beforeAvatarUpload"
@on-load="onLoad"
>
<template slot="motoleyUrl">
<el-upload
class="companyList-upload"
list-type="picture-card"
:auto-upload="true"
:file-list="imgList"
:limit="4"
: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>
</el-upload>
</template>
</avue-form>
<p style="text-align:center">
<el-button size="small" @click="cancelHandelClick('','formEnclosure')">取消</el-button>
<el-button type="primary" size="small" @click="saveHandelClick('enclosure','formEnclosure')">保存</el-button>
<i class="el-icon-download" @click="downloadAllClick('enclosure')">下载全部</i>
</p>
</el-tab-pane>
<el-tab-pane label="签发电子签章" name="contractOn">
<avue-form
:option="optionContractOn"
v-model="companyInfo"
ref="formContractOn"
@submit="formSubmit"
:upload-after="uploadAfter"
:upload-error="uploadError"
:upload-before="beforeAvatarUpload"
@on-load="onLoad"
>
</avue-form>
<p style="text-align:center">
<el-button size="small" @click="cancelHandelClick('','formContractOn')">取消</el-button>
<el-button type="primary" size="small" @click="saveHandelClick('contractOn','formContractOn')">保存</el-button>
<i class="el-icon-download" @click="downloadAllClick('contractOn')">下载全部</i>
</p>
</el-tab-pane>
<el-tab-pane label="操作记录" name="operationRecord">
<company-config-record :data="record"></company-config-record>
</el-tab-pane>
</el-tabs>
<el-dialog :visible.sync="serviceVisible" append-to-body @closed="serviceClosed">
<avue-form ref="serviceForm" v-model="serviceForm" :option="serviceOption" @reset-change="emptytChange"
@submit="serviceSubmit">
<template v-slot:id>
<span>服务费</span>
</template>
</avue-form>
</el-dialog>
</el-drawer>
</basic-container>
</template>
<script>
import {getStation } from "@/api/manage/station";
import {getDetail,downloadList,update,setConfig,addService,getNoProcessing,stop,whetherSignService,serviceEnable} from "@/api/manage/company";
import { getTradeDic } from "@/api/manage/trade";
import { moneyFormat, toCent} from "@/util/money";
import { getConfigListNew } from "@/api/manage/companyRecord";
import companyConfigRecord from "../companyConfigRecordNew";
import Axios from "axios";
import lodash from "lodash";
import { putFile } from "@/api/resource/oss";
import {
getConfigNew,
} from "@/api/manage/company";
const accept = [
"image/png",
"image/jpeg",
"image/svg+xml",
"image/gif",
"image/x-photoshop",
];
function getPath(path) {
const arr = path.split(",");
return arr[arr.length - 1];
}
export default {
components: { companyConfigRecord },
data() {
return {
rules: {
companyTid: [
{ required: true, message: '请输入社会信用代码', trigger: 'blur' },
],
companyName: [
{ required: true, message: '请输入公司名称', trigger: 'blur' },
],
masterName: [
{ required: true, message: '请输入法人姓名', trigger: 'blur' },
],
masterIdentity: [
{ required: true, message: '请输入身份证号', trigger: 'blur' },
],
telphone: [
{ required: true, message: '请输入注册电话', trigger: 'blur' },
],
tradeId: [
{ required: true, message: '请选择行业', trigger: 'blur' },
],
cityId: [
{ required: true, message: '请选择所在地区', trigger: 'blur' },
],
companyAddress: [
{ required: true, message: '请输入信息地址', trigger: 'blur' },
],
},
noProcessingStatus:9,//终止合作
entranceFlag:'',
btnShowFlag:false,
serviceVisible: false,
downloadUrls:'',
serviceForm: {},
serviceOption: {
menuPosition: "right",
labelWidth: 120,
column: [
{
type: "select",
label: "产品",
prop: "id",
formslot: true,
span: 24,
},
{
type: "number",
label: "服务费金额",
prop: "serveCost",
precision: 2,
rules: [{ required: true, message: "请输入服务费金额" }],
span: 24,
},
{
type: "select",
label: "计量单位",
prop: "serveUnit",
dataType: "number",
dicData: [{ value: 0, label: "元/人·次" }],
rules: [{ required: true, message: "请选择计量单位" }],
span: 24,
},
],
},
activeName: 'companyInfo',
formEnclosure:{},
row:{},
drawer:false,
companyDisabled:true,
companyInfo:{},
tradeDic:[],
configData:[],
companyId: null,
tenantId: null,
serviceData: [],
record:[],
mutiPutFile:putFile,
imgList:[],
option: {
labelWidth: 200,
menuBtn:false,
column: [
{
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: "请上传法人身份证(人像)",
},
],
},
{
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以内',
},
{
type: "upload",
label: "授权委托书",
span: 12,
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,
},
]
},
optionContractOn: {
labelWidth: 200,
menuBtn:false,
column: [
{
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: 12,
showFileList: false,
listType: "picture-img",
multiple: false,
propsHttp: {
res: "data",
url: "link",
},
canvasOption: {},
headers: [],
data: [],
accept,
size: "small",
prop: "templateUrl",
action: putFile,
viewDisplay: false,
rules: [
{
required: true,
message: "请上传电子签章章模",
},
],
// tip:'上传图片大小限制2M以内',
},
]
}
};
},
methods:{
rowStop(id) {
let h = this.$createElement;
this.$confirm(
h("p", { style: "color: #F56C6C" }, "一旦终止合作企业将无法操作系统"),
"您确定要终止与此公司的合作吗?",
{
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;
});
})
.catch(() => {});
},
moneyFormat,
//下载全部
downloadAllClick(name){
this.downloadUrls = '';
if(name == 'enclosure'){
this.downloadUrls += this.companyInfo.identityUrl4Id + ',';
this.downloadUrls += this.companyInfo.identityUrl5Id + ',';
this.downloadUrls += this.companyInfo.authUrlId + ',';
this.downloadUrls += this.companyInfo.letterOfAttorneyUrl + ',';
this.downloadUrls += this.companyInfo.motoleyUrl;
}else{
this.downloadUrls += this.companyInfo.signSrcUrl + ',';
this.downloadUrls += this.companyInfo.templateUrl;
}
window.open(downloadList(this.downloadUrls));
},
serverEnable(row) {
this.loading = true;
serviceEnable(row.id, this.companyId)
.then(() => {
this.$message({ type: "success", message: "操作成功!" });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
},
recoveryHandelClick() {
let h = this.$createElement;
this.$confirm(
h("p", { style: "color: #F56C6C" }, "一旦恢复合作企业所有账号均可使用"),
"您确定要恢复与此公司的合作吗?",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
center: true,
}
)
.then(() => {
getNoProcessing(this.companyId,'',0).then((res)=>{ //0代表回复合作
if (res.data.code==200) {
this.$message.success(res.data.msg);
this.drawer = false;
this.$emit('refresh')
}else{
this.$message.error(res.data.msg)
}
})
})
.catch(() => {});
},
serviceSubmit(form, done) {
form.serveCost = toCent(form.serveCost);
form.companyId = this.companyId;
form.tenantId = this.tenantId;
addService(form)
.then(() => {
this.$message({ type: "success", message: "操作成功!" });
this.getConfig();
this.serviceVisible = false;
done();
})
.catch(() => {
done();
});
},
/*开启电子合同服务*/
configOpenElec(row) {
whetherSignService(this.companyId).then((res) => {
if (res.data.data) {
const data = lodash.cloneDeep(row);
data.value = 1;
setConfig(data)
.then(() => {
this.$message({ type: "success", message: "操作成功!" });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
}
else {
this.$message.error('企业未开通【电子签章】,不能开启【电子合同】')
}
}).catch((error) => {
this.$message.error(error)
})
},
//合同
configSubmit(row) {
const data = lodash.cloneDeep(row);
data.value = data.value ? 0 : 1;
if(row.type == 2 && row.value == 0){
this.$confirm('开启<font color="#409EFF"> 先开票 </font>服务,则会在企业付款之前开发票,确定开启?', '提示', {
confirmButtonText: '开启',
cancelButtonText: '取消',
dangerouslyUseHTMLString:true,
}).then(() => {
setConfig(data)
.then((res) => {
this.$message({ type: "success", message: res.data.msg });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
}).catch(() => {
// this.$message({
// type: 'info',
// message: '已取消删除'
// });
});
}else{
if(row.type == 3 && row.value == 1){
this.$confirm('停用<font color="#409EFF"> 银联代发 </font>服务,企业发工资则不可以使用线上代发功能,确定停用吗?', '提示', {
confirmButtonText: '停用',
cancelButtonText: '取消',
dangerouslyUseHTMLString:true,
}).then(() => {
setConfig(data)
.then((res) => {
this.$message({ type: "success", message: res.data.msg });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
}).catch(() => {
// this.$message({
// type: 'info',
// message: '已取消删除'
// });
});
}else{
setConfig(data)
.then((res) => {
this.$message({ type: "success", message: res.data.msg });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
}
}
},
/*免缴保证金*/
configPay(row, type) {
const data = lodash.cloneDeep(row);
if (type == "free") {//免缴--2
data.value = 2;
} else if (type == "yes") {//已缴 --0
data.value = 0;
} else if (type == "no") {//未缴--1
data.value = 1;
}
setConfig(data)
.then(() => {
this.$message({ type: "success", message: "操作成功!" });
this.getConfig();
})
.catch(() => {
this.getConfig();
});
},
//修改
editHandelClick(flag){
this[flag] = false;
this.btnShowFlag = true;
},
//保存
saveHandelClick(flag,formName){
if(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
this.saveUpdate(flag);
} else {
console.log('error submit!!');
return false;
}
})
}else{
this.saveUpdate(flag);
}
},
saveUpdate(flag){
this.companyInfo.authUrlId = getPath(this.companyInfo.authUrlId);
this.companyInfo.identityUrl4Id = getPath(this.companyInfo.identityUrl4Id);
this.companyInfo.identityUrl5Id = getPath(this.companyInfo.identityUrl5Id);
this.companyInfo.remarks = '修改';
update(this.companyInfo).then(
() => {
this.openDialog(this.row);
this.$message({
type: "success",
message: "操作成功!",
});
},
(error) => {
window.console.log(error);
}
);
this[flag] = true;
this.btnShowFlag = false;
},
//取消
cancelHandelClick(flag,formName){
formName ? this.$refs[formName].clearValidate() : '';
this.openDialog(this.row,this.entranceFlag);
this[flag] = true;
this.btnShowFlag = false;
},
//终止合作
stopHandelClick(){
this.$confirm('您确定要终止与此公司合作吗?</br><span style="color:#ff0000">一旦终止合作企业将无法操作系统</span>', '终止合作', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
dangerouslyUseHTMLString:true
}).then(() => {
getNoProcessing(this.companyId,'',this.noProcessingStatus).then((res)=>{
if (res.data.code==200) {
this.$message.success(res.data.msg);
this.drawer = false;
this.$emit('refresh')
}else{
this.$message.error(res.data.msg)
}
})
}).catch(() => {
});
},
/*多张图片上传*/
handleImgLimit(){
this.$message.warning('当前最多上传4张图片');
},
handleImgSuccess(res){
if(res.code==200){
this.imgList.push({url:res.data.link});
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.companyInfo.motoleyUrl=str;
}
else{
this.$message.error('上传失败');
}
},
handleImgRemove(file){
let index=0;
for(let i in this.imgList){
if(this.imgList[i]['uid']==file.uid){
index=i;
break;
}
}
this.imgList.splice(index,1);
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.companyInfo.motoleyUrl=str;
},
//获取企业服务配置
getConfig() {
this.loading = true;
Axios.all([
getConfigListNew(this.companyId,0),
getConfigNew(this.companyId),
]).then(
Axios.spread((record, config) => {
this.record = record.data.data;
this.configData = config.data.data.config;
this.serviceData = config.data.data.fee;
this.loading = false;
})
);
},
/*打开drawer*/
openDialog (row,flag) {
this.entranceFlag = flag;
this.row = row;
this.companyDisabled = true;
this.companyId = row.id;
this.tenantId = row.tenantId;
this.drawer = true;
this.imgList = [];
getTradeDic(true).then((res) => {
this.tradeDic = res.data.data;
});
getDetail(row.id).then((res) => {
this.loading = false;
this.companyInfo = res.data.data;
// if(this.form.tradeId==1){
// this.form.tradeId='';
// this.tradeId = this.form.tradeId;
// }
if(this.companyInfo.motoleyUrl!=""){
var strList=this.companyInfo.motoleyUrl.split(',');
for(var i in strList){
this.imgList.push({url:strList[i]})
}
}
getStation().then((res)=>{
let getStationList = res.data.data;
getStationList.forEach((ele) => {
if(row.stationId == ele.stationId){
this.companyInfo.stationName = ele.stationName;
}
});
})
});
this.getConfig();
},
handleClick(tab, event) {
console.log(tab, event);
}
}
}
</script>
<style lang="scss">
.examineDialog .companyTitle{
border-bottom: 2px solid #e7e7e7;
margin-bottom: 30px;
display: flex;
}
.examineDialog .el-drawer__header{
padding: 0;
margin: 0;
}
.examineDialog .companyTitle p span{
margin-right: 20px;
}
.examineDialog .companyTitle h2{
margin: 0;
padding: 0;
}
.examineDialog .companyTitle .title{
width: 85%;
}
.examineDialog .companyTitle .btn{
margin-top: 40px;
}
.examineDialog .el-form-item{
float: left;
width: 35%;
}
.examineDialog .el-cascader,.examineDialog .el-select{
width: 100%;
}
.examineDialog .serviceSetBox{
display: flex;
height: 80px;
width: 96%;
padding: 0 2%;
background-color: #F5F7FA;
border-radius: 10px;
margin-bottom: 10px;
}
.examineDialog .serviceSetBox .showFlag{
width: 100%;
display: flex;
}
.serviceSetTitle{
width:97%;
}
.examineDialog .serviceSetTitle h3{
font-weight: 400;
font-size: 16px;
padding:0;
margin: 0;
margin-top: 10px;
}
.examineDialog .serviceSetTitle p{
padding: 0;
margin: 0;
margin-top: 10px;
font-size: 14px;
}
.examineDialog .serviceSetTitle h3 span{
display: inline-block;
margin-left: 20px;
padding: 2px 10px;
border: 1px solid #5379f7;
border-radius: 5px;
font-size: 12px;
color:#5379f7;
}
.examineDialog .serviceSetBtn{
line-height: 80px;
display: flex;
}
.examineDialog .serviceInfo li{
display: flex;
height: 50px;
background-color: #F5F7FA;
border-radius: 10px;
margin-top: 20px;
line-height: 50px;
}
.examineDialog .serviceInfo li div{
width: 60%;
margin-left: 20px;
}
.examineDialog .serviceInfo li span{
color: #409EFF;
}
.examineDialog .serviceChargeInfo .tips{
line-height: 30px;
color: #ff0000;
padding: 0;
margin: 0;
}
.examineDialog .el-upload--picture-card{
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px!important;
text-align: center;
background-color: #ffffff;
}
.examineDialog .el-upload-list--picture-card .el-upload-list__item{
width: 178px;
height: 178px;
line-height: 178px!important;
}
.examineDialog .el-input__inner{
height: 32px;
}
.examineDialog .el-tabs__header{
margin: 0 0 35px;
}
.examineDialog .el-drawer__close-btn{
margin: 20px 20px 0 0;
}
.examineDialog .el-icon-edit{
color: #1989fa;
cursor: pointer;
position: relative;
right: -120px;
top: 0;
}
</style>