| @ -0,0 +1,9 @@ | |||||
| import request from '@/utils/request' | |||||
| export function archiveLog_list(query) { | |||||
| return request({ | |||||
| url: '/system/business/archiveLog/list', | |||||
| method: 'get', | |||||
| params: query | |||||
| }) | |||||
| } | |||||
| @ -0,0 +1,25 @@ | |||||
| export default { | |||||
| //档案管理 | |||||
| syfsyda: 'Study / Non-study', | |||||
| gspda: 'Test Item', | |||||
| gsplqffda: 'Test Item In-and-Out', | |||||
| gyzjda: 'Dose Formulation', | |||||
| gyzjlqffda: 'Dose Formulation In-and-Out', | |||||
| mjyda: 'Controlled Drug', | |||||
| mjylqffda: 'Controlled Drug In-and-Out', | |||||
| sjda: 'Reagent', | |||||
| sybh: 'Study Number', | |||||
| symc: 'Study Name', | |||||
| syfzr: 'Study Director', | |||||
| czlx: 'Action', | |||||
| czr: 'User', | |||||
| czsj: 'Datetime', | |||||
| mc: 'Name', | |||||
| ph: 'Batch Number', | |||||
| gg: 'Specification', | |||||
| nd: 'Concentration', | |||||
| md: 'Purpose', | |||||
| bh: 'ID' | |||||
| } | |||||
| @ -0,0 +1,25 @@ | |||||
| export default { | |||||
| //档案管理 | |||||
| syfsyda: '试验/非试验档案', | |||||
| gspda: '供试品档案', | |||||
| gsplqffda: '供试品领取发放档案', | |||||
| gyzjda: '给药制剂档案', | |||||
| gyzjlqffda: '给药制剂领取发放档案', | |||||
| mjyda: '麻精药档案', | |||||
| mjylqffda: '麻精药领取发放档案', | |||||
| sjda: '试剂档案', | |||||
| sybh: '试验编号', | |||||
| symc: '试验名称', | |||||
| syfzr: '试验负责人', | |||||
| czlx: '操作类型', | |||||
| czr: '操作人', | |||||
| czsj: '操作时间', | |||||
| mc: '名称', | |||||
| ph: '批号', | |||||
| gg: '规格', | |||||
| nd: '浓度', | |||||
| md: '目的', | |||||
| bh: '编号' | |||||
| } | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.ph')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.ph')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.gg')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Gspda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:3 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.md')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Gsplqffda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:5 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.nd')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Gyzjda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:7 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.md')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Gyzjlqffda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:9 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.nd')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Mjyda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:11 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.md')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Mjylqffda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:13 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.bh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.mc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.bh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.mc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.nd')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Sjda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:15 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,127 @@ | |||||
| <template> | |||||
| <div class="archive-list"> | |||||
| <div class="ytbd-search"> | |||||
| <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px"> | |||||
| <el-form-item :label="$t('page.business.archive.sybh')" prop="sn"> | |||||
| <el-input v-model="searchForm.sn" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item :label="$t('page.business.archive.symc')" prop="name"> | |||||
| <el-input v-model="searchForm.name" :placeholder="$t('form.placeholderInput')" clearable | |||||
| style="width: 200px" /> | |||||
| </el-form-item> | |||||
| <el-form-item prop="operateType" :label="$t('page.business.archive.czlx')"> | |||||
| <el-select | |||||
| v-model="searchForm.operateType" | |||||
| :placeholder="$t('form.placeholderSelect')" | |||||
| clearable | |||||
| style="width: 200px" | |||||
| @change="search" | |||||
| > | |||||
| <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" /> | |||||
| <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" /> | |||||
| <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" /> | |||||
| </el-select> | |||||
| </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 icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| <div class="ytbd-content"> | |||||
| <el-table v-loading="loading" :data="list"> | |||||
| <el-table-column :label="$t('page.business.archive.sybh')" prop="sn" /> | |||||
| <el-table-column :label="$t('page.business.archive.symc')" prop="name" /> | |||||
| <el-table-column :label="$t('page.business.archive.syfzr')" align="center" prop="leader" width="150" /> | |||||
| <el-table-column :label="$t('page.business.archive.czlx')" align="center" :prop="$i18n.locale === 'zh_CN'?'operateType':'operateTypeEn'" width="200" /> | |||||
| <el-table-column :label="$t('page.business.archive.czr')" align="center" prop="operateUser" width="100" /> | |||||
| <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="140" /> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||||
| @pagination="getList" /> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { archiveLog_list } from "@/api/business/archiveLog/archiveLog" | |||||
| export default { | |||||
| name: 'Syfsyda', | |||||
| props: { | |||||
| }, | |||||
| computed: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| searchForm: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| sn: '', | |||||
| name: '', | |||||
| operateType: '', | |||||
| type:1 | |||||
| }, | |||||
| loading: false, | |||||
| total: 0, | |||||
| list: [], | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.getList() | |||||
| }, | |||||
| methods: { | |||||
| search() { | |||||
| this.searchForm.pageNum = 1 | |||||
| this.getList() | |||||
| }, | |||||
| reset() { | |||||
| this.searchForm.sn = '' | |||||
| this.searchForm.name = '' | |||||
| this.searchForm.operateType = '' | |||||
| this.search() | |||||
| }, | |||||
| getList() { | |||||
| this.loading = true | |||||
| archiveLog_list(this.searchForm).then(response => { | |||||
| this.list = response.rows | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .archive-list { | |||||
| .ytbd-search { | |||||
| background: #fff; | |||||
| padding: 20px; | |||||
| padding-bottom: 0; | |||||
| margin-bottom: 10px; | |||||
| .right-btn { | |||||
| text-align: right | |||||
| } | |||||
| } | |||||
| .ytbd-content { | |||||
| padding: 20px; | |||||
| background: #fff; | |||||
| .add-box { | |||||
| margin-bottom: 10px; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @ -0,0 +1,110 @@ | |||||
| <template> | |||||
| <div class="study-enter"> | |||||
| <div class="content-list"> | |||||
| <div class="search-box"> | |||||
| <div class="search-item" :class="active === item.key ? 'active' : ''" v-for="(item, index) in tabList" | |||||
| :key="index" @click="changeTab(item)"> | |||||
| {{ $t(item.name) }} | |||||
| </div> | |||||
| </div> | |||||
| <div class="content-box"> | |||||
| <syfsyda v-if="active === 'syfsyda'" /> | |||||
| <gspda v-if="active === 'gspda'" /> | |||||
| <gsplqffda v-if="active === 'gsplqffda'" /> | |||||
| <gyzjda v-if="active === 'gyzjda'" /> | |||||
| <gyzjlqffda v-if="active === 'gyzjlqffda'" /> | |||||
| <mjyda v-if="active === 'mjyda'" /> | |||||
| <mjylqffda v-if="active === 'mjylqffda'" /> | |||||
| <sjda v-if="active === 'sjda'" /> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import syfsyda from './comp/syfsyda.vue' | |||||
| import gspda from './comp/gspda.vue' | |||||
| import gsplqffda from './comp/gsplqffda.vue' | |||||
| import gyzjda from './comp/gyzjda.vue' | |||||
| import gyzjlqffda from './comp/gyzjlqffda.vue' | |||||
| import mjyda from './comp/mjyda.vue' | |||||
| import mjylqffda from './comp/mjylqffda.vue' | |||||
| import sjda from './comp/sjda.vue' | |||||
| export default { | |||||
| name: 'RecordList', | |||||
| props: {}, | |||||
| components: { syfsyda,gspda,gsplqffda,gyzjda,gyzjlqffda,mjyda,mjylqffda,sjda}, | |||||
| computed: {}, | |||||
| filters: {}, | |||||
| data() { | |||||
| return { | |||||
| tabList: [ | |||||
| { key: 'syfsyda', name: 'page.business.archive.syfsyda' }, | |||||
| { key: 'gspda', name: 'page.business.archive.gspda' }, | |||||
| { key: 'gsplqffda', name: 'page.business.archive.gsplqffda' }, | |||||
| { key: 'gyzjda', name: 'page.business.archive.gyzjda' }, | |||||
| { key: 'gyzjlqffda', name: 'page.business.archive.gyzjlqffda' }, | |||||
| { key: 'mjyda', name: 'page.business.archive.mjyda' }, | |||||
| { key: 'mjylqffda', name: 'page.business.archive.mjylqffda' }, | |||||
| { key: 'sjda', name: 'page.business.archive.sjda' } | |||||
| ], | |||||
| active: this.$route.params.tab || 'syfsyda', | |||||
| study: {}, | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| }, | |||||
| methods: { | |||||
| changeTab(item) { | |||||
| if (this.active !== item.key) { | |||||
| this.active = item.key | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .study-enter { | |||||
| margin: 10px 10px; | |||||
| .search-box { | |||||
| background: #fff; | |||||
| padding: 0; | |||||
| border-radius: 3px; | |||||
| margin-bottom: 10px; | |||||
| display: flex; | |||||
| flex-direction: row; | |||||
| align-items: center; | |||||
| .search-item { | |||||
| padding: 10px 20px; | |||||
| font-size: 14px; | |||||
| cursor: pointer; | |||||
| &.active { | |||||
| background: #1890ff; | |||||
| color: #fff; | |||||
| } | |||||
| &:hover { | |||||
| background: #46a6ff; | |||||
| color: #fff; | |||||
| } | |||||
| &:first-child { | |||||
| border-top-left-radius: 3px; | |||||
| border-bottom-left-radius: 3px; | |||||
| } | |||||
| &:last-child { | |||||
| border-top-right-radius: 3px; | |||||
| border-bottom-right-radius: 3px; | |||||
| } | |||||
| } | |||||
| } | |||||
| .content-box {} | |||||
| } | |||||
| </style> | |||||