bugfix and performance improvements

This commit is contained in:
2023-07-21 16:45:30 +08:00
parent 6cc3e9e348
commit 2be4e29f37
22 changed files with 611 additions and 551 deletions

View File

@ -45,3 +45,28 @@ export const deleteLabPatentByIds = (ids) => {
method: "DELETE", method: "DELETE",
}); });
}; };
/**
* 实验室未绑定专家列表
* @param params
* @return {*}
*/
export const selectNotBindLaboratory = (params) => {
return request({
url: `/app/laboratory/selectNotBindLaboratory`,
method: "GET",
params,
});
};
/**
* 实验室专家绑定
* @param expertId
* @return {*}
*/
export const bindExpert = (expertId) => {
return request({
url: `/app/laboratory/bindExpert/${expertId}`,
method: "GET",
});
};

View File

@ -6,4 +6,4 @@ export const upload = (data) => {
method: "post", method: "post",
data: data, data: data,
}); });
} };

View File

@ -21,6 +21,6 @@ const statistics = {
expert: "шт", expert: "шт",
laboratory: "шт", laboratory: "шт",
paper: "шт", paper: "шт",
} },
} };
export default statistics; export default statistics;

View File

@ -21,7 +21,6 @@ const statistics = {
expert: "位", expert: "位",
laboratory: "个", laboratory: "个",
paper: "篇", paper: "篇",
} },
};
}
export default statistics; export default statistics;

View File

@ -42,7 +42,11 @@
trigger="click" trigger="click"
> >
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img v-if="userStore.avatar" :src="`${baseUrl}/file${userStore.avatar}`" class="user-avatar" /> <img
v-if="userStore.avatar"
:src="`${baseUrl}/file${userStore.avatar}`"
class="user-avatar"
/>
<img v-else :src="defaultAvatar" class="user-avatar" /> <img v-else :src="defaultAvatar" class="user-avatar" />
<el-icon> <el-icon>
<caret-bottom /> <caret-bottom />
@ -104,7 +108,7 @@ import useUserStore from "@/store/modules/user";
import useSettingsStore from "@/store/modules/settings"; import useSettingsStore from "@/store/modules/settings";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { ref } from "vue"; import { ref } from "vue";
import defaultAvatar from '@/assets/logo/avatar.png' import defaultAvatar from "@/assets/logo/avatar.png";
const appStore = useAppStore(); const appStore = useAppStore();
const userStore = useUserStore(); const userStore = useUserStore();
const settingsStore = useSettingsStore(); const settingsStore = useSettingsStore();

View File

@ -30,28 +30,30 @@ const data = reactive({
}, },
rules: { rules: {
// 表单验证规则 // 表单验证规则
orderNumber: [{ orderNumber: [
required: true, message: /*"请输入订单号"*/ {
computed( required: true,
() => /*"请输入订单号"*/
message: computed(() =>
t("admin.form.placeholder", { t("admin.form.placeholder", {
type: t("admin.form.orderNumber"), type: t("admin.form.orderNumber"),
}) })
) ),
, trigger: "blur" trigger: "blur",
}], },
],
companyName: [ companyName: [
{ {
required: true, message: /*"请输入公司名称"*/ required: true,
computed( /*"请输入公司名称"*/
() => message: computed(() =>
t("admin.form.placeholder", { t("admin.form.placeholder", {
type: t("admin.form.name", { type: t("admin.form.name", {
type: t("admin.common.company"), type: t("admin.common.company"),
}), }),
}) })
) ),
, trigger: "blur" trigger: "blur",
}, },
], ],
// 税号 // 税号
@ -231,7 +233,6 @@ getList();
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
:disabled="row.status !== '0'" :disabled="row.status !== '0'"
type="text" type="text"
@click="handleApplyInvoice(row)" @click="handleApplyInvoice(row)"
>发票申请 >发票申请

View File

@ -148,18 +148,12 @@ getList();
:placeholder=" :placeholder="
t('admin.form.placeholder', { type: t('admin.common.company') }) t('admin.form.placeholder', { type: t('admin.common.company') })
" "
@keyup.enter.prevent="handleQuery" @keyup.enter.prevent="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button icon="Search" type="primary" @click="handleQuery">
icon="Search"
type="primary"
@click="handleQuery"
>
{{ t("admin.common.search") }} {{ t("admin.common.search") }}
</el-button> </el-button>
<el-button icon="Refresh" @click="resetQuery"> <el-button icon="Refresh" @click="resetQuery">
@ -210,7 +204,6 @@ getList();
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
link link
type="text" type="text"
@click="handleTechDemand(row.enterpriseId)" @click="handleTechDemand(row.enterpriseId)"
>{{ >{{
@ -226,12 +219,7 @@ getList();
}) })
}} }}
</el-button> </el-button>
<el-button <el-button link type="text" @click="handleDelete(row.id)">
link
type="text"
@click="handleDelete(row.id)"
>
{{ t("admin.common.delete") }} {{ t("admin.common.delete") }}
</el-button> </el-button>
</template> </template>

View File

@ -113,18 +113,12 @@ getList();
:placeholder=" :placeholder="
t('admin.form.placeholder', { type: t('admin.common.company') }) t('admin.form.placeholder', { type: t('admin.common.company') })
" "
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button icon="Search" type="primary" @click="handleQuery">
icon="Search"
type="primary"
@click="handleQuery"
>
{{ t("admin.common.search") }} {{ t("admin.common.search") }}
</el-button> </el-button>
<el-button icon="Refresh" @click="resetQuery"> <el-button icon="Refresh" @click="resetQuery">
@ -170,9 +164,7 @@ getList();
</el-table-column> </el-table-column>
<el-table-column align="center" :label="t('admin.common.operation')"> <el-table-column align="center" :label="t('admin.common.operation')">
<template #default="{ row }"> <template #default="{ row }">
<el-button link type="primary" @click="" <el-button link type="primary" @click="">查看详情 </el-button>
>查看详情
</el-button>
<el-button link type="primary">承接需求</el-button> <el-button link type="primary">承接需求</el-button>
</template> </template>
</el-table-column> </el-table-column>

View File

@ -1,5 +1,5 @@
<template> <template>
<el-row type="flex" style="padding: 40px 20px"> <el-row style="padding: 40px 20px" type="flex">
<div class="img"> <div class="img">
<el-image :src="data.image" alt /> <el-image :src="data.image" alt />
</div> </div>
@ -21,8 +21,9 @@
> >
</div> </div>
</div> </div>
<div class="keywords" style="flex: 1"> <div class="keywords" style="/*flex: 1; */ width: 360px">
<wordcloud <wordcloud
:width="360"
:data="createdData(data.keyword?.split(',') ?? [])" :data="createdData(data.keyword?.split(',') ?? [])"
></wordcloud> ></wordcloud>
</div> </div>
@ -32,7 +33,7 @@
<script setup> <script setup>
import wordcloud from "./wordcloud.vue"; import wordcloud from "./wordcloud.vue";
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from "vue-router";
import { addViewHistory } from "@/utils/view_history";
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const props = defineProps({ const props = defineProps({
@ -41,6 +42,7 @@ const props = defineProps({
required: true, required: true,
}, },
}); });
function createdData(arr) { function createdData(arr) {
let l = []; let l = [];
let snap = JSON.parse(JSON.stringify(arr)); let snap = JSON.parse(JSON.stringify(arr));
@ -50,6 +52,7 @@ function createdData(arr) {
}); });
return l; return l;
} }
function handleDetail(id) { function handleDetail(id) {
let routeData = router.resolve({ let routeData = router.resolve({
path: `/searchList/enterprise/detail/${id}`, path: `/searchList/enterprise/detail/${id}`,
@ -62,17 +65,22 @@ function handleDetail(id) {
} }
</script> </script>
<style scoped lang="scss"> <style lang="scss" scoped>
.img { .img {
width: 90px; width: 90px;
margin-right: 12px; margin-right: 12px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
:deep(.el-image) { :deep(.el-image) {
width: 90px; width: 90px;
height: 90px; height: 90px;
border-radius: 50%; border-radius: 50%;
} }
} }
.content {
flex: 1;
}
</style> </style>

View File

@ -7,26 +7,22 @@ import {useI18n} from "vue-i18n";
const { t } = useI18n(); const { t } = useI18n();
const statisticsList = ref([ const statisticsList = ref([
{ {
label: computed(() => t('admin.statistics.patentCount')), label: computed(() => t("admin.statistics.patentCount")),
value: 0, value: 0,
unit: "项", unit: "项",
}, },
{ {
label: computed( label: computed(() => t("admin.statistics.achievementCount")),
() => t("admin.statistics.achievementCount")
),
value: 0, value: 0,
unit: "个", unit: "个",
}, },
{ {
label: computed(() => t('admin.statistics.demandCount')), label: computed(() => t("admin.statistics.demandCount")),
value: 0, value: 0,
unit: "个", unit: "个",
}, },
{ {
label: computed( label: computed(() => t("admin.statistics.paperCount")),
() => t('admin.statistics.paperCount')
),
value: 0, value: 0,
unit: "篇", unit: "篇",
}, },
@ -37,26 +33,22 @@ const loadLabStatisticsData = () => {
const { data } = resp; const { data } = resp;
statisticsList.value = [ statisticsList.value = [
{ {
label: computed(() => t('admin.statistics.patentCount')), label: computed(() => t("admin.statistics.patentCount")),
value: data?.patentCount ?? 0, value: data?.patentCount ?? 0,
unit: "项", unit: "项",
}, },
{ {
label: computed( label: computed(() => t("admin.statistics.achievementCount")),
() => t("admin.statistics.achievementCount")
),
value: data?.achievementCount ?? 0, value: data?.achievementCount ?? 0,
unit: "个", unit: "个",
}, },
{ {
label: computed(() => t('admin.statistics.demandCount')), label: computed(() => t("admin.statistics.demandCount")),
value: data?.demandCount ?? 0, value: data?.demandCount ?? 0,
unit: "个", unit: "个",
}, },
{ {
label: computed( label: computed(() => t("admin.statistics.paperCount")),
() => t('admin.statistics.paperCount')
),
value: data?.paperCount ?? 0, value: data?.paperCount ?? 0,
unit: "篇", unit: "篇",
}, },

View File

@ -7,16 +7,11 @@
:model="queryParams" :model="queryParams"
@submit.prevent @submit.prevent
> >
<el-form-item <el-form-item label="成果名称" prop="title">
:label="t('admin.form.name', { type: t('admin.common.achievement') })"
prop="title"
>
<el-input <el-input
v-model="queryParams.title" v-model="queryParams.title"
clearable clearable
:placeholder=" placeholder="请输入专利名称"
t('admin.form.placeholder', { type: t('admin.common.patent') })
"
size="small" size="small"
style="width: 240px" style="width: 240px"
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
@ -28,19 +23,22 @@
size="small" size="small"
type="primary" type="primary"
@click="handleQuery" @click="handleQuery"
> >搜索
{{ t("admin.common.search") }}
</el-button> </el-button>
<el-button icon="Refresh" size="small" @click="resetQuery"> <el-button icon="Refresh" size="small" @click="resetQuery"
{{ t("admin.common.reset") }} >重置
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button icon="plus" size="small" type="primary"> <el-button
{{ t("admin.table.relatedExperts") }} icon="plus"
</el-button> size="small"
type="primary"
@click="handleAddBind"
>关联专家</el-button
>
</el-col> </el-col>
<right-toolbar <right-toolbar
v-model:showSearch="showSearch" v-model:showSearch="showSearch"
@ -48,25 +46,89 @@
></right-toolbar> ></right-toolbar>
</el-row> </el-row>
<!-- 表格数据 --> <!-- 关联未被关联的专家 -->
<el-table v-loading="loading" :data="dataList"> <el-dialog v-model="showExpertDialog" title="关联专家">
<el-table-column :label="t('admin.common.dataNumber')" prop="id" /> <el-form
ref="notBindExpertQueryRef"
:inline="true"
:model="notBindExpertQueryParams"
@submit.prevent
>
<el-form-item label="专家名称" prop="name">
<el-input
v-model="notBindExpertQueryParams.name"
clearable
placeholder="请输入专家名称"
size="small"
style="width: 240px"
@keyup.enter="getNotBindExpertList"
/>
</el-form-item>
<el-form-item>
<el-button
icon="Search"
size="small"
type="primary"
@click="getNotBindExpertList"
>搜索
</el-button>
<el-button
icon="Refresh"
size="small"
@click="resetNotBindExpertQuery"
>重置
</el-button>
</el-form-item>
</el-form>
<el-table :data="notBindExpertList">
<el-table-column label="数据编号" prop="id" />
<el-table-column <el-table-column
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
:label="t('admin.form.name', { type: t('admin.common.expert') })" label="专家名称"
prop="title" prop="name"
/> />
<el-table-column :label="t('webContact.phone')" prop="mobile" /> <el-table-column label="联系电话" prop="mobile" />
<el-table-column <el-table-column label="研究领域" prop="industryStr" />
:label="t('admin.table.researchIndustry')" <!-- <el-table-column label="申请(专利权)人" prop="applyName"/>-->
prop="industryStr" <el-table-column align="center" label="入驻时间" prop="workTime">
<template #default="{ row }">
<span>{{ dayjs(row.workTime).format("YYYY-MM-DD") }}</span>
</template>
</el-table-column>
<!-- 操作-->
<el-table-column align="center" label="操作">
<template #default="{ row }">
<el-button
icon="plus"
size="small"
type="text"
@click="submitBind(row.id)"
>关联
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="notBindExpertTotal > 0"
v-model:limit="notBindExpertQueryParams.pageSize"
v-model:page="notBindExpertQueryParams.pageNum"
:total="notBindExpertTotal"
@pagination="getNotBindExpertList"
/> />
<!-- <el-zh-column :label="t('webSearch.applicant')" prop="applyName"/>--> </el-dialog>
<!-- 表格数据 -->
<el-table v-loading="loading" :data="dataList">
<el-table-column label="数据编号" prop="id" />
<el-table-column <el-table-column
align="center" :show-overflow-tooltip="true"
:label="t('admin.table.enterTime')" label="专家名称"
prop="workTime" prop="name"
> />
<el-table-column label="联系电话" prop="mobile" />
<el-table-column label="研究领域" prop="industryStr" />
<!-- <el-table-column label="申请(专利权)人" prop="applyName"/>-->
<el-table-column align="center" label="入驻时间" prop="workTime">
<template #default="{ row }"> <template #default="{ row }">
<span>{{ dayjs(row.workTime).format("YYYY-MM-DD") }}</span> <span>{{ dayjs(row.workTime).format("YYYY-MM-DD") }}</span>
</template> </template>
@ -74,7 +136,7 @@
<el-table-column <el-table-column
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
:label="t('admin.common.operation')" label="操作"
> >
<template #default="{ row }"> <template #default="{ row }">
<!-- <el-button--> <!-- <el-button-->
@ -90,10 +152,16 @@
size="small" size="small"
type="text" type="text"
@click="handleDeleteBind(row.id)" @click="handleDeleteBind(row.id)"
>{{ t("admin.table.cancelRelation") }} >取消关联
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<template #footer>
<div class="dialog-footer">
<!-- <el-button type="primary" @click="submitForm"> </el-button>-->
<el-button> </el-button>
</div>
</template>
</el-table> </el-table>
<pagination <pagination
@ -106,7 +174,7 @@
<!-- 添加或修改数据配置对话框 --> <!-- 添加或修改数据配置对话框 -->
<el-dialog v-model="open" :title="title" append-to-body width="800px"> <el-dialog v-model="open" :title="title" append-to-body width="800px">
<el-form ref="expertRef" :model="form" :rules="rules" label-width="100px"> <el-form ref="expertRef" :model="form" :rules="rules" label-width="100px">
<el-form-item :label="t('admin.form.expertName')" prop="title"> <el-form-item label="专家姓名" prop="title">
<el-input v-model="form.title" placeholder="请输入专家姓名" /> <el-input v-model="form.title" placeholder="请输入专家姓名" />
</el-form-item> </el-form-item>
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
@ -122,16 +190,14 @@
:labelWidth="100" :labelWidth="100"
fieldKey="researchs" fieldKey="researchs"
placeholder="研究方向" placeholder="研究方向"
:title="t('admin.form.researchDirection')" title="研究方向"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="submitForm" <el-button type="primary" @click="submitForm"> </el-button>
>{{ t("admin.common.confirm") }} <el-button @click="cancel"> </el-button>
</el-button>
<el-button @click="cancel">{{ t("admin.common.cancel") }}</el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -139,17 +205,19 @@
</template> </template>
<script setup> <script setup>
import { labPatentList } from "@/api/admin/laboratory/patent";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import modal from "@/plugins/modal";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { computed, reactive, ref, toRefs } from "vue"; import { reactive, ref, toRefs } from "vue";
import InputBoxAdd from "@/views/components/InputBoxAdd/index.vue"; import InputBoxAdd from "@/views/components/InputBoxAdd/index.vue";
import { deleteBindExpert, expertList } from "@/api/admin/laboratory/expert"; import {
import { useI18n } from "vue-i18n"; bindExpert,
deleteBindExpert,
expertList,
selectNotBindLaboratory,
} from "@/api/admin/laboratory/expert";
import Pagination from "@/components/Pagination/index.vue";
const { t } = useI18n();
const router = useRouter(); const router = useRouter();
const dataList = ref([]); const dataList = ref([]);
@ -160,6 +228,7 @@ const total = ref(0);
const title = ref(""); const title = ref("");
const expertRef = ref(); const expertRef = ref();
const researchDirectionFormRef = ref(); const researchDirectionFormRef = ref();
const data = reactive({ const data = reactive({
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -202,14 +271,7 @@ function resetQuery() {
/** 删除按钮操作 */ /** 删除按钮操作 */
function handleDeleteBind(id) { function handleDeleteBind(id) {
modal ElMessageBox.confirm(`是否确认取消关联数据编号为"${id}"的专家?`)
.confirm(
t("admin.common.confirmAction", {
number: id,
action: t("admin.table.cancelRelation"),
type: t("admin.common.expert"),
})
)
.then(function () { .then(function () {
return deleteBindExpert(id); return deleteBindExpert(id);
}) })
@ -242,11 +304,60 @@ function cancel() {
reset(); reset();
} }
const handleAdd = () => { // 是否显示关联专家dialog
reset(); const showExpertDialog = ref(false);
title.value = "添加专家"; // 未绑定专家列表
open.value = true; const notBindExpertList = ref([]);
// 未绑定专家总数
const notBindExpertTotal = ref(0);
const notBindExpertQueryParams = reactive({
pageNum: 1,
pageSize: 10,
name: undefined,
});
const notBindExpertQueryRef = ref();
const getNotBindExpertList = () => {
selectNotBindLaboratory(notBindExpertQueryParams).then((resp) => {
notBindExpertList.value = resp.rows;
notBindExpertTotal.value = resp.total;
});
}; };
const handleAddBind = () => {
getNotBindExpertList();
showExpertDialog.value = true;
};
/**
* 重置未绑定专家查询条件
*/
const resetNotBindExpertQuery = () => {
notBindExpertQueryParams.pageNum = 1;
notBindExpertQueryParams.pageSize = 10;
notBindExpertQueryParams.name = undefined;
notBindExpertQueryRef.value.resetFields();
getNotBindExpertList();
};
/**
* 关联专家
* @param id
*/
const submitBind = (id) => {
ElMessageBox.confirm("是否确认关联该专家?")
.then(function () {
return bindExpert(id);
})
.then(() => {
getNotBindExpertList();
ElMessage.success("关联成功");
})
.catch((err) => {
console.log(err);
});
};
const handleUpdate = () => { const handleUpdate = () => {
reset(); reset();
title.value = "编辑专家"; title.value = "编辑专家";
@ -261,7 +372,7 @@ function submitForm() {
if (form.value.id) { if (form.value.id) {
// TODO // TODO
paperEdit(form.value).then((response) => { paperEdit(form.value).then((response) => {
ElMessage.success(t("admin.common.editSuccess")); ElMessage.success("修改成功");
open.value = false; open.value = false;
getList(); getList();
}); });

View File

@ -6,12 +6,13 @@
:rules="rules" :rules="rules"
> >
<div v-if="showTitle" class="form_title"> <div v-if="showTitle" class="form_title">
<!-- 基本信息-->
{{ t("admin.form.basicInfo") }} {{ t("admin.form.basicInfo") }}
</div> </div>
<el-row v-if="isAdd"> <el-row v-if="isAdd">
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.fullName')" prop="name"> <el-form-item label="姓名:" prop="name">
<el-input v-model="modelValue.name"></el-input> <el-input v-model="modelValue.name"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -19,7 +20,7 @@
<el-row v-if="isAdd"> <el-row v-if="isAdd">
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.mobile')" prop="mobile"> <el-form-item label="手机号:" prop="mobile">
<el-input v-model="modelValue.mobile"></el-input> <el-input v-model="modelValue.mobile"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -27,7 +28,7 @@
<el-row v-if="isAdd"> <el-row v-if="isAdd">
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.idCard')" prop="idCard"> <el-form-item label="身份证号:" prop="idCard">
<el-input v-model="modelValue.idCard"></el-input> <el-input v-model="modelValue.idCard"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -35,7 +36,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.workLocation')" prop="wordAddress"> <el-form-item label="工作所在地:" prop="wordAddress">
<el-input v-model="modelValue.wordAddress" /> <el-input v-model="modelValue.wordAddress" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -43,7 +44,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.workExperience')" prop="experience"> <el-form-item label="工作经历:" prop="experience">
<el-input <el-input
v-model="modelValue.experience" v-model="modelValue.experience"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
@ -60,13 +61,13 @@
v-model="modelValue" v-model="modelValue"
:labelWidth="labelWidth" :labelWidth="labelWidth"
fieldKey="keywords" fieldKey="keywords"
:placeholder="t('admin.form.inputKeywords')" placeholder="应用场景关键词+技术产品关键词"
:title="t('admin.form.keywords')" title="关键词"
/> />
<el-row v-if="isAdd"> <el-row v-if="isAdd">
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t('admin.form.idCard')" required> <el-form-item label="身份证:" required>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="idImage.0"> <el-form-item prop="idImage.0">
@ -76,9 +77,7 @@
:limit="1" :limit="1"
/> />
</el-form-item> </el-form-item>
<div style="text-align: center"> <div style="text-align: center">身份证人像面</div>
{{ t("admin.form.idCardPortrait") }}
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="idImage.1"> <el-form-item prop="idImage.1">
@ -88,9 +87,7 @@
:limit="1" :limit="1"
/> />
</el-form-item> </el-form-item>
<div style="text-align: center"> <div style="text-align: center">身份证国徽面</div>
{{ t("admin.form.idCardEmblem") }}
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="idImage.2"> <el-form-item prop="idImage.2">
@ -100,9 +97,7 @@
:limit="1" :limit="1"
/> />
</el-form-item> </el-form-item>
<div style="text-align: center">{{ <div style="text-align: center">手持身份证人像面</div>
t('admin.validation.portraitOfTheIdCard')
}}</div>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -111,10 +106,7 @@
<el-row v-if="isAdd"> <el-row v-if="isAdd">
<el-col :span="24"> <el-col :span="24">
<el-form-item <el-form-item label="成果经纪资格证书:" prop="certificatePics">
:label="t('admin.form.achievementBroker')"
prop="certificatePics"
>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<image-upload <image-upload
@ -131,7 +123,7 @@
<script setup> <script setup>
import InputBoxAdd from "../InputBoxAdd"; import InputBoxAdd from "../InputBoxAdd";
import FieldOptions from "../FieldOptions"; import FieldOptions from "../FieldOptions";
import { computed, reactive, ref } from "vue"; import { ref } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
const { t } = useI18n(); const { t } = useI18n();
@ -153,101 +145,51 @@ const props = defineProps({
default: 120, default: 120,
}, },
}); });
const rules = reactive({ const rules = {
product: [ product: [{ required: true, message: "请输入", trigger: "blur" }],
{ name: [{ required: true, message: "请输入", trigger: "blur" }],
required: true, kind: [{ required: true, message: "请选择", trigger: "change" }],
message: computed(() => t("admin.form.placeholder", { type: "" })), code: [{ required: true, message: "请输入", trigger: "blur" }],
trigger: "blur",
},
],
name: [
{
required: true,
message: computed(() => t("admin.form.placeholder", { type: "" })),
trigger: "blur",
},
],
kind: [
{
required: true,
message: computed(() => t("admin.form.pleaseSelect")),
trigger: "change",
},
],
code: [
{
required: true,
message: computed(() => t("admin.form.placeholder")),
trigger: "blur",
},
],
mobile: [ mobile: [
{ { required: true, message: "请输入手机号码", trigger: "blur" },
required: true,
message: computed(() =>
t("admin.form.placeholder", { name: t("admin.form.mobile") })
),
trigger: "blur",
},
{ {
pattern: /^1[3-9]\d{9}$/, pattern: /^1[3-9]\d{9}$/,
message: computed(() => message: "请输入正确的手机号码",
t("admin.validation.pleaseEnterTheCorrectFormatOfThePhoneNumber")
),
trigger: "blur",
},
],
idCard: [
{
required: true,
message: computed(() => t("admin.form.placeholder")),
trigger: "blur",
},
],
wordAddress: [
{
required: true,
message: computed(() => t("admin.form.placeholder", { type: "" })),
trigger: "blur",
},
],
experience: [
{
required: true,
message: computed(() => t("admin.form.placeholder")),
trigger: "blur", trigger: "blur",
}, },
], ],
idCard: [{ required: true, message: "请输入", trigger: "blur" }],
wordAddress: [{ required: true, message: "请输入", trigger: "blur" }],
experience: [{ required: true, message: "请输入", trigger: "blur" }],
"idImage.0": [ "idImage.0": [
{ {
required: true, required: true,
message: computed(() => t("admin.validation.pleaseUpload")), message: "请上传",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
], ],
"idImage.1": [ "idImage.1": [
{ {
required: true, required: true,
message: computed(() => t("admin.validation.pleaseUpload")), message: "请上传",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
], ],
"idImage.2": [ "idImage.2": [
{ {
required: true, required: true,
message: computed(() => t("admin.validation.pleaseUpload")), message: "请上传",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
], ],
certificatePics: [ certificatePics: [
{ {
required: true, required: true,
message: computed(() => t("admin.validation.pleaseUpload")), message: "请上传",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
], ],
}); };
const validateForm = async () => { const validateForm = async () => {
let formValid; let formValid;

View File

@ -71,7 +71,6 @@
:labelWidth="labelWidth" :labelWidth="labelWidth"
/> />
<!-- <CityOptions--> <!-- <CityOptions-->
<!-- ref="cityFormRef"--> <!-- ref="cityFormRef"-->
<!-- v-model="modelValue"--> <!-- v-model="modelValue"-->
@ -172,7 +171,6 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item <el-form-item
@ -194,9 +192,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="t( <el-form-item :label="t('admin.form.coreMembers')" prop="member">
'admin.form.coreMembers',
)" prop="member">
<WangEditor <WangEditor
ref="memberRef" ref="memberRef"
v-model="modelValue.member" v-model="modelValue.member"

View File

@ -61,9 +61,8 @@
<el-button icon="RefreshRight" @click="rotateRight()"></el-button> <el-button icon="RefreshRight" @click="rotateRight()"></el-button>
</el-col> </el-col>
<el-col :lg="{ span: 2, offset: 6 }" :md="2"> <el-col :lg="{ span: 2, offset: 6 }" :md="2">
<el-button type="primary" @click="uploadImg()">{{ <el-button type="primary" @click="uploadImg()"
t("common.submit") >{{ t("common.submit") }}
}}
</el-button> </el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -91,7 +90,9 @@ const title = computed(() => t("headerMenu.changeAvatar"));
const baseUrl = ref(import.meta.env.VITE_APP_BASE_API); const baseUrl = ref(import.meta.env.VITE_APP_BASE_API);
//图片裁剪数据 //图片裁剪数据
const options = reactive({ const options = reactive({
img: userStore.avatar ? `${baseUrl.value}/file${userStore.avatar}` : defaultAvatar, // 裁剪图片的地址 img: userStore.avatar
? `${baseUrl.value}/file${userStore.avatar}`
: defaultAvatar, // 裁剪图片的地址
autoCrop: true, // 是否默认生成截图框 autoCrop: true, // 是否默认生成截图框
autoCropWidth: 200, // 默认生成截图框宽度 autoCropWidth: 200, // 默认生成截图框宽度
autoCropHeight: 200, // 默认生成截图框高度 autoCropHeight: 200, // 默认生成截图框高度
@ -110,8 +111,7 @@ function modalOpened() {
} }
/** 覆盖默认上传行为 */ /** 覆盖默认上传行为 */
function requestUpload() { function requestUpload() {}
}
/** 向左旋转 */ /** 向左旋转 */
function rotateLeft() { function rotateLeft() {
@ -173,7 +173,9 @@ function realTime(data) {
/** 关闭窗口 */ /** 关闭窗口 */
function closeDialog() { function closeDialog() {
options.img = userStore.avatar ? `${baseUrl.value}/file${userStore.avatar}` : defaultAvatar; options.img = userStore.avatar
? `${baseUrl.value}/file${userStore.avatar}`
: defaultAvatar;
options.visible = false; options.visible = false;
} }