| @ -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> | |||