|
|
|
@ -1,19 +1,19 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="sqbd-list" v-show="!showDetail && !showEdit && !showAudit && !showFh&& !showSh"> |
|
|
|
<div class="sqbd-list" v-show="!showDetail && !showEdit && !showAudit && !showFh && !showSh"> |
|
|
|
<div class="sqbd-search"> |
|
|
|
<el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="$t('page.business.form.bdmc')" prop="name"> |
|
|
|
<el-input v-model="searchForm.bdmc" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
style="width: 200px" /> |
|
|
|
style="width: 200px" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="$t('page.business.form.bdbh')" prop="sn"> |
|
|
|
<el-input v-model="searchForm.bdbh" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
style="width: 200px" /> |
|
|
|
style="width: 200px" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
@ -35,23 +35,21 @@ |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="$t('page.business.form.xtmbmc')" prop="templateName"> |
|
|
|
<el-input v-model="searchForm.templateMc" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
style="width: 200px" /> |
|
|
|
style="width: 200px" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="$t('page.business.form.cjsj')"> |
|
|
|
<el-date-picker v-model="daterange" clearable type="daterange" range-separator="-" |
|
|
|
:start-placeholder="$t('page.business.form.startDate')" |
|
|
|
:end-placeholder="$t('page.business.form.endDate')" value-format="yyyy-MM-dd" |
|
|
|
style="width: 200px" /> |
|
|
|
:end-placeholder="$t('page.business.form.endDate')" value-format="yyyy-MM-dd" style="width: 200px" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item :label="$t('page.business.form.tjsj')"> |
|
|
|
<el-date-picker v-model="daterangetj" clearable type="daterange" range-separator="-" |
|
|
|
:start-placeholder="$t('page.business.form.startDate')" |
|
|
|
:end-placeholder="$t('page.business.form.endDate')" value-format="yyyy-MM-dd" |
|
|
|
style="width: 200px" /> |
|
|
|
:end-placeholder="$t('page.business.form.endDate')" value-format="yyyy-MM-dd" style="width: 200px" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
@ -69,33 +67,43 @@ |
|
|
|
<div class="sqbd-content"> |
|
|
|
<el-row class="add-box"> |
|
|
|
<el-col> |
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="add()" v-hasPermi="['business:drugFormApply:xz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.xzbd') }}</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="add()" v-if="searchForm.studyStatus != 5" |
|
|
|
v-hasPermi="['business:drugFormApply:xz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.xzbd') }}</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="list"> |
|
|
|
<el-table-column :label="$t('page.business.form.bh')" prop="bdbh" :show-overflow-tooltip="true"/> |
|
|
|
<el-table-column :label="$t('page.business.form.bdmc')" prop="bdmc" :show-overflow-tooltip="true"/> |
|
|
|
<el-table-column :label="$t('page.business.form.xtmbmc')" prop="templateMc" :show-overflow-tooltip="true"/> |
|
|
|
<el-table-column :label="$t('page.business.form.bh')" prop="bdbh" :show-overflow-tooltip="true" /> |
|
|
|
<el-table-column :label="$t('page.business.form.bdmc')" prop="bdmc" :show-overflow-tooltip="true" /> |
|
|
|
<el-table-column :label="$t('page.business.form.xtmbmc')" prop="templateMc" :show-overflow-tooltip="true" /> |
|
|
|
<el-table-column :label="$t('page.business.form.cjsj')" align="center" prop="createTime" width="140" /> |
|
|
|
<el-table-column :label="$t('page.business.form.gsr')" align="center" prop="userMc" width="100" /> |
|
|
|
<el-table-column :label="$t('page.business.study.studyFormApply.sfbl')" align="center" prop="status" |
|
|
|
<el-table-column :label="$t('page.business.study.studyFormApply.sfbl')" align="center" prop="status" |
|
|
|
width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.sfbl === '是'"><span class="status-circle yes"></span>{{ $t('page.business.study.studyFormApply.yes') }}</span> |
|
|
|
<span v-if="scope.row.sfbl === '否'"><span class="status-circle no"></span>{{ $t('page.business.study.studyFormApply.no') }}</span> |
|
|
|
<span v-if="scope.row.sfbl === '是'"><span class="status-circle yes"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.yes') }}</span> |
|
|
|
<span v-if="scope.row.sfbl === '否'"><span class="status-circle no"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.no') }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column :label="$t('page.business.form.status')" prop="status" align="center" width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.bdzt === 1"><span class="status-circle tbz"></span>{{ $t('page.business.study.studyFormApply.tbz') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 3"><span class="status-circle ytj"></span>{{ $t('page.business.study.studyFormApply.ytj') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 5"><span class="status-circle yfh"></span>{{ $t('page.business.study.studyFormApply.yfh') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 6"><span class="status-circle wtg"></span>{{ $t('page.business.study.studyFormApply.wtg') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 7"><span class="status-circle ywc"></span>{{ $t('page.business.study.studyFormApply.ywc') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 9"><span class="status-circle dfz"></span>{{ $t('page.business.study.studyFormApply.dfz') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 11"><span class="status-circle yfz"></span>{{ $t('page.business.study.studyFormApply.yfz') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 1"><span class="status-circle tbz"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.tbz') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 3"><span class="status-circle ytj"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.ytj') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 5"><span class="status-circle yfh"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.yfh') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 6"><span class="status-circle wtg"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.wtg') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 7"><span class="status-circle ywc"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.ywc') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 9"><span class="status-circle dfz"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.dfz') }}</span> |
|
|
|
<span v-if="scope.row.bdzt === 11"><span class="status-circle yfz"></span>{{ |
|
|
|
$t('page.business.study.studyFormApply.yfz') }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column :label="$t('page.business.form.tjsj')" align="center" prop="tjsj" width="140" /> |
|
|
|
@ -105,39 +113,43 @@ |
|
|
|
<!-- 详情 --> |
|
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:drugFormApply:xq']">{{ |
|
|
|
$t('form.detail') }}</el-button> |
|
|
|
<!-- 编辑 --> |
|
|
|
<el-button type="text" v-if="(scope.row.bdzt === 1 || scope.row.bdzt === 6 || scope.row.bdzt === 7) && id==scope.row.userId" |
|
|
|
@click="edit(scope.row)" v-hasPermi="['business:drugFormApply:bj']">{{ |
|
|
|
$t('form.edit') }}</el-button> |
|
|
|
<!-- 复核 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 3&&id != scope.row.userId" @click="fh(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:fh']">{{ |
|
|
|
$t('page.business.study.studyFormApply.fh') }}</el-button> |
|
|
|
<!-- 加签 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 1" @click="jq(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:jq']">{{ |
|
|
|
$t('page.business.study.studyFormApply.jq') }}</el-button> |
|
|
|
<!-- 更换归属人 --> |
|
|
|
<el-button type="text" |
|
|
|
v-if="(scope.row.bdzt === 1 || scope.row.bdzt === 3 || scope.row.bdzt === 5 || scope.row.bdzt === 6 || scope.row.bdzt === 7) && checkRole(['bz'])" |
|
|
|
@click="ghgsr(scope.row)" v-hasPermi="['business:drugFormApply:ghgsr']">{{ |
|
|
|
$t('page.business.study.studyFormApply.ghgsr') }}</el-button> |
|
|
|
<!-- 审阅 --> |
|
|
|
<el-button type="text" v-if="(scope.row.bdzt === 6 || scope.row.bdzt === 7) && (isQa || checkRole(['bz']))" @click="sy(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:sy']">{{ |
|
|
|
$t('page.business.study.studyFormApply.sy') }}</el-button> |
|
|
|
<!-- 审核 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 5&&id != scope.row.userId" @click="sh(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:sh']">{{ |
|
|
|
$t('page.business.study.studyFormApply.sh') }}</el-button> |
|
|
|
<!-- 废止 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 1 && id==scope.row.userId" @click="fz(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:fz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.fz') }}</el-button> |
|
|
|
<!-- 确认废止 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 9 && checkRole(['bz'])" @click="qrfz(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:qrfz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.qrfz') }}</el-button> |
|
|
|
<template v-if="searchForm.studyStatus != 5"> |
|
|
|
<!-- 编辑 --> |
|
|
|
<el-button type="text" |
|
|
|
v-if="(scope.row.bdzt === 1 || scope.row.bdzt === 6 || scope.row.bdzt === 7) && id == scope.row.userId" |
|
|
|
@click="edit(scope.row)" v-hasPermi="['business:drugFormApply:bj']">{{ |
|
|
|
$t('form.edit') }}</el-button> |
|
|
|
<!-- 复核 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 3 && id != scope.row.userId" @click="fh(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:fh']">{{ |
|
|
|
$t('page.business.study.studyFormApply.fh') }}</el-button> |
|
|
|
<!-- 加签 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 1" @click="jq(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:jq']">{{ |
|
|
|
$t('page.business.study.studyFormApply.jq') }}</el-button> |
|
|
|
<!-- 更换归属人 --> |
|
|
|
<el-button type="text" |
|
|
|
v-if="(scope.row.bdzt === 1 || scope.row.bdzt === 3 || scope.row.bdzt === 5 || scope.row.bdzt === 6 || scope.row.bdzt === 7) && checkRole(['bz'])" |
|
|
|
@click="ghgsr(scope.row)" v-hasPermi="['business:drugFormApply:ghgsr']">{{ |
|
|
|
$t('page.business.study.studyFormApply.ghgsr') }}</el-button> |
|
|
|
<!-- 审阅 --> |
|
|
|
<el-button type="text" |
|
|
|
v-if="(scope.row.bdzt === 6 || scope.row.bdzt === 7) && (isQa || checkRole(['bz']))" |
|
|
|
@click="sy(scope.row)" v-hasPermi="['business:drugFormApply:sy']">{{ |
|
|
|
$t('page.business.study.studyFormApply.sy') }}</el-button> |
|
|
|
<!-- 审核 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 5 && id != scope.row.userId" @click="sh(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:sh']">{{ |
|
|
|
$t('page.business.study.studyFormApply.sh') }}</el-button> |
|
|
|
<!-- 废止 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 1 && id == scope.row.userId" @click="fz(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:fz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.fz') }}</el-button> |
|
|
|
<!-- 确认废止 --> |
|
|
|
<el-button type="text" v-if="scope.row.bdzt === 9 && checkRole(['bz'])" @click="qrfz(scope.row)" |
|
|
|
v-hasPermi="['business:drugFormApply:qrfz']">{{ |
|
|
|
$t('page.business.study.studyFormApply.qrfz') }}</el-button> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -205,6 +217,7 @@ export default { |
|
|
|
study: { |
|
|
|
handler(newVal) { |
|
|
|
this.searchForm.studySn = newVal.sn |
|
|
|
this.searchForm.studyStatus = newVal.status |
|
|
|
this.searchForm.studyMc = newVal.name |
|
|
|
this.searchForm.studyId = newVal.id |
|
|
|
this.leader = newVal.leader |
|
|
|
@ -214,10 +227,10 @@ export default { |
|
|
|
deep: true |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { Ghgsr, Fh, Sh,Fz, Bj, Xq, Qrfz, Sy, Jq, SelectDeptUser, SelectDeptUserDialog }, |
|
|
|
components: { Ghgsr, Fh, Sh, Fz, Bj, Xq, Qrfz, Sy, Jq, SelectDeptUser, SelectDeptUserDialog }, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
isQa:false, |
|
|
|
isQa: false, |
|
|
|
leader: null, |
|
|
|
showFh: false, |
|
|
|
showSh: false, |
|
|
|
@ -230,6 +243,7 @@ export default { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
studyId: -1, |
|
|
|
studyStatus: 5, |
|
|
|
studySn: '', |
|
|
|
studyMc: '', |
|
|
|
bdbh: '', |
|
|
|
@ -239,7 +253,7 @@ export default { |
|
|
|
templateMc: '', |
|
|
|
cjsjjs: '', |
|
|
|
cjsjks: '', |
|
|
|
sfbl:null, |
|
|
|
sfbl: null, |
|
|
|
tjsjjs: '', |
|
|
|
tjsjks: '', |
|
|
|
}, |
|
|
|
@ -249,13 +263,13 @@ export default { |
|
|
|
currentRow: null |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { this.getIsQa()}, |
|
|
|
created() { this.getIsQa() }, |
|
|
|
methods: { |
|
|
|
checkPermi, |
|
|
|
checkRole, |
|
|
|
getIsQa() { |
|
|
|
studySubject_isQa().then(response => { |
|
|
|
this.isQa=response.data |
|
|
|
this.isQa = response.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
ghgsr(row) { |
|
|
|
@ -292,7 +306,7 @@ export default { |
|
|
|
this.searchForm.cjsjjs = '' |
|
|
|
this.searchForm.tjsjks = '' |
|
|
|
this.searchForm.tjsjjs = '' |
|
|
|
this.searchForm.sfbl =null |
|
|
|
this.searchForm.sfbl = null |
|
|
|
this.daterange = [] |
|
|
|
this.daterangetj = [] |
|
|
|
this.search() |
|
|
|
@ -322,8 +336,9 @@ export default { |
|
|
|
add() { |
|
|
|
this.showEdit = true |
|
|
|
this.$emit('showDetail', this.showEdit) |
|
|
|
this.$refs.Bj.edit({ |
|
|
|
studyFormType:15,studyType: 10,studySn:this.searchForm.studySn, studyMc:this.searchForm.studyMc, studyId: this.searchForm.studyId }) |
|
|
|
this.$refs.Bj.edit({ |
|
|
|
studyFormType: 15, studyType: 10, studySn: this.searchForm.studySn, studyMc: this.searchForm.studyMc, studyId: this.searchForm.studyId |
|
|
|
}) |
|
|
|
}, |
|
|
|
edit(row) { |
|
|
|
this.showEdit = true |
|
|
|
@ -370,7 +385,7 @@ export default { |
|
|
|
this.$emit('showDetail', this.showFh) |
|
|
|
this.$refs.Fh.show(row) |
|
|
|
}, |
|
|
|
sh(row) { |
|
|
|
sh(row) { |
|
|
|
this.showSh = true |
|
|
|
this.$emit('showDetail', this.showSh) |
|
|
|
this.$refs.Sh.show(row) |
|
|
|
|