<template>
|
<div class="class_substep">
|
<div style="float: left; width: 20%; height: 100%; border-right: 1px solid #333333; overflow: auto; padding-top: 5%; box-sizing: border-box;">
|
<el-tree
|
:data="data_"
|
accordion
|
show-checkbox
|
node-key="id"
|
:default-expanded-keys="defaultExpandedKeys"
|
:default-checked-keys="defaultCheckedKeys"
|
:props="defaultProps"
|
@check="handleNodeClick"
|
>
|
</el-tree>
|
</div>
|
<div style="float: right; width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;">
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">立题服务</h3>
|
<div>
|
<el-form :rules="rules_check" :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="22" class="z_grid-content3">
|
<el-form-item label="题目类型" prop="titleType"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini"
|
@change="title_titleType"
|
v-model="form_['title'].titleType" placeholder="请选择" style="width: 100%;">
|
<el-option
|
v-for="item in options_titleType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row v-if="form_['title'].titleType">
|
<el-col :span="22" class="z_grid-content1">
|
<el-form-item label="描述" prop="titleType"
|
:rules="[{required: true, message: '请输入', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="textarea" v-model="form_['title'].titleInput" :placeholder="titleInput_" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['title'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{type: 'array', required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
|
<el-cascader
|
style="width: 100%;"
|
size="mini"
|
v-model="form_['title'].userIds"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['title'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['title'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
@change="title_items"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions01" size="mini" placeholder="选择开始日期" v-model="form_['title'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions02" size="mini" placeholder="选择结束日期" v-model="form_['title'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['scheme']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">方案开发服务</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['scheme']" ref="ref_scheme" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['scheme'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{type: 'array',required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
size="mini"
|
style="width: 100%;"
|
v-model="form_['scheme'].userIds"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['scheme'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['scheme'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
@change="scheme_items"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions11" size="mini" placeholder="选择开始日期" v-model="form_['scheme'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions12" size="mini" placeholder="选择结束日期" v-model="form_['scheme'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['search']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文献检索</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['search']" ref="ref_search" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['search'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['search'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['search'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-date-picker
|
v-model="form_['search'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions21" size="mini" placeholder="选择开始日期" v-model="form_['search'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions22" size="mini" placeholder="选择结束日期" v-model="form_['search'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['select']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文献初筛</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['select']" ref="ref_select" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['select'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['select'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['select'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['select'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions31" size="mini" placeholder="选择开始日期" v-model="form_['select'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions32" size="mini" placeholder="选择结束日期" v-model="form_['select'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['get']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">全文获取</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['get']" ref="ref_get" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['get'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['get'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['get'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['get'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions41" size="mini" placeholder="选择开始日期" v-model="form_['get'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions42" size="mini" placeholder="选择结束日期" v-model="form_['get'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['find']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">全文筛查</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['find']" ref="ref_find" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['find'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['find'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['find'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['find'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions51" size="mini" placeholder="选择开始日期" v-model="form_['find'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions52" size="mini" placeholder="选择结束日期" v-model="form_['find'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['properties']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">定性信息</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['properties']" ref="ref_properties" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['properties'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['properties'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['properties'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['properties'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions61" size="mini" placeholder="选择开始日期" v-model="form_['properties'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions62" size="mini" placeholder="选择结束日期" v-model="form_['properties'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['risk']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">风险偏倚信息</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['risk']" ref="ref_risk" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['risk'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['risk'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['risk'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['risk'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions71" size="mini" placeholder="选择开始日期" v-model="form_['risk'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions72" size="mini" placeholder="选择结束日期" v-model="form_['risk'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['target']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">结局指标数据</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['target']" ref="ref_target" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['target'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['target'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['target'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['target'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions81" size="mini" placeholder="选择开始日期" v-model="form_['target'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions82" size="mini" placeholder="选择结束日期" v-model="form_['target'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['propertiesArrangement']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">定性信息整理总结</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['propertiesArrangement']" ref="ref_propertiesArrangement" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['propertiesArrangement'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['propertiesArrangement'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['propertiesArrangement'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['propertiesArrangement'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions91" size="mini" placeholder="选择开始日期" v-model="form_['propertiesArrangement'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions92" size="mini" placeholder="选择结束日期" v-model="form_['propertiesArrangement'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['riskChart']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">风险偏倚图表制作</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['riskChart']" ref="ref_riskChart" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['riskChart'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['riskChart'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['riskChart'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['riskChart'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions101" size="mini" placeholder="选择开始日期" v-model="form_['riskChart'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions102" size="mini" placeholder="选择结束日期" v-model="form_['riskChart'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['meta']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">Meta 分析</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['meta']" ref="ref_meta" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['meta'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['meta'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['meta'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['meta'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions111" size="mini" placeholder="选择开始日期" v-model="form_['meta'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions112" size="mini" placeholder="选择结束日期" v-model="form_['meta'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['grade']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">GRADE 证据质量评价</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['grade']" ref="ref_grade" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['grade'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['grade'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['grade'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['grade'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions121" size="mini" placeholder="选择开始日期" v-model="form_['grade'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions122" size="mini" placeholder="选择结束日期" v-model="form_['grade'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">TSA 分析</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['tsa']" ref="ref_tsa" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['tsa'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['tsa'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['tsa'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['tsa'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions131" size="mini" placeholder="选择开始日期" v-model="form_['tsa'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions132" size="mini" placeholder="选择结束日期" v-model="form_['tsa'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['compose']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿撰写</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['compose']" ref="ref_compose" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['compose'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['compose'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['compose'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['compose'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions141" size="mini" placeholder="选择开始日期" v-model="form_['compose'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions142" size="mini" placeholder="选择结束日期" v-model="form_['compose'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['translate']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">语言翻译及润色</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['translate']" ref="ref_translate" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['translate'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['translate'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['translate'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['translate'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions151" size="mini" placeholder="选择开始日期" v-model="form_['translate'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions152" size="mini" placeholder="选择结束日期" v-model="form_['translate'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['evaluation']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿评估</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['evaluation']" ref="ref_evaluation" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['evaluation'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['evaluation'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['evaluation'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['evaluation'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions161" size="mini" placeholder="选择开始日期" v-model="form_['evaluation'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions162" size="mini" placeholder="选择结束日期" v-model="form_['evaluation'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['recommend']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">杂志推荐</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['recommend']" ref="ref_recommend" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['recommend'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['recommend'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['recommend'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['recommend'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions171" size="mini" placeholder="选择开始日期" v-model="form_['recommend'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions172" size="mini" placeholder="选择结束日期" v-model="form_['recommend'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['format']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿格式修改</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['format']" ref="ref_format" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['format'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['format'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['format'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['format'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions181" size="mini" placeholder="选择开始日期" v-model="form_['format'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions182" size="mini" placeholder="选择结束日期" v-model="form_['format'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['Contribute']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">网上投稿</h3>
|
<div style="z-index: 1">
|
<el-form :rules="rules_check" :show-message="false" :model="form_['Contribute']" ref="ref_Contribute" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['Contribute'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['Contribute'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['Contribute'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- <el-col :span="22" class="z_grid-content3">
|
<el-form-item label="起止时间:" prop="items_fz">
|
<el-date-picker
|
v-model="form_['Contribute'].items_fz"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
style="width: 100%;"
|
size="mini"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{ required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions191" size="mini" placeholder="选择开始日期" v-model="form_['Contribute'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" :picker-options="pickerOptions192" size="mini" placeholder="选择结束日期" v-model="form_['Contribute'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props:{
|
xmId: {
|
type: String,
|
required: true
|
},
|
totalItems: {
|
type: Array,
|
required: true
|
}
|
},
|
data() {
|
return {
|
pickerOptions01: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "title";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions02: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "title";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions11: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "scheme";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions12: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "scheme";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions21: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "search";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions22: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "search";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions31: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "select";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions32: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "select";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions41: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "get";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions42: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "get";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions51: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "find";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions52: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "find";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions61: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "properties";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions62: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "properties";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions71: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "risk";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions72: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "risk";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions81: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "target";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions82: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "target";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions91: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "propertiesArrangement";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions92: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "propertiesArrangement";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions101: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "riskChart";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions102: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "riskChart";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions111: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "meta";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions112: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "meta";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions121: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "grade";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions122: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "grade";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions131: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "tsa";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions132: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "tsa";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions141: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "compose";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions142: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "compose";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions151: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "translate";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions152: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "translate";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions161: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "evaluation";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions162: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "evaluation";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions171: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "recommend";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions172: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "recommend";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
pickerOptions181: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "format";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions182: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "format";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
|
pickerOptions191: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "Contribute";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
if(this.form_[code].endTime) {
|
return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
pickerOptions192: {
|
disabledDate: (time) => {
|
if (this.totalItems.length>0) {
|
let code = "Contribute";
|
let bb0 = new Date(this.totalItems[0]);
|
let bb1 = new Date(this.totalItems[1]);
|
|
if(this.form_[code].startTime) {
|
return time.getTime() < this.form_[code].startTime || time.getTime() > bb1;
|
}else {
|
return time.getTime() < bb0 || time.getTime() > bb1;
|
}
|
}}
|
},
|
|
showData: {},
|
finish: false,
|
hideData: {
|
'title': false,
|
'scheme': false,
|
'search': false,
|
'select': false,
|
'get': false,
|
'find': false,
|
'properties': false,
|
'risk': false,
|
'target': false,
|
'propertiesArrangement': false,
|
'riskChart': false,
|
'meta': false,
|
'grade': false,
|
'tsa': false,
|
'compose': false,
|
'translate': false,
|
'evaluation': false,
|
'recommend': false,
|
'format': false,
|
'Contribute': false,
|
},
|
|
data_: [
|
{
|
id:"001",
|
title: "立题与方案开发",
|
parentId: "0",
|
checkArr: "0",
|
children:[
|
{
|
id:"title",
|
title: "立题服务",
|
parentId: "001",
|
checkArr: "0"
|
},
|
{
|
id:"scheme",
|
title: "方案开发服务",
|
parentId: "001",
|
checkArr: "0"
|
}
|
]
|
},{
|
id:"002",
|
title: "文献检索与筛查",
|
parentId: "0",
|
checkArr: "0",
|
children:[
|
{
|
id:"search",
|
title: "文献检索",
|
parentId: "002",
|
checkArr: "0"
|
},
|
{
|
id:"select",
|
title: "文献初筛",
|
parentId: "002",
|
checkArr: "0"
|
},
|
{
|
id:"get",
|
title: "全文获取",
|
parentId: "002",
|
checkArr: "0"
|
},
|
{
|
id:"find",
|
title: "全文筛查",
|
parentId: "002",
|
checkArr: "0"
|
}
|
]
|
},{
|
id:"003",
|
title: "数据提取",
|
parentId: "0",
|
checkArr: "0",
|
children:[
|
{
|
id:"properties",
|
title: "定性信息",
|
parentId: "003",
|
checkArr: "0"
|
},
|
{
|
id:"risk",
|
title: "风险偏倚信息",
|
parentId: "003",
|
checkArr: "0"
|
},
|
{
|
id:"target",
|
title: "结局指标数据",
|
parentId: "003",
|
checkArr: "0"
|
},
|
]
|
},{
|
id:"004",
|
title: "数据分析",
|
parentId: "0",
|
checkArr: "0",
|
children:[
|
{
|
id:"propertiesArrangement",
|
title: "定性信息整理总结",
|
parentId: "004",
|
checkArr: "0"
|
},
|
{
|
id:"riskChart",
|
title: "风险偏倚图表制作",
|
parentId: "004",
|
checkArr: "0"
|
},
|
{
|
id:"meta",
|
title: "Meta 分析",
|
parentId: "004",
|
checkArr: "0"
|
},
|
{
|
id:"grade",
|
title: "GRADE 证据质量评价",
|
parentId: "004",
|
checkArr: "0"
|
},
|
{
|
id:"tsa",
|
title: "TSA 分析",
|
parentId: "004",
|
checkArr: "0"
|
}
|
]
|
},{
|
id:"005",
|
title: "文稿撰写及相关服务",
|
parentId: "0",
|
checkArr: "0",
|
children:[
|
{
|
id:"compose",
|
title: "文稿撰写",
|
parentId: "005",
|
checkArr: "0"
|
},{
|
id:"translate",
|
title: "语言翻译及润色",
|
parentId: "005",
|
checkArr: "0"
|
},{
|
id:"evaluation",
|
title: "文稿评估",
|
parentId: "005",
|
checkArr: "0"
|
},{
|
id:"recommend",
|
title: "杂志推荐",
|
parentId: "005",
|
checkArr: "0"
|
},{
|
id:"format",
|
title: "文稿格式修改",
|
parentId: "005",
|
checkArr: "0"
|
},{
|
id:"Contribute",
|
title: "网上投稿",
|
parentId: "005",
|
checkArr: "0"
|
}
|
]
|
},
|
],
|
defaultProps: {
|
children: 'children',
|
label: 'title'
|
},
|
defaultExpandedKeys: [],
|
defaultCheckedKeys: [],
|
|
form_: {
|
title: {mustAttach: true},
|
scheme: {mustAttach: true},
|
search: {mustAttach: true},
|
select: {mustAttach: true},
|
get: {mustAttach: true},
|
find: {mustAttach: true},
|
properties: {mustAttach: true},
|
risk: {mustAttach: true},
|
target: {mustAttach: true},
|
propertiesArrangement: {mustAttach: true},
|
riskChart: {mustAttach: true},
|
meta: {mustAttach: true},
|
grade: {mustAttach: true},
|
tsa: {mustAttach: true},
|
compose: {mustAttach: true},
|
translate: {mustAttach: true},
|
evaluation: {mustAttach: true},
|
recommend: {mustAttach: true},
|
format: {mustAttach: true},
|
Contribute: {mustAttach: true},
|
},
|
|
options_titleType: [
|
{
|
value: "针对客户感兴趣的题目范围",
|
label: "针对客户感兴趣的题目范围"
|
},
|
{
|
value: "针对客户既定的题目方向",
|
label: "针对客户既定的题目方向"
|
}
|
],
|
|
titleInput_: "",
|
rules_check: {
|
|
},
|
|
options_users: [
|
{
|
value: "user1",
|
label: "张三"
|
},
|
{
|
value: "user2",
|
label: "李四"
|
},
|
{
|
value: "user3",
|
label: "王五"
|
}
|
],
|
};
|
},
|
|
created() {
|
//user
|
this.getUsers();
|
},
|
|
mounted() {
|
this.getDetailed();
|
},
|
|
methods: {
|
getUsers() {
|
let me = this;
|
let url = "/api/sysRoleMapping/detail";
|
this.$axios.get(url)
|
.then(data_ => {
|
let list = data_.data.data;
|
let parId = "";
|
let obj = {};
|
let result = [];
|
|
list.map(el => {
|
obj[el.id] = el;
|
})
|
for(let i=0, len = list.length; i < len; i++) {
|
let id = list[i].roleName;
|
//设置显示字段
|
list[i].value = list[i].id;
|
list[i].label = list[i].name;
|
|
if(id == parId || !id) {
|
if(!obj[list[i].id].children) {
|
obj[list[i].id].children = [];
|
}
|
result.push(list[i]);
|
continue;
|
}
|
if(obj[id].children) {
|
obj[id].children.push(list[i]);
|
} else {
|
obj[id].children = [list[i]];
|
}
|
}
|
|
me.options_users = result;
|
|
}).catch(error =>{
|
})
|
},
|
|
getDetailed() {
|
let me = this;
|
let url = "/api/detail/parent/" + this.xmId;
|
this.$axios.get(url).then(data_ => {
|
me.defaultCheckedKeys = [];
|
me.showData = {};
|
let details_ = data_.data.data;
|
if(details_.length > 0) {//如果存在明细
|
for(let i=0; i<details_.length; i++) {
|
let detail_ = details_[i];
|
//设置树的选中
|
me.defaultCheckedKeys.push(detail_.type);
|
//展开所有树节点对应的from
|
me.showData[detail_.type] = true;
|
|
//给所有的from的数据赋值
|
|
me.form_[detail_.type] = detail_;
|
me.form_[detail_.type].userIds = [];
|
me.form_[detail_.type].userIds.push(detail_.roleName);
|
me.form_[detail_.type].userIds.push(detail_.userId);
|
|
/* let items_ = "items_" + detail_.type;
|
this.form_[detail_.type][items_] = [];
|
this.form_[detail_.type][items_].push(new Date(detail_.startTime));
|
this.form_[detail_.type][items_].push(new Date(detail_.endTime)); */
|
// me.form_[detail_.type].items_fz = [me.$moment(detail_.startTime).format('YYYY-MM-DD'), me.$moment(detail_.endTime).format('YYYY-MM-DD')];
|
}
|
|
}
|
me.finish = true;
|
}).catch(error =>{
|
})
|
|
},
|
|
title_items(value) {
|
this.form_['title'].items_fz = value;
|
},
|
|
scheme_items(value) {
|
this.form_['scheme'].items_fz = value;
|
},
|
|
handleNodeClick(data,checkedNodes){
|
console.log(data);
|
//获取所有被选中的根节点，
|
let showData_ = {};
|
let checkedDatas = checkedNodes.checkedNodes;
|
for(var i=0; i<checkedDatas.length; i++) {
|
let checkedData = checkedDatas[i];
|
if (!checkedData.children) {
|
showData_[checkedData.id] = true;
|
}
|
}
|
|
//设置showData
|
this.showData = showData_;
|
},
|
|
//单一事件
|
title_titleType(val) {
|
if (val == "针对客户感兴趣的题目范围") {
|
this.titleInput_ = "一个人群信息或一个干预信息";
|
}
|
else if (val == "针对客户既定的题目方向") {
|
this.titleInput_ = "提供题目的 PICOS 信息";
|
}
|
},
|
|
|
|
}
|
};
|
</script>
|
|
<style>
|
.class_substep {
|
height: 100%;
|
}
|
|
.class_substep .el-divider--horizontal {
|
margin: 10px 0;
|
}
|
|
.class_substep .z_grid-content3 {
|
display:table-cell;
|
vertical-align:bottom;
|
color: #2c3e50;
|
height: 40px;
|
}
|
|
</style>
|
