|
|
@ -2,19 +2,19 @@ |
|
|
<div class="app-container study-page"> |
|
|
<div class="app-container study-page"> |
|
|
<div class="content-list" v-show="showType==='list'"> |
|
|
<div class="content-list" v-show="showType==='list'"> |
|
|
<el-form :model="searchForm" ref="searchForm" :inline="true" class="search-box"> |
|
|
<el-form :model="searchForm" ref="searchForm" :inline="true" class="search-box"> |
|
|
<el-form-item :label="$t('page.business.study.name')" prop="name"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.name')" prop="name"> |
|
|
<el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
<el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item :label="$t('page.business.study.sn')" prop="sn"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.sn')" prop="sn"> |
|
|
<el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
<el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.dateRange')"> |
|
|
|
|
|
<el-date-picker v-model="daterange" clearable type="daterange" range-separator="-" :start-placeholder="$t('page.business.study.startDate')" |
|
|
|
|
|
:end-placeholder="$t('page.business.study.endDate')" value-format="yyyy-MM-dd" @change="search" style="width: 220px" /> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.dateRange')"> |
|
|
|
|
|
<el-date-picker v-model="daterange" clearable type="daterange" range-separator="-" :start-placeholder="$t('page.business.study.study.startDate')" |
|
|
|
|
|
:end-placeholder="$t('page.business.study.study.endDate')" value-format="yyyy-MM-dd" @change="search" style="width: 220px" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="status" :label="$t('page.business.study.status')"> |
|
|
|
|
|
|
|
|
<el-form-item prop="status" :label="$t('page.business.study.study.status')"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="searchForm.status" |
|
|
v-model="searchForm.status" |
|
|
:placeholder="$t('form.placeholderSelect')" |
|
|
:placeholder="$t('form.placeholderSelect')" |
|
|
@ -22,16 +22,16 @@ |
|
|
style="width: 100px" |
|
|
style="width: 100px" |
|
|
@change="search" |
|
|
@change="search" |
|
|
> |
|
|
> |
|
|
<el-option :label="$t('page.business.study.statusCg')" :value="1" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.statusSyz')" :value="3" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.statusYsd')" :value="5" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.statusDgd')" :value="7" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.statusGd')" :value="9" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.statusDjd')" :value="10" /> |
|
|
|
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusCg')" :value="1" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusSyz')" :value="3" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusYsd')" :value="5" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusDgd')" :value="7" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusGd')" :value="9" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.study.statusDjd')" :value="10" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="leaderName" :label="$t('page.business.study.leader')"> |
|
|
|
|
|
|
|
|
<el-form-item prop="leaderName" :label="$t('page.business.study.study.leader')"> |
|
|
<el-input v-model="searchForm.leaderName" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
<el-input v-model="searchForm.leaderName" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<div class="right-btn"> |
|
|
<div class="right-btn"> |
|
|
@ -45,56 +45,56 @@ |
|
|
<div class="content-box"> |
|
|
<div class="content-box"> |
|
|
<el-row class="add-box"> |
|
|
<el-row class="add-box"> |
|
|
<el-col> |
|
|
<el-col> |
|
|
<el-button type="primary" icon="el-icon-plus" @click="edit(null)" v-hasPermi="['business:study:add']">{{ $t('page.business.study.add') }}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="edit(null)" v-hasPermi="['business:study:add']">{{ $t('page.business.study.study.add') }}</el-button> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="list"> |
|
|
<el-table v-loading="loading" :data="list"> |
|
|
<el-table-column :label="$t('page.business.study.sort')" type="index" width="50" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.name')" prop="name" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.sn')" prop="sn" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.status')" prop="status" width="100"> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.sort')" type="index" width="50" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.name')" prop="name" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.sn')" prop="sn" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.status')" prop="status" width="100"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.status===1">{{$t('page.business.study.statusCg')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===3">{{$t('page.business.study.statusSyz')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===5">{{$t('page.business.study.statusYsd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===7">{{$t('page.business.study.statusDgd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===9">{{$t('page.business.study.statusGd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===10">{{$t('page.business.study.statusDjd')}}</span> |
|
|
|
|
|
|
|
|
<span v-if="scope.row.status===1">{{$t('page.business.study.study.statusCg')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===3">{{$t('page.business.study.study.statusSyz')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===5">{{$t('page.business.study.study.statusYsd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===7">{{$t('page.business.study.study.statusDgd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===9">{{$t('page.business.study.study.statusGd')}}</span> |
|
|
|
|
|
<span v-if="scope.row.status===10">{{$t('page.business.study.study.statusDjd')}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.borrowStatus')" prop="borrowStatus" width="100"> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.borrowStatus')" prop="borrowStatus" width="100"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.borrowStatus===1">{{$t('page.business.study.borrowStatusWjy')}}</span> |
|
|
|
|
|
<span v-if="scope.row.borrowStatus===5">{{$t('page.business.study.borrowStatusJyz')}}</span> |
|
|
|
|
|
<span v-if="scope.row.borrowStatus===10">{{$t('page.business.study.borrowStatusDjy')}}</span> |
|
|
|
|
|
|
|
|
<span v-if="scope.row.borrowStatus===1">{{$t('page.business.study.study.borrowStatusWjy')}}</span> |
|
|
|
|
|
<span v-if="scope.row.borrowStatus===5">{{$t('page.business.study.study.borrowStatusJyz')}}</span> |
|
|
|
|
|
<span v-if="scope.row.borrowStatus===10">{{$t('page.business.study.study.borrowStatusDjy')}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.formCount')" align="center" prop="formCount" width="100" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.formFinishCount')" align="center" prop="formFinishCount" width="120" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.leader')" align="center" prop="leaderName" width="100" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.createDate')" align="center" prop="createTime" width="140" /> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.formCount')" align="center" prop="formCount" width="100" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.formFinishCount')" align="center" prop="formFinishCount" width="120" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.leader')" align="center" prop="leaderName" width="100" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.createDate')" align="center" prop="createTime" width="140" /> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('form.operate')" fixed="right" align="center" width="200"> |
|
|
<el-table-column :label="$t('form.operate')" fixed="right" align="center" width="200"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<!-- 编辑 --> |
|
|
<!-- 编辑 --> |
|
|
<el-button type="text" @click="edit(scope.row)" v-hasPermi="['business:study:edit']" v-if="scope.row.status===1 || scope.row.status===3">{{$t('page.business.study.edit')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="edit(scope.row)" v-hasPermi="['business:study:edit']" v-if="scope.row.status===1 || scope.row.status===3">{{$t('page.business.study.study.edit')}}</el-button> |
|
|
<!-- 删除 --> |
|
|
<!-- 删除 --> |
|
|
<el-button type="text" @click="del(scope.row)" v-hasPermi="['business:study:remove']" v-if="scope.row.status===1">{{$t('page.business.study.delete')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="del(scope.row)" v-hasPermi="['business:study:remove']" v-if="scope.row.status===1">{{$t('page.business.study.study.delete')}}</el-button> |
|
|
<!-- 详情 --> |
|
|
<!-- 详情 --> |
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:study:detail']" v-if="scope.row.status===1 || scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.detail')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:study:detail']" v-if="scope.row.status===1 || scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.study.detail')}}</el-button> |
|
|
<!-- 进入试验 --> |
|
|
<!-- 进入试验 --> |
|
|
<el-button type="text" @click="enter(scope.row)" v-hasPermi="['business:study:enter']" v-if="scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.enter')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="enter(scope.row)" v-hasPermi="['business:study:enter']" v-if="scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.study.enter')}}</el-button> |
|
|
<!-- 归档 --> |
|
|
<!-- 归档 --> |
|
|
<el-button type="text" @click="gd(scope.row)" v-hasPermi="['business:study:gd']" v-if="scope.row.status===5">{{$t('page.business.study.gd')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="gd(scope.row)" v-hasPermi="['business:study:gd']" v-if="scope.row.status===5">{{$t('page.business.study.study.gd')}}</el-button> |
|
|
<!-- 解锁 --> |
|
|
<!-- 解锁 --> |
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:js']" v-if="scope.row.status===5">{{$t('page.business.study.js')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:js']" v-if="scope.row.status===5">{{$t('page.business.study.study.js')}}</el-button> |
|
|
<!-- 解档 --> |
|
|
<!-- 解档 --> |
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:jd']" v-if="scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.jd')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:jd']" v-if="scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.study.jd')}}</el-button> |
|
|
<!-- 借阅 --> |
|
|
<!-- 借阅 --> |
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:jy']" v-if="scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.jy')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="jd(scope.row)" v-hasPermi="['business:study:jy']" v-if="scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.study.jy')}}</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
@ -111,22 +111,22 @@ |
|
|
<el-form ref="infoDialogForm" :model="infoDialog.formData" :rules="infoDialog.rules" label-width="100px"> |
|
|
<el-form ref="infoDialogForm" :model="infoDialog.formData" :rules="infoDialog.rules" label-width="100px"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="$t('page.business.study.name')+':'" prop="name"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.name')+':'" prop="name"> |
|
|
<el-input v-model="infoDialog.formData.name" :placeholder="$t('form.placeholderInput')" /> |
|
|
<el-input v-model="infoDialog.formData.name" :placeholder="$t('form.placeholderInput')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="$t('page.business.study.sn')+':'" prop="sn"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.sn')+':'" prop="sn"> |
|
|
<el-input v-model="infoDialog.formData.sn" :placeholder="$t('form.placeholderInput')" /> |
|
|
<el-input v-model="infoDialog.formData.sn" :placeholder="$t('form.placeholderInput')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="$t('page.business.study.leader')+':'" prop="leader"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.leader')+':'" prop="leader"> |
|
|
<el-input v-model="infoDialog.formData.leader" :placeholder="$t('form.placeholderInput')" /> |
|
|
<el-input v-model="infoDialog.formData.leader" :placeholder="$t('form.placeholderInput')" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item :label="$t('page.business.study.remark')+':'" prop="remark"> |
|
|
|
|
|
|
|
|
<el-form-item :label="$t('page.business.study.study.remark')+':'" prop="remark"> |
|
|
<el-input type="textarea" :rows="5" :placeholder="$t('form.placeholderInput')" v-model="infoDialog.formData.remark"> </el-input> |
|
|
<el-input type="textarea" :rows="5" :placeholder="$t('form.placeholderInput')" v-model="infoDialog.formData.remark"> </el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|