|
|
@@ -1,26 +1,26 @@
|
|
|
<!-- 用户编辑弹窗 -->
|
|
|
<template>
|
|
|
- <ele-modal width="960px" :visible="visible" :append-to-body="true" :close-on-click-modal="false"
|
|
|
- custom-class="ele-dialog-form" :title="isView ? '查看工步' : isUpdate ? '修改工步' : '添加工步'" @update:visible="updateVisible"
|
|
|
- :maxable="true">
|
|
|
+ <ele-modal
|
|
|
+ width="960px"
|
|
|
+ :visible="visible"
|
|
|
+ :append-to-body="true"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ custom-class="ele-dialog-form"
|
|
|
+ :title="isView ? '查看工步' : isUpdate ? '修改工步' : '添加工步'"
|
|
|
+ @update:visible="updateVisible"
|
|
|
+ :maxable="true"
|
|
|
+ >
|
|
|
<header-title title="基本信息"></header-title>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="类型:" prop="type">
|
|
|
- <el-select :disabled="isView" v-model="form.type" filterable>
|
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in typeList" :key="index">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <!-- <el-form-item label="编码:" v-if="clientEnvironmentId == 9"> -->
|
|
|
- <!-- <el-input disabled v-model="form.code" clearable placeholder="请输入"></el-input> -->
|
|
|
- <!-- </el-form-item> -->
|
|
|
- <el-form-item label="编码:" >
|
|
|
- <el-input disabled v-model="form.code" clearable placeholder="请输入" />
|
|
|
+ <el-form-item label="编码:">
|
|
|
+ <el-input
|
|
|
+ disabled
|
|
|
+ v-model="form.code"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
@@ -28,329 +28,295 @@
|
|
|
<el-input :disabled="isView" v-model="form.name" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="排序:" prop="sort">
|
|
|
- <el-input :disabled="isView" v-model="form.sort" />
|
|
|
+ <el-form-item label="状态:" prop="status">
|
|
|
+ <el-select v-model="form.status" placeholder="请选择" style="width: 100%" :disabled="isView">
|
|
|
+ <el-option label="生效" :value="0" />
|
|
|
+ <el-option label="失效" :value="1" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="附件上传:" prop="sort">
|
|
|
- <fileUpload v-model="form.files"></fileUpload>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="排序:" prop="sort">
|
|
|
+ <!-- <el-input :disabled="isView" type="number" v-model="form.sort" />-->
|
|
|
+ <el-input-number v-model="form.sort" :min="1" :disabled="isView"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <header-title title="工步节拍时间"></header-title>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="节拍生产数量" prop="beatProduceNum">
|
|
|
- <el-row>
|
|
|
- <el-col :span="16">
|
|
|
- <el-input :disabled="isView" placeholder="请输入" v-model.number="form.workBeat.beatProduceNum">
|
|
|
- </el-input></el-col>
|
|
|
- <el-col :span="1"> </el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <DictSelection :isProhibit="isView" dictName="计量单位" v-model="form.workBeat.beatProduceUnit" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-col :span="24" v-if="form.textType === '7'">
|
|
|
+ <el-form-item label="默认值:" prop="defaultValue">
|
|
|
+ <el-input v-model="form.defaultValue" type="textarea" :disabled="isView"> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="对应物料数量" label-width="140px" prop="categoryNum">
|
|
|
- <el-row>
|
|
|
- <el-col :span="16">
|
|
|
- <el-input :disabled="isView" placeholder="请输入" v-model.number="form.workBeat.categoryNum">
|
|
|
- </el-input></el-col>
|
|
|
- <el-col :span="1"> </el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <DictSelection :isProhibit="isView" dictName="计量单位" v-model="form.workBeat.categoryUnit" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form-item label="备注:" prop="remark">
|
|
|
+ <el-input placeholder="请输入" v-model="form.remark" type="textarea" :disabled="isView"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="工步休息时长:">
|
|
|
- <el-input :disabled="isView" v-model="form.workBeat.restTimes" placeholder="请输入" />
|
|
|
+ <el-form-item label="附件上传:" prop="sort">
|
|
|
+ <fileUpload v-model="form.files" :disabled="isView"></fileUpload>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="工步准备时长:">
|
|
|
- <el-input :disabled="isView" v-model="form.workBeat.preTimes" clearable placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="设备生产时长:">
|
|
|
- <el-input :disabled="isView" v-model="form.workBeat.proTimes" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="其他时长:">
|
|
|
- <el-input :disabled="isView" placeholder="请输入" v-model="form.workBeat.otherTimes" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="节拍时间:">
|
|
|
- <el-input :disabled="isView" disabled :value="totalTime"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <!-- 工步参数修改 2025-06-24 -->
|
|
|
+ <headerTitle title="物品清单">
|
|
|
+ <el-button type="primary" size="small" @click="handleAdd" v-show="!isView"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </headerTitle>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="节拍时间单位:">
|
|
|
- <el-select :disabled="isView" v-model="form.workBeat.beatTimesUnit">
|
|
|
- <el-option v-for="item in timeType2" :key="item.code" :label="item.label" :value="item.code">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="form.toolList"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ stripe
|
|
|
+ :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
+ >
|
|
|
+ <el-table-column label="编码" prop="code" min-width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.code }}
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
|
|
|
- <header-title title="工步间隔时间"></header-title>
|
|
|
+ <el-table-column label="名称" prop="code" min-width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.name }}
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
+ <el-table-column label="规格" prop="brandNum" min-width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.specification }}
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="间隔策略:" label-width="200px">
|
|
|
- <el-select :disabled="isView" style="width: 100%" v-model="form.intervalTime.tactics" filterable>
|
|
|
- <el-option v-for="item in tacticsType" :key="item.code" :label="item.label" :value="item.code">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-table-column label="型号" prop="modelType" min-width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.modelType }}
|
|
|
+ </template></el-table-column
|
|
|
+ >
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="间隔时间单位:" label-width="200px">
|
|
|
- <el-select :disabled="isView" style="width: 100%" v-model="form.timeUnit">
|
|
|
- <el-option v-for="item in timeType" :key="item.code" :label="item.label" :value="item.code">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-table-column label="操作" fixed="right">
|
|
|
+ <template slot-scope="{ $index, row }">
|
|
|
+ <el-button type="text" @click="removeItem($index, row)" v-show="!isView"
|
|
|
+ >删除设备</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="下工步标准准备时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.nextStandardPreTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="下工步最短准备时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.nextShortPreTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="本工步标准等待时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.thisStandardWaitTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="本工步最短准备时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.thisShortPreTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="本工步结束后标准周转时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.thisStandardBoatTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="本工步结束后周转最短时间:" label-width="200px">
|
|
|
- <el-input :disabled="isView" v-model="form.intervalTime.thisShortBoatTime" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <headerTitle title="注意事项" class="focus-item">
|
|
|
+ <el-button type="primary" size="small" @click="addPostscript" v-show="!isView">新增</el-button>
|
|
|
+ </headerTitle>
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="form.postscriptList"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ stripe
|
|
|
+ :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
+ >
|
|
|
+ <el-table-column label="排序" prop="" width="140">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ type="number"
|
|
|
+ v-model.number="row.sort"
|
|
|
+ clearable
|
|
|
+ :disabled="isView"
|
|
|
+ ></el-input> </template
|
|
|
+ ></el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="注意事项" prop="" min-width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ type="textarea"
|
|
|
+ :rows="1"
|
|
|
+ v-model="row.content"
|
|
|
+ clearable
|
|
|
+ :disabled="isView"
|
|
|
+ ></el-input> </template
|
|
|
+ ></el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="操作" fixed="right" width="100">
|
|
|
+ <template slot-scope="{ $index, row }">
|
|
|
+ <el-button type="text" @click="removePostscript($index, row)" v-show="!isView"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-form>
|
|
|
|
|
|
<template v-slot:footer>
|
|
|
<el-button @click="updateVisible(false)">取消</el-button>
|
|
|
- <el-button type="primary" :loading="loading" @click="save">
|
|
|
+ <el-button type="primary" :loading="loading" @click="save" v-show="!isView">
|
|
|
保存
|
|
|
</el-button>
|
|
|
</template>
|
|
|
|
|
|
<!-- 工作中心弹窗 -->
|
|
|
- <WorkCenter ref="centerRefs" @changeCenter="determineChoose" />
|
|
|
+ <ProductModalMultiple ref="productRefs" @selection="chooseModal" />
|
|
|
</ele-modal>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import stepManagement from '@/api/technology/stepManagement';
|
|
|
-import WorkCenter from './WorkCenter.vue';
|
|
|
-import fileUpload from '@/components/addDoc/fileUpload.vue'
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- WorkCenter,
|
|
|
- fileUpload
|
|
|
- },
|
|
|
- props: {
|
|
|
- // 弹窗是否打开
|
|
|
- visible: Boolean,
|
|
|
- // 修改回显的数据
|
|
|
- data: Object,
|
|
|
- isView: Boolean,
|
|
|
- controlList: Array,
|
|
|
- typeList: Array
|
|
|
- },
|
|
|
- data() {
|
|
|
- const defaultForm = function () {
|
|
|
+ import stepManagement from '@/api/technology/stepManagement';
|
|
|
+ import fileUpload from '@/components/addDoc/fileUpload.vue';
|
|
|
+ import ProductModalMultiple from '@/views/material/BOMmanage/components/ProductModalMultiple.vue';
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ ProductModalMultiple,
|
|
|
+ fileUpload
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ // 弹窗是否打开
|
|
|
+ visible: Boolean,
|
|
|
+ // 修改回显的数据
|
|
|
+ data: Object,
|
|
|
+ isView: Boolean,
|
|
|
+ controlList: Array,
|
|
|
+ typeList: Array
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ const defaultForm = function () {
|
|
|
+ return {
|
|
|
+ id: null,
|
|
|
+ code: '',
|
|
|
+ name: '',
|
|
|
+ sort: null,
|
|
|
+ files: [],
|
|
|
+ status: 0,
|
|
|
+ postscriptList: [],
|
|
|
+ toolList: [],
|
|
|
+ toolRemoveIds: [],
|
|
|
+ postscriptRemoveIds: [],
|
|
|
+ textType: '7',
|
|
|
+ defaultValue: '',
|
|
|
+ remark: '',
|
|
|
+ };
|
|
|
+ };
|
|
|
return {
|
|
|
- id: null,
|
|
|
- code: '',
|
|
|
- name: '',
|
|
|
- type: 1,
|
|
|
- workCenterId: '',
|
|
|
- workCenterName: '',
|
|
|
- timeUnit: '',
|
|
|
- sort: null,
|
|
|
- intervalTime: {
|
|
|
- nextShortPreTime: '', // 时间单位转换后的下一个短周期的时间，格式为YYYY-MM-DDTHH'
|
|
|
- nextStandardPreTime: '', // 时间单位转换后的下一个正式的周期的时间，格式为YYYY-MM-DD'
|
|
|
- tactics: 1, // 周期工艺描述，格式为JSON字符串或数组形式的对象形式的数据类
|
|
|
- thisShortBoatTime: '',
|
|
|
- thisShortPreTime: '',
|
|
|
- thisStandardBoatTime: '',
|
|
|
- thisStandardWaitTime: ''
|
|
|
+ defaultForm,
|
|
|
+ // 表单数据
|
|
|
+ form: defaultForm(),
|
|
|
+ // 表单验证规则
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入工步名称', trigger: 'blur' }
|
|
|
+ ],
|
|
|
},
|
|
|
-
|
|
|
- workBeat: {
|
|
|
- beatProduceNum: '',
|
|
|
- beatProduceUnit: '',
|
|
|
- categoryNum: '',
|
|
|
- categoryUnit: '',
|
|
|
- beatTimes: '',
|
|
|
- otherTimes: '',
|
|
|
- preTimes: '',
|
|
|
- proTimes: '',
|
|
|
- restTimes: '',
|
|
|
- beatTimesUnit: ''
|
|
|
- }
|
|
|
+ // 提交状态
|
|
|
+ loading: false,
|
|
|
+ // 是否是修改
|
|
|
+ isUpdate: false,
|
|
|
+ chooseItem: null
|
|
|
};
|
|
|
- };
|
|
|
- return {
|
|
|
- defaultForm,
|
|
|
- // 表单数据
|
|
|
- form: defaultForm(),
|
|
|
-
|
|
|
- timeType: [
|
|
|
- { code: 1, label: '分' },
|
|
|
- { code: 2, label: '时' }
|
|
|
- ],
|
|
|
-
|
|
|
- timeType2: [
|
|
|
- { code: '1', label: '分' },
|
|
|
- { code: '2', label: '时' }
|
|
|
- ],
|
|
|
-
|
|
|
- tacticsType: [
|
|
|
- { code: 1, label: '标准时间' },
|
|
|
- { code: 2, label: '最短时间' }
|
|
|
- ],
|
|
|
-
|
|
|
- // 表单验证规则
|
|
|
- rules: {
|
|
|
- name: [
|
|
|
- { required: true, message: '请输入工步名称', trigger: 'blur' }
|
|
|
- ],
|
|
|
- code: [{ required: true, trigger: 'change', message: '工序编码' }],
|
|
|
- 'workBeat.beatTimesUnit': [
|
|
|
- { required: true, message: '请选择时间单位', trigger: 'change' }
|
|
|
- ],
|
|
|
- timeUnit: [
|
|
|
- { required: true, message: '请选择间隔时间单位', trigger: 'change' }
|
|
|
- ]
|
|
|
- },
|
|
|
- // 提交状态
|
|
|
- loading: false,
|
|
|
- // 是否是修改
|
|
|
- isUpdate: false,
|
|
|
- chooseItem: null
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- totalTime() {
|
|
|
- let to =
|
|
|
- (-this.form.workBeat.restTimes +
|
|
|
- -this.form.workBeat.preTimes +
|
|
|
- -this.form.workBeat.proTimes +
|
|
|
- -this.form.workBeat.otherTimes) *
|
|
|
- -1;
|
|
|
- return to;
|
|
|
- },
|
|
|
- clientEnvironmentId() {
|
|
|
- return this.$store.state.user.info.clientEnvironmentId;
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ clientEnvironmentId() {
|
|
|
+ return this.$store.state.user.info.clientEnvironmentId;
|
|
|
+ },
|
|
|
// 是否开启响应式布局
|
|
|
styleResponsive() {
|
|
|
- return this.$store.state.theme.styleResponsive;
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- chooseWorkCenter() {
|
|
|
- this.$refs.centerRefs.open(this.form);
|
|
|
- },
|
|
|
- determineChoose(row) {
|
|
|
- this.$set(this.form, 'workCenterName', row.name);
|
|
|
- this.$set(this.form, 'workCenterId', row.id);
|
|
|
+ return this.$store.state.theme.styleResponsive;
|
|
|
+ }
|
|
|
},
|
|
|
- /* 保存编辑 */
|
|
|
- save() {
|
|
|
- this.$refs.form.validate((valid) => {
|
|
|
- if (!valid) {
|
|
|
- return false;
|
|
|
- }
|
|
|
- if (!this.isUpdate) {
|
|
|
- delete this.form.id;
|
|
|
- }
|
|
|
-
|
|
|
- this.form.workBeat.beatTimes = this.totalTime;
|
|
|
+ methods: {
|
|
|
+ /* 添加质量工具 */
|
|
|
+ handleAdd() {
|
|
|
+ this.$refs.productRefs.open(this.form.toolList);
|
|
|
+ },
|
|
|
+ chooseModal(data) {
|
|
|
+ this.form.toolList = [...this.form.toolList, ...data];
|
|
|
+ },
|
|
|
+ removeItem(idx, row) {
|
|
|
+ this.$confirm(`是否删除这个设备？`).then(async () => {
|
|
|
+ this.form.toolList.splice(idx, 1);
|
|
|
|
|
|
- this.loading = true;
|
|
|
- stepManagement
|
|
|
- .save(this.form)
|
|
|
- .then((msg) => {
|
|
|
- this.loading = false;
|
|
|
- this.$message.success(
|
|
|
- (this.isUpdate ? '修改' : '新建') + msg.message
|
|
|
- );
|
|
|
- this.updateVisible(false);
|
|
|
- this.$emit('done');
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- this.loading = false;
|
|
|
- // this.$message.error(e.message);
|
|
|
- });
|
|
|
- });
|
|
|
+ if (row.id) {
|
|
|
+ this.form.toolRemoveIds.push(row.id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /* 添加注意事项 */
|
|
|
+ addPostscript() {
|
|
|
+ this.form.postscriptList.push({ sort: null, content: '' });
|
|
|
+ },
|
|
|
+ removePostscript(idx, row) {
|
|
|
+ this.$confirm(`是否删除这个注意事项？`).then(async () => {
|
|
|
+ this.form.postscriptList.splice(idx, 1);
|
|
|
+ if (row.id) {
|
|
|
+ this.form.postscriptRemoveIds.push(row.id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /* 保存编辑 */
|
|
|
+ save() {
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (!valid) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (!this.isUpdate) {
|
|
|
+ delete this.form.id;
|
|
|
+ }
|
|
|
+ this.loading = true;
|
|
|
+ stepManagement
|
|
|
+ .save(this.form)
|
|
|
+ .then((msg) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$message.success(
|
|
|
+ (this.isUpdate ? '修改' : '新建') + msg.message
|
|
|
+ );
|
|
|
+ this.updateVisible(false);
|
|
|
+ this.$emit('done');
|
|
|
+ })
|
|
|
+ .catch((e) => {
|
|
|
+ this.loading = false;
|
|
|
+ // this.$message.error(e.message);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /* 更新visible */
|
|
|
+ updateVisible(value) {
|
|
|
+ this.form = { ...this.defaultForm() };
|
|
|
+ this.$emit('update:visible', value);
|
|
|
+ }
|
|
|
},
|
|
|
- /* 更新visible */
|
|
|
- updateVisible(value) {
|
|
|
- this.form = { ...this.defaultForm() };
|
|
|
- this.$emit('update:visible', value);
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
- watch: {
|
|
|
- async visible(visible) {
|
|
|
- if (visible) {
|
|
|
- if (this.data) {
|
|
|
- const res = await stepManagement.getById(this.data.id);
|
|
|
- console.log('res----------------');
|
|
|
- console.log(res);
|
|
|
- this.$util.assignObject(this.form, {
|
|
|
- ...res
|
|
|
- });
|
|
|
- this.isUpdate = true;
|
|
|
+ watch: {
|
|
|
+ async visible(visible) {
|
|
|
+ if (visible) {
|
|
|
+ if (this.data) {
|
|
|
+ const res = await stepManagement.getById(this.data.id);
|
|
|
+ this.$util.assignObject(this.form, {
|
|
|
+ ...res
|
|
|
+ });
|
|
|
+ // reset remove id data by copy from remote data
|
|
|
+ this.form.toolRemoveIds = [];
|
|
|
+ this.form.postscriptRemoveIds = [];
|
|
|
+ this.isUpdate = true;
|
|
|
+ } else {
|
|
|
+ this.form = { ...this.defaultForm() };
|
|
|
+ this.isUpdate = false;
|
|
|
+ }
|
|
|
} else {
|
|
|
+ this.$refs.form.clearValidate();
|
|
|
this.form = { ...this.defaultForm() };
|
|
|
- this.isUpdate = false;
|
|
|
+ // reset remove id data by copy from remote data
|
|
|
+ this.form.toolRemoveIds = [];
|
|
|
+ this.form.postscriptRemoveIds = [];
|
|
|
}
|
|
|
- } else {
|
|
|
- this.$refs.form.clearValidate();
|
|
|
- this.form = { ...this.defaultForm() };
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .focus-item {
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+</style>
|
pengcheng