<template>
|
<div class="class_substep" >
|
<div style="text-align: left; margin: 0 10px;">
|
<div style="height: 46px; line-height: 46px; margin: 10px; border-bottom: 1px solid #000000;">
|
<span style="font-weight: bold; font-size: 16px;">项目总金额:{{money}}</span>
|
<span style="font-weight: bold; font-size: 16px; margin-left: 16px;">确认总金额:{{money_}}</span>
|
<el-button size="small" style="float: right; margin-right: 32px;" @click="saveStep1">保 存</el-button>
|
</div>
|
</div>
|
<div class="class_form_z1" style="height: 500px; overflow: auto; padding-top: 0px; box-sizing: border-box;">
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">立题服务</h3>
|
<div>
|
<el-form disabled :show-message="false" :model="form_['title']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<!-- <el-row>
|
<el-col :span="22" class="z_grid-content3">
|
<el-form-item label="题目类型" prop="titleType"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini"
|
@change="title_titleType"
|
v-model="form_['title'].titleType" placeholder="请选择" style="width: 100%;">
|
<el-option
|
v-for="item in options_titleType"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row> -->
|
<!-- <el-row v-if="form_['title'].titleType">
|
<el-col :span="22" class="z_grid-content1">
|
<el-form-item label="描述" prop="titleType"
|
:rules="[{required: true, message: '请输入', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="textarea" v-model="form_['title'].titleInput" :placeholder="titleInput_" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row> -->
|
<el-form-item label="人群"
|
prop="population"
|
:rules="[{required: true, message: '请输入人群', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="textarea" v-model="form_['title'].population" ></el-input>
|
</el-form-item>
|
<el-form-item label="干预或因素"
|
prop="exposure"
|
:rules="[{required: true, message: '请输入干预或因素', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="textarea" v-model="form_['title'].exposure" ></el-input>
|
</el-form-item>
|
<el-form-item label="对照"
|
prop="comparator"
|
:rules="[{required: true, message: '请输入对照', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="textarea" v-model="form_['title'].comparator" ></el-input>
|
</el-form-item>
|
<el-form-item label="研究类型"
|
prop="titleType"
|
:rules="[{required: true, message: '请选择研究类型', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="small" v-model="form_['title'].titleType" style="width: 100%;">
|
<el-option label="二次研究" value="二次研究"></el-option>
|
<el-option label="一次研究" value="一次研究"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="结局">
|
<el-select multiple size="small" v-model="form_['title'].outcomes_array" style="width: 100%;">
|
<el-option label="有效性" value="有效性"></el-option>
|
<el-option label="安全性" value="安全性"></el-option>
|
<el-option label="经济性" value="经济性"></el-option>
|
<el-option label="其它" value="其它"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="14">
|
<el-form-item v-if="form_['title'].outcomes && form_['title'].outcomes.indexOf('其它') != -1" label="结局补充">
|
<el-input type="textarea" v-model="form_['title'].outcomesOther" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['title'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
|
<el-cascader
|
style="width: 100%;"
|
size="mini"
|
v-model="form_['title'].userIds"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['title'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['title'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['title'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['title'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['title'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('title')" v-model="form_['title'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['title'].parttime" size="mini" v-model="form_['title'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['title'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['title'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
|
<el-form :show-message="false" :model="form_['title']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['title'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['scheme']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">方案开发服务</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['scheme']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['scheme'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
size="mini"
|
style="width: 100%;"
|
v-model="form_['scheme'].userIds"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['scheme'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['scheme'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['scheme'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['scheme'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['scheme'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('scheme')" v-model="form_['scheme'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['scheme'].parttime" size="mini" v-model="form_['scheme'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['scheme'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['scheme'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['scheme']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['scheme'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['search']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文献检索</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['search']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['search'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['search'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['search'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['search'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['search'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['search'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['search'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('search')" v-model="form_['search'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['search'].parttime" size="mini" v-model="form_['search'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
<div v-if="form_['search'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['search'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['search']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['search'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['select']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文献初筛</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['select']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['select'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['select'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['select'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['select'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['select'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['select'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['select'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('select')" v-model="form_['select'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['select'].parttime" size="mini" v-model="form_['select'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['select'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['select'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['select']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['select'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['get']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">全文获取</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['get']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['get'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['get'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['get'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['get'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['get'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['get'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['get'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('get')" v-model="form_['get'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['get'].parttime" size="mini" v-model="form_['get'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['get'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['get'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['get']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['get'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['find']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">全文筛查</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['find']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['find'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['find'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['find'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['find'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['find'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['find'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['find'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('find')" v-model="form_['find'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['find'].parttime" size="mini" v-model="form_['find'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['find'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['find'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['find']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['find'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['properties']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">定性信息</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['properties']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['properties'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['properties'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['properties'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['properties'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['properties'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['properties'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['properties'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('properties')" v-model="form_['properties'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['properties'].parttime" size="mini" v-model="form_['properties'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['properties'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['properties'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['properties']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['properties'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<!-- <transition name="el-zoom-in-top">
|
<div v-show="showData['risk']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">风险偏倚信息</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['risk']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['risk'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['risk'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['risk'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['risk'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['risk'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition> -->
|
<!-- <transition name="el-zoom-in-top">
|
<div v-show="showData['target']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">结局指标数据</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['target']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['target'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['target'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['target'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['target'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['target'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition> -->
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['analyse']" 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_['analyse']" 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_['analyse'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['analyse'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['analyse'].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_['analyse'].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_['analyse'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['analyse'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['analyse'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('analyse')" v-model="form_['analyse'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['analyse'].parttime" size="mini" v-model="form_['analyse'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['analyse'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['analyse'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['analyse']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['analyse'].realPayment" style="width: 100%;"></el-input-number>
|
</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['arrange']" 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_['arrange']" 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_['arrange'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['arrange'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['arrange'].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_['arrange'].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_['arrange'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['arrange'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['arrange'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('arrange')" v-model="form_['arrange'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['arrange'].parttime" size="mini" v-model="form_['arrange'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['arrange'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['arrange'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['arrange']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['arrange'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['meta']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">Meta 分析</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['meta']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['meta'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['meta'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['meta'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['meta'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['meta'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['meta'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['meta'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('meta')" v-model="form_['meta'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['meta'].parttime" size="mini" v-model="form_['meta'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['meta'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['meta'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['meta']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['meta'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['grade']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">GRADE 证据质量评价</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['grade']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['grade'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['grade'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['grade'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['grade'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['grade'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['grade'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['grade'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('grade')" v-model="form_['grade'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['grade'].parttime" size="mini" v-model="form_['grade'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['grade'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['grade'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['grade']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['grade'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
|
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">TSA 分析</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['tsa']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['tsa'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['tsa'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['tsa'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['tsa'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['tsa'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['tsa'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['tsa'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('tsa')" v-model="form_['tsa'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['tsa'].parttime" size="mini" v-model="form_['tsa'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['tsa'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['tsa'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['tsa']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['tsa'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['compose']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿撰写</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['compose']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['compose'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['compose'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['compose'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['compose'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['compose'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['compose'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['compose'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('compose')" v-model="form_['compose'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['compose'].parttime" size="mini" v-model="form_['compose'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['compose'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['compose'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['compose']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['compose'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['translate']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">语言翻译及润色</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['translate']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['translate'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['translate'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['translate'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['translate'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['translate'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['translate'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['translate'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('translate')" v-model="form_['translate'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['translate'].parttime" size="mini" v-model="form_['translate'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['translate'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['translate'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['translate']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['translate'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['evaluation']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿评估</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['evaluation']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['evaluation'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['evaluation'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['evaluation'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['evaluation'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['evaluation'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['evaluation'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['evaluation'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('evaluation')" v-model="form_['evaluation'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['evaluation'].parttime" size="mini" v-model="form_['evaluation'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['evaluation'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['evaluation'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['evaluation']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['evaluation'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['recommend']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">杂志推荐</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['recommend']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['recommend'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['recommend'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['recommend'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['recommend'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['recommend'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['recommend'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['recommend'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('recommend')" v-model="form_['recommend'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['recommend'].parttime" size="mini" v-model="form_['recommend'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['recommend'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['recommend'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['recommend']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['recommend'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['format']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">文稿格式修改</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['format']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['format'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['format'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['format'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['format'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['format'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['format'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['format'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('format')" v-model="form_['format'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['format'].parttime" size="mini" v-model="form_['format'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['format'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['format'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['format']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['format'].realPayment" style="width: 100%;"></el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<el-divider></el-divider>
|
</div>
|
</transition>
|
<transition name="el-zoom-in-top">
|
<div v-show="showData['Contribute']" class="transition-box" style="text-align: center; margin: 0 10px;">
|
<h3 style="margin: 10px;">网上投稿</h3>
|
<div style="z-index: 1">
|
<el-form disabled :show-message="false" :model="form_['Contribute']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="合同金额" prop="budget"
|
:rules="[{required: true, message: '请输入金额', trigger: ['blur', 'change']}]"
|
>
|
<el-input type="number" size="mini" v-model="form_['Contribute'].budget" placeholder="请输入金额" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="负责人" prop="userIds"
|
:rules="{required: true, message: '请选择负责人', trigger: ['change', 'blur']}"
|
>
|
<el-cascader
|
style="width: 100%;"
|
:options="options_users"
|
:props="{ expandTrigger: 'hover' }"
|
size="mini"
|
v-model="form_['Contribute'].userIds"
|
placeholder="请选择负责人"
|
>
|
</el-cascader>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6" class="z_grid-content3">
|
<el-form-item label="交付物" prop="mustAttach"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-switch v-model="form_['Contribute'].mustAttach"></el-switch>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="开始日期" prop="startTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择开始日期" v-model="form_['Contribute'].startTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" class="z_grid-content3">
|
<el-form-item label="结束日期" prop="endTime"
|
:rules="{required: true, message: '请选择', trigger: ['change', 'blur']}"
|
>
|
<el-date-picker type="date" size="mini" placeholder="选择结束日期" v-model="form_['Contribute'].endTime" style="width: 100%;"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="17" class="z_grid-content1">
|
<el-form-item label="备注说明">
|
<el-input type="textarea" v-model="form_['Contribute'].remark" style="width: 100%;"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5" class="z_grid-content3">
|
<el-form-item label="语言" prop="language" label-width="80px"
|
:rules="[{required: true, message: '请选择', trigger: ['blur', 'change']}]"
|
>
|
<el-select size="mini" v-model="form_['Contribute'].language" placeholder="选择语言" style="width: 100%;">
|
<el-option label="中文" value="Cn"></el-option>
|
<el-option label="英文" value="En"></el-option>
|
<el-option label="中英文" value="CnEn"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="4" class="z_grid-content3">
|
<el-form-item label="是否兼职编辑" label-width="120px">
|
<el-checkbox @change="parttimeChange('Contribute')" v-model="form_['Contribute'].parttime"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="18" class="z_grid-content3">
|
<el-form-item label="兼职编辑成员" label-width="120px">
|
<el-select multiple :disabled="!form_['Contribute'].parttime" size="mini" v-model="form_['Contribute'].parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
|
<div v-if="form_['Contribute'].parttime" style="text-align: left;">
|
<el-table
|
:data="form_['Contribute'].parttimeList"
|
:show-header="true"
|
style="width: 100%;"
|
>
|
<el-table-column prop="parttimeUser" label="姓名" width="300" align="left" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<div>
|
<el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;">
|
<el-option
|
v-for="item in options_parttimeUser"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
></el-option>
|
</el-select>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="parttimePay" label="费用" align="center">
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-form :show-message="false" :model="form_['Contribute']" label-position='right' label-width="100px" class="demo-form-inline">
|
<el-row>
|
<el-col :span="6" class="z_grid-content1">
|
<el-form-item label="确认费用" >
|
<el-input-number @change="addmoney_" :disabled="false" type="textarea" v-model="form_['Contribute'].realPayment" style="width: 100%;"></el-input-number>
|
</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: {},
|
money:0,
|
money_: 0,
|
hideData: {
|
|
'title': false,
|
'scheme': false,
|
'search': false,
|
'select': false,
|
'get': false,
|
'find': false,
|
'properties': false,
|
'risk': false,
|
'target': false,
|
'analyse': false,
|
'arrange': false,
|
'meta': false,
|
'grade': false,
|
'tsa': false,
|
'compose': false,
|
'translate': false,
|
'evaluation': false,
|
'recommend': false,
|
'format': false,
|
'Contribute': false,
|
},
|
|
data_: [],
|
defaultProps: {
|
children: 'children',
|
label: 'title'
|
},
|
defaultExpandedKeys: [],
|
defaultCheckedKeys: [],
|
|
form_: {
|
title: {mustAttach: true, parttimeList: [], parttime: false},
|
scheme: {mustAttach: true, parttimeList: [], parttime: false},
|
search: {mustAttach: true, parttimeList: [], parttime: false},
|
select: {mustAttach: true, parttimeList: [], parttime: false},
|
get: {mustAttach: true, parttimeList: [], parttime: false},
|
find: {mustAttach: true, parttimeList: [], parttime: false},
|
properties: {mustAttach: true, parttimeList: [], parttime: false},
|
risk: {mustAttach: true, parttimeList: [], parttime: false},
|
target: {mustAttach: true, parttimeList: [], parttime: false},
|
analyse: {mustAttach: true, parttimeList: [], parttime: false},
|
arrange: {mustAttach: true, parttimeList: [], parttime: false},
|
meta: {mustAttach: true, parttimeList: [], parttime: false},
|
grade: {mustAttach: true, parttimeList: [], parttime: false},
|
tsa: {mustAttach: true, parttimeList: [], parttime: false},
|
compose: {mustAttach: true, parttimeList: [], parttime: false},
|
translate: {mustAttach: true, parttimeList: [], parttime: false},
|
evaluation: {mustAttach: true, parttimeList: [], parttime: false},
|
recommend: {mustAttach: true, parttimeList: [], parttime: false},
|
format: {mustAttach: true, parttimeList: [], parttime: false},
|
Contribute: {mustAttach: true, parttimeList: [], parttime: false},
|
},
|
|
options_titleType: [
|
{
|
value: "针对客户感兴趣的题目范围",
|
label: "针对客户感兴趣的题目范围"
|
},
|
{
|
value: "针对客户既定的题目方向",
|
label: "针对客户既定的题目方向"
|
}
|
],
|
|
titleInput_: "",
|
|
options_parttimeUser: [],
|
options_users: [
|
{
|
value: "user1",
|
label: "张三"
|
},
|
{
|
value: "user2",
|
label: "李四"
|
},
|
{
|
value: "user3",
|
label: "王五"
|
}
|
],
|
};
|
},
|
|
created() {
|
//user
|
this.getUsers();
|
|
this.getPartTime();
|
this.getMenu();
|
},
|
|
mounted() {
|
this.getDetailed();
|
},
|
|
methods: {
|
addmoney_(val) {
|
this.money_ += val;
|
},
|
saveStep1() {
|
let form_array = [];
|
let is_null1 = true;
|
|
for (let itm_k in this.showData) {
|
let ref_k = "ref_" + itm_k;
|
/* this.$refs[ref_k].validate((valid) => {
|
if (!valid) {
|
is_null1 = false;
|
}
|
}); */
|
|
let form_obj = {};
|
form_obj = this.form_[itm_k];
|
if (!form_obj.mustAttach) {
|
form_obj.mustAttach = false;
|
}
|
/* if (form_obj.items_fz.length > 0) {
|
form_obj.startTime = form_obj.items_fz[0];
|
form_obj.endTime = form_obj.items_fz[1];
|
} */
|
|
if (form_obj.startTime) {
|
form_obj.startTime = this.$moment(form_obj.startTime).format('YYYY-MM-DD');
|
// form_obj.startTime = new Date(form_obj.startTime).Format("yyyy-MM-dd").toLocaleString();
|
}
|
if (form_obj.endTime) {
|
form_obj.endTime = this.$moment(form_obj.endTime).format('YYYY-MM-DD');
|
// form_obj.endTime = new Date(form_obj.endTime).Format("yyyy-MM-dd").toLocaleString();
|
}
|
if (form_obj.createTime) {
|
form_obj.createTime = this.$moment(form_obj.createTime).format('YYYY-MM-DD');
|
}
|
|
/* if (form_obj.parttimeUser && form_obj.parttimeUser.length>0) {
|
let parttimeUser_ = "";
|
for (let i = 0; i<form_obj.parttimeUser.length; i++) {
|
if (parttimeUser_ == "") {
|
parttimeUser_ = form_obj.parttimeUser[i];
|
}
|
else {
|
parttimeUser_ = parttimeUser_ + ";" + form_obj.parttimeUser[i];
|
}
|
}
|
|
form_obj.parttimeUser = parttimeUser_;
|
} */
|
|
if (form_obj.userIds) {
|
let leng = form_obj.userIds.length;
|
|
form_obj.roleName = form_obj.userIds[leng-2];
|
form_obj.userId = form_obj.userIds[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/detail/updates";
|
this.$axios.get(url + datas).then(data_ => {
|
this.$emit("closeProject");
|
}).catch(error =>{
|
})
|
}
|
},
|
|
getPartTime() {
|
let me = this;
|
let url = "/api/sysRoleMapping/partTime";
|
this.$axios.get(url)
|
.then(data_ => {
|
this.options_parttimeUser = data_.data.data;
|
|
}).catch(error =>{
|
|
})
|
},
|
getMenu() {
|
let me = this;
|
this.loading_tree = true;
|
this.data_ = [];
|
let url = "/api/module/all";
|
this.$axios.get(url
|
).then(data_ => {
|
window.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].parentId;
|
//设置显示字段
|
// list[i].label = list[i].title;
|
// list[i].value = list[i].id;
|
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.data_ = result;//给tableData赋值
|
this.loading_tree = false;
|
})
|
},
|
|
getUsers() {
|
let me = this;
|
let url = "/api/sysRoleMapping/detail";
|
this.$axios.get(url)
|
.then(data_ => {
|
let list = data_.data.data;
|
let parId = "";
|
let obj = {};
|
let result = [];
|
|
list.map(el => {
|
obj[el.id] = el;
|
})
|
for(let i=0, len = list.length; i < len; i++) {
|
let id = list[i].roleName;
|
//设置显示字段
|
list[i].value = list[i].id;
|
list[i].label = list[i].name;
|
|
if(id == parId || !id) {
|
if(!obj[list[i].id].children) {
|
obj[list[i].id].children = [];
|
}
|
result.push(list[i]);
|
continue;
|
}
|
if(obj[id].children) {
|
obj[id].children.push(list[i]);
|
} else {
|
obj[id].children = [list[i]];
|
}
|
}
|
me.options_users = result;
|
|
}).catch(error =>{
|
})
|
},
|
|
getDetailed() {
|
let me = this;
|
let url = "/api/detail/parent/" + this.xmId;
|
this.$axios.get(url).then(data_ => {
|
me.defaultCheckedKeys = [];
|
me.showData = {};
|
let details_ = data_.data.data;
|
me.money = 0;
|
if(details_.length > 0) {//如果存在明细
|
for(let i=0; i<details_.length; i++) {
|
let detail_ = details_[i];
|
//设置树的选中
|
me.defaultCheckedKeys.push(detail_.type);
|
//展开所有树节点对应的from
|
me.showData[detail_.type] = true;
|
|
//给所有的from的数据赋值
|
|
me.form_[detail_.type] = detail_;
|
me.form_[detail_.type].userIds = [];
|
me.form_[detail_.type].userIds.push(detail_.roleName);
|
me.form_[detail_.type].userIds.push(detail_.userId);
|
/* if (detail_.parttimeUser) {
|
me.form_[detail_.type].parttimeUser = detail_.parttimeUser.split(";");
|
} */
|
|
if (detail_.existsObject) {//如果有额外字段
|
for(let itm in detail_.existsObject) {
|
me.form_[detail_.type][itm] = detail_.existsObject[itm];
|
if (itm == "outcomes" && me.form_[detail_.type].outcomes) {
|
me.form_[detail_.type].outcomes_array = me.form_[detail_.type].outcomes.split(";");
|
}
|
}
|
}
|
|
me.money += parseFloat(detail_.budget);
|
}
|
|
}
|
}).catch(error =>{
|
})
|
|
},
|
|
//单一事件
|
title_titleType(val) {
|
if (val == "针对客户感兴趣的题目范围") {
|
this.titleInput_ = "一个人群信息或一个干预信息";
|
}
|
else if (val == "针对客户既定的题目方向") {
|
this.titleInput_ = "提供题目的 PICOS 信息";
|
}
|
},
|
|
|
|
}
|
};
|
</script>
|
|
<style>
|
.class_substep {
|
height: 100%;
|
overflow: hidden;
|
}
|
|
.class_substep .el-divider--horizontal {
|
margin: 10px 0;
|
}
|
|
.class_substep .z_grid-content3 {
|
display:table-cell;
|
vertical-align:bottom;
|
color: #2c3e50;
|
height: 40px;
|
}
|
|
</style>
|
