| @ -0,0 +1,126 @@ | |||
| G<template> | |||
| <div> | |||
| <el-dialog :title="$t('page.business.study.studyFormFill.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.studyFormFill.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 { studyFormFill_ghgsr } from "@/api/business/study/studyFormFill" | |||
| 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() | |||
| studyFormFill_ghgsr(this.form).then(response => { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| @ -1,237 +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"> | |||
| {{ form.bdmc }} | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button> | |||
| <el-button type="danger" @click="showReject">{{ $t('page.business.study.studyFormFill.reject') }}</el-button> | |||
| <el-button type="primary" @click="showApprove">{{ $t('page.business.study.studyFormFill.approve') | |||
| }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content "> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" fillType="preFill" /> | |||
| </div> | |||
| </div> | |||
| <!-- 通过 --> | |||
| <el-dialog :title="$t('page.business.study.studyFormFill.shtg')" :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> | |||
| <!-- 拒绝 --> | |||
| <el-dialog :title="$t('page.business.study.studyFormFill.shjj')" :visible.sync="openReject" width="500px" | |||
| append-to-body :close-on-click-modal="false"> | |||
| <el-form ref="formReject" :model="formReject" :rules="rulesReject" label-width="120px"> | |||
| <el-row> | |||
| <el-col :span="24"> | |||
| <el-form-item :label="$t('form.qmyy')" prop="qmyy"> | |||
| <el-input type="text" :value="formReject.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="formReject.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="formReject.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="reject">{{ $t('form.confirm') }}</el-button> | |||
| <el-button @click="openReject = false">{{ $t('form.cancel') }}</el-button> | |||
| </div> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { studyFormFill_tg, studyFormFill_jj, studyFormFill_info } from "@/api/business/study/studyFormFill" | |||
| import { mapGetters } from 'vuex' | |||
| import TemplateTable from '@/views/business/comps/template/TemplateTable'; | |||
| export default { | |||
| name: "Sh", | |||
| components: { TemplateTable }, | |||
| data() { | |||
| return { | |||
| showIndex: 1, | |||
| form: {}, | |||
| rules: { | |||
| bdmc: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| templateId: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| openApprove: false, | |||
| formApprove: { | |||
| id: null, | |||
| qmyy: '审核通过', | |||
| remark: '', | |||
| qmrmm: '', | |||
| }, | |||
| rulesApprove: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| }, | |||
| openReject: false, | |||
| formReject: { | |||
| id: null, | |||
| qmyy: '审核拒绝', | |||
| remark: '', | |||
| qmrmm: '', | |||
| }, | |||
| rulesReject: { | |||
| qmrmm: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }], | |||
| remark: [{ | |||
| required: true, | |||
| message: ' ', | |||
| trigger: 'blur' | |||
| }] | |||
| } | |||
| } | |||
| }, | |||
| computed: { | |||
| ...mapGetters([ | |||
| 'nickName' | |||
| ]), | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| cancel() { | |||
| this.$emit('close') | |||
| }, | |||
| reset() { | |||
| this.form = { | |||
| id: null, | |||
| studyId: null, | |||
| qmyy: null, | |||
| remark: null, | |||
| qmrmm: null | |||
| } | |||
| this.resetForm("form") | |||
| }, | |||
| show(row) { | |||
| this.reset() | |||
| this.$modal.loading() | |||
| studyFormFill_info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.open = true | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| showApprove() { | |||
| this.formApprove.id = this.form.id | |||
| this.openApprove = true | |||
| }, | |||
| approve() { | |||
| this.$refs["formApprove"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormFill_tg(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| showReject() { | |||
| this.formReject.id = this.form.id | |||
| this.openReject = true | |||
| }, | |||
| reject() { | |||
| this.$refs["formReject"].validate(valid => { | |||
| if (valid) { | |||
| this.$modal.loading() | |||
| studyFormFill_jj(this.formReject).then(response => { | |||
| this.openReject = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| @ -0,0 +1,215 @@ | |||
| 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.studyFormFill.shenyue') | |||
| }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="edit-content"> | |||
| <div class="content-left"> | |||
| <TemplateTable ref="templateTable" :sn="form.templateSn" fillType="preFill" /> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.study.studyFormFill.qmxx') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <el-table :data="qmxxList" v-loading="loadingQmxx"> | |||
| <el-table-column :label="$t('page.business.study.studyFormFill.qmr')" align="center" prop="qmrMc" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormFill.qmyy')" align="center" prop="qmyy" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormFill.qmsj')" align="center" prop="createTime" | |||
| width="150px" /> | |||
| <el-table-column :label="$t('page.business.study.studyFormFill.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.studyFormFill.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('page.business.study.studyFormFill.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 { studyFormFill_sy, studyFormFill_info, studyFormFill_jcgj, studyFormFill_qmxx } from "@/api/business/study/studyFormFill" | |||
| 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() | |||
| studyFormFill_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 | |||
| studyFormFill_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 | |||
| studyFormFill_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() | |||
| studyFormFill_sy(this.formApprove).then(response => { | |||
| this.openApprove = false | |||
| this.$modal.closeLoading() | |||
| this.$emit('close') | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||