|
|
@ -2,18 +2,12 @@ |
|
|
<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.study.name')" prop="name"> |
|
|
|
|
|
<el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable style="width: 150px" @keyup.enter.native="search" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item :label="$t('page.business.study.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.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 :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-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="status" :label="$t('page.business.study.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" |
|
|
@ -31,9 +25,6 @@ |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<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-form-item> |
|
|
|
|
|
<div class="right-btn"> |
|
|
<div class="right-btn"> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" icon="el-icon-search" @click="search">{{ $t('page.business.study.study.search') }}</el-button> |
|
|
<el-button type="primary" icon="el-icon-search" @click="search">{{ $t('page.business.study.study.search') }}</el-button> |
|
|
@ -50,9 +41,9 @@ |
|
|
</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.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.sn')" prop="sn" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.study.study.name')" prop="name" /> |
|
|
|
|
|
<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.status')" prop="status" width="100"> |
|
|
<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"><span class="status-circle cg"></span>{{$t('page.business.study.study.statusCg')}}</span> |
|
|
<span v-if="scope.row.status===1"><span class="status-circle cg"></span>{{$t('page.business.study.study.statusCg')}}</span> |
|
|
@ -63,6 +54,7 @@ |
|
|
<span v-if="scope.row.status===10"><span class="status-circle"></span>{{$t('page.business.study.study.statusDjd')}}</span> |
|
|
<span v-if="scope.row.status===10"><span class="status-circle"></span>{{$t('page.business.study.study.statusDjd')}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.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"> |
|
|
@ -72,30 +64,26 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<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="$i18n.locale === 'zh_CN'?'leaderName':'leaderNameEn'" width="100" /> --> |
|
|
|
|
|
<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('page.business.study.study.sqgdsj')" align="center" prop="gdApplyTime" 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.leader==userId || checkRole(['TFM'])) && (scope.row.status===1 || scope.row.status===3)">{{$t('page.business.study.study.edit')}}</el-button> |
|
|
|
|
|
<!-- 删除 --> |
|
|
|
|
|
<el-button type="text" style="color:#E22626" @click="del(scope.row)" v-hasPermi="['business:study:remove']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && scope.row.status===1">{{$t('page.business.study.study.delete')}}</el-button> |
|
|
|
|
|
|
|
|
<!-- 同意归档 --> |
|
|
|
|
|
<el-button type="text" @click="doGd(scope.row,9)" v-hasPermi="['business:archive:trial:tygd']" v-if="scope.row.status===7">{{$t('page.business.study.study.edit')}}</el-button> |
|
|
|
|
|
<!-- 拒绝归档 --> |
|
|
|
|
|
<el-button type="text" @click="doGd(scope.row,5)" v-hasPermi="['business:archive:trial:jjgd']" v-if="scope.row.status===7">{{$t('page.business.study.study.delete')}}</el-button> |
|
|
|
|
|
<!-- 同意解档 --> |
|
|
|
|
|
<el-button type="text" @click="doJd(scope.row,5)" v-hasPermi="['business:archive:trial:tyjd']" v-if="scope.row.status===10">{{$t('page.business.study.study.enter')}}</el-button> |
|
|
|
|
|
<!-- 拒绝解档 --> |
|
|
|
|
|
<el-button type="text" @click="doJd(scope.row,9)" v-hasPermi="['business:archive:trial:jjjd']" v-if="scope.row.status===10">{{$t('page.business.study.study.gd')}}</el-button> |
|
|
|
|
|
<!-- 同意借阅 --> |
|
|
|
|
|
<el-button type="text" @click="doJy(scope.row,10)" v-hasPermi="['business:archive:trial:tyjy']" v-if="scope.row.status===9 && scope.row.borrowStatus===5">{{$t('page.business.study.study.js')}}</el-button> |
|
|
|
|
|
<!-- 拒绝借阅 --> |
|
|
|
|
|
<el-button type="text" @click="doJy(scope.row,1)" v-hasPermi="['business:archive:trial:jjjy']" v-if="scope.row.status===9 && scope.row.borrowStatus===5">{{$t('page.business.study.study.jy')}}</el-button> |
|
|
|
|
|
<!-- 确认归还 --> |
|
|
|
|
|
<el-button type="text" @click="gh(scope.row)" v-hasPermi="['business:archive:trial:qrgh']" v-if="scope.row.status===9 && scope.row.borrowStatus===10">{{$t('page.business.study.study.jd')}}</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.study.enter')}}</el-button> |
|
|
|
|
|
<!-- 归档 --> |
|
|
|
|
|
<el-button type="text" @click="gd(scope.row)" v-hasPermi="['business:study:gd']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && scope.row.status===5">{{$t('page.business.study.study.gd')}}</el-button> |
|
|
|
|
|
<!-- 解锁 --> |
|
|
|
|
|
<el-button type="text" @click="js(scope.row)" v-hasPermi="['business:study:js']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && 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.leader==userId || checkRole(['TFM'])) && scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.study.jd')}}</el-button> |
|
|
|
|
|
<!-- 借阅 --> |
|
|
|
|
|
<el-button type="text" @click="jy(scope.row)" v-hasPermi="['business:study:jy']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && scope.row.status===9 && scope.row.borrowStatus===1">{{$t('page.business.study.study.jy')}}</el-button> |
|
|
|
|
|
|
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:archive:trial:xq']" >{{$t('page.business.study.study.detail')}}</el-button> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
@ -149,7 +137,7 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { checkPermi, checkRole } from "@/utils/permission"; |
|
|
import { checkPermi, checkRole } from "@/utils/permission"; |
|
|
import { study_list,study_delete,study_gd,study_js,study_jd,study_jy} from "@/api/business/study/study"; |
|
|
|
|
|
|
|
|
import { study_archiveList,study_delete,study_gd,study_js,study_jd,study_jy} from "@/api/business/study/study"; |
|
|
import Edit from '@/views/business/study/comp/edit.vue' |
|
|
import Edit from '@/views/business/study/comp/edit.vue' |
|
|
import Enter from '@/views/business/study/comp/enter.vue' |
|
|
import Enter from '@/views/business/study/comp/enter.vue' |
|
|
import Detail from '@/views/business/study/comp/detail.vue' |
|
|
import Detail from '@/views/business/study/comp/detail.vue' |
|
|
@ -203,7 +191,7 @@ export default { |
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
this.searchForm.startDate = this.daterange && this.daterange.length > 0 ? this.daterange[0] : '' |
|
|
this.searchForm.startDate = this.daterange && this.daterange.length > 0 ? this.daterange[0] : '' |
|
|
this.searchForm.endDate = this.daterange && this.daterange.length > 1 ? this.daterange[1] : '' |
|
|
this.searchForm.endDate = this.daterange && this.daterange.length > 1 ? this.daterange[1] : '' |
|
|
study_list(this.searchForm).then(response => { |
|
|
|
|
|
|
|
|
study_archiveList(this.searchForm).then(response => { |
|
|
this.list = response.rows; |
|
|
this.list = response.rows; |
|
|
this.total = response.total; |
|
|
this.total = response.total; |
|
|
}).finally(()=>{ |
|
|
}).finally(()=>{ |
|
|
|