| @ -0,0 +1,126 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <!-- 详情弹窗 --> | |||||
| <el-dialog :title="$t('form.detail')" :visible.sync="open" width="800px" append-to-body | |||||
| :close-on-click-modal="false"> | |||||
| <el-form ref="form" :model="form" label-width="120px"> | |||||
| <el-row> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.fzdd')" prop="location"> | |||||
| <el-input v-model="form.location" disabled :placeholder="$t('form.placeholderInput')" maxlength="50" /> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.sbmc')" prop="name"> | |||||
| <el-input v-model="form.name" disabled :placeholder="$t('form.placeholderInput')" maxlength="50" /> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| </el-row> | |||||
| <el-row> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.fzhj')" prop="shelfPlacement"> | |||||
| <el-input v-model="form.shelfPlacement" disabled :placeholder="$t('form.placeholderInput')" maxlength="50" /> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.wc')" prop="compartment"> | |||||
| <el-input v-model="form.compartment" disabled :placeholder="$t('form.placeholderInput')" maxlength="50" /> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| </el-row> | |||||
| <el-row> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.ssbm')" prop="deptId"> | |||||
| <el-input v-model="form.deptName" disabled :placeholder="$t('form.placeholderInput')" maxlength="50" /> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| <el-col :span="12"> | |||||
| <el-form-item :label="$t('page.system.storageLocation.zt')" prop="status"> | |||||
| <el-select v-model="form.status" :placeholder="$t('form.placeholderSelect')" disabled style="width: 100%;"> | |||||
| <el-option key="1" :label="$t('page.system.storageLocation.no')" :value="1" /> | |||||
| <el-option key="10" :label="$t('page.system.storageLocation.yes')" :value="10" /> | |||||
| </el-select> | |||||
| </el-form-item> | |||||
| </el-col> | |||||
| </el-row> | |||||
| </el-form> | |||||
| <el-table v-loading="loading" :data="qmList"> | |||||
| <el-table-column :label="$t('form.signer')" align="center" prop="qmrMc" /> | |||||
| <el-table-column :label="$t('form.qmyy')" align="center" prop="jcmc" /> | |||||
| <el-table-column :label="$t('form.signTime')" align="center" prop="createTime" /> | |||||
| <el-table-column :label="$t('page.business.resource.yq.xgnr')" align="center"> | |||||
| <template slot-scope="scope"> | |||||
| <div v-for="(pitem, pindex) in scope.row.jcnrList" :key="pindex"> | |||||
| {{ pitem.name }}:{{ pitem.value }} | |||||
| </div> | |||||
| </template> | |||||
| </el-table-column> | |||||
| </el-table> | |||||
| <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" | |||||
| @pagination="getList" /> | |||||
| <div slot="footer" class="dialog-footer"> | |||||
| <el-button @click="cancel">{{ $t('form.cancel') }}</el-button> | |||||
| </div> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { storageLocation_info, jcgj_list } from '@/api/business/storageLocation/storageLocation' | |||||
| export default { | |||||
| name: "StorageLocationDetail", | |||||
| components: { | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| loading: true, | |||||
| open: false, | |||||
| form: {}, | |||||
| // 签名列表 | |||||
| qmList: [], | |||||
| // 总条数 | |||||
| total: 0, | |||||
| queryParams: { | |||||
| pageNum: 1, | |||||
| pageSize: 10, | |||||
| id: '', | |||||
| }, | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| }, | |||||
| methods: { | |||||
| cancel() { | |||||
| this.open = false | |||||
| }, | |||||
| show(row) { | |||||
| storageLocation_info({ id: row.id }).then((response) => { | |||||
| this.form = response.data | |||||
| this.open = true | |||||
| }) | |||||
| this.saveSimpleLog({name:row.bh,nameEn:row.bh,jcmc:'存储位置详情',jcmcEn:'Storage Location Detail'}) | |||||
| this.queryParams.id = row.id | |||||
| jcgj_list(this.queryParams).then((response) => { | |||||
| this.qmList = response.rows | |||||
| this.qmList.forEach(item => { | |||||
| if (item.jcnr) { | |||||
| item.jcnrList = JSON.parse(item.jcnr) | |||||
| //item.jcnr = Object.entries(JSON.parse(item.jcnr)).map(([key, value]) => `${key}:${value}`).join('\r\n'); | |||||
| } else { | |||||
| item.jcnrList = [] | |||||
| } | |||||
| }) | |||||
| this.total = response.total | |||||
| this.loading = false | |||||
| }) | |||||
| }, | |||||
| getList() { | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||