|
@@ -57,6 +57,20 @@
|
|
type="fill"
|
|
type="fill"
|
|
@confirm="sopStepConfirm"
|
|
@confirm="sopStepConfirm"
|
|
></sop-step-dialog>
|
|
></sop-step-dialog>
|
|
|
|
+ <!-- PlanChangeDialog -->
|
|
|
|
+ <plan-change-dialog
|
|
|
|
+ v-model:visible="showPlanChangeDialog"
|
|
|
|
+ :sop="curSopData"
|
|
|
|
+ type="fill"
|
|
|
|
+ @confirm="sopStepConfirm"
|
|
|
|
+ ></plan-change-dialog>
|
|
|
|
+ <!-- QualityIssueDialog -->
|
|
|
|
+ <quality-issue-dialog
|
|
|
|
+ v-model:visible="showQualityIssueDialog"
|
|
|
|
+ :sop="curSopData"
|
|
|
|
+ type="fill"
|
|
|
|
+ @confirm="sopStepConfirm"
|
|
|
|
+ ></quality-issue-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -64,6 +78,8 @@
|
|
import { ref } from 'vue';
|
|
import { ref } from 'vue';
|
|
import { timestampFilter, customerTypeFilter } from '@/utils/filter';
|
|
import { timestampFilter, customerTypeFilter } from '@/utils/filter';
|
|
import SopStepDialog from '@/views/sop/sop-manage/sop-step/sop-step-dialog.vue';
|
|
import SopStepDialog from '@/views/sop/sop-manage/sop-step/sop-step-dialog.vue';
|
|
|
|
+import PlanChangeDialog from '@/views/sop/sop-manage/plan-change/plan-change-dialog.vue';
|
|
|
|
+import QualityIssueDialog from '@/views/sop/sop-manage/quality-issue/quality-issue-dialog.vue';
|
|
|
|
|
|
const { tableData, pagination, onChange } = defineProps([
|
|
const { tableData, pagination, onChange } = defineProps([
|
|
'tableData',
|
|
'tableData',
|
|
@@ -73,10 +89,23 @@ const { tableData, pagination, onChange } = defineProps([
|
|
const emit = defineEmits(['success']);
|
|
const emit = defineEmits(['success']);
|
|
|
|
|
|
const showSopStepDialog = ref(false);
|
|
const showSopStepDialog = ref(false);
|
|
|
|
+const showPlanChangeDialog = ref(false);
|
|
|
|
+const showQualityIssueDialog = ref(false);
|
|
const curSopData = ref({});
|
|
const curSopData = ref({});
|
|
const editSopFlowHandle = (row) => {
|
|
const editSopFlowHandle = (row) => {
|
|
curSopData.value = row;
|
|
curSopData.value = row;
|
|
- showSopStepDialog.value = true;
|
|
|
|
|
|
+ if (row.type === 'PROJECT_EXCHANGE_FLOW') {
|
|
|
|
+ showPlanChangeDialog.value = true;
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ if (row.type === 'QUALITY_PROBLEM_FLOW') {
|
|
|
|
+ showQualityIssueDialog.value = true;
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ if (row.type === 'OFFICE_SOP_FLOW' || row.type === 'CLOUD_MARK_SOP_FLOW') {
|
|
|
|
+ showSopStepDialog.value = true;
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
};
|
|
};
|
|
const sopStepConfirm = () => {
|
|
const sopStepConfirm = () => {
|
|
emit('success');
|
|
emit('success');
|