|
|
@ -0,0 +1,237 @@ |
|
|
|
|
|
<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> |