22

src/views/report/project/Index.vue

@@ -69,7 +69,7 @@
 import { getType, getComplete, setComplete } from '@/views/utils/auth'
 import moment from 'moment'
 import { isEmptyParams, filterExportExcelData, tableColumnsName, checkEmail, personGender, personBirthday, checkImageFileType, checkDocumentFileType } from "@/views/utils/common"
-import projectCreate from '@/views/report/project/components/projectCreate'
+import projectCreate from '@/views/report/project/components/edit/projectCreate'
 import projectView from '@/views/report/project/components/projectView'
 import previewFile from '@/views/components/common/previewFile'
 import knowledgeSelect from '@/views/components/common/knowledgeSelect'

src/views/report/project/components/edit/projectCreate.vue

@@ -2,6 +2,11 @@
 <template>
   <div class="app-content" style="height: 76vh;overflow: auto;">
     <a-spin :spinning="loading" style="width: 100%;height: 100%;">
+      <div>
+        <a-steps size="small" @change="stepsChange" :initial="0">
+          <a-step :status="item" v-for="(item,index) in completeStatus" :key="index+'completeStatus'" :disabled="false" />
+        </a-steps>
+      </div>
       <div class="page-content">
         <project-edit v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-if="projType"></project-edit>
         <project-edit-key v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-else></project-edit-key>
@@ -26,7 +31,13 @@ export default {
   data () {
     return {
       loading: false,
-      projType: getType() == "1"
+      projType: getType() == "1",
+      current: 0,
+      completeStatus: ["process", "finish", "process", "process", "", "", "", "", "", ""],
+      stepStyle: {
+        marginBottom: '60px',
+        boxShadow: '0px -1px 0 0 #e8e8e8 inset',
+      },
     }
   },
   props: {
@@ -40,6 +51,12 @@ export default {
   created () {
   },
   methods: {
+    stepsChange (e) {
+      var clone = [].concat(this.completeStatus)
+      clone[e] = "process"
+      this.completeStatus = clone
+      console.log(this.completeStatus)
+    },
     save () {
       this.$refs.projCreate.save()
     },