|
@@ -4,43 +4,43 @@
|
|
|
<template #toolbar>
|
|
|
<div class="inner-toolbar w-11/12 flex justify-between">
|
|
|
<div class="toolbar-btns">
|
|
|
- <el-button size="small" v-if="checkPermission(['warehouse:add'])" type="primary" @click="handleAddWarehouse">新增</el-button>
|
|
|
+ <el-button size="small" v-if="checkPermission(['warehouse:add'])" type="primary" @click="handleAddWarehouse">{{$t('add')}}</el-button>
|
|
|
</div>
|
|
|
<div class="toolbar-search">
|
|
|
- <en-table-search @search="searchEvent" placeholder="请输入关键字搜索" />
|
|
|
+ <en-table-search @search="searchEvent" :placeholder="$t('search_placeholde')" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<template #table-columns>
|
|
|
- <el-table-column prop="name" label="公司名称" width="200" />
|
|
|
- <el-table-column prop="industry" label="行业" width="200" />
|
|
|
- <el-table-column prop="user_name" label="法人" width="200" />
|
|
|
- <el-table-column prop="phone" label="电话" width="200" />
|
|
|
- <el-table-column prop="email" label="邮箱" width="200" />
|
|
|
- <el-table-column prop="company_package_id" label="套餐" width="200">
|
|
|
+ <el-table-column prop="name" :label="$t('companyName')" width="200" />
|
|
|
+ <el-table-column prop="industry" :label="$t('industry')" width="200" />
|
|
|
+ <el-table-column prop="user_name" :label="$t('legal_person')" width="200" />
|
|
|
+ <el-table-column prop="phone" :label="$t('phone')" width="200" />
|
|
|
+ <el-table-column prop="email" :label="$t('companyEmail')" width="200" />
|
|
|
+ <el-table-column prop="company_package_id" :label="$t('company_package')" width="200">
|
|
|
<template #default="scope">
|
|
|
{{ packageName(scope.row.company_package_id) }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="end_use_time" label="套餐到期时间" width="200" />
|
|
|
- <el-table-column prop="status" label="状态" width="200">
|
|
|
+ <el-table-column prop="end_use_time" :label="$t('end_use_time')" width="200" />
|
|
|
+ <el-table-column prop="status" :label="$t('user_state')" width="200">
|
|
|
<template #default="scope">
|
|
|
{{ typeName(scope.row.status) }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="地址" width="200">
|
|
|
+ <el-table-column :label="$t('companyAddress')" width="200">
|
|
|
<template #default="scope">
|
|
|
{{ adminName(scope.row.province) + scope.row.address }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="操作" width="300">
|
|
|
+ <el-table-column :label="$t('operate')" width="300">
|
|
|
<template #default="scope">
|
|
|
- <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="getBranch('compan', scope.row)">查看</el-button>
|
|
|
- <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="handleEditWarehouse(scope.$index, scope.row)">编辑</el-button>
|
|
|
- <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="handleRenew(scope.$index, scope.row)">续费</el-button>
|
|
|
- <el-button size="small" class="mt-1" v-if="scope.row.status !== 1" @click="handleBranch(scope.$index, scope.row)">审核</el-button>
|
|
|
+ <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="getBranch('compan', scope.row)">{{$t('view')}}</el-button>
|
|
|
+ <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="handleEditWarehouse(scope.$index, scope.row)">{{$t('edit')}}</el-button>
|
|
|
+ <el-button size="small" v-if="checkPermission(['warehouse:update'])" @click="handleRenew(scope.$index, scope.row)">{{$t('renew')}}</el-button>
|
|
|
+ <el-button size="small" class="mt-1" v-if="scope.row.status !== 1" @click="handleBranch(scope.$index, scope.row)">{{$t('review')}}</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</template>
|
|
@@ -60,7 +60,7 @@
|
|
|
</en-table-layout>
|
|
|
|
|
|
<el-dialog
|
|
|
- :title="companyForm.id ? '编辑公司' : '新建公司'"
|
|
|
+ :title="companyForm.id ? $t('edit') : $t('add')"
|
|
|
v-model="dialogVisible"
|
|
|
@open="handleDialogOpen"
|
|
|
:modal-append-to-body="false"
|
|
@@ -70,7 +70,7 @@
|
|
|
<el-form :model="companyForm" :rules="stockRules" ref="companyFormRef" label-width="140px">
|
|
|
<el-row>
|
|
|
<el-col :span="16">
|
|
|
- <el-form-item label="营业执照:" prop="license">
|
|
|
+ <el-form-item :label="$t('companyLicense')+':'" prop="license">
|
|
|
<el-upload
|
|
|
:disabled="disabled"
|
|
|
class="avatar-uploader"
|
|
@@ -85,7 +85,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="身份证正面:" prop="id_card_front">
|
|
|
+ <el-form-item :label="$t('front_id_card')+':'" prop="id_card_front">
|
|
|
<el-upload
|
|
|
:disabled="disabled"
|
|
|
class="avatar-uploader"
|
|
@@ -102,7 +102,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="身份证反面:" prop="id_card_opposite">
|
|
|
+ <el-form-item :label="$t('opposite_id_card')+':'" prop="id_card_opposite">
|
|
|
<el-upload
|
|
|
:disabled="disabled"
|
|
|
class="avatar-uploader"
|
|
@@ -117,92 +117,92 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10" v-if="!companyForm.id">
|
|
|
- <el-form-item label="套餐:" prop="company_package_id">
|
|
|
- <el-select v-model="companyForm.company_package_id" :disabled="disabled" clearable placeholder="请选择套餐">
|
|
|
+ <el-form-item :label="$t('company_package')+':'" prop="company_package_id">
|
|
|
+ <el-select v-model="companyForm.company_package_id" :disabled="disabled" clearable :placeholder="$t('change')+$t('company_package')">
|
|
|
<el-option v-for="item in packageList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="公司名称:" prop="name">
|
|
|
- <el-input v-model="companyForm.name" clearable disabled placeholder="请输入公司名称"></el-input>
|
|
|
+ <el-form-item :label="$t('companyName')+':'" prop="name">
|
|
|
+ <el-input v-model="companyForm.name" clearable disabled :placeholder="$t('company_name')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="统一社会信用代码:" prop="credit_code">
|
|
|
- <el-input v-model="companyForm.credit_code" clearable disabled placeholder="请输入统一社会信用代码"></el-input>
|
|
|
+ <el-form-item :label="$t('credit_code')+':'" prop="credit_code">
|
|
|
+ <el-input v-model="companyForm.credit_code" clearable disabled :placeholder="$t('place')+$t('credit_code')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="行业:" prop="industry">
|
|
|
- <el-input v-model="companyForm.industry" :disabled="disabled" clearable placeholder="请输入行业"></el-input>
|
|
|
+ <el-form-item :label="$t('industry')+':'" prop="industry">
|
|
|
+ <el-input v-model="companyForm.industry" :disabled="disabled" clearable :placeholder="$t('place')+$t('industry')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="法人:" prop="user_name">
|
|
|
- <el-input v-model="companyForm.user_name" disabled clearable placeholder="请输入联系人"></el-input>
|
|
|
+ <el-form-item :label="$t('legal_person')+':'" prop="user_name">
|
|
|
+ <el-input v-model="companyForm.user_name" disabled clearable :placeholder="$t('place')+$t('legal_person')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="法人电话:" prop="phone">
|
|
|
- <el-input v-model="companyForm.phone" :disabled="disabled" clearable placeholder="请输入联系人电话"></el-input>
|
|
|
+ <el-form-item :label="$t('corporate_phone')+':'" prop="phone">
|
|
|
+ <el-input v-model="companyForm.phone" :disabled="disabled" clearable :placeholder="$t('place')+$t('corporate_phone')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="邮箱:" prop="email">
|
|
|
- <el-input v-model="companyForm.email" :disabled="disabled" clearable placeholder="请输入邮箱"></el-input>
|
|
|
+ <el-form-item :label="$t('companyEmail')+':'" prop="email">
|
|
|
+ <el-input v-model="companyForm.email" :disabled="disabled" clearable :placeholder="$t('place')+$t('companyEmail')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="邮编:" prop="postal_code">
|
|
|
- <el-input v-model="companyForm.postal_code" :disabled="disabled" clearable placeholder="请输入邮箱"></el-input>
|
|
|
+ <el-form-item :label="$t('postalCode')+':'" prop="postal_code">
|
|
|
+ <el-input v-model="companyForm.postal_code" :disabled="disabled" clearable :placeholder="$t('place')+$t('postalCode')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="官网:" prop="website">
|
|
|
- <el-input v-model="companyForm.website" :disabled="disabled" clearable placeholder="请输入官网地址"></el-input>
|
|
|
+ <el-form-item :label="$t('website')+':'" prop="website">
|
|
|
+ <el-input v-model="companyForm.website" :disabled="disabled" clearable :placeholder="$t('place')+$t('website')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
- <el-form-item label="地址:" prop="">
|
|
|
+ <el-form-item :label="$t('companyAddress')+':'" prop="">
|
|
|
<el-cascader class="w-full" size="default" :disabled="disabled" :options="options" clearable v-model="selectedOptions"> </el-cascader>
|
|
|
<span>
|
|
|
- <el-input class="!w-full mt-3" v-model="companyForm.address" :disabled="disabled" placeholder="请输入"></el-input>
|
|
|
+ <el-input class="!w-full mt-3" v-model="companyForm.address" :disabled="disabled" :placeholder="$t('place')"></el-input>
|
|
|
</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="20" v-if="type == 'examine'">
|
|
|
- <el-form-item label="驳回原因:" prop="">
|
|
|
- <el-input v-model="companyForm.fail_reason" clearable placeholder="请输入官网地址"></el-input>
|
|
|
+ <el-form-item :label="$t('reject')+':'" prop="">
|
|
|
+ <el-input v-model="companyForm.fail_reason" clearable :placeholder="$t('reject_reason')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer" v-if="type !== 'examine'">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitWarehouseForm">确 定</el-button>
|
|
|
+ <el-button @click="dialogVisible = false">{{$t('cancel')}}</el-button>
|
|
|
+ <el-button type="primary" @click="submitWarehouseForm">{{$t('submit')}}</el-button>
|
|
|
</div>
|
|
|
<div class="dialog-footer" v-else>
|
|
|
- <el-button @click="submitExamine(2)">驳 回</el-button>
|
|
|
+ <el-button @click="submitExamine(2)">{{$t('down')}}</el-button>
|
|
|
<!-- superUpdateStatus -->
|
|
|
- <el-button type="primary" @click="submitExamine(1)">同 意</el-button>
|
|
|
+ <el-button type="primary" @click="submitExamine(1)">{{$t('agree_with')}}</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="续费" v-model="renewVisible" :modal-append-to-body="false" width="450px" :close-on-click-modal="false" :close-on-press-escape="false">
|
|
|
+ <el-dialog :title="$t('renew')" v-model="renewVisible" :modal-append-to-body="false" width="450px" :close-on-click-modal="false" :close-on-press-escape="false">
|
|
|
<el-form :model="packageForm" :rules="stockRules" ref="packageFormRef" label-width="140px">
|
|
|
- <el-form-item label="套餐:" prop="company_package_id">
|
|
|
- <el-select v-model="packageForm.company_package_id" clearable placeholder="请选择套餐">
|
|
|
+ <el-form-item :label="$t('company_package')+':'" prop="company_package_id">
|
|
|
+ <el-select v-model="packageForm.company_package_id" clearable :placeholder="$t('change')+$t('company_package')">
|
|
|
<el-option v-for="item in packageList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
- <el-button @click="renewVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitPackageForm">确 定</el-button>
|
|
|
+ <el-button @click="renewVisible = false">{{$t('cancel')}}</el-button>
|
|
|
+ <el-button type="primary" @click="submitPackageForm">{{$t('submit')}}</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
@@ -223,6 +223,9 @@ import { provinceAndCityData, pcTextArr, regionData, pcaTextArr, codeToText } fr
|
|
|
import { Plus } from '@element-plus/icons-vue';
|
|
|
import type { UploadProps } from 'element-plus';
|
|
|
|
|
|
+import { useI18n } from 'vue-i18n';
|
|
|
+const { t } = useI18n();
|
|
|
+
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
/* 营业执照 */
|
|
@@ -246,7 +249,7 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
|
|
|
const handleFrontSuccess: UploadProps['onSuccess'] = (response, uploadFile) => {
|
|
|
API_Company.checkIdCardOpposite({ image_url: response.url }, 'front').then((res) => {
|
|
|
if (res.name !== companyForm.value.name) {
|
|
|
- ElMessage.error('请上传法人身份证!');
|
|
|
+ ElMessage.error(t('upload_id_card')+'!');
|
|
|
return;
|
|
|
}
|
|
|
companyForm.value.user_name = res.name;
|
|
@@ -301,22 +304,22 @@ const companyForm = ref<any>({
|
|
|
id_card_msg_opposite: {},
|
|
|
});
|
|
|
const stockRules = ref<any>({
|
|
|
- role_id: [{ required: true, message: '请选择权限!', trigger: 'change' }],
|
|
|
- name: [{ required: true, message: '请输入公司名称!', trigger: 'blur' }],
|
|
|
- credit_code: [{ required: true, message: '请输入统一社会信用代码!', trigger: 'blur' }],
|
|
|
- industry: [{ required: true, message: '请输入行业!', trigger: 'blur' }],
|
|
|
- user_name: [{ required: true, message: '请输入联系人姓名!', trigger: 'blur' }],
|
|
|
+ role_id: [{ required: true, message: t('change')+t('package_role')+'!', trigger: 'change' }],
|
|
|
+ name: [{ required: true, message:t('place')+t('companyName')+'!', trigger: 'blur' }],
|
|
|
+ credit_code: [{ required: true, message:t('place')+t('credit_code')+'!', trigger: 'blur' }],
|
|
|
+ industry: [{ required: true, message:t('place')+t('industry')+'!', trigger: 'blur' }],
|
|
|
+ user_name: [{ required: true, message:t('place')+t('legal_person')+'!', trigger: 'blur' }],
|
|
|
phone: [
|
|
|
- { required: true, message: '请输入联系人电话!', trigger: 'blur' },
|
|
|
- { pattern: /^1[3-9]\d{9}$/, message: '请输入有效的手机号', trigger: 'blur' },
|
|
|
+ { required: true, message: t('place')+t('corporate_phone')+'!', trigger: 'blur' },
|
|
|
+ { pattern: /^1[3-9]\d{9}$/, message: t('valid_phone'), trigger: 'blur' },
|
|
|
],
|
|
|
email: [
|
|
|
- { required: true, message: '请输入邮箱!', trigger: 'blur' },
|
|
|
- { type: 'email', message: '请输入有效的邮箱地址', trigger: ['blur', 'change'] },
|
|
|
+ { required: true, message:t('place')+t('companyEmail')+'!', trigger: 'blur' },
|
|
|
+ { type: 'email', message:t('valid_email'), trigger: ['blur', 'change'] },
|
|
|
],
|
|
|
postal_code: [
|
|
|
- { required: true, message: '请输入邮编!', trigger: 'blur' },
|
|
|
- { pattern: /^[1-9]\d{5}$/, message: '请输入有效的邮政编码', trigger: 'blur' },
|
|
|
+ { required: true, message:t('place')+t('postalCode')+'!', trigger: 'blur' },
|
|
|
+ { pattern: /^[1-9]\d{5}$/, message: t('valid_postal_code'), trigger: 'blur' },
|
|
|
],
|
|
|
});
|
|
|
const selectedOptions = ref<any[]>([]);
|
|
@@ -334,7 +337,7 @@ const submitExamine = (value) => {
|
|
|
companyForm.value.status = value;
|
|
|
API_Company.superUpdateStatus(companyForm.value, companyForm.value.id).then((res) => {
|
|
|
dialogVisible.value = false;
|
|
|
- ElMessage.success('审核成功!');
|
|
|
+ ElMessage.success(t('audit_success')+'!');
|
|
|
GET_CompanyList();
|
|
|
});
|
|
|
};
|
|
@@ -377,9 +380,9 @@ const submitPackageForm = () => {
|
|
|
packageForm.value = {};
|
|
|
packageId.value = '';
|
|
|
if (packageId.value == packageForm.value.company_package_id) {
|
|
|
- ElMessage.success('续费成功!');
|
|
|
+ ElMessage.success(t('renew_success'));
|
|
|
} else {
|
|
|
- ElMessage.success('付费后立即生效!');
|
|
|
+ ElMessage.success(t('renew_info'));
|
|
|
}
|
|
|
renewVisible.value = false;
|
|
|
});
|
|
@@ -444,15 +447,15 @@ const submitWarehouseForm = () => {
|
|
|
if (id) {
|
|
|
API_Company.editCompany(id, params).then(() => {
|
|
|
dialogVisible.value = false;
|
|
|
- ElMessage.success('修改成功!');
|
|
|
+ ElMessage.success(t('edit_success')+'!');
|
|
|
GET_CompanyList();
|
|
|
});
|
|
|
} else {
|
|
|
API_Company.addCompany(params).then((res) => {
|
|
|
dialogVisible.value = false;
|
|
|
- ElMessageBox.confirm(`此为登录密码,请详细记录:${res}`, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
+ ElMessageBox.confirm(t('pass_error')+`:${res}`, t('prompt'), {
|
|
|
+ confirmButtonText: t('submit'),
|
|
|
+ cancelButtonText: t('cancel'),
|
|
|
type: 'warning',
|
|
|
})
|
|
|
.then(() => {
|
|
@@ -465,7 +468,7 @@ const submitWarehouseForm = () => {
|
|
|
});
|
|
|
}
|
|
|
} else {
|
|
|
- ElMessage.error('表单填写有误,请核对!');
|
|
|
+ ElMessage.error(t('form_erroe'));
|
|
|
/* store.dispatch('showMessage', { message: '表单填写有误,请核对!', type: 'error' }); */
|
|
|
return false;
|
|
|
}
|