luojie
6 days ago
29 changed files with 1599 additions and 1981 deletions
Split View
Diff Options
-
+0 -251src/views/business/form/drug/comp/sqbd/Bj.vue
-
+0 -269src/views/business/form/drug/comp/sqbd/Fh.vue
-
+0 -115src/views/business/form/drug/comp/sqbd/Fz.vue
-
+0 -126src/views/business/form/drug/comp/sqbd/Ghgsr.vue
-
+0 -126src/views/business/form/drug/comp/sqbd/Jq.vue
-
+0 -126src/views/business/form/drug/comp/sqbd/Qrfz.vue
-
+0 -216src/views/business/form/drug/comp/sqbd/Sy.vue
-
+0 -261src/views/business/form/drug/comp/sqbd/Xq.vue
-
+17 -17src/views/business/form/drug/comp/sqbdList.vue
-
+4 -5src/views/business/form/drug/comp/tbbd.vue
-
+57 -47src/views/business/form/drug/comp/tbbdList.vue
-
+4 -5src/views/business/form/drug/comp/ytbd.vue
-
+405 -0src/views/business/form/drug/comp/ytbdList.vue
-
+4 -5src/views/business/form/nonTrial/comp/tbbd.vue
-
+373 -0src/views/business/form/nonTrial/comp/tbbdList.vue
-
+4 -5src/views/business/form/nonTrial/comp/ytbd.vue
-
+405 -0src/views/business/form/nonTrial/comp/ytbdList.vue
-
+0 -3src/views/business/study/comp/enter.vue
-
+1 -1src/views/business/study/comp/jhbd/Fh.vue
-
+1 -1src/views/business/study/comp/jhbd/Sy.vue
-
+1 -1src/views/business/study/comp/jhbd/Xq.vue
-
+0 -78src/views/business/study/comp/sqbd.vue
-
+1 -1src/views/business/study/comp/tbbd/Fh.vue
-
+1 -1src/views/business/study/comp/tbbd/Sy.vue
-
+1 -1src/views/business/study/comp/tbbd/Xq.vue
-
+1 -1src/views/business/study/comp/ytbd/Sh.vue
-
+1 -1src/views/business/study/comp/ytbd/Xq.vue
-
+2 -2vue.config.js
+ 0
- 251
src/views/business/form/drug/comp/sqbd/Bj.vue
View File
| @ -1,251 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <div class="edit-container"> | |||
| <div class="edit-top"> | |||
| <div class="left-top"> | |||
| <img src="@/assets/images/back.png" @click="cancel()" /> | |||
| <div class="left-title"></div> | |||
| </div> | |||
| <div class="center-top"> | |||
| <div> | |||
| <div :class="showIndex == 1 ? 'el-step__icon is-text is-finish' : 'el-step__icon is-text is-info'"> | |||
| <div class="el-step__icon-inner">1</div> | |||
| </div> | |||
| {{ $t('page.business.study.studyFormApply.jcsz') }} | |||
| </div> | |||
| <div class="line"></div> | |||
| <div> | |||
| <div :class="showIndex == 2 ? 'el-step__icon is-text is-finish' : 'el-step__icon is-text is-info'"> | |||
| <div class="el-step__icon-inner">2</div> | |||
| </div> | |||
| {{ $t('page.business.study.studyFormApply.bdtb') }} | |||
| </div> | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button> | |||
| <template v-if="showIndex == 1"> | |||
| <el-button @click="save">{{ $t('page.business.study.studyFormApply.zc') }}</el-button> | |||
| <el-button type="primary" @click="next">{{ $t('page.business.study.studyFormApply.next') }}</el-button> | |||
| </template> | |||
| <template v-else> | |||
| <el-button @click="saveNext">{{ $t('page.business.study.studyFormApply.save') }}</el-button> | |||
| <el-button type="primary" @click="openSubmit = true">{{ $t('page.business.study.studyFormApply.submit') | |||
| }}</el-button> | |||
| </template> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content"> | |||
| <div class="content" style="width:60%" v-show="showIndex == 1"> | |||
| <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.form.bdmb')" prop="templateId"> | |||
| <SelectTemplate v-model="form.templateId" :name="form.templateMc" @change="selectTemplateChange" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.form.bdmc')" prop="bdmc"> | |||
| <el-input type="text" v-model="form.bdmc" maxlength="50" :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormApply.sfbl')" prop="sfbl"> | |||
| <el-select v-model="form.sfbl" :placeholder="$t('form.placeholderSelect')" > | |||
| <el-option :label="$t('page.business.study.studyFormApply.yes')" :value="10" /> | |||
| <el-option :label="$t('page.business.study.studyFormApply.no')" :value="1" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormApply.bdsm')" prop="bdsm"> | |||
| <el-input type="textarea" v-model="form.bdsm" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| </div> | |||
| <div class="content" v-show="showIndex == 2"> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="preApply" /> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.tjjl')" :visible.sync="openSubmit" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formSubmit" :model="form" :rules="rulesApprove" label-width="120px"> | |||
| todo | |||
| </el-form> | |||
| <!-- <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="tj">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="openSubmit = false">{{ $t('form.cancel') }}</el-button> | |||
| </div> --> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_bc, studyFormApply_tj, studyFormApply_info } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| import SelectTemplate from "@/views/business/comps/select/SelectTemplate"; | |||
| import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| export default { | |||
| name: "Bj", | |||
| components: { SelectTemplate, SelectDeptUser, TemplateTable }, | |||
| data() { | |||
| return { | |||
| open: false, | |||
| showIndex: 1, | |||
| form: {}, | |||
| openSubmit: false, | |||
| rulesApprove: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| fzrsh: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| shryId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| rules: { | |||
| bdmc: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| templateId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| sfbl: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| next() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| this.showIndex = 2 | |||
| } | |||
| }) | |||
| }, | |||
| selectTemplateChange(val) { | |||
| this.form.bdnr = val.content | |||
| this.form.templateMc = val.name | |||
| }, | |||
| cancel() { | |||
| this.$emit('close') | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| studyId: null, | |||
| bdbh: null, | |||
| bdmc: null, | |||
| bdsm: null, | |||
| templateId: null, | |||
| templateMc: null, | |||
| bdnr: null, | |||
| fzrsh: null, | |||
| shryId: null, | |||
| sfbl: null, | |||
| shryMc: null, | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| selectDeptUserChange(val) { | |||
| this.form.shryMc = val.name | |||
| }, | |||
| edit(row) { | |||
| this.reset() | |||
| this.showIndex = 1 | |||
| if (row && row.id) { | |||
| this.$modal.loading() | |||
| studyFormApply_info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.form.qmyy = '制作提交预制表单' | |||
| this.open = true | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } else { | |||
| this.form = _.merge({}, this.form, row) | |||
| this.open = true | |||
| } | |||
| }, | |||
| save() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_bc(this.form).then(response => { | |||
| this.$emit('close') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| async saveNext() { | |||
| let content = await this.$refs.templateTable.getFormData() | |||
| this.form.bdnr = JSON.stringify(content) | |||
| this.$modal.loading() | |||
| studyFormApply_bc(this.form).then(response => { | |||
| this.$emit('close') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| tj() { | |||
| this.$refs["formSubmit"].validate(valid => { | |||
| if (valid) { | |||
| this.dotj() | |||
| } | |||
| }) | |||
| }, | |||
| async dotj() { | |||
| let content = await this.$refs.templateTable.getFormData() | |||
| this.form.bdnr = JSON.stringify(content) | |||
| this.$modal.loading() | |||
| studyFormApply_tj(this.form).then(response => { | |||
| this.$emit('close') | |||
| this.openSubmit = false | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 269
src/views/business/form/drug/comp/sqbd/Fh.vue
View File
| @ -1,269 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <div class="edit-container"> | |||
| <div class="edit-top"> | |||
| <div class="left-top"> | |||
| <img src="@/assets/images/back.png" @click="cancel()" /> | |||
| <div class="left-title"></div> | |||
| </div> | |||
| <div class="center-top"> | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button> | |||
| <el-button type="danger" @click="showApprove('复核拒绝')">{{ $t('page.business.study.studyFormApply.fhjj') | |||
| }}</el-button> | |||
| <el-button type="primary" @click="showApprove('复核通过')">{{ $t('page.business.study.studyFormApply.fhtg') | |||
| }}</el-button> | |||
| <el-button type="primary" @click="showApprove('通过')">{{ $t('page.business.study.studyFormApply.tongguo') | |||
| }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content"> | |||
| <div class="content-left"> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="readonly" /> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.qmxx') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <el-table :data="qmxxList" v-loading="loadingQmxx"> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmr')" align="center" prop="qmrMc" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmyy')" align="center" prop="qmyy" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmsj')" align="center" prop="createTime" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.bzyy')" align="center" prop="remark" | |||
| :show-overflow-tooltip="true" /> | |||
| </el-table> | |||
| </div> | |||
| <div class="pal"> | |||
| <pagination v-show="totalQmxx > 0" :total="totalQmxx" :page.sync="queryParamsQmxx.pageNum" | |||
| :limit.sync="queryParamsQmxx.pageSize" @pagination="getQmxxList" /> | |||
| </div> | |||
| </div> | |||
| <div class="content-right"> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.jcgj') }}</div> | |||
| </div> | |||
| <JcgjList ref="jcgjList" @handleQuery="getJjcgjList" /> | |||
| <pagination v-show="jcgjTotal > 0" small layout="prev, pager, next" :total="jcgjTotal" | |||
| @pagination="getJjcgjList" /> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <el-dialog :title="$t(openTitle)" :visible.sync="openApprove" width="500px" append-to-body | |||
| :close-on-click-modal="false"> | |||
| <el-form ref="formApprove" :model="formApprove" :rules="rulesApprove" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="formApprove.qmyy" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row v-if="formApprove.qmyy == '复核拒绝'"> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormApply.reason')" prop="reason"> | |||
| <el-input type="textarea" v-model="formApprove.reason" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row v-else> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.remark')"> | |||
| <el-input type="textarea" v-model="formApprove.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="formApprove.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="approve">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="openApprove = false">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_fhtg, studyFormApply_fhjj, studyFormApply_tg, studyFormApply_info, studyFormApply_jcgj, studyFormApply_qmxx } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| import JcgjList from "@/views/business/comps/common/JcgjList"; | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| export default { | |||
| name: "Fh", | |||
| components: { TemplateTable, JcgjList }, | |||
| data() { | |||
| return { | |||
| form: {}, | |||
| qmxxList: [], | |||
| totalQmxx: 0, | |||
| loadingQmxx: true, | |||
| queryParamsQmxx: { | |||
| formId: null, | |||
| pageNum: 1, | |||
| pageSize: 10 | |||
| }, | |||
| jcgjList: [], | |||
| jcgjTotal: 0, | |||
| queryParamsJcgj: { | |||
| pageNum: 1, | |||
| formId: null, | |||
| pageSize: 10, | |||
| }, | |||
| openTitle: '', | |||
| openApprove: false, | |||
| formApprove: {}, | |||
| rulesApprove: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| reason: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| getJjcgjList(val) { | |||
| this.$modal.loading() | |||
| studyFormApply_jcgj(_.merge({}, this.queryParamsJcgj, val)).then(response => { | |||
| this.jcgjList = response.rows | |||
| this.jcgjTotal = response.total | |||
| this.$refs.jcgjList.init(this.jcgjList) | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| getQmxxList() { | |||
| this.loadingQmxx = true | |||
| studyFormApply_qmxx(this.queryParamsQmxx).then(response => { | |||
| this.qmxxList = response.rows | |||
| this.totalQmxx = response.total | |||
| this.loadingQmxx = false | |||
| }) | |||
| }, | |||
| cancel() { | |||
| this.$emit('close') | |||
| }, | |||
| reset() { | |||
| this.form = {} | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.$modal.loading() | |||
| this.queryParamsJcgj.formId = row.id | |||
| this.queryParamsQmxx.formId = row.id | |||
| studyFormApply_info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.getQmxxList() | |||
| this.getJjcgjList() | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| showApprove(qmyy) { | |||
| this.openApprove = true | |||
| this.resetApprove() | |||
| this.formApprove.id = this.form.id | |||
| this.formApprove.qmyy = qmyy | |||
| if (qmyy == '复核通过') { | |||
| this.openTitle = 'page.business.study.studyFormApply.fhtg' | |||
| } else if (qmyy == '复核拒绝') { | |||
| this.openTitle = 'page.business.study.studyFormApply.fhjj' | |||
| } else if (qmyy == '通过') { | |||
| this.openTitle = 'page.business.study.studyFormApply.tongguo' | |||
| } | |||
| }, | |||
| resetApprove() { | |||
| this.formApprove = { | |||
| id: null, | |||
| qmyy: '', | |||
| bdnr: '', | |||
| remark: '', | |||
| reason: '', | |||
| qmrmm: '', | |||
| } | |||
| this.resetForm("formApprove") | |||
| }, | |||
| approve() { | |||
| this.$refs["formApprove"].validate(valid => { | |||
| if (valid) { | |||
| this.doapprove() | |||
| } | |||
| }) | |||
| }, | |||
| async doapprove() { | |||
| let content = await this.$refs.templateTable.getFormData() | |||
| this.formApprove.bdnr = JSON.stringify(content) | |||
| this.$modal.loading() | |||
| if (this.formApprove.qmyy == '复核通过') { | |||
| studyFormApply_fhtg(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } else if (this.formApprove.qmyy == '复核拒绝') { | |||
| this.formApprove.remark=this.formApprove.reason | |||
| studyFormApply_fhjj(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } else { | |||
| studyFormApply_tg(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 115
src/views/business/form/drug/comp/sqbd/Fz.vue
View File
| @ -1,115 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.sqfz')" :visible.sync="open" width="500px" append-to-body | |||
| :close-on-click-modal="false"> | |||
| <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="form.qmyy" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.remark')" prop="remark"> | |||
| <el-input type="textarea" v-model="form.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="form.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="save">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="cancel">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_fz } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: "Fz", | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| isBatch: false, | |||
| ids: [], | |||
| selectList: [], | |||
| open: false, | |||
| form: {}, | |||
| rules: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| remark: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| cancel() { | |||
| this.open = false | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| qmyy: '申请废止', | |||
| remark: null, | |||
| qmrmm: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.form.id = row.id | |||
| this.open = true | |||
| }, | |||
| save() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| studyFormApply_fz(this.form).then(response => { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 126
src/views/business/form/drug/comp/sqbd/Ghgsr.vue
View File
| @ -1,126 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.rybg')" :visible.sync="open" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="form.qmyy" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormApply.reason')" prop="remark"> | |||
| <el-input type="textarea" v-model="form.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="form.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="save">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="cancel">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_ghgsr } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: "Ghgsr", | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| isBatch: false, | |||
| ids: [], | |||
| selectList: [], | |||
| open: false, | |||
| form: {}, | |||
| rules: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| remark: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| qmyy: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| cancel() { | |||
| this.open = false | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| qmyy: '更换归属人', | |||
| userId: null, | |||
| UserMc: null, | |||
| remark: null, | |||
| qmrmm: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.form.id = row.id | |||
| this.form.userId = row.userId | |||
| this.form.userMc = row.userMc | |||
| this.open = true | |||
| }, | |||
| save() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_ghgsr(this.form).then(response => { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 126
src/views/business/form/drug/comp/sqbd/Jq.vue
View File
| @ -1,126 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.jiaqian')" :visible.sync="open" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-select v-model="form.qmyy" :placeholder="$t('form.placeholderSelect')" style="width: 100%;"> | |||
| <el-option label="开始现场复核" value="开始现场复核" /> | |||
| <el-option label="结束现场复核" value="结束现场复核" /> | |||
| <el-option label="申明协作" value="申明协作" /> | |||
| <el-option label="补充说明" value="补充说明" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.remark')" prop="remark"> | |||
| <el-input type="textarea" v-model="form.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="form.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="save">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="cancel">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_jq } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: "Fz", | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| isBatch: false, | |||
| ids: [], | |||
| selectList: [], | |||
| open: false, | |||
| form: {}, | |||
| rules: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| remark: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| qmyy: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| cancel() { | |||
| this.open = false | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| qmyy: null, | |||
| remark: null, | |||
| qmrmm: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.form.id = row.id | |||
| this.open = true | |||
| }, | |||
| save() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_jq(this.form).then(response => { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 126
src/views/business/form/drug/comp/sqbd/Qrfz.vue
View File
| @ -1,126 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.qrfz')" :visible.sync="open" width="500px" append-to-body | |||
| :close-on-click-modal="false"> | |||
| <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyymc"> | |||
| <el-input type="text" :value="form.qmyymc" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormApply.reason')" prop="remark"> | |||
| <el-input type="textarea" v-model="form.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="form.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer" style="text-align: center;"> | |||
| <el-button type="danger" @click="reject">{{ $t('page.business.study.studyFormApply.reject') }}</el-button> | |||
| <el-button type="primary" @click="approve">{{ $t('page.business.study.studyFormApply.approve') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_qrfz } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: "Qrfz", | |||
| components: {}, | |||
| data() { | |||
| return { | |||
| isBatch: false, | |||
| ids: [], | |||
| selectList: [], | |||
| open: false, | |||
| form: {}, | |||
| rules: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| remark: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| cancel() { | |||
| this.open = false | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| qmyymc: '废止通过/拒绝', | |||
| qmyy: null, | |||
| remark: null, | |||
| qmrmm: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.form.id = row.id | |||
| this.open = true | |||
| }, | |||
| reject() { | |||
| this.form.qmyy = 1 | |||
| this.save() | |||
| }, | |||
| approve() { | |||
| this.form.qmyy = 10 | |||
| this.save() | |||
| }, | |||
| save() { | |||
| this.$refs["form"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_qrfz(this.form).then(response => { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 216
src/views/business/form/drug/comp/sqbd/Sy.vue
View File
| @ -1,216 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <div class="edit-container"> | |||
| <div class="edit-top"> | |||
| <div class="left-top"> | |||
| <img src="@/assets/images/back.png" @click="cancel()" /> | |||
| <div class="left-title"></div> | |||
| </div> | |||
| <div class="center-top"> | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button> | |||
| <el-button type="primary" @click="showApprove">{{ $t('page.business.study.studyFormApply.shenyue') | |||
| }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content"> | |||
| <div class="content-left"> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="readonly" /> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.qmxx') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <el-table :data="qmxxList" v-loading="loadingQmxx"> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmr')" align="center" prop="qmrMc" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmyy')" align="center" prop="qmyy" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmsj')" align="center" prop="createTime" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.bzyy')" align="center" prop="remark" | |||
| :show-overflow-tooltip="true" /> | |||
| </el-table> | |||
| </div> | |||
| <div class="pal"> | |||
| <pagination v-show="totalQmxx > 0" :total="totalQmxx" :page.sync="queryParamsQmxx.pageNum" | |||
| :limit.sync="queryParamsQmxx.pageSize" @pagination="getQmxxList" /> | |||
| </div> | |||
| </div> | |||
| <div class="content-right"> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.jcgj') }}</div> | |||
| </div> | |||
| <JcgjList ref="jcgjList" @handleQuery="getJjcgjList" :showXg="true"/> | |||
| <pagination v-show="jcgjTotal > 0" small layout="prev, pager, next" :total="jcgjTotal" | |||
| @pagination="getJjcgjList" /> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.shenyue')" :visible.sync="openApprove" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formApprove" :model="formApprove" :rules="rulesApprove" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="formApprove.qmyy" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.remark')" prop="remark"> | |||
| <el-input type="textarea" v-model="formApprove.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="formApprove.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="approve">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="openApprove = false">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_sy, studyFormApply_info, studyFormApply_jcgj, studyFormApply_qmxx } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| import JcgjList from "@/views/business/comps/common/JcgjList"; | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| export default { | |||
| name: "Sy", | |||
| components: { TemplateTable, JcgjList }, | |||
| data() { | |||
| return { | |||
| form: {}, | |||
| qmxxList: [], | |||
| totalQmxx: 0, | |||
| loadingQmxx: true, | |||
| queryParamsQmxx: { | |||
| formId: null, | |||
| pageNum: 1, | |||
| pageSize: 10 | |||
| }, | |||
| jcgjList: [], | |||
| jcgjTotal: 0, | |||
| queryParamsJcgj: { | |||
| pageNum: 1, | |||
| formId: null, | |||
| pageSize: 10, | |||
| }, | |||
| openApprove: false, | |||
| formApprove: {}, | |||
| rulesApprove: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| getJjcgjList(val) { | |||
| this.$modal.loading() | |||
| studyFormApply_jcgj(_.merge({}, this.queryParamsJcgj, val)).then(response => { | |||
| this.jcgjList = response.rows | |||
| this.jcgjTotal = response.total | |||
| this.$refs.jcgjList.init(this.jcgjList) | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| getQmxxList() { | |||
| this.loadingQmxx = true | |||
| studyFormApply_qmxx(this.queryParamsQmxx).then(response => { | |||
| this.qmxxList = response.rows | |||
| this.totalQmxx = response.total | |||
| this.loadingQmxx = false | |||
| }) | |||
| }, | |||
| cancel() { | |||
| this.$emit('close') | |||
| }, | |||
| reset() { | |||
| this.form = {} | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.$modal.loading() | |||
| this.queryParamsJcgj.formId = row.id | |||
| this.queryParamsQmxx.formId = row.id | |||
| studyFormApply_info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.getQmxxList() | |||
| this.getJjcgjList() | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| showApprove() { | |||
| this.resetApprove() | |||
| this.formApprove.id = this.form.id | |||
| this.openApprove = true | |||
| }, | |||
| resetApprove() { | |||
| this.formApprove = { | |||
| id: null, | |||
| qmyy: '已审阅', | |||
| remark: '', | |||
| qmrmm: '', | |||
| } | |||
| this.resetForm("formApprove") | |||
| }, | |||
| approve() { | |||
| this.$refs["formApprove"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_sy(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 0
- 261
src/views/business/form/drug/comp/sqbd/Xq.vue
View File
| @ -1,261 +0,0 @@ | |||
| G<template> | |||
| <div> | |||
| <div class="edit-container"> | |||
| <div class="edit-top"> | |||
| <div class="left-top"> | |||
| <img src="@/assets/images/back.png" @click="cancel()" /> | |||
| <div class="left-title"></div> | |||
| </div> | |||
| <div class="center-top"> | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.close') }}</el-button> | |||
| <el-button type="primary" v-if="form.bdzt === 5 && form.tbzt === 1" @click="openApprove = true">{{ | |||
| $t('page.business.study.studyFormApply.tb') }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content "> | |||
| <div class="content"> | |||
| <div> | |||
| <el-button type="primary" @click="dcqbjcgj">{{ $t('page.business.study.studyFormApply.dcqbjcgj') }} | |||
| </el-button> | |||
| <el-button type="primary" @click="dclcjcgj">{{ $t('page.business.study.studyFormApply.dclcjcgj') }} | |||
| </el-button> | |||
| <el-button type="primary" @click="dcbjjcgj">{{ $t('page.business.study.studyFormApply.dcbjjcgj') }} | |||
| </el-button> | |||
| <el-button type="primary" @click="dcxgjcgj">{{ $t('page.business.study.studyFormApply.dcxgjcgj') }} | |||
| </el-button> | |||
| <el-button type="primary" @click="dcbhsjgj">{{ $t('page.business.study.studyFormApply.dcbhsjgj') }} | |||
| </el-button> | |||
| </div> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" :templateData="form" fillType="readonly" /> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.qmxx') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <el-table :data="qmxxList" v-loading="loadingQmxx"> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmr')" align="center" prop="qmrMc" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmyy')" align="center" prop="qmyy" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.qmsj')" align="center" prop="createTime" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormApply.bzyy')" align="center" prop="remark" | |||
| :show-overflow-tooltip="true" /> | |||
| </el-table> | |||
| </div> | |||
| <div class="pal"> | |||
| <pagination v-show="totalQmxx > 0" :total="totalQmxx" :page.sync="queryParamsQmxx.pageNum" | |||
| :limit.sync="queryParamsQmxx.pageSize" @pagination="getQmxxList" /> | |||
| </div> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormApply.jcgj') }}</div> | |||
| </div> | |||
| <JcgjList ref="jcgjList" @handleQuery="getJjcgjList" :showXg="true"/> | |||
| <pagination v-show="jcgjTotal > 0" small layout="prev, pager, next" :total="jcgjTotal" | |||
| @pagination="getJjcgjList" /> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- 填报 --> | |||
| <el-dialog :title="$t('page.business.study.studyFormApply.cjjl')" :visible.sync="openApprove" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formApprove" :model="formApprove" :rules="rulesApprove" label-width="120px"> | |||
| <el-alert :title="$t('page.business.study.studyFormApply.ts')" :closable="false" type="success"> | |||
| </el-alert> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="formApprove.qmyy" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.remark')" prop="remark"> | |||
| <el-input type="textarea" v-model="formApprove.remark" :rows="5" maxlength="500" | |||
| :placeholder="$t('form.placeholderInput')"> | |||
| </el-input> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.signer')"> | |||
| <el-input type="text" v-model="nickName" maxlength="50" disabled | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.password')" prop="qmrmm"> | |||
| <el-input type="password" v-model="formApprove.qmrmm" maxlength="20" | |||
| :placeholder="$t('form.placeholderInput')" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="approve">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="openApprove = false">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormApply_tb, studyFormApply_info, studyFormApply_jcgj, studyFormApply_qmxx } from "@/api/business/study/studyFormApply" | |||
| import { mapGetters } from 'vuex' | |||
| import JcgjList from "@/views/business/comps/common/JcgjList"; | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| export default { | |||
| name: "Xq", | |||
| components: { JcgjList, TemplateTable }, | |||
| data() { | |||
| return { | |||
| openApprove: false, | |||
| formApprove: { | |||
| id: null, | |||
| qmyy: '创建记录', | |||
| remark: '', | |||
| qmrmm: '', | |||
| }, | |||
| rulesApprove: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| qmxxList: [], | |||
| totalQmxx: 0, | |||
| loadingQmxx: true, | |||
| queryParamsQmxx: { | |||
| formId: null, | |||
| pageNum: 1, | |||
| pageSize: 10 | |||
| }, | |||
| open: false, | |||
| showIndex: 1, | |||
| form: {}, | |||
| rules: { | |||
| bdmc: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| templateId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| jcgjTotal: 0, | |||
| jcgjList: [], | |||
| queryParamsJcgj: { | |||
| pageNum: 1, | |||
| formId: null, | |||
| pageSize: 10, | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| dcqbjcgj() { | |||
| alert('todo') | |||
| }, | |||
| dclcjcgj() { | |||
| alert('todo') | |||
| }, | |||
| dcbjjcgj() { | |||
| alert('todo') | |||
| }, | |||
| dcxgjcgj() { | |||
| alert('todo') | |||
| }, | |||
| dcbhsjgj() { | |||
| alert('todo') | |||
| }, | |||
| getJjcgjList(val) { | |||
| this.$modal.loading() | |||
| studyFormApply_jcgj(_.merge({}, this.queryParamsJcgj, val)).then(response => { | |||
| this.jcgjList = response.rows | |||
| this.jcgjTotal = response.total | |||
| this.$refs.jcgjList.init(this.jcgjList) | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| getQmxxList() { | |||
| this.loadingQmxx = true | |||
| studyFormApply_qmxx(this.queryParamsQmxx).then(response => { | |||
| this.qmxxList = response.rows | |||
| this.totalQmxx = response.total | |||
| this.loadingQmxx = false | |||
| }) | |||
| }, | |||
| cancel() { | |||
| this.$emit('close') | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| studyId: null, | |||
| bdbh: null, | |||
| bdmc: null, | |||
| bdsm: null, | |||
| templateId: null, | |||
| templateMc: null, | |||
| bdnr: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.$modal.loading() | |||
| this.formApprove.id = row.id | |||
| this.queryParamsJcgj.formId = row.id | |||
| this.queryParamsQmxx.formId = row.id | |||
| studyFormApply_info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.getQmxxList() | |||
| this.getJjcgjList() | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| approve() { | |||
| this.$refs["formApprove"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormApply_tb(this.formApprove).then(response => { | |||
| this.$emit('close') | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
+ 17
- 17
src/views/business/form/drug/comp/sqbdList.vue
View File
+ 4
- 5
src/views/business/form/drug/comp/tbbd.vue
View File
src/views/business/study/comp/sqbdList.vue → src/views/business/form/drug/comp/tbbdList.vue
View File
+ 4
- 5
src/views/business/form/drug/comp/ytbd.vue
View File
+ 405
- 0
src/views/business/form/drug/comp/ytbdList.vue
View File
| @ -0,0 +1,405 @@ | |||
| <template> | |||
| <div> | |||
| <div class="ytbd-list" v-show="!showDetail && !showEdit && !showAudit"> | |||
| <div class="ytbd-search"> | |||
| <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" :name="searchForm.userMc" key="userId" | |||
| @change="userChange" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="6"> | |||
| <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-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-row> | |||
| </el-form> | |||
| </div> | |||
| <div class="ytbd-content"> | |||
| <el-row class="add-box"> | |||
| <el-col> | |||
| <el-button type="primary" icon="el-icon-plus" @click="showAdd()" | |||
| v-hasPermi="['business:drugFormPre:xz']">{{ | |||
| $t('page.business.study.studyFormPre.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" /> | |||
| <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.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"> | |||
| <template slot-scope="scope"> | |||
| <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 === 5">{{ $t('page.business.form.statusYtg') }}</span> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('form.operate')" fixed="right" align="center" width="200"> | |||
| <template slot-scope="scope"> | |||
| <!-- 详情 --> | |||
| <el-button type="text" v-hasPermi="['business:drugFormPre:xq']" @click="detail(scope.row)">{{ | |||
| $t('form.detail') }}</el-button> | |||
| <!-- 编辑 --> | |||
| <el-button type="text" v-hasPermi="['business:drugFormPre:bj']" @click="edit(scope.row)" | |||
| v-if="scope.row.bdzt === 1&&id==scope.row.userId">{{ | |||
| $t('form.edit') }}</el-button> | |||
| <template v-if="scope.row.fzrsh == 10"> | |||
| <template v-if="scope.row.fzrshzt == 5"> | |||
| <!-- 负责人审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:drugFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3 && id == leader">{{ | |||
| $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| <template> | |||
| <!-- 有权限审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:drugFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3">{{ $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| </template> | |||
| <template v-else> | |||
| <!-- 有权限审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:drugFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3">{{ $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||
| @pagination="getList" /> | |||
| </div> | |||
| </div> | |||
| <!-- 编辑 --> | |||
| <Bj v-show="showEdit" key="Bj" ref="Bj" @close="bjClose" /> | |||
| <!-- 详情 --> | |||
| <Xq v-show="showDetail" key="Xq" ref="Xq" @close="xqClose" /> | |||
| <!-- 审核 --> | |||
| <Sh v-show="showAudit" key="Sh" ref="Sh" @close="shClose" /> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.xjbd')" :visible.sync="open" width="500px" append-to-body | |||
| :close-on-click-modal="false"> | |||
| <el-form ref="form" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24" style="text-align: center; margin-top: 50px;"> | |||
| <el-button type="primary" style="width: 80%; height: 40px;" @click="add" plain | |||
| icon="el-icon-circle-plus">创建新表单</el-button> | |||
| </el-col> | |||
| <el-col :span="24" style="text-align: center; margin: 50px 0px;"> | |||
| <el-button type="primary" style="width: 80%;height: 40px;" @click="copy" plain | |||
| icon="el-icon-document-copy">复制已有表单</el-button> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| </el-dialog> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.fzbdxz')" :visible.sync="openXz" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formXz" :model="formXz" :rules="rulesXz" label-width="150px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormPre.sssyfsy')" prop="studyId"> | |||
| <el-select v-model="formXz.studyId" :placeholder="$t('form.placeholderSelect')" @change="studyChange"> | |||
| <el-option :label="item.sn" :value="item.id" v-for="(item, index) in studyList" :key="index" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormPre.fzbd')" prop="formPreId"> | |||
| <el-select v-model="formXz.formPreId" :placeholder="$t('form.placeholderSelect')"> | |||
| <el-option :label="item.bdbh" :value="item.id" v-for="(item, index) in formPreList" :key="index" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="24"> | |||
| <el-form-item> | |||
| <el-button type="primary" @click="previewFzbd" :disabled="!(formXz.formPreId)">预览</el-button> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="saveCopy">{{ $t('page.business.study.studyFormPre.fzbj') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.yulan')" :visible.sync="openPreview" width="80%" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <TemplateTable ref="templateTable" :sn="formPreview.templateSn" fillType="preFill" /> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormPre_list, studyFormPre_info } from '@/api/business/study/studyFormPre' | |||
| import { public_studyList, public_studyFormPreList } from '@/api/business/public/public' | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| import Bj from "@/views/business/study/comp/ytbd/Bj"; | |||
| import Xq from "@/views/business/study/comp/ytbd/Xq"; | |||
| import Sh from "@/views/business/study/comp/ytbd/Sh"; | |||
| import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; | |||
| import moment from "moment"; | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: 'YtbdList', | |||
| props: { | |||
| study: { | |||
| type: Object, | |||
| default: () => { | |||
| return {} | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'id' | |||
| ]), | |||
| }, | |||
| watch: { | |||
| study: { | |||
| handler(newVal) { | |||
| this.searchForm.studySn = newVal.sn | |||
| this.searchForm.studyMc = newVal.name | |||
| this.searchForm.studyId = newVal.studyId | |||
| this.searchForm.studySubjectId = newVal.studySubjectId | |||
| this.leader = newVal.leader | |||
| this.search() | |||
| }, | |||
| immediate: true, | |||
| deep: true | |||
| } | |||
| }, | |||
| components: { Bj, Xq, Sh, SelectDeptUser, TemplateTable }, | |||
| data() { | |||
| return { | |||
| formPreview: { | |||
| templateSn: null | |||
| }, | |||
| openPreview: false, | |||
| openXz: false, | |||
| open: false, | |||
| leader: null, | |||
| showAudit: false, | |||
| showEdit: false, | |||
| showDetail: false, | |||
| daterange: [], | |||
| searchForm: { | |||
| pageNum: 1, | |||
| pageSize: 10, | |||
| studyId: '', | |||
| studySn: '', | |||
| studyMc: '', | |||
| studySubjectId: '', | |||
| bdbh: '', | |||
| bdmc: '', | |||
| userId: '', | |||
| userMc: '', | |||
| templateMc: '', | |||
| startDate: '', | |||
| endDate: '', | |||
| }, | |||
| loading: false, | |||
| total: 0, | |||
| list: [], | |||
| studyList: [], | |||
| formPreList: [], | |||
| formXz: { | |||
| studyId: null, | |||
| formPreId: null, | |||
| }, | |||
| rulesXz: { | |||
| studyId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| formPreId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| } | |||
| }, | |||
| created() { }, | |||
| methods: { | |||
| copy() { | |||
| this.$modal.loading() | |||
| public_studyList().then(response => { | |||
| this.studyList = response.data | |||
| this.formXz.studyId = null | |||
| this.formXz.formPreId = null | |||
| this.open = false | |||
| this.openXz = true | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| previewFzbd() { | |||
| let that = this | |||
| let _index = _.findIndex(this.formPreList, function (item) { | |||
| return item.id = that.formXz.formPreId | |||
| }) | |||
| this.formPreview.templateSn = that.formPreList[_index].templateSn | |||
| this.openPreview = true | |||
| }, | |||
| saveCopy() { | |||
| let that = this | |||
| this.$refs["formXz"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormPre_info({ id: that.formXz.formPreId }).then(response => { | |||
| let tmp = response.data | |||
| this.$modal.closeLoading() | |||
| this.openXz = false | |||
| this.openPreview = false | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit({ templateId: tmp.templateId,templateMc: tmp.templateMc,templateSn:tmp.templateSn ,bdmc: tmp.bdmc, bdnr: tmp.bdnr }) | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| studyChange() { | |||
| this.$modal.loading() | |||
| public_studyFormPreList({ studyId: this.formXz.studyId }).then(response => { | |||
| this.formXz.formPre = null | |||
| this.formPreList = response.data | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| showAdd() { | |||
| this.open = true | |||
| }, | |||
| userChange(val) { | |||
| this.searchForm.userId = val.id | |||
| this.searchForm.userMc = val.name | |||
| this.search() | |||
| }, | |||
| search() { | |||
| this.searchForm.pageNum = 1 | |||
| this.getList() | |||
| }, | |||
| reset() { | |||
| this.resetForm("searchForm") | |||
| this.handleQuery() | |||
| }, | |||
| getList() { | |||
| 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'); | |||
| } else { | |||
| this.searchForm.startDate = '' | |||
| this.searchForm.endDate = '' | |||
| } | |||
| this.loading = true | |||
| studyFormPre_list(this.searchForm).then(response => { | |||
| this.list = response.rows | |||
| this.total = response.total | |||
| this.loading = false | |||
| }) | |||
| }, | |||
| add() { | |||
| this.open = false | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit({ studySn:this.searchForm.studySn, studyMc:this.searchForm.studyMc,studyId: this.searchForm.studyId, studySubjectId: this.searchForm.studySubjectId }) | |||
| }, | |||
| edit(row) { | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit(row) | |||
| }, | |||
| bjClose() { | |||
| this.showEdit = false | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.search() | |||
| }, | |||
| xqClose() { | |||
| this.showDetail = false | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.search() | |||
| }, | |||
| shClose() { | |||
| this.showAudit = false | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.search() | |||
| }, | |||
| detail(row) { | |||
| this.showDetail = true | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.$refs.Xq.show(row) | |||
| }, | |||
| audit(row) { | |||
| this.showAudit = true | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.$refs.Sh.show(row) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .ytbd-list { | |||
| .ytbd-search { | |||
| background: #fff; | |||
| padding: 20px; | |||
| margin-bottom: 10px; | |||
| .right-btn { | |||
| text-align: right | |||
| } | |||
| } | |||
| .ytbd-content { | |||
| padding: 20px; | |||
| background: #fff; | |||
| .add-box { | |||
| margin-bottom: 10px; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 4
- 5
src/views/business/form/nonTrial/comp/tbbd.vue
View File
+ 373
- 0
src/views/business/form/nonTrial/comp/tbbdList.vue
View File
| @ -0,0 +1,373 @@ | |||
| <template> | |||
| <div> | |||
| <div class="tbbd-list" v-show="!showDetail && !showEdit && !showAudit && !showFh"> | |||
| <div class="tbbd-search"> | |||
| <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> | |||
| </div> | |||
| <div class="tbbd-content"> | |||
| <el-row class="add-box"> | |||
| <el-col> | |||
| <el-button type="primary" icon="el-icon-plus" @click="add()" v-hasPermi="['business:nonTrialFormFill:xz']">{{ | |||
| $t('page.business.study.studyFormFill.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" /> | |||
| <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.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.form.status')" prop="status" align="center" width="100"> | |||
| <template slot-scope="scope"> | |||
| <span v-if="scope.row.bdzt === 1">{{ $t('page.business.study.studyFormFill.tbz') }}</span> | |||
| <span v-if="scope.row.bdzt === 3">{{ $t('page.business.study.studyFormFill.ytj') }}</span> | |||
| <span v-if="scope.row.bdzt === 5">{{ $t('page.business.study.studyFormFill.ywc') }}</span> | |||
| <span v-if="scope.row.bdzt === 7">{{ $t('page.business.study.studyFormFill.ywcfh') }}</span> | |||
| <span v-if="scope.row.bdzt === 9">{{ $t('page.business.study.studyFormFill.dfz') }}</span> | |||
| <span v-if="scope.row.bdzt === 11">{{ $t('page.business.study.studyFormFill.yfz') }}</span> | |||
| </template> | |||
| </el-table-column> | |||
| <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.sfbl === 10">{{ $t('page.business.study.studyFormFill.yes') }}</span> | |||
| <span v-if="scope.row.sfbl === 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"> | |||
| <!-- 表单状态：1：填报中；3：已提交；5：已完成（经复核）；7：已完成；9：待废止；11：已废止 --> | |||
| <!-- 详情 --> | |||
| <el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:nonTrialFormFill:xq']">{{ | |||
| $t('form.detail') }}</el-button> | |||
| <!-- 编辑 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 1 || scope.row.bdzt === 5 || scope.row.bdzt === 7" | |||
| @click="edit(scope.row)" v-hasPermi="['business:nonTrialFormFill:bj']">{{ | |||
| $t('form.edit') }}</el-button> | |||
| <!-- 复核 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 3" @click="fh(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:fh']">{{ | |||
| $t('page.business.study.studyFormFill.fh') }}</el-button> | |||
| <!-- 加签 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 1" @click="jq(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:jq']">{{ | |||
| $t('page.business.study.studyFormFill.jq') }}</el-button> | |||
| <!-- 更换归属人 --> | |||
| <el-button type="text" | |||
| v-if="scope.row.bdzt === 1 || scope.row.bdzt === 3 || scope.row.bdzt === 5 || scope.row.bdzt === 7" | |||
| @click="ghgsr(scope.row)" v-hasPermi="['business:nonTrialFormFill:ghgsr']">{{ | |||
| $t('page.business.study.studyFormFill.ghgsr') }}</el-button> | |||
| <!-- 审阅 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 5 || scope.row.bdzt === 7" @click="sy(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:sy']">{{ | |||
| $t('page.business.study.studyFormFill.sy') }}</el-button> | |||
| <!-- 废止 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 1" @click="fz(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:fz']">{{ | |||
| $t('page.business.study.studyFormFill.fz') }}</el-button> | |||
| <!-- 确认废止 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 9" @click="qrfz(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:qrfz']">{{ | |||
| $t('page.business.study.studyFormFill.qrfz') }}</el-button> | |||
| <!-- 观察 --> | |||
| <el-button type="text" v-if="scope.row.bdzt === 1" @click="gc(scope.row)" | |||
| v-hasPermi="['business:nonTrialFormFill:gc']">{{ | |||
| $t('page.business.study.studyFormFill.gc') }}</el-button> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||
| @pagination="getList" /> | |||
| </div> | |||
| </div> | |||
| <!-- 编辑 --> | |||
| <Bj v-show="showEdit" key="Bj" ref="Bj" @close="bjClose" /> | |||
| <!-- 详情 --> | |||
| <Xq v-show="showDetail" key="Xq" ref="Xq" @close="xqClose" /> | |||
| <!-- 审阅 --> | |||
| <Sy v-show="showAudit" key="Sy" ref="Sy" @close="syClose" /> | |||
| <!-- 复核 --> | |||
| <Fh v-show="showFh" key="Fh" ref="Fh" @close="fhClose" /> | |||
| <!-- 废止 --> | |||
| <Fz key="Fz" ref="Fz" @callback="search" /> | |||
| <!-- 确认废止 --> | |||
| <Qrfz key="Qrfz" ref="Qrfz" @callback="search" /> | |||
| <!-- 加签 --> | |||
| <Jq key="Jq" ref="Jq" @callback="search" /> | |||
| <!-- 观察 --> | |||
| <Gc key="Gc" ref="Gc" @callback="search" /> | |||
| <!-- 更换归属人 --> | |||
| <Ghgsr key="Ghgsr" ref="Ghgsr" @callback="search" /> | |||
| <SelectDeptUserDialog ref="selectDeptUserDialog" @change="ghgsrChange" /> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormFill_list } from '@/api/business/study/studyFormFill' | |||
| import Bj from "@/views/business/study/comp/tbbd/Bj"; | |||
| import Xq from "@/views/business/study/comp/tbbd/Xq"; | |||
| import Sy from "@/views/business/study/comp/tbbd/Sy"; | |||
| import Fz from "@/views/business/study/comp/tbbd/Fz"; | |||
| import Fh from "@/views/business/study/comp/tbbd/Fh"; | |||
| import Qrfz from "@/views/business/study/comp/tbbd/Qrfz"; | |||
| import Jq from "@/views/business/study/comp/tbbd/Jq"; | |||
| import Ghgsr from "@/views/business/study/comp/tbbd/Ghgsr"; | |||
| import Gc from "@/views/business/study/comp/tbbd/Gc"; | |||
| import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; | |||
| import SelectDeptUserDialog from '@/views/business/comps/select/SelectDeptUserDialog'; | |||
| import { mapGetters } from 'vuex' | |||
| import moment from "moment"; | |||
| export default { | |||
| name: 'YtbdList', | |||
| props: { | |||
| study: { | |||
| type: Object, | |||
| default: () => { | |||
| return {} | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'id' | |||
| ]), | |||
| }, | |||
| watch: { | |||
| study: { | |||
| handler(newVal) { | |||
| this.searchForm.studySn = newVal.sn | |||
| this.searchForm.studyMc = newVal.name | |||
| this.searchForm.studyId = newVal.studyId | |||
| this.searchForm.studySubjectId = newVal.studySubjectId | |||
| this.leader = newVal.leader | |||
| this.search() | |||
| }, | |||
| immediate: true, | |||
| deep: true | |||
| } | |||
| }, | |||
| components: { Ghgsr, Fh, Fz, Bj, Xq, Qrfz, Sy, Jq, Gc, SelectDeptUser, SelectDeptUserDialog }, | |||
| data() { | |||
| return { | |||
| leader: null, | |||
| showFh: false, | |||
| showAudit: false, | |||
| showEdit: false, | |||
| showDetail: false, | |||
| daterangetj: [], | |||
| daterange: [], | |||
| searchForm: { | |||
| pageNum: 1, | |||
| pageSize: 10, | |||
| studyId: '', | |||
| studySn: '', | |||
| studyMc: '', | |||
| studySubjectId: '', | |||
| bdbh: '', | |||
| bdmc: '', | |||
| userId: '', | |||
| userMc: '', | |||
| templateMc: '', | |||
| cjsjjs: '', | |||
| cjsjks: '', | |||
| tjsjjs: '', | |||
| tjsjks: '', | |||
| }, | |||
| loading: false, | |||
| total: 0, | |||
| list: [], | |||
| currentRow: null | |||
| } | |||
| }, | |||
| created() { }, | |||
| methods: { | |||
| ghgsr(row) { | |||
| this.currentRow = row | |||
| this.$refs.selectDeptUserDialog.show(null, null) | |||
| }, | |||
| ghgsrChange(val) { | |||
| this.$refs.Ghgsr.show({ id: this.currentRow.id, userId: val.id, userMc: val.name }) | |||
| }, | |||
| jq(row) { | |||
| this.$refs.Jq.show(row) | |||
| }, | |||
| qrfz(row) { | |||
| this.$refs.Qrfz.show(row) | |||
| }, | |||
| gc(row) { | |||
| this.$refs.Gc.show(row) | |||
| }, | |||
| fz(row) { | |||
| this.$refs.Fz.show(row) | |||
| }, | |||
| userChange(val) { | |||
| this.searchForm.userId = val.id | |||
| this.searchForm.userMc = val.name | |||
| this.search() | |||
| }, | |||
| search() { | |||
| this.searchForm.pageNum = 1 | |||
| this.getList() | |||
| }, | |||
| reset() { | |||
| this.resetForm("searchForm") | |||
| this.handleQuery() | |||
| }, | |||
| getList() { | |||
| if (this.daterange != null && this.daterange.length > 0) { | |||
| 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 { | |||
| this.searchForm.tjsjks = '' | |||
| this.searchForm.tjsjjs = '' | |||
| } | |||
| this.loading = true | |||
| studyFormFill_list(this.searchForm).then(response => { | |||
| this.list = response.rows | |||
| this.total = response.total | |||
| this.loading = false | |||
| }) | |||
| }, | |||
| add() { | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit({ studySn:this.searchForm.studySn, studyMc:this.searchForm.studyMc,studyId: this.searchForm.studyId, studySubjectId: this.searchForm.studySubjectId }) | |||
| }, | |||
| edit(row) { | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit(row) | |||
| }, | |||
| bjClose() { | |||
| this.showEdit = false | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.search() | |||
| }, | |||
| xqClose() { | |||
| this.showDetail = false | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.search() | |||
| }, | |||
| syClose() { | |||
| this.showAudit = false | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.search() | |||
| }, | |||
| fhClose() { | |||
| this.showFh = false | |||
| this.$emit('showDetail', this.showFh) | |||
| this.search() | |||
| }, | |||
| detail(row) { | |||
| this.showDetail = true | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.$refs.Xq.show(row) | |||
| }, | |||
| sy(row) { | |||
| this.showAudit = true | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.$refs.Sy.show(row) | |||
| }, | |||
| fh(row) { | |||
| this.showFh = true | |||
| this.$emit('showDetail', this.showFh) | |||
| this.$refs.Fh.show(row) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .tbbd-list { | |||
| .tbbd-search { | |||
| background: #fff; | |||
| padding: 20px; | |||
| margin-bottom: 10px; | |||
| .right-btn { | |||
| text-align: right | |||
| } | |||
| } | |||
| .tbbd-content { | |||
| padding: 20px; | |||
| background: #fff; | |||
| .add-box { | |||
| margin-bottom: 10px; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 4
- 5
src/views/business/form/nonTrial/comp/ytbd.vue
View File
+ 405
- 0
src/views/business/form/nonTrial/comp/ytbdList.vue
View File
| @ -0,0 +1,405 @@ | |||
| <template> | |||
| <div> | |||
| <div class="ytbd-list" v-show="!showDetail && !showEdit && !showAudit"> | |||
| <div class="ytbd-search"> | |||
| <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" :name="searchForm.userMc" key="userId" | |||
| @change="userChange" /> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="6"> | |||
| <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-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-row> | |||
| </el-form> | |||
| </div> | |||
| <div class="ytbd-content"> | |||
| <el-row class="add-box"> | |||
| <el-col> | |||
| <el-button type="primary" icon="el-icon-plus" @click="showAdd()" | |||
| v-hasPermi="['business:nonTrialFormPre:xz']">{{ | |||
| $t('page.business.study.studyFormPre.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" /> | |||
| <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.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"> | |||
| <template slot-scope="scope"> | |||
| <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 === 5">{{ $t('page.business.form.statusYtg') }}</span> | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('form.operate')" fixed="right" align="center" width="200"> | |||
| <template slot-scope="scope"> | |||
| <!-- 详情 --> | |||
| <el-button type="text" v-hasPermi="['business:nonTrialFormPre:xq']" @click="detail(scope.row)">{{ | |||
| $t('form.detail') }}</el-button> | |||
| <!-- 编辑 --> | |||
| <el-button type="text" v-hasPermi="['business:nonTrialFormPre:bj']" @click="edit(scope.row)" | |||
| v-if="scope.row.bdzt === 1&&id==scope.row.userId">{{ | |||
| $t('form.edit') }}</el-button> | |||
| <template v-if="scope.row.fzrsh == 10"> | |||
| <template v-if="scope.row.fzrshzt == 5"> | |||
| <!-- 负责人审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:nonTrialFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3 && id == leader">{{ | |||
| $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| <template> | |||
| <!-- 有权限审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:nonTrialFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3">{{ $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| </template> | |||
| <template v-else> | |||
| <!-- 有权限审核 --> | |||
| <el-button type="text" @click="audit(scope.row)" v-hasPermi="['business:nonTrialFormPre:sh']" | |||
| v-if="scope.row.bdzt === 3">{{ $t('page.business.form.audit') }}</el-button> | |||
| </template> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize" | |||
| @pagination="getList" /> | |||
| </div> | |||
| </div> | |||
| <!-- 编辑 --> | |||
| <Bj v-show="showEdit" key="Bj" ref="Bj" @close="bjClose" /> | |||
| <!-- 详情 --> | |||
| <Xq v-show="showDetail" key="Xq" ref="Xq" @close="xqClose" /> | |||
| <!-- 审核 --> | |||
| <Sh v-show="showAudit" key="Sh" ref="Sh" @close="shClose" /> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.xjbd')" :visible.sync="open" width="500px" append-to-body | |||
| :close-on-click-modal="false"> | |||
| <el-form ref="form" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24" style="text-align: center; margin-top: 50px;"> | |||
| <el-button type="primary" style="width: 80%; height: 40px;" @click="add" plain | |||
| icon="el-icon-circle-plus">创建新表单</el-button> | |||
| </el-col> | |||
| <el-col :span="24" style="text-align: center; margin: 50px 0px;"> | |||
| <el-button type="primary" style="width: 80%;height: 40px;" @click="copy" plain | |||
| icon="el-icon-document-copy">复制已有表单</el-button> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| </el-dialog> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.fzbdxz')" :visible.sync="openXz" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formXz" :model="formXz" :rules="rulesXz" label-width="150px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormPre.sssyfsy')" prop="studyId"> | |||
| <el-select v-model="formXz.studyId" :placeholder="$t('form.placeholderSelect')" @change="studyChange"> | |||
| <el-option :label="item.sn" :value="item.id" v-for="(item, index) in studyList" :key="index" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('page.business.study.studyFormPre.fzbd')" prop="formPreId"> | |||
| <el-select v-model="formXz.formPreId" :placeholder="$t('form.placeholderSelect')"> | |||
| <el-option :label="item.bdbh" :value="item.id" v-for="(item, index) in formPreList" :key="index" /> | |||
| </el-select> | |||
| </el-form-item> | |||
| </el-col> | |||
| <el-col :span="24"> | |||
| <el-form-item> | |||
| <el-button type="primary" @click="previewFzbd" :disabled="!(formXz.formPreId)">预览</el-button> | |||
| </el-form-item> | |||
| </el-col> | |||
| </el-row> | |||
| </el-form> | |||
| <div slot="footer" class="dialog-footer"> | |||
| <el-button type="primary" @click="saveCopy">{{ $t('page.business.study.studyFormPre.fzbj') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| <el-dialog :title="$t('page.business.study.studyFormPre.yulan')" :visible.sync="openPreview" width="80%" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <TemplateTable ref="templateTable" :sn="formPreview.templateSn" fillType="preFill" /> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormPre_list, studyFormPre_info } from '@/api/business/study/studyFormPre' | |||
| import { public_studyList, public_studyFormPreList } from '@/api/business/public/public' | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| import Bj from "@/views/business/study/comp/ytbd/Bj"; | |||
| import Xq from "@/views/business/study/comp/ytbd/Xq"; | |||
| import Sh from "@/views/business/study/comp/ytbd/Sh"; | |||
| import SelectDeptUser from '@/views/business/comps/select/SelectDeptUser'; | |||
| import moment from "moment"; | |||
| import { mapGetters } from 'vuex' | |||
| export default { | |||
| name: 'YtbdList', | |||
| props: { | |||
| study: { | |||
| type: Object, | |||
| default: () => { | |||
| return {} | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'id' | |||
| ]), | |||
| }, | |||
| watch: { | |||
| study: { | |||
| handler(newVal) { | |||
| this.searchForm.studySn = newVal.sn | |||
| this.searchForm.studyMc = newVal.name | |||
| this.searchForm.studyId = newVal.studyId | |||
| this.searchForm.studySubjectId = newVal.studySubjectId | |||
| this.leader = newVal.leader | |||
| this.search() | |||
| }, | |||
| immediate: true, | |||
| deep: true | |||
| } | |||
| }, | |||
| components: { Bj, Xq, Sh, SelectDeptUser, TemplateTable }, | |||
| data() { | |||
| return { | |||
| formPreview: { | |||
| templateSn: null | |||
| }, | |||
| openPreview: false, | |||
| openXz: false, | |||
| open: false, | |||
| leader: null, | |||
| showAudit: false, | |||
| showEdit: false, | |||
| showDetail: false, | |||
| daterange: [], | |||
| searchForm: { | |||
| pageNum: 1, | |||
| pageSize: 10, | |||
| studyId: '', | |||
| studySn: '', | |||
| studyMc: '', | |||
| studySubjectId: '', | |||
| bdbh: '', | |||
| bdmc: '', | |||
| userId: '', | |||
| userMc: '', | |||
| templateMc: '', | |||
| startDate: '', | |||
| endDate: '', | |||
| }, | |||
| loading: false, | |||
| total: 0, | |||
| list: [], | |||
| studyList: [], | |||
| formPreList: [], | |||
| formXz: { | |||
| studyId: null, | |||
| formPreId: null, | |||
| }, | |||
| rulesXz: { | |||
| studyId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| formPreId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| } | |||
| }, | |||
| created() { }, | |||
| methods: { | |||
| copy() { | |||
| this.$modal.loading() | |||
| public_studyList().then(response => { | |||
| this.studyList = response.data | |||
| this.formXz.studyId = null | |||
| this.formXz.formPreId = null | |||
| this.open = false | |||
| this.openXz = true | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| previewFzbd() { | |||
| let that = this | |||
| let _index = _.findIndex(this.formPreList, function (item) { | |||
| return item.id = that.formXz.formPreId | |||
| }) | |||
| this.formPreview.templateSn = that.formPreList[_index].templateSn | |||
| this.openPreview = true | |||
| }, | |||
| saveCopy() { | |||
| let that = this | |||
| this.$refs["formXz"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormPre_info({ id: that.formXz.formPreId }).then(response => { | |||
| let tmp = response.data | |||
| this.$modal.closeLoading() | |||
| this.openXz = false | |||
| this.openPreview = false | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit({ templateId: tmp.templateId,templateMc: tmp.templateMc,templateSn:tmp.templateSn ,bdmc: tmp.bdmc, bdnr: tmp.bdnr }) | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| studyChange() { | |||
| this.$modal.loading() | |||
| public_studyFormPreList({ studyId: this.formXz.studyId }).then(response => { | |||
| this.formXz.formPre = null | |||
| this.formPreList = response.data | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| showAdd() { | |||
| this.open = true | |||
| }, | |||
| userChange(val) { | |||
| this.searchForm.userId = val.id | |||
| this.searchForm.userMc = val.name | |||
| this.search() | |||
| }, | |||
| search() { | |||
| this.searchForm.pageNum = 1 | |||
| this.getList() | |||
| }, | |||
| reset() { | |||
| this.resetForm("searchForm") | |||
| this.handleQuery() | |||
| }, | |||
| getList() { | |||
| 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'); | |||
| } else { | |||
| this.searchForm.startDate = '' | |||
| this.searchForm.endDate = '' | |||
| } | |||
| this.loading = true | |||
| studyFormPre_list(this.searchForm).then(response => { | |||
| this.list = response.rows | |||
| this.total = response.total | |||
| this.loading = false | |||
| }) | |||
| }, | |||
| add() { | |||
| this.open = false | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit({ studySn:this.searchForm.studySn, studyMc:this.searchForm.studyMc,studyId: this.searchForm.studyId, studySubjectId: this.searchForm.studySubjectId }) | |||
| }, | |||
| edit(row) { | |||
| this.showEdit = true | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.$refs.Bj.edit(row) | |||
| }, | |||
| bjClose() { | |||
| this.showEdit = false | |||
| this.$emit('showDetail', this.showEdit) | |||
| this.search() | |||
| }, | |||
| xqClose() { | |||
| this.showDetail = false | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.search() | |||
| }, | |||
| shClose() { | |||
| this.showAudit = false | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.search() | |||
| }, | |||
| detail(row) { | |||
| this.showDetail = true | |||
| this.$emit('showDetail', this.showDetail) | |||
| this.$refs.Xq.show(row) | |||
| }, | |||
| audit(row) { | |||
| this.showAudit = true | |||
| this.$emit('showDetail', this.showAudit) | |||
| this.$refs.Sh.show(row) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .ytbd-list { | |||
| .ytbd-search { | |||
| background: #fff; | |||
| padding: 20px; | |||
| margin-bottom: 10px; | |||
| .right-btn { | |||
| text-align: right | |||
| } | |||
| } | |||
| .ytbd-content { | |||
| padding: 20px; | |||
| background: #fff; | |||
| .add-box { | |||
| margin-bottom: 10px; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 0
- 3
src/views/business/study/comp/enter.vue
View File
+ 1
- 1
src/views/business/study/comp/jhbd/Fh.vue
View File
+ 1
- 1
src/views/business/study/comp/jhbd/Sy.vue
View File
+ 1
- 1
src/views/business/study/comp/jhbd/Xq.vue
View File
+ 0
- 78
src/views/business/study/comp/sqbd.vue
View File
| @ -1,78 +0,0 @@ | |||
| <template> | |||
| <div class="study-tbbd"> | |||
| <div class="tbbd-left" v-show="!showDetail"> | |||
| <sbject :study="study" @change="changeSubject" /> | |||
| </div> | |||
| <div class="tbbd-right" v-if="studyInfo.studySubjectId!=''"> | |||
| <sqbdList :study="studyInfo" @showDetail="showDetailCallback"/> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import sbject from './suject.vue' | |||
| import sqbdList from './sqbdList.vue' | |||
| export default { | |||
| name: 'StudySqbd', | |||
| props: { | |||
| study:{ | |||
| type:Object, | |||
| default:()=>{ | |||
| return {} | |||
| } | |||
| } | |||
| }, | |||
| watch:{ | |||
| study: { | |||
| immediate: true, | |||
| handler(v) { | |||
| this.studyInfo = { | |||
| studyId:v.id, | |||
| studyLeader:v.leader, | |||
| studySubjectId:'' | |||
| } | |||
| } | |||
| }, | |||
| }, | |||
| components: {sbject,sqbdList}, | |||
| computed: {}, | |||
| filters: {}, | |||
| data() { | |||
| return { | |||
| showDetail:false, | |||
| studyInfo:{ | |||
| studyId:this.study.id, | |||
| studyLeader:this.study.leader, | |||
| studySubjectId:'' | |||
| } | |||
| } | |||
| }, | |||
| created() {}, | |||
| methods: { | |||
| changeSubject(val){ | |||
| this.studyInfo.studySubjectId = val | |||
| }, | |||
| showDetailCallback(val){ | |||
| this.showDetail=val | |||
| this.$emit('showDetail',val) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .study-tbbd { | |||
| display: flex; | |||
| flex-direction: row; | |||
| .tbbd-left { | |||
| background: #fff; | |||
| padding: 20px; | |||
| margin-right: 10px; | |||
| flex-shrink: 0; | |||
| width: 350px; | |||
| } | |||
| .tbbd-right{ | |||
| flex-grow: 1; | |||
| overflow: hidden; | |||
| } | |||
| } | |||
| </style> | |||