<template>
|
<div class="class_substep" >
|
<div style="width: 79%;text-align: center; margin: 0 10px;">
|
<h2 style="margin: 10px;">项目总金额:<span style="font-weight: bold;">{{money}}</span></h2>
|
</div>
|
<div style="width: 79%; height: 88%; 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 disabled :show-message="false" :model="form_['title']" ref="form_1" 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="{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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['scheme']" ref="form_1" 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="{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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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" 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 disabled :show-message="false" :model="form_['search']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['select']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['get']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['find']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['properties']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['risk']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['target']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['propertiesArrangement']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['riskChart']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['meta']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['grade']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['tsa']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['compose']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['translate']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['evaluation']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['recommend']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['format']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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 disabled :show-message="false" :model="form_['Contribute']" ref="form_1" 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="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" 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:{
|
showData_: {
|
type: Object,
|
required: true
|
},
|
form_objs: {
|
type: Object,
|
required: true
|
},
|
},
|
data() {
|
return {
|
showData: {},
|
money:0,
|
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_: "",
|
|
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() {
|
this.showData = this.showData_;
|
this.form_= this.form_objs;
|
this.money = 0;
|
for (let itm_k in this.showData_) {
|
|
let form_obj = {};
|
form_obj = this.form_objs[itm_k];
|
this.money += form_obj.budget;
|
}
|
},
|
|
//单一事件
|
title_titleType(val) {
|
if (val == "针对客户感兴趣的题目范围") {
|
this.titleInput_ = "一个人群信息或一个干预信息";
|
}
|
else if (val == "针对客户既定的题目方向") {
|
this.titleInput_ = "提供题目的 PICOS 信息";
|
}
|
},
|
|
|
|
}
|
};
|
</script>
|
|
<style>
|
.class_substep {
|
height: 100%;
|
overflow: hidden;
|
}
|
|
.class_substep .el-divider--horizontal {
|
margin: 10px 0;
|
}
|
|
.class_substep .z_grid-content3 {
|
display:table-cell;
|
vertical-align:bottom;
|
color: #2c3e50;
|
height: 40px;
|
}
|
|
</style>
|
