|
|
@ -1,35 +1,69 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
|
|
|
|
|
|
<div> |
|
|
<div class="tbbd-list" v-show="!showDetail && !showEdit && !showAudit"> |
|
|
<div class="tbbd-list" v-show="!showDetail && !showEdit && !showAudit"> |
|
|
<div class="tbbd-search"> |
|
|
<div class="tbbd-search"> |
|
|
<el-form :model="searchForm" ref="searchForm" :inline="true"> |
|
|
|
|
|
<el-form-item :label="$t('page.business.form.bdmc')" prop="name"> |
|
|
|
|
|
<el-input v-model="searchForm.bdmc" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
|
|
style="width: 150px" @keyup.enter.native="search" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item :label="$t('page.business.form.bdbh')" prop="sn"> |
|
|
|
|
|
<el-input v-model="searchForm.bdbh" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
|
|
style="width: 150px" @keyup.enter.native="search" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item :label="$t('page.business.form.gsr')" prop="userId"> |
|
|
|
|
|
<SelectDeptUser v-model="searchForm.userId" :name="searchForm.userMc" key="userId" @change="userChange" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item :label="$t('page.business.form.xtmbmc')" prop="templateName"> |
|
|
|
|
|
<el-input v-model="searchForm.templateMc" :placeholder="$t('form.placeholderInput')" clearable |
|
|
|
|
|
style="width: 150px" @keyup.enter.native="search" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<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" @change="search" |
|
|
|
|
|
style="width: 220px" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search">{{ $t('form.search') }}</el-button> |
|
|
|
|
|
<el-button icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form :model="searchForm" ref="searchForm" :inline="true" label-width="100px"> |
|
|
|
|
|
<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" @keyup.enter.native="search" /> |
|
|
|
|
|
</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" @keyup.enter.native="search" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
|
<el-form-item :label="$t('page.business.form.gsr')" prop="userId"> |
|
|
|
|
|
<SelectDeptUser v-model="searchForm.userId" style="width: 200px" :name="searchForm.userMc" key="userId" |
|
|
|
|
|
@change="userChange" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<div style="margin-left: 100px;"> |
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search">{{ $t('form.search') }}</el-button> |
|
|
|
|
|
<el-button icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<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" @keyup.enter.native="search" /> |
|
|
|
|
|
</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" @change="search" |
|
|
|
|
|
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" @change="search" |
|
|
|
|
|
style="width: 200px" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
|
<el-form-item :label="$t('page.business.study.studyFormFill.sfbl')"> |
|
|
|
|
|
<el-select v-model="searchForm.sfbl" :placeholder="$t('form.placeholderSelect')" clearable |
|
|
|
|
|
@change="search"> |
|
|
|
|
|
<el-option :label="$t('page.business.study.studyFormFill.yes')" :value="10" /> |
|
|
|
|
|
<el-option :label="$t('page.business.study.studyFormFill.no')" :value="1" /> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<div class="tbbd-content"> |
|
|
<div class="tbbd-content"> |
|
|
@ -45,17 +79,22 @@ |
|
|
<el-table-column :label="$t('page.business.form.bdmc')" prop="bdmc" /> |
|
|
<el-table-column :label="$t('page.business.form.bdmc')" prop="bdmc" /> |
|
|
<el-table-column :label="$t('page.business.form.xtmbmc')" prop="templateMc" /> |
|
|
<el-table-column :label="$t('page.business.form.xtmbmc')" prop="templateMc" /> |
|
|
<el-table-column :label="$t('page.business.form.cjsj')" align="center" prop="createTime" width="140" /> |
|
|
<el-table-column :label="$t('page.business.form.cjsj')" align="center" prop="createTime" width="140" /> |
|
|
<el-table-column :label="$t('page.business.form.cjr')" align="center" prop="userMc" width="100" /> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.form.status')" prop="status" width="100"> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.form.gsr')" align="center" prop="userMc" width="100" /> |
|
|
|
|
|
<el-table-column :label="$t('page.business.form.status')" prop="status" align="center" width="100"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.bdzt === 1">{{ $t('page.business.form.statusTbz') }}</span> |
|
|
<span v-if="scope.row.bdzt === 1">{{ $t('page.business.form.statusTbz') }}</span> |
|
|
<span v-if="scope.row.bdzt === 3">{{ $t('page.business.form.statusYtj') }}</span> |
|
|
<span v-if="scope.row.bdzt === 3">{{ $t('page.business.form.statusYtj') }}</span> |
|
|
<span v-if="scope.row.bdzt === 5">{{ $t('page.business.form.statusYtg') }}</span> |
|
|
<span v-if="scope.row.bdzt === 5">{{ $t('page.business.form.statusYtg') }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('form.operate')" fixed="right" align="center" width="200"> |
|
|
|
|
|
|
|
|
<el-table-column :label="$t('page.business.study.studyFormFill.sfbl')" align="center" prop="status" width="100"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span v-if="scope.row.bdzt === 10">{{ $t('page.business.study.studyFormFill.yes') }}</span> |
|
|
|
|
|
<span v-if="scope.row.bdzt === 1">{{ $t('page.business.study.studyFormFill.no') }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column :label="$t('page.business.form.tjsj')" align="center" prop="tjsj" width="140" /> |
|
|
|
|
|
<el-table-column :label="$t('form.operate')" align="left" fixed="right" width="200"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<!-- 详情 --> |
|
|
<!-- 详情 --> |
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:studyFormFill:xq']">{{ |
|
|
<el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:studyFormFill:xq']">{{ |
|
|
@ -111,6 +150,7 @@ import Xq from "./tbbd/Xq"; |
|
|
import Sh from "./tbbd/Sh"; |
|
|
import Sh from "./tbbd/Sh"; |
|
|
import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; |
|
|
import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; |
|
|
import { mapGetters } from 'vuex' |
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
import moment from "moment"; |
|
|
export default { |
|
|
export default { |
|
|
name: 'YtbdList', |
|
|
name: 'YtbdList', |
|
|
props: { |
|
|
props: { |
|
|
@ -145,6 +185,7 @@ export default { |
|
|
showAudit: false, |
|
|
showAudit: false, |
|
|
showEdit: false, |
|
|
showEdit: false, |
|
|
showDetail: false, |
|
|
showDetail: false, |
|
|
|
|
|
daterangetj: [], |
|
|
daterange: [], |
|
|
daterange: [], |
|
|
searchForm: { |
|
|
searchForm: { |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
@ -156,8 +197,10 @@ export default { |
|
|
userId: '', |
|
|
userId: '', |
|
|
userMc: '', |
|
|
userMc: '', |
|
|
templateMc: '', |
|
|
templateMc: '', |
|
|
startDate: '', |
|
|
|
|
|
endDate: '', |
|
|
|
|
|
|
|
|
cjsjjs: '', |
|
|
|
|
|
cjsjks: '', |
|
|
|
|
|
tjsjjs: '', |
|
|
|
|
|
tjsjks: '', |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
loading: false, |
|
|
loading: false, |
|
|
@ -181,11 +224,18 @@ export default { |
|
|
}, |
|
|
}, |
|
|
getList() { |
|
|
getList() { |
|
|
if (this.daterange != null && this.daterange.length > 0) { |
|
|
if (this.daterange != null && this.daterange.length > 0) { |
|
|
this.searchForm.startDate = this.daterange[0] |
|
|
|
|
|
this.searchForm.endDate = moment().add(this.daterange[1], 'days').format('YYYY-MM-DD'); |
|
|
|
|
|
|
|
|
this.searchForm.cjsjks = this.daterange[0] |
|
|
|
|
|
this.searchForm.cjsjjs = moment().add(this.daterange[1], 'days').format('YYYY-MM-DD'); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.searchForm.cjsjks = '' |
|
|
|
|
|
this.searchForm.cjsjjs = '' |
|
|
|
|
|
} |
|
|
|
|
|
if (this.daterangetj != null && this.daterangetj.length > 0) { |
|
|
|
|
|
this.searchForm.tjsjks = this.daterangetj[0] |
|
|
|
|
|
this.searchForm.tjsjjs = moment().add(this.daterangetj[1], 'days').format('YYYY-MM-DD'); |
|
|
} else { |
|
|
} else { |
|
|
this.searchForm.startDate = '' |
|
|
|
|
|
this.searchForm.endDate = '' |
|
|
|
|
|
|
|
|
this.searchForm.tjsjks = '' |
|
|
|
|
|
this.searchForm.tjsjjs = '' |
|
|
} |
|
|
} |
|
|
this.loading = true |
|
|
this.loading = true |
|
|
studyFormFill_list(this.searchForm).then(response => { |
|
|
studyFormFill_list(this.searchForm).then(response => { |
|
|
|