更新8D管理中心

src/views/modules/managementCenter/components/eightDisciplineList-D0.vue

@@ -0,0 +1,53 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-11-18 14:16:25
+ * @LastEditors: zwq
+ * @LastEditTime: 2023-06-30 16:23:19
+ * @Description:
+-->
+<template>
+<el-descriptions title="">
+    <el-descriptions-item label="标题">{{ dataInfo.title }}</el-descriptions-item>
+    <el-descriptions-item label="产品">{{ dataInfo.productName }}</el-descriptions-item>
+    <el-descriptions-item label="发生日期">{{ dataInfo.occurrenceDate | timeFormatter }}</el-descriptions-item>
+    <el-descriptions-item label="配套产品/系统">{{ dataInfo.supportProducts }}</el-descriptions-item>
+    <el-descriptions-item label="启动人">{{ dataInfo.userName }}</el-descriptions-item>
+    <el-descriptions-item label="8D类型">{{ eightDisciplineType[dataInfo.eightDisciplineType] }}</el-descriptions-item>
+</el-descriptions>
+</template>
+
+<script>
+import codeFilter from "@/filters/code-filter";
+import { timeFormatter } from "@/filters/code-filter";
+export default {
+  data() {
+    return {
+        dataInfo: '',
+    eightDisciplineType: {
+    1: '客诉问题',
+    2: '重大质量问题',
+    0: '重复发生问题',
+  },
+    }
+  },
+  methods: {
+    init(id) {
+        console.log(codeFilter('eightDisciplineType'))
+      this.$nextTick(() => {
+      this.$http
+        .get(`/code/startEightDiscipline/${id}`)
+        .then(({ data: res }) => {
+          this.dataListLoading = false;
+          if (res.code !== 0) {
+            this.dataInfo = '';
+            return this.$message.error(res.msg);
+          }
+          this.dataInfo = res.data;
+        })
+        .catch(() => {
+        })
+      });
+    },
+  }
+}
+</script>

src/views/modules/managementCenter/components/eightDisciplineList-detail.vue

@@ -0,0 +1,129 @@
+<!--
+ * @Author: zwq
+ * @Date: 2023-01-04 10:29:40
+ * @LastEditors: zwq
+ * @LastEditTime: 2023-06-30 16:24:04
+ * @Description: 
+-->
+<template>
+  <el-tabs v-model="activeName"  type="border-card" @tab-click="handleClick">
+    <el-tab-pane label="(D0)启动CAR" name="D0">
+      <tabD0
+        v-show="D0Visible"
+        ref="D0Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D1)初步分析" name="D1">
+      <tabD1
+        v-show="D1Visible"
+        ref="D1Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D2)创建团队" name="D2">
+      <tabD2
+        v-show="D2Visible"
+        ref="D2Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D3)临时处理措施" name="D3">
+      <tabD3
+        v-show="D3Visible"
+        ref="D3Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D4)根本原因分析" name="D4">
+      <tabD4
+        v-show="D4Visible"
+        ref="D4Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D5)纠正措施描述" name="D5">
+      <tabD5
+        v-show="D5Visible"
+        ref="D5Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D6)有效性验证" name="D6">
+      <tabD6
+        v-show="D6Visible"
+        ref="D6Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D7)预防再发生" name="D7">
+      <tabD7
+        v-show="D7Visible"
+        ref="D7Ref"
+        />
+    </el-tab-pane>
+    <el-tab-pane label="(D8)总结与经验分享" name="D8">
+      <tabD8
+        v-show="D8Visible"
+        ref="D8Ref"
+        />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import tabD0 from "./eightDisciplineList-D0"
+import tabD1 from "./eightDisciplineList-D1"
+import tabD2 from "./eightDisciplineList-D2"
+import tabD3 from "./eightDisciplineList-D3"
+import tabD4 from "./eightDisciplineList-D4"
+import tabD5 from "./eightDisciplineList-D5"
+import tabD6 from "./eightDisciplineList-D6"
+import tabD7 from "./eightDisciplineList-D7"
+import tabD8 from "./eightDisciplineList-D8"
+export default {
+  components: {
+    tabD0,tabD1,tabD2,
+    tabD3,tabD4,tabD5,
+    tabD6,tabD7,tabD8,
+  },
+  data() {
+    return {
+      visible: false,
+      activeName: "D0",
+      D0Visible: false,
+      D1Visible: false,
+      D2Visible: false,
+      D3Visible: false,
+      D4Visible: false,
+      D5Visible: false,
+      D6Visible: false,
+      D7Visible: false,
+      D8Visible: false,
+    };
+  },
+  computed: {
+    dataRule() {
+      return {
+        id: ''
+      };
+    },
+  },
+  methods: {
+    init(id) {
+      this.id = id
+      this.visible = true;
+      this.D0Visible = true
+      this.oldTab = 'D0Visible'
+      this.$nextTick(() => {
+          this.$refs.D0Ref.init(this.id);
+      });
+    },
+    handleClick(val) {
+        this[this.oldTab] = false;
+        this[val.name+'Visible'] = true;
+        this.oldTab = val.name+'Visible'
+        this.$nextTick(() => {
+          this.$refs[val.name+'Ref'].init(this.id);
+        });
+    },
+    dataFormSubmit() {
+      this.$emit("refreshDataList");
+    },
+    formClear() {},
+  },
+};
+</script>

src/views/modules/managementCenter/components/searchs.vue

@@ -0,0 +1,150 @@
+<!--
+ * @Author: zwq
+ * @Date: 2023-01-04 10:29:40
+ * @LastEditors: zwq
+ * @LastEditTime: 2023-06-30 14:53:49
+ * @Description: 
+-->
+<template>
+  <el-form :model="dataForm" ref="dataForm" label-width="120px">
+    <el-form-item prop="title" :label="$t('code.title')">
+      <el-input v-model="dataForm.title" :placeholder="$t('code.title')" clearable></el-input>
+    </el-form-item>
+    <el-form-item prop="customId" label="客户">
+      <el-select v-model="dataForm.customId" filterable clearable placeholder="请选择客户">
+        <el-option
+          v-for="item in this.urlOptions.optionArr.arr0"
+          :key="item.id"
+          :label="item.customerName"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="productId" label="产品">
+      <el-select v-model="dataForm.productId" filterable clearable placeholder="请选择产品">
+        <el-option
+          v-for="item in this.urlOptions.optionArr.arr1"
+          :key="item.id"
+          :label="item.productName"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="eightDisciplineStatus" label="步骤">
+      <el-select
+        v-model="dataForm.eightDisciplineStatus"
+        filterable
+        clearable
+        placeholder="请选择步骤"
+      >
+        <el-option
+          v-for="item in eightDisciplineStatusArr"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="occurrenceDate" label="发生时间">
+      <el-date-picker
+        v-model="dataForm.occurrenceDate"
+        type="date"
+        :style="{ width: '100%' }"
+        format="yyyy-MM-dd"
+        valueFormat="yyyy-MM-ddTHH:mm:ss"
+        placeholder="选择日期"
+      >
+      </el-date-picker>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import basicAdd from "@/mixins/basic-add";
+
+const eightDisciplineStatusArr = [
+  {
+    name: "D0",
+    id: 0,
+  },
+  {
+    name: "D1",
+    id: 1,
+  },
+  {
+    name: "D2",
+    id: 2,
+  },
+  {
+    name: "D3",
+    id: 3,
+  },
+  {
+    name: "D4",
+    id: 4,
+  },
+  {
+    name: "D5",
+    id: 5,
+  },
+  {
+    name: "D6",
+    id: 6,
+  },
+  {
+    name: "D7",
+    id: 7,
+  },
+  {
+    name: "D8",
+    id: 8,
+  },
+];
+export default {
+  mixins: [basicAdd],
+  data() {
+    return {
+      urlOptions: {
+        optionArrUrl: ["/basic/qmsCustomer/page", "/basic/qmsProduct/page"],
+      },
+      visible: false,
+      eightDisciplineStatusArr,
+      dataForm: {
+        title: "",
+        eightDisciplineStatus: "",
+        occurrenceDate: "",
+        customId: "",
+        productId: "",
+      },
+    };
+  },
+  computed: {
+    dataRule() {
+      return {
+        // paramCode: [
+        //   {
+        //     required: true,
+        //     message: this.$t("validate.required"),
+        //     trigger: "blur",
+        //   },
+        // ],
+      };
+    },
+  },
+  methods: {
+    init() {
+      this.visible = true;
+      this.$nextTick(() => {
+        this.$refs["dataForm"].resetFields();
+        this.getArr();
+      });
+    },
+    dataFormSubmit() {
+      this.$emit("refreshDataList", this.dataForm);
+    },
+  },
+};
+</script>