From a6fbd00ece404e76b6b3056b8f103c1fdff42766 Mon Sep 17 00:00:00 2001
From: youyuzihan <youyuzihan@gmail.com>
Date: Tue, 15 Jun 2021 14:57:34 +0800
Subject: [PATCH] =?UTF-8?q?add:=E6=B7=BB=E5=8A=A0=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E8=B0=83=E7=A0=94=E6=B5=81=E7=A8=8B=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzdy/step1.vue         | 286 ++++++++++++++++++
 .../processCenter/pages/newProcess/index.vue  |   3 +
 src/router/index.js                           |   9 +
 3 files changed, 298 insertions(+)
 create mode 100644 src/pages/processCenter/pages/creatProcess/bzdy/step1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/bzdy/step1.vue b/src/pages/processCenter/pages/creatProcess/bzdy/step1.vue
new file mode 100644
index 000000000..97009dfc8
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/bzdy/step1.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="bzdyStep1">
+    <!--    标准调研流程-->
+    <ProcessHeader toggle>
+      <template slot="proName">标准调研流程</template>
+      <template slot="proNode">申请人发起流程</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
+    </div>
+    <div class="content" v-if="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+            ref="qbkwForm"
+            :model="form"
+            class="label-input-form"
+            label-width="210px"
+        >
+
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="调研标题" prop="title" class="add-form-item form-item-disabled">
+                  <el-input
+                      v-model="form.title"
+                      placeholder="请输入调研标题"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="完成时间" prop="year" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                      v-model="form.year"
+                      type="year"
+                      placeholder="请选择完成时间">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="调研模板" prop="model" class="add-form-item form-item-disabled">
+                  <div v-if="form.model">
+                    {{ form.model }}
+                  </div>
+                  <div v-else>
+                    <el-button
+                        type="primary"
+                        class="common-button-primary"
+                        size="mini">
+                      点击上传
+                    </el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+      <div>
+        <el-collapse accordion>
+          <el-collapse-item title="调研描述">
+            <div style="margin: 10px 0;">
+              <el-input
+                  type="textarea"
+                  :rows="3"
+                  resize="none"
+                  placeholder="请输入调研描述"
+                  v-model="textarea">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-if="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-timeline-item timestamp="发起流程" placement="top" :color="user1 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>流程发起人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user1" placeholder="流程发起人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="选择责任人" placement="top" :color="user2 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任对接人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user2" placeholder="选择责任人">
+
+                </el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="上传调研结果" placement="top" :color="user3 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user3" placeholder="选择责任人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+
+          <el-timeline-item timestamp="审批" placement="top" :color="user4 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任对接人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="选择责任对接人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="调研汇总" placement="top" :color="user5 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>标准法规工程师</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user4" placeholder="选择标准法规工程师"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="会签审核" placement="top" :color="user6 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="选择责任人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="会签审核" placement="top" :color="user7 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任部门领导与标准法规部部长</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="选择责任部门领导与标准法规部部长"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="审定" placement="top" :color="user8 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>技术管理中心负责人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="选择技术管理中心负责人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="批准" placement="top" :color="user9 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>标准法规业务院级领导</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="选择标准法规业务院级领导"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+        </el-timeline>
+      </div>
+    </div>
+    <ProcessFooter
+        show-save
+        show-submit
+        :submitLoading="isSubmit"
+        :saveLoading="saveLoading"
+        @save="handleSave"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+
+export default {
+  name: "bzdyStep1",
+  data() {
+    return {
+      textarea: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      ListModel: false, // 新增编辑抽屉开关
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        title: '', // 调研标题
+        year: '', // 完成时间
+        model: '', // 上传模板
+      },
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+      user1: '',
+      user2: '',
+      user3: '',
+      user4: '',
+      user5: '',
+      user6: '',
+      user7: '',
+      user8: '',
+      user9: '',
+    }
+  },
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+    closeDrawer() {
+      this.ListModel = false
+    },
+    OkDrawer() {
+      this.ListModel = false
+      var item = {
+        remarks: '123'
+      }
+      this.data.push(item)
+    },
+    addList() {
+      this.title = '新增标准'
+      this.ListModel = true
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    handleSave() {},
+    handleSubmit() {
+    }
+  },
+  mounted () {
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzdyStep1 {
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  position: relative;
+  height: 100%;
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/newProcess/index.vue b/src/pages/processCenter/pages/newProcess/index.vue
index e6ed5d25a..8fdbab9aa 100644
--- a/src/pages/processCenter/pages/newProcess/index.vue
+++ b/src/pages/processCenter/pages/newProcess/index.vue
@@ -48,6 +48,9 @@ export default {
       switch (prcType) {
         case '1':
           // 标准调研流程
+          this.$router.push({
+            name: 'bzdyStep1'
+          })
           break
         case '2':
           // 标准入库流程
diff --git a/src/router/index.js b/src/router/index.js
index 9b8129a38..b5198c864 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -239,6 +239,15 @@ const routes = [
           requireAuth: true,
           title: '标准入库流程'
         }
+      },
+      {
+        path: '/bzdyStep1',
+        name: 'bzdyStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzdy/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准调研流程'
+        }
       }
     ]
   },