kimi
2020-01-19 2c2043221fdb7ef53f91980d6ef001ffdc9ba658
Merge branch 'master' of http://highdatas.com:9000/r/~kimi/srs
4个文件已添加
3414 ■■■■■ 已修改文件
src/components/menu/navigationItem.vue 56 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/popup/newProject.vue 280 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/popup/portion/substep.vue 1562 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/popup/portion/substepReadOnly.vue 1516 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/menu/navigationItem.vue
New file
@@ -0,0 +1,56 @@
<template>
 <div v-if="item.children">
   <template v-if="item.children.length == 0">
       <el-menu-item :index="item.path" >
         <i class="el-icon-menu"></i>
         <span>{{item.title}}</span>
       </el-menu-item>
   </template>
   <el-submenu v-else :index="item.path">
    <template slot="title" >
      <i class="el-icon-menu"></i>
      <span>{{item.title}}</span>
    </template>
    <template v-for="child in item.children">
      <navigation-item  v-if="child.children&&child.children.length>0"
        :item="child"
        :key="child.path"/>
      <el-menu-item v-else :key="child.path" :index="child.path">
        <!-- <i class="el-icon-location"></i> -->
        <span>{{child.title}}</span>
      </el-menu-item>
    </template>
   </el-submenu>
 </div>
</template>
<script>
export default {
 name: 'navigationItem',
 data () {
     return {
         hoverEl: ""
     }
 },
 props: {
     item: {
         type: Object,
         required: true
        }
 },
 methods:{
 }
}
</script>
<style >
  .el-main {
    border-right: 0px;
  }
    .el-menu-item{
        text-align: left;
    }
    .el-submenu__title{
        text-align: left;
    }
</style>
src/components/popup/newProject.vue
New file
@@ -0,0 +1,280 @@
<template>
  <div class="class_dataImport">
     <el-steps :active="add_Step" align-center>
       <el-step title="研究目标" description="明确临床问题"></el-step>
       <el-step title="方案设计" description="确立方案"></el-step>
       <el-step title="预览" description=""></el-step>
     </el-steps>
     <div style="height: 55vh; padding:0px; box-sizing:boder-box; overflow: auto;">
       <div v-if="add_Step == 0" style="width: 100%; height: 100%;" align="center">
        <div style="padding-top: 5%; box-sizing:boder-box">
                    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                      <el-form-item label="项目名称:" prop="name" style="width: 50%;">
                        <el-input v-model="ruleForm.name"></el-input>
                      </el-form-item>
                      <el-form-item label="研究目的:" prop="objective" style="width: 50%;">
                        <el-select v-model="ruleForm.objective" placeholder="请选择" style="width: 100%;">
                          <el-option
                              v-for="item in options_objectives"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="起止时间:" prop="items" style="width: 50%;">
                            <el-date-picker
                                v-model="ruleForm.items"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期"
                                style="width: 100%;"
                                >
                            </el-date-picker>
                      </el-form-item>
                      <el-form-item label="项目描述:" prop="desc" style="width: 50%;">
                        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
                      </el-form-item>
                    </el-form>
        </div>
      </div>
      <div v-if="add_Step == 1" style="width: 100%; height: 100%;" align="center">
                <substep ref="substep_zj" v-bind:xmId="xmId"></substep>
      </div>
      <div v-if="add_Step == 2" style="width: 100%; height: 100%;" align="center">
        <substepReadOnly v-bind:form_objs="form_objs" v-bind:showData_="showData_"></substepReadOnly>
      </div>
    </div>
        <div style="width: 100%; text-align: center;">
            <el-button v-if="add_Step > 0" style="margin-top: 12px;" @click="UpwardStep">上一步</el-button>
          <el-button :loading="loading_nextStep" style="margin-top: 12px;" @click="NextStep">{{nextStepName}}</el-button>
          <!-- <el-button :loading="loading_cancel" style="margin-top: 12px;" @click="Cancel">{{cancelName}}</el-button> -->
        </div>
  </div>
</template>
<script>
import substep from './portion/substep.vue'
import substepReadOnly from './portion/substepReadOnly.vue'
export default {
  name: 'dataImport',
    components: {
      substep,
        substepReadOnly
    },
  data () {
    return {
      add_Step: 0,
            loading_nextStep: false,
            nextStepName: "下一步",
            loading_cancel: false,
            cancelName: "关 闭",
            ruleForm: {},
            xmId: null,
            showData_: null,
            form_objs: null,
            options_objectives: [
              {
                value: "干预性系统评价",
                label: "干预性系统评价"
              },
              {
                value: "诊断性系统评价",
                label: "诊断性系统评价"
              },
              {
                value: "预后性系统评价",
                label: "预后性系统评价"
              },
                {
                  value: "相关性系统评价",
                  label: "相关性系统评价"
                }
            ],
            rules: {
                name: [
                  {
                    required: true,
                    message: "不能为空",
                    trigger: ["change", "blur"]
                  }
                ],
                objective: [
                  {
                    required: true,
                    message: "不能为空",
                    trigger: ["change", "blur"]
                  }
                ],
                items: [
                    {
                        type: "array",
                        required: true,
                        message: "不能为空",
                        trigger: ["change", "blur"]
                    }
                ]
            }
        }
  },
  methods:{
        Cancel() {
            this.add_Step = 0;
            this.nextStepName = "下一步";
          this.$emit('closeNewProject');
        },
        UpwardStep() {
          this.add_Step --;
          if (this.add_Step == 0) {
            this.nextStepName = "下一步";
          }
          else if (this.add_Step == 2) {
            this.nextStepName = "保 存";
          }
          else {
            this.nextStepName = "下一步";
          }
        },
        NextStep() {
            if (this.add_Step == 0) {
                let is_null1 = false;
                this.$refs['ruleForm'].validate((valid) => {
                  if (valid) {
                    is_null1 = true;
                  } else {
                    console.log('error submit!!');
                    return false;
                  }
                });
                if(is_null1) {
                    this.saveStep1();
                  this.loading_save = true;
                }
            //    this.xmId = "c3b7f55c800e4726b53fdc18dd994603";
            //    this.add_Step = 1;
            }
            else if (this.add_Step == 1) {
                this.saveStep2();
            //    this.add_Step = 2;
            //    this.nextStepName = "完 成";
            }
            else if (this.add_Step == 2) {
                this.Cancel();
            }
        },
        saveStep1() {
            let ruleForm_ = this.ruleForm;
            let items1 = new Date(ruleForm_.items[0]).Format("yyyy-MM-dd").toLocaleString();
            let items2 = new Date(ruleForm_.items[1]).Format("yyyy-MM-dd").toLocaleString();
            let url = "/api/scheme/addOrUpdate";
            this.$axios.get(url,{
              params: {
                reseachType: ruleForm_.objective,
                name: ruleForm_.name,
                    startTime: items1,
                    endTime: items2,
                    id: this.xmId
              }
            }).then(data_ => {
              console.log(data_);
                this.xmId = data_.data.data;
                this.add_Step = 1;
            }).catch(error =>{
                console.log(error);
            })
        },
        saveStep2() {
            this.showData_ = this.$refs.substep_zj.showData;
            this.form_objs = this.$refs.substep_zj.form_;
            let form_array = [];
            let is_null1 = true;
            for (let itm_k in this.showData_) {
                let ref_k = "ref_" + itm_k;
                this.$refs.substep_zj.$refs[ref_k].validate((valid) => {
                  if (!valid) {
                    is_null1 = false;
                  }
                });
                let form_obj = {};
                form_obj = this.form_objs[itm_k];
                if (!form_obj.mustAttach) {
                    form_obj.mustAttach = false;
                }
                if (form_obj.startTime) {
                    form_obj.startTime = new Date(form_obj.startTime).Format("yyyy-MM-dd").toLocaleString();
                }
                if (form_obj.endTime) {
                    form_obj.endTime = new Date(form_obj.endTime).Format("yyyy-MM-dd").toLocaleString();
                }
                if (form_obj.userId) {
                    let leng = form_obj.userId.length;
                    form_obj.userId = form_obj.userId[leng-1];
                }
                form_obj.type = itm_k;
                form_obj.parentId = this.xmId;
                form_array.push(form_obj);
            }
            if (is_null1) {
                let datas = "?datas=" + encodeURI(JSON.stringify(form_array));
                let url = "/api/schemeDetail/updates";
                this.$axios.get(url + datas).then(data_ => {
                    console.log(data_);
                    this.add_Step = 2;
                    this.nextStepName = "完 成";
                }).catch(error =>{
                        console.log(error);
                })
            }
        },
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .class_dataImport .el-tabs__content{
    position: inherit;
  }
  .class_dataImport .grid-content {
    border-radius: 4px;
    height: 60px;
    min-height: 26px;
  }
  .class_dataImport .main-row .grid-content {
    line-height: 60px;
  }
  .class_dataImport .z_grid-content2{
    display:table-cell;
    vertical-align:bottom;
    color: #2c3e50;
    height: 50px;
  }
</style>
src/components/popup/portion/substep.vue
New file
@@ -0,0 +1,1562 @@
<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 :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-content2">
                                    <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="userId"
                                        :rules="{type: 'array', required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            size="mini"
                                            v-model="form_['title'].userId"
                                            :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 :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="userId"
                                        :rules="{type: 'array',required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            size="mini"
                                            style="width: 100%;"
                                            v-model="form_['scheme'].userId"
                                            :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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['search'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['select'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['get'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['find'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['properties'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['risk'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['target'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['propertiesArrangement'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['riskChart'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['meta'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['grade'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['tsa'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['compose'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['translate'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['evaluation'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['recommend'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['format'].userId"
                                            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 :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['Contribute'].userId"
                                            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:{
          xmId: {
             type: String,
             required: true
          }
        },
    data() {
      return {
                showData: {},
                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_ => {
                console.log(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 =>{
                  console.log(error);
              })
            },
            getDetailed() {
                let url = "/api/schemeDetail/parent/" + this.xmId;
                this.$axios.get(url).then(data_ => {
                  console.log(data_);
                    this.defaultCheckedKeys = [];
                    this.showData = {};
                    let details_ = data_.data.data;
                    if(details_.length > 0) {//如果存在明细
                        for(let i=0; i<details_.length; i++) {
                            let detail_ = details_[i];
                            //设置树的选中
                            this.defaultCheckedKeys.push(detail_.type);
                            //展开所有树节点对应的from
                            this.showData[detail_.type] = true;
                            //给所有的from的数据赋值
                            this.form_[detail_.type] = detail_;
                        }
                    }
                }).catch(error =>{
                    console.log(error);
                })
            },
            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>
src/components/popup/portion/substepReadOnly.vue
New file
@@ -0,0 +1,1516 @@
<template>
  <div class="class_substep">
        <div style="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 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-content2">
                                    <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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            size="mini"
                                            v-model="form_['title'].userId"
                                            :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            size="mini"
                                            style="width: 100%;"
                                            v-model="form_['scheme'].userId"
                                            :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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['search'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['select'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['get'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['find'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['properties'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['risk'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['target'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['propertiesArrangement'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['riskChart'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['meta'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['grade'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['tsa'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['compose'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['translate'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['evaluation'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['recommend'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['format'].userId"
                                            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="userId"
                                        :rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
                                    >
                                        <el-cascader
                                            style="width: 100%;"
                                            :options="options_users"
                                            :props="{ expandTrigger: 'hover' }"
                                            size="mini"
                                            v-model="form_['Contribute'].userId"
                                            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: {},
                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_ => {
                console.log(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 =>{
                  console.log(error);
              })
            },
            getDetailed() {
                this.showData = this.showData_;
                this.form_= this.form_objs;
            },
            //单一事件
            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>