专利列表和企业列表
This commit is contained in:
@ -5,7 +5,8 @@ VITE_APP_TITLE = 若依管理系统
|
||||
VITE_APP_ENV = 'production'
|
||||
|
||||
# 若依管理系统/生产环境
|
||||
VITE_APP_BASE_API = '/prod-api'
|
||||
# VITE_APP_BASE_API = '/prod-api'
|
||||
VITE_APP_BASE_API = 'http://120.26.107.74:1618'
|
||||
|
||||
# 是否在打包时开启压缩，支持 gzip 和 brotli
|
||||
VITE_BUILD_COMPRESS = gzip
|
||||
42
src/api/dataList/agent.js
Normal file
42
src/api/dataList/agent.js
Normal file
@ -0,0 +1,42 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 经纪人列表
|
||||
export function agentList(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/agent',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 经纪人信息添加
|
||||
export function agentAdd(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/agent/add',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 经纪人详细信息
|
||||
export function agentDetail(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/agent/detail',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 经纪人信息修改
|
||||
export function agentEdit(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/agent/edit',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 经纪人审核操作
|
||||
export function agentExamine(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/agent/examine',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
49
src/api/dataList/enterprise.js
Normal file
49
src/api/dataList/enterprise.js
Normal file
@ -0,0 +1,49 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 公司企业列表
|
||||
export function companyList(params) {
|
||||
return request({
|
||||
url: "/business/enterprise/list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 公司企业信息添加
|
||||
export function companyAdd(data) {
|
||||
return request({
|
||||
url: "/business/enterprise",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 公司企业详细信息
|
||||
export function companyDetail(id) {
|
||||
return request({
|
||||
url: `/business/enterprise/${id}`,
|
||||
method: "get",
|
||||
});
|
||||
}
|
||||
// 公司企业信息修改
|
||||
export function companyEdit(data) {
|
||||
return request({
|
||||
url: "/business/enterprise",
|
||||
method: "put",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
export const companyExport = () => {
|
||||
return request({
|
||||
url: "/business/enterprise/export",
|
||||
method: "get",
|
||||
});
|
||||
};
|
||||
|
||||
// 公司企业审核操作
|
||||
export function companyExamine(data) {
|
||||
return request({
|
||||
url: "/admin/v1/manage/company/examine",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
42
src/api/dataList/expert.js
Normal file
42
src/api/dataList/expert.js
Normal file
@ -0,0 +1,42 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 专家列表
|
||||
export function expertList(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/expert',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 专家信息添加
|
||||
export function expertAdd(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/expert/add',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 专家详细信息
|
||||
export function expertDetail(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/expert/detail',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 专家信息修改
|
||||
export function expertEdit(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/expert/edit',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 专家审核操作
|
||||
export function expertExamine(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/expert/examine',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
51
src/api/dataList/laboratory.js
Normal file
51
src/api/dataList/laboratory.js
Normal file
@ -0,0 +1,51 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 实验室筛选信息
|
||||
export function laboratorySelect(data) {
|
||||
return request({
|
||||
url: '/admin/v1/laboratory/select',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
// 实验室列表
|
||||
export function laboratoryList(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/laboratory',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// // 实验室信息添加
|
||||
// export function laboratoryAdd(data) {
|
||||
// return request({
|
||||
// url: '/admin/v1/manage/laboratory/add',
|
||||
// method: 'post',
|
||||
// data,
|
||||
// })
|
||||
// }
|
||||
// 实验室详细信息
|
||||
export function laboratoryDetail(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/laboratory/detail',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 实验室信息修改
|
||||
export function laboratoryEdit(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/laboratory/edit',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 实验室审核操作
|
||||
export function laboratoryExamine(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/laboratory/examine',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
72
src/api/dataList/patent.js
Normal file
72
src/api/dataList/patent.js
Normal file
@ -0,0 +1,72 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 专利列表
|
||||
export function patentList(params) {
|
||||
return request({
|
||||
url: "/business/casPatent/list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 专利信息添加
|
||||
export function patentAdd(data) {
|
||||
return request({
|
||||
url: "/business/casPatent",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 专利信息详情
|
||||
export function patentDetail(id) {
|
||||
return request({
|
||||
url: `/business/casPatent/${id}`,
|
||||
method: "get",
|
||||
});
|
||||
}
|
||||
// 专利信息修改
|
||||
export function patentEdit(data) {
|
||||
return request({
|
||||
url: "/business/casPatent",
|
||||
method: "put",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 专利信息删除
|
||||
export function patentDelete(ids) {
|
||||
return request({
|
||||
url: `/business/casPatent/${ids}`,
|
||||
method: "delete",
|
||||
});
|
||||
}
|
||||
// 专利上下架... 不用了
|
||||
export function patentShelf(data) {
|
||||
return request({
|
||||
url: "/admin/v1/technology/patent/shelf",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 认领专利列表
|
||||
export function expertPatent(data) {
|
||||
return request({
|
||||
url: "/admin/v1/manage/expert/patent",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 认领
|
||||
export function expertPatentBind(data) {
|
||||
return request({
|
||||
url: "/admin/v1/manage/expert/patent/bind",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 取消认领
|
||||
export function expertPatentUnbind(data) {
|
||||
return request({
|
||||
url: "/admin/v1/manage/expert/patent/unbind",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
50
src/api/dataList/research.js
Normal file
50
src/api/dataList/research.js
Normal file
@ -0,0 +1,50 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 科研机构信息
|
||||
export function researchList(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 科研机构筛选信息
|
||||
export function researchSelect(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research/select',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 科研机构信息添加
|
||||
export function researchAdd(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research/add',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 科研机构信息修改
|
||||
export function researchEdit(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research/edit',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 科研机构详细信息
|
||||
export function researchDetail(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research/detail',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 科研机构审核操作
|
||||
export function researchExamine(data) {
|
||||
return request({
|
||||
url: '/admin/v1/manage/research/examine',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
69
src/utils/parameter.js
Normal file
69
src/utils/parameter.js
Normal file
@ -0,0 +1,69 @@
|
||||
// 归属导航
|
||||
export const modeOptions = [
|
||||
{
|
||||
value: 101,
|
||||
label: "中小企业服务",
|
||||
},
|
||||
{
|
||||
value: 102,
|
||||
label: "大型企业服务",
|
||||
},
|
||||
{
|
||||
value: 103,
|
||||
label: "政府企业服务",
|
||||
},
|
||||
{
|
||||
value: 104,
|
||||
label: "科研院所服务",
|
||||
},
|
||||
];
|
||||
// 学历
|
||||
export const educationOptions = [
|
||||
{ key: 1, text: "小学" },
|
||||
{ key: 2, text: "初中" },
|
||||
{ key: 3, text: "高中" },
|
||||
{ key: 4, text: "大专" },
|
||||
{ key: 5, text: "本科" },
|
||||
{ key: 6, text: "研究生" },
|
||||
{ key: 7, text: "博士" },
|
||||
];
|
||||
// 企业类型
|
||||
export const enterpriseOptions = [
|
||||
{ key: 101, value: "上市企业" },
|
||||
{ key: 102, value: "优质企业" },
|
||||
{ key: 103, value: "普通企业" },
|
||||
];
|
||||
// 成果成熟度 技术
|
||||
export const maturityOptions = [
|
||||
{ key: 1, value: "正在研发" },
|
||||
{ key: 2, value: "小试阶段" },
|
||||
{ key: 3, value: "通过小试" },
|
||||
{ key: 4, value: "中试阶段" },
|
||||
{ key: 5, value: "通过中试" },
|
||||
{ key: 6, value: "可规模生产" },
|
||||
];
|
||||
// 成果领先型 领先标准
|
||||
export const leadOptions = [
|
||||
{ key: 1, value: "国内先进" },
|
||||
{ key: 2, value: "国内领先" },
|
||||
{ key: 3, value: "国际先进" },
|
||||
{ key: 4, value: "国际领先" },
|
||||
];
|
||||
// 专利类型
|
||||
export const patentOptions = [
|
||||
{ key: "1", value: "发明专利" },
|
||||
{ key: "2", value: "外观设计" },
|
||||
{ key: "3", value: "实用新型" },
|
||||
];
|
||||
// 合作模式
|
||||
export const cooperationOptions = [
|
||||
{ key: 101, value: "技术转让" },
|
||||
{ key: 102, value: "技术许可" },
|
||||
{ key: 103, value: "技术入股" },
|
||||
{ key: 104, value: "合作开发" },
|
||||
{ key: 105, value: "融资" },
|
||||
{ key: 106, value: "公司" },
|
||||
{ key: 107, value: "代理加盟" },
|
||||
{ key: 108, value: "市场推广" },
|
||||
{ key: 109, value: "其他" },
|
||||
];
|
||||
267
src/views/components/AgentForm/index.vue
Normal file
267
src/views/components/AgentForm/index.vue
Normal file
@ -0,0 +1,267 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="姓名:" prop="name">
|
||||
<el-input
|
||||
v-model="value.name"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="手机号:" prop="mobile">
|
||||
<el-input
|
||||
v-model="value.mobile"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="身份证号:" prop="id_card">
|
||||
<el-input
|
||||
v-model="value.id_card"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="工作所在地:" prop="work_place">
|
||||
<el-input v-model="value.work_place" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="工作经历:" prop="work_experience">
|
||||
<el-input
|
||||
v-model="value.work_experience"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 6 }"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属站点:" prop="tenant_id">
|
||||
<SiteOptions :size="''" :limitWidth="false" v-model="value" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- <FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" /> -->
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="擅长领域"
|
||||
placeholder="请输入擅长领域"
|
||||
fieldKey="researchs"
|
||||
ref="researchsForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="关键词"
|
||||
placeholder="应用场景关键词+技术产品关键词"
|
||||
fieldKey="keywords"
|
||||
ref="keywordsForm"
|
||||
/>
|
||||
|
||||
<el-row v-if="value.id_image">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="身份证:" required>
|
||||
<el-row :gutter="20" type="flex" justify="space-between">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="id_image.front">
|
||||
<ImageUpload
|
||||
v-model="value.id_image.front"
|
||||
:isShowTip="false"
|
||||
:limit="1"
|
||||
/>
|
||||
</el-form-item>
|
||||
<div style="text-align: center">身份证人像面</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="id_image.behind">
|
||||
<ImageUpload
|
||||
v-model="value.id_image.behind"
|
||||
:isShowTip="false"
|
||||
:limit="1"
|
||||
/>
|
||||
</el-form-item>
|
||||
<div style="text-align: center">身份证国徽面</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="id_image.hold">
|
||||
<ImageUpload
|
||||
v-model="value.id_image.hold"
|
||||
:isShowTip="false"
|
||||
:limit="1"
|
||||
/>
|
||||
</el-form-item>
|
||||
<div style="text-align: center">手持身份证人像面</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果经纪资格证书:" prop="credential_image">
|
||||
<el-row :gutter="20" type="flex" justify="space-between">
|
||||
<el-col :span="8">
|
||||
<ImageUpload
|
||||
v-model="value.credential_image"
|
||||
:isShowTip="false"
|
||||
:limit="1"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import CityOptions from "@/views/components/CityOptions";
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
import { researchSelect } from "@/api/dataList/research";
|
||||
import { laboratorySelect } from "@/api/dataList/laboratory";
|
||||
export default {
|
||||
components: {
|
||||
CityOptions,
|
||||
FieldOptions,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
formType: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
researchOptions: [],
|
||||
rules: {
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
mobile: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: "请输入正确的手机号码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
id_card: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
work_place: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
work_experience: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
],
|
||||
tenant_id: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
"id_image.front": [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
"id_image.behind": [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
"id_image.hold": [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const keywordsForm = this.$refs.keywordsForm.submitForm(); // 关键词
|
||||
const researchsForm = this.$refs.researchsForm.submitForm(); // 研究方向
|
||||
if (valid && keywordsForm && researchsForm) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.form_title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
::v-deep .el-upload--picture-card {
|
||||
width: 100%;
|
||||
}
|
||||
::v-deep .hide {
|
||||
height: 148px;
|
||||
}
|
||||
::v-deep .el-upload-list--picture-card .el-upload-list__item {
|
||||
width: 100%;
|
||||
}
|
||||
// 上传图片框限制
|
||||
// ::v-deep .el-upload--picture-card {
|
||||
// width: 120px;
|
||||
// height: 120px;
|
||||
// line-height: 120px;
|
||||
// }
|
||||
.el-select,
|
||||
.el-date-editor {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
160
src/views/components/CityOptions/index.vue
Normal file
160
src/views/components/CityOptions/index.vue
Normal file
@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所在地:" required>
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="7">
|
||||
<el-form-item prop="province">
|
||||
<el-select
|
||||
v-model="value.province"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
@change="provinceCodeChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="(key, value) in provinceSelectList"
|
||||
:key="value"
|
||||
:label="key"
|
||||
:value="value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item prop="city">
|
||||
<el-select
|
||||
v-model="value.city"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
@change="cityCodeChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="(key, value) in citySelectList"
|
||||
:key="value"
|
||||
:label="key"
|
||||
:value="value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item prop="district">
|
||||
<el-select
|
||||
v-model="value.district"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="(key, value) in districtSelectList"
|
||||
:key="value"
|
||||
:label="key"
|
||||
:value="value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import { areaList } from "@/api/config";
|
||||
export default {
|
||||
props: {
|
||||
value: Object,
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
provinceSelectList: [], // 省
|
||||
citySelectList: [], // 市
|
||||
districtSelectList: [], // 区
|
||||
rules: {
|
||||
province: [
|
||||
{ required: true, message: "请选择", trigger: ["change", "blue"] },
|
||||
],
|
||||
city: [
|
||||
{ required: true, message: "请选择", trigger: ["change", "blue"] },
|
||||
],
|
||||
district: [
|
||||
{ required: true, message: "请选择", trigger: ["change", "blue"] },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
value(newOld) {
|
||||
const data = Object.assign({}, newOld);
|
||||
this.provinceCodeChange(data.province);
|
||||
this.cityCodeChange(data.city);
|
||||
newOld.city = data.city;
|
||||
newOld.district = data.district;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getProvinceByParent(id) {
|
||||
return new Promise((resolve, reject) => {
|
||||
areaList({ code: id })
|
||||
.then(({ code, msg, data }) => {
|
||||
if (code == 200) {
|
||||
resolve(data);
|
||||
} else {
|
||||
this.$modal.msgError(msg);
|
||||
reject({ msg, code });
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
},
|
||||
async provinceCodeChange(id) {
|
||||
// delete this.value.city;
|
||||
// delete this.value.district;
|
||||
this.value.city = undefined;
|
||||
this.value.district = undefined;
|
||||
if (!id) {
|
||||
this.citySelectList = [];
|
||||
this.districtSelectList = [];
|
||||
return false;
|
||||
}
|
||||
this.citySelectList = await this.getProvinceByParent(id);
|
||||
},
|
||||
async cityCodeChange(id) {
|
||||
// delete this.value.district;
|
||||
this.value.district = undefined;
|
||||
if (!id) {
|
||||
this.districtSelectList = [];
|
||||
return false;
|
||||
}
|
||||
this.districtSelectList = await this.getProvinceByParent(id);
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
flag = valid;
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
areaList().then((res) => {
|
||||
this.provinceSelectList = res.data;
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
253
src/views/components/EnterpriseDemandForm/index.vue
Normal file
253
src/views/components/EnterpriseDemandForm/index.vue
Normal file
@ -0,0 +1,253 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
:disabled="!isAdd"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
|
||||
<el-row v-if="formType != 3 && showOne">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属企业:" prop="title">
|
||||
<el-input v-model="value.title"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="需求名称:" prop="name">
|
||||
<el-input v-model="value.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="需求类别:">
|
||||
<el-checkbox-group v-model="value.check">
|
||||
<el-checkbox
|
||||
v-for="item in checkList"
|
||||
:key="item.id"
|
||||
:label="item.id"
|
||||
>{{ item.name }}</el-checkbox
|
||||
>
|
||||
</el-checkbox-group>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="20">
|
||||
<el-input
|
||||
v-model="checkInput"
|
||||
placeholder="请输入需求类别"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button type="primary" @click="addCheck">添加</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="需求描述:" prop="add">
|
||||
<Editor v-model="value.add" :minHeight="150" :readOnly="!isAdd" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldOptions
|
||||
v-if="formType == 1"
|
||||
v-model="value"
|
||||
:labelWidth="labelWidth"
|
||||
ref="fieldForm"
|
||||
:disabled="!isAdd"
|
||||
/>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="成果需求预算:"
|
||||
:prop="value.status ? '' : 'amount'"
|
||||
>
|
||||
<el-input
|
||||
v-model="value.amount"
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
|
||||
placeholder="请输入技术需求预算"
|
||||
>
|
||||
<template slot="append">万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label-width="50px">
|
||||
<el-checkbox v-model="value.status">面议</el-checkbox>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="截止时间:" prop="work_at">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="value.work_at"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择截止时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求联系人:" prop="bankAccount">
|
||||
<el-input
|
||||
v-model="value.bankAccount"
|
||||
placeholder="请输入需求联系人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人手机号:" prop="bankPhone">
|
||||
<el-input
|
||||
v-model="value.bankPhone"
|
||||
placeholder="请输入联系人手机号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求提交人:" prop="username">
|
||||
<el-input v-model="value.username" placeholder="自动获取"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号:" prop="userPhone">
|
||||
<el-input v-model="value.userPhone" placeholder="自动获取"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="24">
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="想合作的单位及模式"
|
||||
placeholder=""
|
||||
fieldKey="customer"
|
||||
ref="directionsForm"
|
||||
:disabled="!isAdd"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
export default {
|
||||
components: {
|
||||
FieldOptions,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
formType: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
showOne: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
checkList: [
|
||||
{
|
||||
id: 1,
|
||||
name: "成果推广",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "关键成果解决",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "对接专家院士",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "上市辅导",
|
||||
},
|
||||
],
|
||||
checkInput: "",
|
||||
rules: {
|
||||
title: [
|
||||
{ required: true, message: "所属企业不能为空", trigger: "blur" },
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: "需求名称不能为空", trigger: "blur" },
|
||||
],
|
||||
add: [{ required: true, message: "需求描述不能为空", trigger: "blur" }],
|
||||
bankAccount: [
|
||||
{ required: true, message: "需求联系人不能为空", trigger: "blur" },
|
||||
],
|
||||
bankPhone: [
|
||||
{ required: true, message: "联系人手机号不能为空", trigger: "blur" },
|
||||
],
|
||||
username: [
|
||||
{ required: true, message: "需求提交人不能为空", trigger: "blur" },
|
||||
],
|
||||
amount: [
|
||||
{ required: true, message: "需求预算不能为空", trigger: "blur" },
|
||||
],
|
||||
work_at: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择截止时间",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
userPhone: [
|
||||
{ required: true, message: "手机号不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
addCheck() {},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const directionsForm = this.$refs.directionsForm.submitForm();
|
||||
const fieldForm = this.$refs.fieldForm.submitForm();
|
||||
if (valid && directionsForm && fieldForm) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
484
src/views/components/ExpertForm/index.vue
Normal file
484
src/views/components/ExpertForm/index.vue
Normal file
@ -0,0 +1,484 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item :label="imageName" prop="image">
|
||||
<ImageUpload v-model="value.image" :fileSize="2" :limit="1" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item :label="nameName" prop="name">
|
||||
<el-input
|
||||
v-model="value.name"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="组织机构代码:" prop="code">
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="20">
|
||||
<el-input v-model="value.code" :disabled="!isAdd"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="" :disabled="!isAdd"
|
||||
>查找</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="企业类型:" prop="kind">
|
||||
<el-select v-model="value.kind" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in enterpriseOptions"
|
||||
:key="item.key"
|
||||
:label="item.value"
|
||||
:value="item.key"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="核心成果核心产品:" prop="product">
|
||||
<el-input v-model="value.product"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名:" prop="name">
|
||||
<el-input
|
||||
v-model="value.name"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号:" prop="mobile">
|
||||
<el-input
|
||||
v-model="value.mobile"
|
||||
:disabled="isAdd ? false : true"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属站点:" prop="tenant_id">
|
||||
<SiteOptions :size="''" :limitWidth="false" v-model="value" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属单位:" prop="research_id">
|
||||
<el-select
|
||||
v-model="value.research_id"
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
@change="setLaboratory"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in researchOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属实验室:">
|
||||
<el-select
|
||||
v-model="value.laboratory_id"
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="详细地址:">
|
||||
<el-input v-model="value.address"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="毕业院校:" prop="school">
|
||||
<el-input v-model="value.school"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="最高学历:" prop="education">
|
||||
<el-select v-model="value.education" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in educationOptions"
|
||||
:key="item.text"
|
||||
:label="item.text"
|
||||
:value="item.text"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="主修专业:" prop="major">
|
||||
<el-input v-model="value.major"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职务:" prop="job">
|
||||
<el-input v-model="value.job"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职称:" prop="title">
|
||||
<el-input v-model="value.title"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 1">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="从业时间:" prop="work_at">
|
||||
<el-date-picker
|
||||
v-model="value.work_at"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别:" prop="gender">
|
||||
<el-radio v-model="value.gender" :label="1">男</el-radio>
|
||||
<el-radio v-model="value.gender" :label="2">女</el-radio>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="关键词"
|
||||
placeholder="应用场景关键词+技术产品关键词"
|
||||
fieldKey="keywords"
|
||||
ref="keywordsForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
v-if="formType != 2"
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="研究方向"
|
||||
placeholder="请输入研究方向"
|
||||
fieldKey="researchs"
|
||||
ref="researchsForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
v-if="formType == 2"
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="生产方向"
|
||||
placeholder="请输入生产方向"
|
||||
fieldKey="directions"
|
||||
ref="directionsForm"
|
||||
/>
|
||||
|
||||
<el-row v-if="formType == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邀请码:">
|
||||
<el-input v-model="value.inviter_code" :disabled="!isAdd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="企业网站:">
|
||||
<el-input v-model="value.url"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="formType == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="营业执照:" prop="license">
|
||||
<ImageUpload v-model="value.license" :isShowTip="false" :limit="1" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item :label="introduceName" prop="introduce">
|
||||
<el-input
|
||||
v-if="formType == 1"
|
||||
v-model="value.introduce"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 6 }"
|
||||
/>
|
||||
<Editor
|
||||
v-else
|
||||
v-model="value.introduce"
|
||||
:minHeight="150"
|
||||
ref="introduceRef"
|
||||
@click.native="handleEditAble"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import CityOptions from "@/views/components/CityOptions";
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
import { researchSelect } from "@/api/dataList/research";
|
||||
import { laboratorySelect } from "@/api/dataList/laboratory";
|
||||
export default {
|
||||
components: {
|
||||
CityOptions,
|
||||
FieldOptions,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
formType: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
introduceName() {
|
||||
let str = "";
|
||||
switch (this.formType) {
|
||||
case 1:
|
||||
str = "个人简介:";
|
||||
break;
|
||||
case 2:
|
||||
str = "单位简介:";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return str;
|
||||
},
|
||||
imageName() {
|
||||
let str = "";
|
||||
switch (this.formType) {
|
||||
case 1:
|
||||
str = "专家头像:";
|
||||
break;
|
||||
case 2:
|
||||
str = "企业logo:";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return str;
|
||||
},
|
||||
nameName() {
|
||||
let str = "";
|
||||
switch (this.formType) {
|
||||
case 2:
|
||||
str = "单位名称:";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
return str;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
researchOptions: [],
|
||||
options: [
|
||||
// { value: "", label: "" }
|
||||
],
|
||||
rules: {
|
||||
product: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
kind: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
code: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
mobile: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: "请输入正确的手机号码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
research_id: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
tenant_id: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
school: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
education: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
major: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
job: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
title: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
work_at: [
|
||||
{
|
||||
required: true,
|
||||
message: "从业时间不能为空",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
license: [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
introduce: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
"value.tenant_id"(newOld) {
|
||||
console.log(newOld);
|
||||
if (newOld) {
|
||||
if (this.formType == 1) {
|
||||
// this.formType == 1 专家表单
|
||||
// 获取所属单位-研究机构options
|
||||
researchSelect({ tenant_id: newOld }).then(({ data }) => {
|
||||
this.researchOptions = data;
|
||||
});
|
||||
}
|
||||
} else {
|
||||
this.researchOptions = [];
|
||||
if (this.value.research_id) this.value.research_id = undefined;
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.formType);
|
||||
if (this.formType != 1) {
|
||||
// 取消富文本自动聚焦
|
||||
this.$nextTick(() => {
|
||||
this.$refs.introduceRef.Quill.enable(false);
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 富文本聚焦
|
||||
handleEditAble() {
|
||||
this.$refs.introduceRef.Quill.enable(true);
|
||||
this.$refs.introduceRef.Quill.focus();
|
||||
},
|
||||
setLaboratory(e) {
|
||||
laboratorySelect({ research_id: e }).then((res) => {
|
||||
console.log(res);
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
if (this.formType == 1) {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const cityForm = this.$refs.cityForm.submitForm(); // 城市
|
||||
const fieldForm = this.$refs.fieldForm.submitForm(); // 所属领域
|
||||
const keywordsForm = this.$refs.keywordsForm.submitForm(); // 关键词
|
||||
const researchsForm = this.$refs.researchsForm.submitForm(); // 研究方向
|
||||
if (valid && cityForm && fieldForm && keywordsForm && researchsForm) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
} else if (this.formType == 2) {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const cityForm = this.$refs.cityForm.submitForm();
|
||||
const fieldForm = this.$refs.fieldForm.submitForm();
|
||||
const keywordsForm = this.$refs.keywordsForm.submitForm();
|
||||
const directionsForm = this.$refs.directionsForm.submitForm();
|
||||
if (
|
||||
valid &&
|
||||
cityForm &&
|
||||
fieldForm &&
|
||||
keywordsForm &&
|
||||
directionsForm
|
||||
) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
}
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.form_title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
// 上传图片框限制
|
||||
// ::v-deep .el-upload--picture-card {
|
||||
// width: 120px;
|
||||
// height: 120px;
|
||||
// line-height: 120px;
|
||||
// }
|
||||
.el-select,
|
||||
.el-date-editor {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
224
src/views/components/FieldOptions/index.vue
Normal file
224
src/views/components/FieldOptions/index.vue
Normal file
@ -0,0 +1,224 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属领域:" required>
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="industrys">
|
||||
<el-select
|
||||
v-model="fields[0]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
@change="levelIChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelI"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-select
|
||||
v-model="fields[1]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
@change="levelIIChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelII"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-select
|
||||
v-model="fields[2]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelIII"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="fieldAdd">添加</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="e_tag">
|
||||
<el-tag
|
||||
v-for="(tag, index) in industrysTags"
|
||||
:key="index"
|
||||
closable
|
||||
@close="handleFieldClose(index)"
|
||||
>
|
||||
<template v-if="Array.isArray(tag)">
|
||||
<span v-for="(item, i) in tag" :key="item.id">
|
||||
{{ item.name }}
|
||||
<span v-if="tag.length != i + 1">></span>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span>{{ tag }}</span>
|
||||
</template>
|
||||
</el-tag>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import { industry } from "@/api/config";
|
||||
export default {
|
||||
props: {
|
||||
value: Object,
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
levelI: [], // I级数据
|
||||
levelII: [], // II级数据
|
||||
levelIII: [], // III级数据
|
||||
fields: [], // 当前下拉框选中的集合
|
||||
industrysTags: [], // 点击添加按钮后临时存储的数据集合
|
||||
rules: {
|
||||
industrys: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
message: "请选择并添加",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
value(newVal, oldVal) {
|
||||
let _key = [];
|
||||
let _value = [];
|
||||
for (let i = 0; i < newVal.industrys.length; i++) {
|
||||
const item = newVal.industrys[i];
|
||||
_key.push(item.key);
|
||||
_value.push(item.value);
|
||||
}
|
||||
newVal.industrys = _key;
|
||||
|
||||
let keyObj = [];
|
||||
for (let i = 0; i < _key.length; i++) {
|
||||
keyObj.push([]);
|
||||
let array = _key[i].split("-");
|
||||
for (let j = 0; j < array.length; j++) {
|
||||
keyObj[i].push({
|
||||
id: array[j],
|
||||
});
|
||||
}
|
||||
}
|
||||
for (let i = 0; i < _value.length; i++) {
|
||||
let array = _value[i].split(">");
|
||||
for (let j = 0; j < array.length; j++) {
|
||||
keyObj[i][j]["name"] = array[j];
|
||||
}
|
||||
}
|
||||
this.industrysTags = keyObj;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getFieldByParent(id) {
|
||||
return new Promise((resolve, reject) => {
|
||||
industry({ parent_id: id })
|
||||
.then(({ code, msg, data }) => {
|
||||
if (code == 200) {
|
||||
resolve(data);
|
||||
} else {
|
||||
this.$modal.msgError(msg);
|
||||
reject({ msg, code });
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
},
|
||||
async levelIChange(item) {
|
||||
delete this.fields[1];
|
||||
delete this.fields[2];
|
||||
this.levelII = await this.getFieldByParent(item.id);
|
||||
},
|
||||
async levelIIChange(item) {
|
||||
delete this.fields[2];
|
||||
this.levelIII = await this.getFieldByParent(item.id);
|
||||
},
|
||||
// 所属领域添加按钮
|
||||
fieldAdd() {
|
||||
if (!this.fields.length) return this.$modal.msgError("请选择领域类型");
|
||||
this.value.industrys = [];
|
||||
this.industrysTags.push(this.fields);
|
||||
for (let i = 0; i < this.industrysTags.length; i++) {
|
||||
this.value.industrys.push("");
|
||||
const item = this.industrysTags[i];
|
||||
for (let j = 0; j < item.length; j++) {
|
||||
const item2 = item[j];
|
||||
if (this.value.industrys[i] == "") {
|
||||
this.value.industrys[i] = item2.id;
|
||||
} else {
|
||||
this.value.industrys[i] = this.value.industrys[i] + "-" + item2.id;
|
||||
}
|
||||
}
|
||||
}
|
||||
this.fields = [];
|
||||
this.levelII = [];
|
||||
this.levelIII = [];
|
||||
},
|
||||
handleFieldClose(index) {
|
||||
this.industrysTags.splice(index, 1);
|
||||
this.value.industrys.splice(index, 1);
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
flag = valid;
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
industry().then((res) => {
|
||||
this.levelI = res.data;
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.e_tag {
|
||||
.el-tag {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
155
src/views/components/FieldSingle/index.vue
Normal file
155
src/views/components/FieldSingle/index.vue
Normal file
@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<el-form
|
||||
:disabled="!isAdd"
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属领域:" required>
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="7">
|
||||
<el-form-item prop="industrys">
|
||||
<el-select
|
||||
v-model="value.industrys[0]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
@change="levelIChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelI"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-select
|
||||
v-model="value.industrys[1]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
@change="levelIIChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelII"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-select
|
||||
v-model="value.industrys[2]"
|
||||
value-key="id"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in levelIII"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import { industry } from "@/api/config";
|
||||
export default {
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
levelI: [], // I级数据
|
||||
levelII: [], // II级数据
|
||||
levelIII: [], // III级数据
|
||||
rules: {
|
||||
industrys: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
message: "请选择",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
value(newOld) {
|
||||
const data = Object.assign({}, newOld);
|
||||
let key = [];
|
||||
for (let i = 0; i < data.industrys.length; i++) {
|
||||
key.push(data.industrys[i].key);
|
||||
}
|
||||
if (key.length > 0) {
|
||||
this.levelIChange(key[0]);
|
||||
}
|
||||
if (key.length > 1) {
|
||||
this.levelIIChange(key[1]);
|
||||
}
|
||||
newOld.industrys = key;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getFieldByParent(id) {
|
||||
return new Promise((resolve, reject) => {
|
||||
industry({ parent_id: id })
|
||||
.then(({ code, msg, data }) => {
|
||||
if (code == 200) {
|
||||
resolve(data);
|
||||
} else {
|
||||
this.$modal.msgError(msg);
|
||||
reject({ msg, code });
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
},
|
||||
async levelIChange(id) {
|
||||
this.value.industrys[1] = "";
|
||||
this.value.industrys[2] = "";
|
||||
this.levelII = await this.getFieldByParent(id);
|
||||
},
|
||||
async levelIIChange(id) {
|
||||
this.value.industrys[2] = "";
|
||||
this.levelIII = await this.getFieldByParent(id);
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
flag = valid;
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
industry().then((res) => {
|
||||
this.levelI = res.data;
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
102
src/views/components/InputBoxAdd/index.vue
Normal file
102
src/views/components/InputBoxAdd/index.vue
Normal file
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:label-width="labelWidth + 'px'"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
:label="title + ':'"
|
||||
:prop="fieldKey"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
type: 'array',
|
||||
message: '请输入并添加',
|
||||
trigger: 'change',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="20">
|
||||
<el-input v-model="dataVal" :placeholder="placeholder"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="keyWordAdd">添加</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="e_tag">
|
||||
<el-tag
|
||||
v-for="(tag, index) in this.value[fieldKey]"
|
||||
:key="index"
|
||||
closable
|
||||
@close="handleFieldClose(fieldKey, index)"
|
||||
>
|
||||
{{ tag }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import { industry } from "@/api/config";
|
||||
export default {
|
||||
props: {
|
||||
value: Object,
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
fieldKey: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dataVal: "",
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
keyWordAdd() {
|
||||
if (!this.dataVal.length)
|
||||
return this.$message.error("请输入" + this.title);
|
||||
this.value[this.fieldKey].push(this.dataVal);
|
||||
this.dataVal = "";
|
||||
},
|
||||
handleFieldClose(val, index) {
|
||||
this.value[val].splice(index, 1);
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
flag = valid;
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.e_tag {
|
||||
.el-tag {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
259
src/views/components/LaboratoryForm/index.vue
Normal file
259
src/views/components/LaboratoryForm/index.vue
Normal file
@ -0,0 +1,259 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="实验室名称" prop="name">
|
||||
<el-input v-model="value.name" :disabled="!isAdd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="组织机构代码:" prop="code">
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="20">
|
||||
<el-input v-model="value.code" :disabled="!isAdd"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="" :disabled="!isAdd"
|
||||
>查找</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属站点:" prop="tenant_id">
|
||||
<SiteOptions :size="''" :limitWidth="false" v-model="value" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属单位:" prop="research_id">
|
||||
<el-select
|
||||
v-model="value.research_id"
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in researchOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="详细地址:">
|
||||
<el-input
|
||||
v-model="value.address"
|
||||
placeholder="请输入详细地址"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="实验室网站:">
|
||||
<el-input
|
||||
v-model="value.url"
|
||||
placeholder="请输入实验室网站"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
|
||||
|
||||
<!-- <FieldSingle
|
||||
v-model="value"
|
||||
:isAdd="isAdd"
|
||||
:labelWidth="labelWidth"
|
||||
ref="fieldForm"
|
||||
/> -->
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="关键词"
|
||||
placeholder="应用场景关键词+技术产品关键词"
|
||||
fieldKey="keywords"
|
||||
ref="keywordsForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="研究方向"
|
||||
placeholder="请输入研究方向"
|
||||
fieldKey="researchs"
|
||||
ref="directionsForm"
|
||||
/>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="实验室简介" prop="introduce">
|
||||
<Editor
|
||||
v-model="value.introduce"
|
||||
:minHeight="150"
|
||||
ref="introduceRef"
|
||||
@click.native="handleEditAble"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import CityOptions from "@/views/components/CityOptions";
|
||||
import FieldSingle from "@/views/components/FieldSingle";
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
import { researchSelect } from "@/api/dataList/research";
|
||||
export default {
|
||||
components: {
|
||||
CityOptions,
|
||||
FieldSingle,
|
||||
FieldOptions,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
"value.tenant_id"(newOld) {
|
||||
console.log(newOld);
|
||||
if (newOld) {
|
||||
researchSelect({ tenant_id: newOld }).then(({ data }) => {
|
||||
this.researchOptions = data;
|
||||
});
|
||||
} else {
|
||||
this.researchOptions = [];
|
||||
if (this.value.research_id) this.value.research_id = undefined;
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
researchOptions: [],
|
||||
options: [
|
||||
// { value: "", label: "" }
|
||||
],
|
||||
rules: {
|
||||
product: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
kind: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
code: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
mobile: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: "请输入正确的手机号码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
research_id: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
tenant_id: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
school: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
education: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
major: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
job: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
title: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
work_at: [
|
||||
{
|
||||
required: true,
|
||||
message: "从业时间不能为空",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
license: [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
introduce: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.introduceRef.Quill.enable(false);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 富文本聚焦
|
||||
handleEditAble() {
|
||||
this.$refs.introduceRef.Quill.enable(true);
|
||||
this.$refs.introduceRef.Quill.focus();
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const cityForm = this.$refs.cityForm.submitForm();
|
||||
const fieldForm = this.$refs.fieldForm.submitForm();
|
||||
if (valid && cityForm && fieldForm) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.form_title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
// 上传图片框限制
|
||||
// ::v-deep .el-upload--picture-card {
|
||||
// width: 120px;
|
||||
// height: 120px;
|
||||
// line-height: 120px;
|
||||
// }
|
||||
.el-select,
|
||||
.el-date-editor {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
265
src/views/components/ReleaseForm/index.vue
Normal file
265
src/views/components/ReleaseForm/index.vue
Normal file
@ -0,0 +1,265 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
|
||||
<el-alert
|
||||
v-if="value.mode == 2"
|
||||
style="margin-bottom: 20px"
|
||||
title="1创新币=1元"
|
||||
type="warning"
|
||||
show-icon
|
||||
:closable="false"
|
||||
></el-alert>
|
||||
|
||||
<el-row v-if="value.mode == 2">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="视频定价:">
|
||||
<el-input v-model="value.title" placeholder="请输入创新币个数">
|
||||
<template #append>创新币</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="免费观看时长:">
|
||||
<el-input v-model="value.title" placeholder="默认视频的1/3时长">
|
||||
<template #append>min</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row v-if="value.mode == 2">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="视频文件:">
|
||||
<FileUpload v-model="value.file2" :limit="1" :fileType="['mp4']" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果名称:" prop="title">
|
||||
<el-input
|
||||
v-model="value.title"
|
||||
placeholder="请输入成果名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="应用客户"
|
||||
placeholder="请输入应用客户"
|
||||
fieldKey="customer"
|
||||
ref="customerForm"
|
||||
/>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果成熟度:" prop="maturity">
|
||||
<el-select
|
||||
v-model="value.maturity"
|
||||
clearable
|
||||
placeholder="请选择成果成熟度"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in maturityOptions"
|
||||
:key="item.key"
|
||||
:label="item.value"
|
||||
:value="item.key"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果领先性:" prop="lead_standard">
|
||||
<el-select
|
||||
v-model="value.lead_standard"
|
||||
clearable
|
||||
placeholder="请选择成果领先性"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in leadOptions"
|
||||
:key="item.key"
|
||||
:label="item.value"
|
||||
:value="item.key"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="合作模式:">
|
||||
<el-select
|
||||
v-model="value.cooperation_mode"
|
||||
clearable
|
||||
placeholder="请选择合作模式"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cooperationOptions"
|
||||
:key="item.key"
|
||||
:label="item.value"
|
||||
:value="item.key"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<InputBoxAdd
|
||||
v-if="value.mode == 2"
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="应用场景"
|
||||
placeholder="请输入应用场景"
|
||||
fieldKey="kws"
|
||||
ref="directionsForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="关键词"
|
||||
placeholder="请输入关键词"
|
||||
fieldKey="keywords"
|
||||
ref="keywordsForm"
|
||||
/>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果简介:" prop="description">
|
||||
<el-input
|
||||
v-model="value.description"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 8 }"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果来源:">
|
||||
<Editor v-model="value.introduce" :minHeight="150" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-if="value.mode == 1">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果图片:" prop="image">
|
||||
<ImageUpload v-model="value.image" :isShowTip="false" :limit="1" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<p>
|
||||
<b>图片材料上传</b>
|
||||
</p>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成熟度证明材料:">
|
||||
<FileUpload
|
||||
v-model="value.file"
|
||||
:limit="1"
|
||||
:fileType="['doc', 'xls', 'ppt', 'txt', 'pdf', 'jpg']"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import CityOptions from "@/views/components/CityOptions";
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
export default {
|
||||
components: {
|
||||
CityOptions,
|
||||
FieldOptions,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
title: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
maturity: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
lead_standard: [
|
||||
{ required: true, message: "请选择", trigger: "change" },
|
||||
],
|
||||
description: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
image: [
|
||||
{ required: true, message: "请上传", trigger: ["change", "blur"] },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["formRef"].validate((valid) => {
|
||||
const fieldForm = this.$refs.fieldForm.submitForm();
|
||||
const customerForm = this.$refs.customerForm.submitForm();
|
||||
console.log();
|
||||
const directionsForm =
|
||||
this.value.mode == 2 ? this.$refs.directionsForm.submitForm() : true;
|
||||
const keywordsForm = this.$refs.keywordsForm.submitForm();
|
||||
if (
|
||||
valid &&
|
||||
fieldForm &&
|
||||
customerForm &&
|
||||
directionsForm &&
|
||||
keywordsForm
|
||||
) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.form_title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
// 上传图片框限制
|
||||
// ::v-deep .el-upload--picture-card {
|
||||
// width: 120px;
|
||||
// height: 120px;
|
||||
// line-height: 120px;
|
||||
// }
|
||||
.el-select,
|
||||
.el-date-editor {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
221
src/views/components/ResearchForm/index.vue
Normal file
221
src/views/components/ResearchForm/index.vue
Normal file
@ -0,0 +1,221 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="value"
|
||||
:rules="rules"
|
||||
:label-width="labelWidth + 'px'"
|
||||
>
|
||||
<div class="form_title" v-if="showTitle">基本信息</div>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="机构logo" prop="image">
|
||||
<ImageUpload v-model="value.image" :fileSize="2" :limit="1" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="机构名称" prop="name">
|
||||
<el-input v-model="value.name" :disabled="!isAdd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="组织机构代码:" prop="code">
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-col :span="20">
|
||||
<el-input v-model="value.code" :disabled="!isAdd"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="" :disabled="!isAdd"
|
||||
>查找</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属站点:" prop="tenant_id">
|
||||
<SiteOptions :size="''" :limitWidth="false" v-model="value" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="详细地址:">
|
||||
<el-input v-model="value.address"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldSingle
|
||||
v-model="value"
|
||||
:isAdd="isAdd"
|
||||
:labelWidth="labelWidth"
|
||||
ref="fieldForm"
|
||||
/>
|
||||
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="value"
|
||||
title="研究方向"
|
||||
placeholder="请输入研究方向"
|
||||
fieldKey="researchs"
|
||||
ref="directionsForm"
|
||||
/>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="营业执照:" prop="license">
|
||||
<ImageUpload v-model="value.license" :isShowTip="false" :limit="1" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="机构简介" prop="introduce">
|
||||
<Editor
|
||||
v-model="value.introduce"
|
||||
:minHeight="150"
|
||||
ref="introduceRef"
|
||||
@click.native="handleEditAble"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import CityOptions from "@/views/components/CityOptions";
|
||||
import FieldSingle from "@/views/components/FieldSingle";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
import { researchSelect } from "@/api/dataList/research";
|
||||
import { laboratorySelect } from "@/api/dataList/laboratory";
|
||||
export default {
|
||||
components: {
|
||||
CityOptions,
|
||||
FieldSingle,
|
||||
InputBoxAdd,
|
||||
},
|
||||
props: {
|
||||
value: Object,
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showTitle: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
labelWidth: {
|
||||
type: Number,
|
||||
default: 120,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
researchOptions: [],
|
||||
options: [
|
||||
// { value: "", label: "" }
|
||||
],
|
||||
rules: {
|
||||
product: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
kind: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
code: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
mobile: [
|
||||
{ required: true, message: "请输入", trigger: "blur" },
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: "请输入正确的手机号码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
research_id: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
tenant_id: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
school: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
education: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
major: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
job: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
title: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
work_at: [
|
||||
{
|
||||
required: true,
|
||||
message: "从业时间不能为空",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
license: [
|
||||
{
|
||||
required: true,
|
||||
message: "请上传",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
introduce: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.introduceRef.Quill.enable(false);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 富文本聚焦
|
||||
handleEditAble() {
|
||||
this.$refs.introduceRef.Quill.enable(true);
|
||||
this.$refs.introduceRef.Quill.focus();
|
||||
},
|
||||
setLaboratory(e) {
|
||||
laboratorySelect({ research_id: e }).then((res) => {
|
||||
console.log(res);
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
let flag = false;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
const cityForm = this.$refs.cityForm.submitForm();
|
||||
const fieldForm = this.$refs.fieldForm.submitForm();
|
||||
if (valid && cityForm && fieldForm) {
|
||||
flag = !flag;
|
||||
}
|
||||
});
|
||||
return flag;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.form_title {
|
||||
font-weight: 700;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
// 上传图片框限制
|
||||
// ::v-deep .el-upload--picture-card {
|
||||
// width: 120px;
|
||||
// height: 120px;
|
||||
// line-height: 120px;
|
||||
// }
|
||||
.el-select,
|
||||
.el-date-editor {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
3
src/views/components/icons/element-icons.js
Normal file
3
src/views/components/icons/element-icons.js
Normal file
@ -0,0 +1,3 @@
|
||||
const elementIcons = ['platform-eleme', 'eleme', 'delete-solid', 'delete', 's-tools', 'setting', 'user-solid', 'user', 'phone', 'phone-outline', 'more', 'more-outline', 'star-on', 'star-off', 's-goods', 'goods', 'warning', 'warning-outline', 'question', 'info', 'remove', 'circle-plus', 'success', 'error', 'zoom-in', 'zoom-out', 'remove-outline', 'circle-plus-outline', 'circle-check', 'circle-close', 's-help', 'help', 'minus', 'plus', 'check', 'close', 'picture', 'picture-outline', 'picture-outline-round', 'upload', 'upload2', 'download', 'camera-solid', 'camera', 'video-camera-solid', 'video-camera', 'message-solid', 'bell', 's-cooperation', 's-order', 's-platform', 's-fold', 's-unfold', 's-operation', 's-promotion', 's-home', 's-release', 's-ticket', 's-management', 's-open', 's-shop', 's-marketing', 's-flag', 's-comment', 's-finance', 's-claim', 's-custom', 's-opportunity', 's-data', 's-check', 's-grid', 'menu', 'share', 'd-caret', 'caret-left', 'caret-right', 'caret-bottom', 'caret-top', 'bottom-left', 'bottom-right', 'back', 'right', 'bottom', 'top', 'top-left', 'top-right', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'd-arrow-left', 'd-arrow-right', 'video-pause', 'video-play', 'refresh', 'refresh-right', 'refresh-left', 'finished', 'sort', 'sort-up', 'sort-down', 'rank', 'loading', 'view', 'c-scale-to-original', 'date', 'edit', 'edit-outline', 'folder', 'folder-opened', 'folder-add', 'folder-remove', 'folder-delete', 'folder-checked', 'tickets', 'document-remove', 'document-delete', 'document-copy', 'document-checked', 'document', 'document-add', 'printer', 'paperclip', 'takeaway-box', 'search', 'monitor', 'attract', 'mobile', 'scissors', 'umbrella', 'headset', 'brush', 'mouse', 'coordinate', 'magic-stick', 'reading', 'data-line', 'data-board', 'pie-chart', 'data-analysis', 'collection-tag', 'film', 'suitcase', 'suitcase-1', 'receiving', 'collection', 'files', 'notebook-1', 'notebook-2', 'toilet-paper', 'office-building', 'school', 'table-lamp', 'house', 'no-smoking', 'smoking', 'shopping-cart-full', 'shopping-cart-1', 'shopping-cart-2', 'shopping-bag-1', 'shopping-bag-2', 'sold-out', 'sell', 'present', 'box', 'bank-card', 'money', 'coin', 'wallet', 'discount', 'price-tag', 'news', 'guide', 'male', 'female', 'thumb', 'cpu', 'link', 'connection', 'open', 'turn-off', 'set-up', 'chat-round', 'chat-line-round', 'chat-square', 'chat-dot-round', 'chat-dot-square', 'chat-line-square', 'message', 'postcard', 'position', 'turn-off-microphone', 'microphone', 'close-notification', 'bangzhu', 'time', 'odometer', 'crop', 'aim', 'switch-button', 'full-screen', 'copy-document', 'mic', 'stopwatch', 'medal-1', 'medal', 'trophy', 'trophy-1', 'first-aid-kit', 'discover', 'place', 'location', 'location-outline', 'location-information', 'add-location', 'delete-location', 'map-location', 'alarm-clock', 'timer', 'watch-1', 'watch', 'lock', 'unlock', 'key', 'service', 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round']
|
||||
|
||||
export default elementIcons
|
||||
87
src/views/components/icons/index.vue
Normal file
87
src/views/components/icons/index.vue
Normal file
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div class="icons-container">
|
||||
<aside>
|
||||
<a href="#" target="_blank">Add and use
|
||||
</a>
|
||||
</aside>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane label="Icons">
|
||||
<div v-for="item of svgIcons" :key="item">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content">
|
||||
{{ generateIconCode(item) }}
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<svg-icon :icon-class="item" class-name="disabled" />
|
||||
<span>{{ item }}</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="Element-UI Icons">
|
||||
<div v-for="item of elementIcons" :key="item">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content">
|
||||
{{ generateElementIconCode(item) }}
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<i :class="'el-icon-' + item" />
|
||||
<span>{{ item }}</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import svgIcons from './svg-icons'
|
||||
import elementIcons from './element-icons'
|
||||
|
||||
export default {
|
||||
name: 'Icons',
|
||||
data() {
|
||||
return {
|
||||
svgIcons,
|
||||
elementIcons
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
generateIconCode(symbol) {
|
||||
return `<svg-icon icon-class="${symbol}" />`
|
||||
},
|
||||
generateElementIconCode(symbol) {
|
||||
return `<i class="el-icon-${symbol}" />`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.icons-container {
|
||||
margin: 10px 20px 0;
|
||||
overflow: hidden;
|
||||
|
||||
.icon-item {
|
||||
margin: 20px;
|
||||
height: 85px;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
float: left;
|
||||
font-size: 30px;
|
||||
color: #24292e;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
10
src/views/components/icons/svg-icons.js
Normal file
10
src/views/components/icons/svg-icons.js
Normal file
@ -0,0 +1,10 @@
|
||||
const req = require.context('../../../assets/icons/svg', false, /\.svg$/)
|
||||
const requireAll = requireContext => requireContext.keys()
|
||||
|
||||
const re = /\.\/(.*)\.svg/
|
||||
|
||||
const svgIcons = requireAll(req).map(i => {
|
||||
return i.match(re)[1]
|
||||
})
|
||||
|
||||
export default svgIcons
|
||||
102
src/views/dataList/enterprise/add.vue
Normal file
102
src/views/dataList/enterprise/add.vue
Normal file
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- <div style="width: 50%">
|
||||
<ExpertForm
|
||||
v-model="form"
|
||||
:showTitle="true"
|
||||
:formType="formType"
|
||||
:labelWidth="140"
|
||||
ref="expertFormRef"
|
||||
/>
|
||||
|
||||
</div> -->
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm">提交</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="EnterpriseAdd">
|
||||
// import ExpertForm from "@/views/components/ExpertForm";
|
||||
import tab from "@/plugins/tab";
|
||||
import {
|
||||
companyAdd,
|
||||
companyDetail,
|
||||
companyEdit,
|
||||
} from "@/api/dataList/enterprise";
|
||||
import { reactive, toRefs } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { ElMessage } from "element-plus";
|
||||
const router = useRouter();
|
||||
const formType = ref(2);
|
||||
const expertFormRef = ref(null);
|
||||
const data = reactive({
|
||||
form: {
|
||||
image: undefined,
|
||||
name: undefined,
|
||||
tenantId: undefined,
|
||||
province: undefined, // 省code
|
||||
city: undefined, // 市code
|
||||
district: undefined, // 区code
|
||||
address: undefined, // 详细地址
|
||||
product: undefined,
|
||||
kind: undefined,
|
||||
code: undefined,
|
||||
inviterCode: undefined,
|
||||
url: undefined,
|
||||
industrys: [],
|
||||
keywords: [],
|
||||
directions: [],
|
||||
introduce: undefined,
|
||||
license: undefined,
|
||||
},
|
||||
});
|
||||
const { form } = toRefs(data);
|
||||
const cancel = () => {
|
||||
router.back();
|
||||
tab.closeOpenPage();
|
||||
};
|
||||
const submitForm = () => {
|
||||
if (this.$refs.expertForm.submitForm()) {
|
||||
console.log(form.value);
|
||||
// todo... 提交出错
|
||||
if (form.value.id != undefined) {
|
||||
companyEdit(form.value).then((response) => {
|
||||
this.$store.dispatch("tagsView/delView", this.$route);
|
||||
router.go(-1);
|
||||
ElMessage.success("修改成功");
|
||||
});
|
||||
} else {
|
||||
companyAdd(form.value).then((res) => {
|
||||
this.$store.dispatch("tagsView/delView", this.$route);
|
||||
router.go(-1);
|
||||
ElMessage.success("新增成功");
|
||||
});
|
||||
}
|
||||
} else {
|
||||
console.log("校验未通过");
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- <script>
|
||||
export default {
|
||||
components: {
|
||||
ExpertForm,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// formType: 2,
|
||||
// labelWidth: 140,
|
||||
};
|
||||
},
|
||||
methods: {},
|
||||
created() {
|
||||
const { id } = this.$route.query;
|
||||
if (id) {
|
||||
companyDetail({ id }).then((res) => {
|
||||
form.value = res.data;
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script> -->
|
||||
213
src/views/dataList/enterprise/index.vue
Normal file
213
src/views/dataList/enterprise/index.vue
Normal file
@ -0,0 +1,213 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
v-show="showSearch"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="企业名称" prop="name">
|
||||
<el-input
|
||||
v-model="queryParams.name"
|
||||
placeholder="请输入企业名称"
|
||||
clearable
|
||||
size="default"
|
||||
style="width: 240px"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属站点" prop="tenantId">
|
||||
<el-select
|
||||
v-model="queryParams.tenantId"
|
||||
placeholder="请选择，支持搜索"
|
||||
size="default"
|
||||
:loading="siteList.length === 0"
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in siteList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="search"
|
||||
size="default"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="refresh" size="default" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="plus"
|
||||
size="default"
|
||||
@click="handleAdd"
|
||||
>新增</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="info" plain icon="upload" size="default" @click=""
|
||||
>导入</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="download"
|
||||
size="default"
|
||||
@click="handleExport"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="dataList">
|
||||
<el-table-column label="数据编号" align="center" prop="id" />
|
||||
<el-table-column label="企业名称" align="center" prop="name" />
|
||||
<el-table-column label="统一社会信用代码" align="center" prop="code" />
|
||||
<el-table-column
|
||||
label="所属领域"
|
||||
align="center"
|
||||
prop="industrys"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.industrys[row.industrys.length - 1] }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="站点" align="center">
|
||||
<template #default="{ row }">
|
||||
{{ siteList.find((el) => el.id === row.tenantId)?.name || "无" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所在地" align="center" prop="address" />
|
||||
<el-table-column label="企业类型" align="center" prop="kind">
|
||||
<template #default="{ row }">
|
||||
<div>
|
||||
{{ enterpriseOptions.find((e) => row.kind == e.key).value }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请时间" align="center">
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.createdAt }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
size="small"
|
||||
type="text"
|
||||
icon="edit"
|
||||
@click="handleDetail(row.id)"
|
||||
>修改</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.page_size"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Enterprise">
|
||||
import { companyList, companyExport } from "@/api/dataList/enterprise";
|
||||
import { download } from "@/utils/request";
|
||||
import dayjs from "dayjs";
|
||||
import { tenantSelect } from "@/api/subPlatform/tenant";
|
||||
import { reactive, ref, toRefs } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { enterpriseOptions } from "@/utils/parameter";
|
||||
import { ElMessageBox } from "element-plus";
|
||||
const router = useRouter();
|
||||
const data = reactive({
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
page_size: 10,
|
||||
examine_status: 2,
|
||||
name: undefined,
|
||||
tenantId: undefined,
|
||||
},
|
||||
});
|
||||
const { queryParams } = toRefs(data);
|
||||
const showSearch = ref(true);
|
||||
const siteList = ref([]);
|
||||
const loading = ref(true);
|
||||
const total = ref(0);
|
||||
const dataList = ref([]);
|
||||
|
||||
/** 查询企业列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const resp = await companyList(queryParams.value);
|
||||
dataList.value = resp.rows;
|
||||
total.value = resp.total;
|
||||
loading.value = false;
|
||||
};
|
||||
// 获取站点列表
|
||||
const getSiteList = async () => {
|
||||
const resp = await tenantSelect();
|
||||
siteList.value = resp.rows;
|
||||
};
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
};
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
dateRange.value = [];
|
||||
if (queryFormRef.value) {
|
||||
queryFormRef.value.resetFields();
|
||||
}
|
||||
handleQuery();
|
||||
};
|
||||
const handleAdd = () => {
|
||||
router.push({
|
||||
path: "/dataList/enterprise/add",
|
||||
});
|
||||
};
|
||||
const handleDetail = (id) => {
|
||||
router.push({
|
||||
path: "/dataList/enterpriseAdd",
|
||||
query: { id },
|
||||
});
|
||||
};
|
||||
const handleExport = () => {
|
||||
ElMessageBox.confirm(`是否确认企业列表？`)
|
||||
.then(() => {
|
||||
download("/business/enterprise/export", {}, "res.xls");
|
||||
// companyExport();
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
|
||||
getList();
|
||||
getSiteList();
|
||||
</script>
|
||||
556
src/views/dataList/patent/index.vue
Normal file
556
src/views/dataList/patent/index.vue
Normal file
@ -0,0 +1,556 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
v-show="showSearch"
|
||||
:inline="true"
|
||||
@submit.native.prevent
|
||||
>
|
||||
<el-form-item label="专利名称" prop="title">
|
||||
<el-input
|
||||
v-model="queryParams.title"
|
||||
placeholder="请输入专利名称"
|
||||
clearable
|
||||
size="default"
|
||||
style="width: 240px"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="search"
|
||||
size="default"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="refresh" size="default" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="plus"
|
||||
size="default"
|
||||
@click="handleAdd"
|
||||
>新增</el-button
|
||||
>
|
||||
</el-col>
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="plus"
|
||||
size="default"
|
||||
@click="openDialog = true"
|
||||
>认领</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<right-toolbar
|
||||
v-model:showSearch="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="dataList">
|
||||
<el-table-column label="数据编号" prop="id" align="center" />
|
||||
<el-table-column label="专利名称" prop="title" align="center" />
|
||||
<el-table-column label="申请号" prop="applyCode" align="center" />
|
||||
<el-table-column label="发明人" prop="inventor" align="center" />
|
||||
<el-table-column
|
||||
label="申请（专利权）人"
|
||||
prop="applyName"
|
||||
align="center"
|
||||
/>
|
||||
<!-- <el-table-column label="状态" align="center">
|
||||
<template #default={row}>
|
||||
<el-switch
|
||||
v-model="row.shelf_status"
|
||||
:active-value="1"
|
||||
:inactive-value="2"
|
||||
@change="handleStatusChange(row)"
|
||||
></el-switch>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="申请日期" prop="applyAt" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
size="small"
|
||||
type="text"
|
||||
icon="edit"
|
||||
@click="handleUpdate(row)"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="text"
|
||||
icon="delete"
|
||||
@click="handleDelete(row)"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog :title="title" v-model="showEditDialog" width="700px">
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="申请人:" prop="applyName">
|
||||
<el-input
|
||||
v-model="form.applyName"
|
||||
placeholder="请输入申请（专利权）人（多个请以 , 分割）"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请人地址:" prop="applyAddress">
|
||||
<el-input
|
||||
v-model="form.applyAddress"
|
||||
placeholder="请输入申请人地址"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="发明人:" prop="inventor">
|
||||
<el-input
|
||||
v-model="form.inventor"
|
||||
placeholder="请输入发明人（多个请以 , 分割）"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="专利名称:" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入专利名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请号:" prop="applyCode">
|
||||
<el-input v-model="form.applyCode" placeholder="请输入申请号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公开号:" prop="openCode">
|
||||
<el-input v-model="form.openCode" placeholder="请输入公开号" />
|
||||
</el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请日期:" prop="applyAt">
|
||||
<el-date-picker
|
||||
value-format="YYYYMMDD"
|
||||
v-model.trim="form.applyAt"
|
||||
type="date"
|
||||
placeholder="请选择申请日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="公开日:" prop="openAt">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
value-format="YYYYMMDD"
|
||||
v-model.trim="form.openAt"
|
||||
type="date"
|
||||
placeholder="请选择公开日"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="专利类型:" prop="kind">
|
||||
<el-select v-model="form.kind" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in patentOptions"
|
||||
:key="item.key"
|
||||
:label="item.value"
|
||||
:value="item.key"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="IPC分类号:" prop="ipcCode">
|
||||
<el-input v-model="form.ipcCode" placeholder="请输入IPC分类号" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="状态:" prop="shelf_status">
|
||||
<el-radio-group v-model="form.shelf_status">
|
||||
<el-radio :label="1">上架</el-radio>
|
||||
<el-radio :label="2">下架</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="摘要:" prop="description">
|
||||
<!-- <Editor v-model="form.description" :minHeight="150" /> -->
|
||||
<el-input
|
||||
v-model.number="form.description"
|
||||
placeholder="请输入摘要"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="主权项:" prop="principalClaim">
|
||||
<!-- <Editor v-model="form.principalClaim" :minHeight="150" /> -->
|
||||
<el-input
|
||||
v-model.number="form.principalClaim"
|
||||
placeholder="请输入主权项"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 认领专利 -->
|
||||
<!-- <el-dialog title="认领专利" :visible.sync="openDialog" width="900px">
|
||||
<el-form :model="claimQueryParams" ref="formClaim" :inline="true">
|
||||
<el-form-item label="申请（专利权）人" prop="applyName">
|
||||
<el-input
|
||||
v-model.trim="claimQueryParams.applyName"
|
||||
placeholder="请输入申请（专利权）人"
|
||||
clearable
|
||||
size="default"
|
||||
style="width: 240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="发明人" prop="inventor">
|
||||
<el-input
|
||||
v-model.trim="claimQueryParams.inventor"
|
||||
placeholder="请输入发明人"
|
||||
clearable
|
||||
size="default"
|
||||
style="width: 240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="search"
|
||||
size="default"
|
||||
@click="handleQueryClaim"
|
||||
>搜索</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
v-loading="claimLoading"
|
||||
max-height="500"
|
||||
ref="claimTable"
|
||||
:data="claimList"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="数据编号" prop="id" align="center" />
|
||||
<el-table-column label="申请人" prop="applyName" align="center" />
|
||||
<el-table-column label="发明人" prop="inventor" align="center" />
|
||||
<el-table-column label="申请日期" prop="applyAt" align="center" />
|
||||
<el-table-column label="专利名称" prop="title" align="center" />
|
||||
</el-table>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitClaimForm">确 定</el-button>
|
||||
<el-button @click="openDialog = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Patent">
|
||||
import {
|
||||
patentList,
|
||||
patentAdd,
|
||||
patentDetail,
|
||||
patentEdit,
|
||||
patentDelete,
|
||||
patentShelf,
|
||||
} from "@/api/dataList/patent";
|
||||
import { patentOptions } from "@/utils/parameter";
|
||||
import { reactive, toRefs } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
const loading = ref(true); // 是否正在加载
|
||||
const showSearch = ref(true); // 是否显示搜索栏
|
||||
const showEditDialog = ref(false);
|
||||
const queryFormRef = ref(null);
|
||||
const formRef = ref(null);
|
||||
|
||||
const total = ref(0);
|
||||
const title = ref("");
|
||||
const dataList = ref([]);
|
||||
const ids = ref([]); // 批量选中的列表项id列表
|
||||
const data = reactive({
|
||||
queryParams: {
|
||||
title: undefined,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
form: {},
|
||||
rules: {
|
||||
applyName: [{ required: true, message: "申请人不能为空", trigger: "blur" }],
|
||||
applyAddress: [
|
||||
{ required: true, message: "申请人地址不能为空", trigger: "blur" },
|
||||
],
|
||||
openCode: [{ required: true, message: "公开号不能为空", trigger: "blur" }],
|
||||
openAt: [{ required: true, message: "公开日不能为空", trigger: "blur" }],
|
||||
inventor: [{ required: true, message: "发明人不能为空", trigger: "blur" }],
|
||||
title: [{ required: true, message: "专利名称不能为空", trigger: "blur" }],
|
||||
applyCode: [{ required: true, message: "申请号不能为空", trigger: "blur" }],
|
||||
applyAt: [{ required: true, message: "申请日期不能为空", trigger: "blur" }],
|
||||
kind: [{ required: true, message: "请选择专利类型", trigger: "change" }],
|
||||
ipcCode: [
|
||||
{ required: true, message: "IPC分类号不能为空", trigger: "blur" },
|
||||
],
|
||||
description: [{ required: true, message: "摘要不能为空", trigger: "blur" }],
|
||||
principalClaim: [
|
||||
{ required: true, message: "主权项不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
});
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
|
||||
const resetQuery = () => {
|
||||
if (queryFormRef.value) {
|
||||
queryFormRef.value.resetFields();
|
||||
}
|
||||
handleQuery();
|
||||
};
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection) => {
|
||||
ids.value = selection.map((item) => item.id);
|
||||
};
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const resp = await patentList(queryParams.value);
|
||||
dataList.value = resp.rows;
|
||||
total.value = resp.total;
|
||||
loading.value = false;
|
||||
};
|
||||
// 取消按钮
|
||||
const cancel = () => {
|
||||
showEditDialog.value = false;
|
||||
reset();
|
||||
};
|
||||
// 表单重置
|
||||
const reset = () => {
|
||||
form.value = {
|
||||
id: undefined,
|
||||
applyName: undefined,
|
||||
applyAddress: undefined,
|
||||
inventor: undefined,
|
||||
title: undefined,
|
||||
applyCode: undefined,
|
||||
openCode: undefined,
|
||||
openAt: undefined,
|
||||
applyAt: undefined,
|
||||
kind: undefined,
|
||||
ipcCode: undefined,
|
||||
description: undefined,
|
||||
// shelf_status: 1,
|
||||
principalClaim: undefined,
|
||||
};
|
||||
if (formRef.value) {
|
||||
formRef.value.resetFields();
|
||||
}
|
||||
};
|
||||
const handleAdd = () => {
|
||||
reset();
|
||||
showEditDialog.value = true;
|
||||
title.value = "新增专利";
|
||||
};
|
||||
const handleUpdate = async (row) => {
|
||||
reset();
|
||||
const resp = await patentDetail(row.id);
|
||||
form.value = resp.data;
|
||||
showEditDialog.value = true;
|
||||
title.value = "修改专利";
|
||||
};
|
||||
const submitForm = async () => {
|
||||
await formRef.value.validate();
|
||||
form.value.inventor = form.value.inventor.replace(/，/g, ",");
|
||||
form.value.applyName = form.value.applyName.replace(/，/g, ",");
|
||||
if (form.value.id != undefined) {
|
||||
await patentEdit(form.value);
|
||||
ElMessage.success("修改成功");
|
||||
showEditDialog.value = false;
|
||||
getList();
|
||||
} else {
|
||||
await patentAdd(form.value);
|
||||
ElMessage.success("新增成功");
|
||||
showEditDialog.value = false;
|
||||
getList();
|
||||
}
|
||||
};
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = (row) => {
|
||||
ElMessageBox.confirm(`是否确认删除编号为${row.id}的数据项？`)
|
||||
.then(async () => {
|
||||
await patentDelete(row.id);
|
||||
getList();
|
||||
ElMessage.success("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
getList();
|
||||
</script>
|
||||
|
||||
<!-- <script>
|
||||
export default {
|
||||
|
||||
methods: {
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
// 查找专利条件... 不用了
|
||||
handleQueryClaim() {
|
||||
if (!this.claimQueryParams.applyName.length)
|
||||
return this.$modal.msgError("请输入申请（专利权）人");
|
||||
if (!this.claimQueryParams.inventor.length)
|
||||
return this.$modal.msgError("请输入发明人");
|
||||
this.claimQueryParams.pageNum = 1;
|
||||
this.getClaimList();
|
||||
},
|
||||
// 查找专利... 不用了
|
||||
getClaimList() {
|
||||
this.claimLoading = true;
|
||||
// patentList 临时方法 需修改... 不用了
|
||||
patentList(this.claimQueryParams).then((res) => {
|
||||
this.claimList = res.data.data;
|
||||
this.claimLoading = false;
|
||||
this.claimList.forEach((item) => {
|
||||
if (item.id == "XN0wBrbAZwQl") {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.claimTable.toggleRowSelection(item);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map((item) => item.id);
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
patentList(this.queryParams).then((res) => {
|
||||
this.dataList = res.data.data;
|
||||
this.total = res.data.count;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: undefined,
|
||||
applyName: undefined,
|
||||
applyAddress: undefined,
|
||||
inventor: undefined,
|
||||
title: undefined,
|
||||
applyCode: undefined,
|
||||
openCode: undefined,
|
||||
openAt: undefined,
|
||||
applyAt: undefined,
|
||||
kind: undefined,
|
||||
ipcCode: undefined,
|
||||
description: undefined,
|
||||
// shelf_status: 1,
|
||||
principalClaim: undefined,
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "新增专利";
|
||||
},
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
patentDetail({ id: row.id }).then((res) => {
|
||||
this.form = res.data;
|
||||
this.open = true;
|
||||
this.title = "修改专利";
|
||||
});
|
||||
},
|
||||
submitClaimForm() {},
|
||||
// 状态修改
|
||||
// handleStatusChange(row) {
|
||||
// let text = row.shelf_status === 1 ? "启用" : "停用";
|
||||
// this.$modal
|
||||
// .confirm('确认要"' + text + '""' + row.id + '"数据吗？')
|
||||
// .then(function () {
|
||||
// return patentShelf({ id: row.id });
|
||||
// })
|
||||
// .then(() => {
|
||||
// this.$modal.msgSuccess(text + "成功");
|
||||
// })
|
||||
// .catch(function () {
|
||||
// row.shelf_status = row.shelf_status === 1 ? 2 : 1;
|
||||
// });
|
||||
// },
|
||||
submitForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.form.inventor = this.form.inventor.replace(/，/g, ",");
|
||||
this.form.applyName = this.form.applyName.replace(/，/g, ",");
|
||||
if (this.form.id != undefined) {
|
||||
patentEdit(this.form).then((response) => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
patentAdd(this.form).then((response) => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal
|
||||
.confirm('是否确认删除编号为"' + row.id + '"的数据项？')
|
||||
.then(function () {
|
||||
return patentDelete({ id: row.id });
|
||||
})
|
||||
.then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
};
|
||||
</script> -->
|
||||
Reference in New Issue
Block a user