创新服务需求页面初始化

This commit is contained in:
熊丽君
2022-03-25 13:48:20 +08:00
parent 29857cfc74
commit baa306b0a3
6 changed files with 756 additions and 11 deletions

View File

@ -8,7 +8,7 @@
>
<div class="form_title" v-if="showTitle">基本信息</div>
<el-row>
<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>
@ -18,7 +18,7 @@
<el-row>
<el-col :span="24">
<el-form-item label="成果需求名称:" prop="name">
<el-form-item label="需求名称:" prop="name">
<el-input v-model="value.name"></el-input>
</el-form-item>
</el-col>
@ -59,13 +59,14 @@
</el-row>
<FieldOptions
v-if="formType == 1"
v-model="value"
:labelWidth="labelWidth"
ref="fieldForm"
:disabled="!isAdd"
/>
<el-row>
<el-row v-if="formType == 1">
<el-col :span="12">
<el-form-item
label="成果需求预算:"
@ -87,7 +88,7 @@
</el-col>
</el-row>
<el-row>
<el-row v-if="formType == 1">
<el-col :span="12">
<el-form-item label="截止时间:" prop="work_at">
<el-date-picker
@ -134,7 +135,7 @@
</el-col>
</el-row>
<el-row>
<el-row v-if="formType == 1">
<el-col :span="24">
<InputBoxAdd
:labelWidth="labelWidth"
@ -171,6 +172,14 @@ export default {
type: Number,
default: 120,
},
formType: {
type: Number,
default: 1,
},
showOne: {
type: Boolean,
default: true,
},
},
data() {
return {

View File

@ -0,0 +1,57 @@
<template>
<div class="app-container">
<div style="width: 50%">
<EnterpriseDemandForm
v-model="form"
:showTitle="true"
:isAdd="false"
:labelWidth="labelWidth"
ref="enterpriseDemandRef"
:formType="form.type == 'enterprise' ? 2 : 3"
/>
</div>
<div :style="{ marginLeft: labelWidth + 'px' }">
<el-button @click="$router.go(-1)"> </el-button>
</div>
</div>
</template>
<script>
import EnterpriseDemandForm from "@/views/components/EnterpriseDemandForm";
export default {
components: {
EnterpriseDemandForm,
},
data() {
return {
labelWidth: 160,
form: {
// type: "enterprise", // 企业类型
type: "expert", // 专家类型
id: undefined,
title: undefined,
name: undefined,
check: [],
add: undefined,
industrys: [],
status: false,
amount: 0,
work_at: undefined,
bankAccount: undefined,
bankPhone: undefined,
username: undefined,
userPhone: undefined,
customer: [],
},
};
},
methods: {},
created() {
const { id } = this.$route.query;
if (id) {
agentDetail({ id }).then((res) => {
this.form = res.data;
});
}
},
};
</script>

View File

@ -1,3 +1,259 @@
<template>
<div>Demand列表</div>
</template>
<div class="app-container">
<el-form
v-if="is_super"
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="85px"
>
<el-form-item label="需求名称" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入需求名称"
clearable
size="small"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="需求类别" prop="type">
<el-select
v-model="queryParams.type"
placeholder="用户状态"
clearable
size="small"
style="width: 240px"
@clear="delete queryParams.type"
>
<el-option label="企业服务需求" :value="1" />
<el-option label="专家服务需求" :value="2" />
</el-select>
</el-form-item>
<el-form-item label="时间查询" prop="time">
<el-date-picker
v-model="dateRange"
size="small"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="所属站点" prop="tenant_id">
<SiteOptions v-model="queryParams" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-tabs type="card" size="mini" v-model="queryParams.activeName">
<el-tab-pane label="待受理" name="1"></el-tab-pane>
<el-tab-pane label="已受理" name="3"></el-tab-pane>
<el-tab-pane label="已结束" name="2"></el-tab-pane>
</el-tabs>
<el-table v-loading="loading" :data="dataList" ref="tableRef">
<el-table-column label="数据编号" align="center" prop="id" />
<el-table-column label="需求名称" align="center" prop="name" />
<el-table-column label="需求类别" align="center" prop="research_name" />
<el-table-column label="类型" align="center" prop="laboratory_name" />
<el-table-column label="状态" align="center" prop="laboratory_name" />
<el-table-column label="站点" align="center" prop="address" />
<el-table-column label="申请时间" align="center" prop="address" />
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="handleAdd"
v-if="queryParams.activeName == 1"
>
受理
</el-button>
<el-button
size="mini"
type="text"
@click=""
v-if="queryParams.activeName == 1"
>
取消
</el-button>
<el-button
size="mini"
type="text"
@click="handleExamine(scope.row.id)"
>
查看
</el-button>
<el-button
size="mini"
type="text"
@click="handleDelete(scope.row.id)"
v-if="queryParams.activeName != 1"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.page_num"
:limit.sync="queryParams.page_size"
@pagination="getList"
/>
<!-- 对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="受理单位:" prop="name">
<el-input v-model="form.name" placeholder="请输入受理单位" />
</el-form-item>
<el-form-item label="联系人:" prop="key">
<el-input v-model="form.key" placeholder="请输入联系人" />
</el-form-item>
<el-form-item label="联系电话:" prop="value">
<el-input v-model="form.value" placeholder="请输入联系电话" />
</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>
</div>
</template>
<script>
export default {
data() {
return {
is_super: this.$store.getters.is_super,
// 日期范围
dateRange: [],
// 遮罩层
loading: true,
// 总条数
total: 0,
// 实验室表格数据
dataList: null,
// 查询参数
queryParams: {
page_num: 1,
page_size: 10,
activeName: "1",
},
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 表单参数
form: {},
// 表单校验
rules: {
name: [
{ required: true, message: "受理单位不能为空", trigger: "blur" },
],
key: [{ required: true, message: "联系人不能为空", trigger: "blur" }],
value: [
{ required: true, message: "联系电话不能为空", trigger: "blur" },
],
},
};
},
methods: {
/** 查询机构列表 */
getList() {
this.loading = true;
this.dataList = [1];
this.total = 15;
this.loading = false;
// 时间参数合并
// expertList(this.addDateRange(this.queryParams, this.dateRange)).then((response) => {
// this.dataList = response.data.data;
// this.total = response.data.count;
// this.loading = false;
// });
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.page_num = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// handleClick() {
// this.$nextTick(() => {
// this.$refs["tableRef"].doLayout();
// });
// },
handleExamine(id) {
this.$router.push({
path: "/innovateDemand/demandDetail",
query: { id },
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
name: undefined,
key: undefined,
value: undefined,
};
this.resetForm("form");
},
handleAdd() {
this.reset();
this.open = true;
this.title = "受理";
},
/** 提交按钮 - 修改名称普通数据 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
// configAdd(this.form).then((response) => {
// this.$modal.msgSuccess("新增成功");
// this.open = false;
// this.getList();
// });
}
});
},
/** 删除按钮操作 */
handleDelete(id) {
this.$modal
.confirm('是否确认删除产品编号为"' + id + '"的数据项?')
.then(function () {
return tenantDelete({ id });
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
},
created() {
this.getList();
},
};
</script>

View File

@ -0,0 +1,56 @@
<template>
<div class="app-container">
<div style="width: 50%">
<EnterpriseDemandForm
v-model="form"
:showTitle="true"
:isAdd="false"
:labelWidth="labelWidth"
:showOne="false"
ref="enterpriseDemandRef"
/>
</div>
<div :style="{ marginLeft: labelWidth + 'px' }">
<!-- type="primary" -->
<el-button @click="$router.go(-1)">关闭</el-button>
</div>
</div>
</template>
<script>
import EnterpriseDemandForm from "@/views/components/EnterpriseDemandForm";
export default {
components: {
EnterpriseDemandForm,
},
data() {
return {
labelWidth: 160,
form: {
id: undefined,
title: undefined,
name: undefined,
check: [],
add: undefined,
industrys: [],
status: false,
amount: 0,
work_at: undefined,
bankAccount: undefined,
bankPhone: undefined,
username: undefined,
userPhone: undefined,
customer: [],
},
};
},
methods: {},
created() {
const { id } = this.$route.query;
if (id) {
agentDetail({ id }).then((res) => {
this.form = res.data;
});
}
},
};
</script>

View File

@ -1,3 +1,122 @@
<template>
<div>enterprise</div>
</template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
@submit.native.prevent
>
<el-form-item label="企业名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入企业名称"
clearable
size="small"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
<SiteOptions v-model="queryParams" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<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="title" align="center" />
<el-table-column label="所属产品" prop="local" align="center" />
<el-table-column label="联系方式" prop="is_multiple" align="center" />
<el-table-column label="所属站点" prop="area" align="center" />
<el-table-column label="创建时间" prop="created_at" align="center">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.created_at) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleExamine(scope.row.id)"
>查看归属需求</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.page_num"
:limit.sync="queryParams.page_size"
@pagination="getList"
/>
</div>
</template>
<script>
import {} from "@/api/website/siteSet";
export default {
data() {
return {
is_super: this.$store.getters.is_super,
loading: true,
queryParams: {
title: undefined,
mode: undefined,
tenant_id: undefined,
page_num: 1,
page_size: 10,
},
total: 0,
dataList: [],
};
},
methods: {
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
handleQuery() {
this.queryParams.page_num = 1;
this.getList();
},
getList() {
this.loading = true;
this.dataList = [1];
this.total = 15;
this.loading = false;
// bannerList(this.queryParams).then((res) => {
// this.dataList = res.data.data;
// this.total = res.data.count;
// this.loading = false;
// });
},
handleExamine(id) {
this.$router.push({
path: "/innovateDemand/enterpriseThinkDetail",
query: { id },
});
},
},
created() {
this.getList();
},
};
</script>

View File

@ -1,3 +1,251 @@
<template>
<div>expert</div>
</template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
@submit.native.prevent
>
<el-form-item label="企业名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入企业名称"
clearable
size="small"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
<SiteOptions v-model="queryParams" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<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="local" align="center" />
<el-table-column label="联系方式" prop="is_multiple" align="center" />
<el-table-column label="所属站点" prop="area" align="center" />
<el-table-column label="创建时间" prop="created_at" align="center">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.created_at) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleUpdate(scope.row)"
>查看</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.page_num"
:limit.sync="queryParams.page_size"
@pagination="getList"
/>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px">
<el-form
ref="form"
disabled
:model="form"
:rules="rules"
label-width="100px"
>
<el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
<SiteOptions v-model="form" />
</el-form-item>
<el-form-item label="企业名称:" prop="title">
<el-input v-model="form.title" placeholder="请输入企业名称" />
</el-form-item>
<el-form-item label="专家姓名:" prop="size">
<el-input v-model="form.size" placeholder="请输入专家姓名" />
</el-form-item>
<el-form-item label="联系电话:" prop="images">
<el-input v-model="form.images" placeholder="请输入联系电话" />
</el-form-item>
<el-form-item label="备注:">
<el-input
type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }"
v-model="form.images"
placeholder="请输入备注"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<!-- <el-button type="primary" @click="submitForm"> </el-button> -->
<el-button type="primary" @click="cancel"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
bannerList,
bannerAdd,
bannerEdit,
bannerDelete,
} from "@/api/website/siteSet";
export default {
data() {
return {
is_super: this.$store.getters.is_super,
loading: true,
queryParams: {
title: undefined,
mode: undefined,
tenant_id: undefined,
page_num: 1,
page_size: 10,
},
total: 0,
dataList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
restaurants: [],
// 表单参数
form: {},
rules: {
tenant_id: [
{
required: true,
message: "所属站点不能为空",
trigger: ["blur", "change"],
},
],
title: [
{ required: true, message: "企业名称不能为空", trigger: "blur" },
],
size: [
{ required: true, message: "专家姓名不能为空", trigger: "blur" },
],
images: [
{ required: true, message: "联系电话不能为空", trigger: "blur" },
],
},
};
},
methods: {
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
handleQuery() {
this.queryParams.page_num = 1;
this.getList();
},
getList() {
this.loading = true;
this.dataList = [1];
this.total = 15;
this.loading = false;
// bannerList(this.queryParams).then((res) => {
// this.dataList = res.data.data;
// this.total = res.data.count;
// this.loading = false;
// });
},
// 取消按钮
cancel() {
this.open = false;
this.memberOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
tenant_id: undefined,
title: undefined,
local: undefined,
size: undefined,
domains: [],
images: undefined,
is_multiple: 0,
};
this.resetForm("form");
},
handleAdd() {
this.reset();
this.open = true;
this.title = "新增";
},
handleUpdate(row) {
this.reset();
this.form = Object.assign({}, this.form, row);
this.open = true;
this.title = "详情";
},
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
// bannerEdit(this.form).then((response) => {
// this.$modal.msgSuccess("修改成功");
// this.open = false;
// this.getList();
// });
} else {
// bannerAdd(this.form).then((response) => {
// this.$modal.msgSuccess("新增成功");
// this.open = false;
// this.getList();
// });
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$modal
.confirm('是否确认删除编号为"' + row.id + '"的数据项?')
.then(function () {
// return bannerDelete({ id: row.id });
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
},
created() {
this.getList();
},
};
</script>