| @ -1,237 +0,0 @@ | |||
| <template> | |||
| <!-- 详情 --> | |||
| <div v-if="open"> | |||
| <div class="detail-container"> | |||
| <div class="detail-top"> | |||
| <div class="left-top"> | |||
| <img src="@/assets/images/back.png" @click="cancel()" /> | |||
| <div class="left-title"></div> | |||
| </div> | |||
| <div class="right-top"> | |||
| <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button> | |||
| <el-button @click="exportExcel()">{{ $t('form.export') }}</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="detail-title"><img src="@/assets/images/detail-title.png">{{ $t('page.business.resource.gyzj.gyzjxq') | |||
| }}<img src="@/assets/images/detail-title.png" /></div> | |||
| <div class="detail-content"> | |||
| <div class="content-left"> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.resource.gyzj.jbxx') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.mc') }}</div> | |||
| <el-input type="text" :value="form.mc" maxlength="50" disabled /> | |||
| </div> | |||
| <div class="right"> | |||
| <div class="right-title">{{ $t('page.business.resource.gyzj.bh') }}</div> | |||
| <el-input type="text" :value="form.bh" maxlength="50" disabled /> | |||
| </div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.nd') }}</div> | |||
| <el-input type="text" :value="form.nd" maxlength="50" disabled> <template slot="append">{{ | |||
| form.nddw }}</template> | |||
| </el-input> | |||
| </div> | |||
| <div class="right"> | |||
| <div class="right-title">{{ $t('page.business.resource.gyzj.kcl') }}</div> | |||
| <el-input type="text" :value="form.kc" maxlength="50" disabled> <template slot="append">{{ | |||
| form.kcdw }}</template> </el-input> | |||
| </div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.sxrq') }}</div> | |||
| <el-input type="text" :value="form.sxrq" maxlength="50" disabled /> | |||
| </div> | |||
| <div class="right"> | |||
| <div class="right-title">{{ $t('page.business.resource.gyzj.cctj') }}</div> | |||
| <el-input type="text" :value="form.cctj" maxlength="50" disabled /> | |||
| </div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.ccwz') }}</div> | |||
| <el-input type="text" :value="form.ccwz" maxlength="50" disabled /> | |||
| </div> | |||
| <div class="right"> | |||
| <div class="right-title">{{ $t('page.business.resource.gyzj.zjzt') }}</div> | |||
| <el-select v-model="form.zjzt" disabled style="width: 100%;"> | |||
| <el-option key="1" :label="$t('page.business.resource.resource.zjzt.rk')" :value="1" /> | |||
| <el-option key="2" :label="$t('page.business.resource.resource.zjzt.wrk')" :value="2" /> | |||
| <el-option key="3" :label="$t('page.business.resource.resource.zjzt.yff')" :value="3" /> | |||
| <el-option key="5" :label="$t('page.business.resource.resource.zjzt.ysd')" :value="5" /> | |||
| <el-option key="7" :label="$t('page.business.resource.resource.zjzt.dgd')" :value="7" /> | |||
| <el-option key="9" :label="$t('page.business.resource.resource.zjzt.gd')" :value="9" /> | |||
| <el-option key="11" :label="$t('page.business.resource.resource.zjzt.djd')" :value="11" /> | |||
| </el-select> | |||
| </div> | |||
| </div> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.resource.gyzj.bdxx') }} </div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.sssy') }}</div> | |||
| <el-input type="text" :value="form.studyMc" maxlength="50" disabled /> | |||
| </div> | |||
| <div class="right"> | |||
| <div class="right-title">{{ $t('page.business.resource.gyzj.ssbd') }}</div> | |||
| <el-input type="text" :value="form.bdMc" maxlength="50" disabled /> | |||
| </div> | |||
| </div> | |||
| <div class="pal"> | |||
| <div class="left"> | |||
| <div class="left-title">{{ $t('page.business.resource.gyzj.bdssr') }}</div> | |||
| <el-input type="text" :value="form.bdgsrMc" maxlength="50" disabled /> | |||
| </div> | |||
| </div> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.resource.gyzj.tz') }}</div> | |||
| </div> | |||
| <div class="pal"> | |||
| <el-table :data="tzList" v-loading="loadingTz"> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.syr')" align="center" | |||
| :show-overflow-tooltip="true"> | |||
| <template slot-scope="scope"> | |||
| {{ scope.row.qmrMc }} | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.lqghr')" align="center" | |||
| :show-overflow-tooltip="true" width="200px"> | |||
| <template slot-scope="scope"> | |||
| {{ scope.row.lqrMc }}{{ scope.row.ghrMc }} | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.ffjsr')" align="center" | |||
| :show-overflow-tooltip="true"> | |||
| <template slot-scope="scope"> | |||
| {{ scope.row.ffrMc }}{{ scope.row.jsrMc }} | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.czlx')" align="center" | |||
| :prop="$i18n.locale === 'zh_CN' ? 'qmyy' : 'qmyyEn'" width="100" /> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.bdmc')" align="center" | |||
| prop="bdMc" width="100" :show-overflow-tooltip="true"/> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.czl')" align="center" | |||
| :show-overflow-tooltip="true"> | |||
| <template slot-scope="scope"> | |||
| {{ scope.row.czl }}{{ scope.row.czldw }} | |||
| </template> | |||
| </el-table-column> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.bzyy')" align="center" prop="remark" | |||
| :show-overflow-tooltip="true" /> | |||
| <el-table-column :label="$t('page.business.resource.gyzj.ccsj')" align="center" prop="createTime" | |||
| width="150px" /> | |||
| </el-table> | |||
| </div> | |||
| <div class="pal"> | |||
| <pagination v-show="totalTz > 0" :total="totalTz" :page.sync="queryParamstZ.pageNum" | |||
| :limit.sync="queryParamstZ.pageSize" @pagination="getTzList" /> | |||
| </div> | |||
| </div> | |||
| <div class="content-right"> | |||
| <div class="content-title"> | |||
| <div class="line"></div> | |||
| <div class="subtitle"> {{ $t('page.business.resource.gyzj.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> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { info, tzList, jcgjList,exportDetail } from "@/api/business/gyzj/gyzj" | |||
| import JcgjList from "@/views/business/comps/common/JcgjList"; | |||
| export default { | |||
| name: "Xq", | |||
| components: { JcgjList }, | |||
| data() { | |||
| return { | |||
| form: {}, | |||
| appTitle: process.env.VUE_APP_TITLE, | |||
| tzList: [], | |||
| totalTz: 0, | |||
| loadingTz: true, | |||
| open: false, | |||
| queryParamstZ: { | |||
| gyzjId: null, | |||
| pageNum: 1, | |||
| pageSize: 10 | |||
| }, | |||
| jcgjTotal: 0, | |||
| jcgjList: [], | |||
| queryJcgjParams: { | |||
| pageNum: 1, | |||
| gyzjId: null, | |||
| pageSize: 10, | |||
| } | |||
| } | |||
| }, | |||
| created() { | |||
| }, | |||
| methods: { | |||
| exportExcel() { | |||
| this.$modal.loading() | |||
| exportDetail({ id: this.form.id,lang:this.$store.getters.language.split("_")[0],version:this.appTitle }).then(response => { | |||
| window.open(process.env.VUE_APP_FILE_DOMAIN +response.msg) | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| getJjcgjList(val) { | |||
| this.$modal.loading() | |||
| jcgjList(_.merge({}, this.queryJcgjParams, val)).then(response => { | |||
| this.jcgjList = response.rows | |||
| this.jcgjTotal = response.total | |||
| this.$refs.jcgjList.init(this.jcgjList) | |||
| this.$modal.closeLoading() | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| }, | |||
| cancel() { | |||
| this.open = false | |||
| this.$emit('callback') | |||
| }, | |||
| getTzList() { | |||
| this.loadingTz = true | |||
| tzList(this.queryParamstZ).then(response => { | |||
| this.tzList = response.rows | |||
| this.totalTz = response.total | |||
| this.loadingTz = false | |||
| this.getJjcgjList() | |||
| }) | |||
| }, | |||
| show(row) { | |||
| this.$modal.loading() | |||
| this.queryParamstZ.gyzjId = row.id | |||
| this.queryJcgjParams.gyzjId = row.id | |||
| this.$modal.loading() | |||
| info({ id: row.id }).then(response => { | |||
| this.form = response.data | |||
| this.open = true | |||
| this.getTzList() | |||
| this.saveSimpleLog({name:row.bh,nameEn:row.bh,jcmc:'给药制剂详情',jcmcEn:'Formulation Detail'}) | |||
| }).finally(() => { | |||
| this.$modal.closeLoading() | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||