| | |
|---|
| | | <template> |
|---|
| | | <el-dialog class="command-page-view-dialog" v-model="visible" :title="dialogTitle" @closed="handleClosed" destroy-on-close> |
|---|
| | | <el-dialog class="command-page-view-dialog" v-model="visible" :title="dialogTitle" @closed="handleClosed" destroy-on-close |
|---|
| | | :close-on-click-modal="false"> |
|---|
| | | <el-form class="dialog-form" ref="formRef" :model="formData" :rules="rules" label-width="100px"> |
|---|
| | | <el-row> |
|---|
| | | <el-col :span="12"> |
|---|
| | |
|---|
| | | placeholder="请选择" |
|---|
| | | clearable |
|---|
| | | > |
|---|
| | | <el-option v-for="item in areaOptions" :key="item.value" :label="item.label" :value="item.label" /> |
|---|
| | | <el-option v-for="item in areaOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | |
|---|
| | | </el-row> |
|---|
| | | </el-form> |
|---|
| | | <template #footer> |
|---|
| | | <el-button color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
|---|
| | | <el-button v-if="dialogMode != 'view'" color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="!dialogReadonly" |
|---|
| | | type="primary" |
|---|
| | |
|---|
| | | import { ElMessage } from 'element-plus' |
|---|
| | | import { getUserListApi } from '@/api/system/user' |
|---|
| | | import { getLazyTree } from '@/api/base/region' |
|---|
| | | import { fieldRules } from '@ztzf/utils' |
|---|
| | | import { contactPhoneRules, fieldRules } from '@ztzf/utils' |
|---|
| | | import { fwDeviceTrackSubmitApi } from '@/views/basicManage/deviceStock/fwDeviceTrackApi' |
|---|
| | | import { saveOperationLog } from '@ztzf/apis' |
|---|
| | | import { useRoute } from 'vue-router' |
|---|
| | | |
|---|
| | | const initForm = () => ({ |
|---|
| | | charger: '', // 负责人 |
|---|
| | |
|---|
| | | const visible = ref(false) // 弹框显隐 |
|---|
| | | const dialogMode = ref('add') // 弹框模式 |
|---|
| | | const submitting = ref(false) |
|---|
| | | const route = useRoute() |
|---|
| | | const dialogReadonly = computed(() => dialogMode.value === 'view') |
|---|
| | | const dialogTitle = computed(() => { |
|---|
| | | if (dialogMode.value === 'edit') { |
|---|
| | |
|---|
| | | |
|---|
| | | const rules = { |
|---|
| | | charger: fieldRules(true), // 负责人 |
|---|
| | | contactPhone: fieldRules(true, 50), // 联系电话 |
|---|
| | | contactPhone: contactPhoneRules(true, 50), // 联系电话 |
|---|
| | | outTarget: fieldRules(true, 50), |
|---|
| | | outTime: fieldRules(true), |
|---|
| | | purpose: fieldRules(true, 50), // 用途 |
|---|
| | |
|---|
| | | submitting.value = true |
|---|
| | | try { |
|---|
| | | const selected = areaOptions.value.find(item => item.value === formData.value.outTarget) |
|---|
| | | |
|---|
| | | const payload = { |
|---|
| | | ...formData.value, |
|---|
| | | outTarget: selected?.label ?? formData.value.outTarget, |
|---|
| | | outTargetCode: formData.value.outTarget |
|---|
| | | } |
|---|
| | | await fwDeviceTrackSubmitApi(payload) |
|---|
| | | saveOperationLog({ |
|---|
| | | requestUri: route.path, |
|---|
| | | title: `${route.name || '设备出入库'}-出库`, |
|---|
| | | type: 1 |
|---|
| | | }) |
|---|
| | | ElMessage.success('出库成功') |
|---|
| | | visible.value = false |
|---|
| | | emit('success') |
|---|
