From 048e6b03e5b2ff0602e3bb4091acce151049a217 Mon Sep 17 00:00:00 2001
From: youyuzihan <youyuzihan@gmail.com>
Date: Tue, 15 Jun 2021 15:27:30 +0800
Subject: [PATCH] =?UTF-8?q?add:=E6=B7=BB=E5=8A=A0=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E5=BE=81=E6=B1=82=E6=84=8F=E8=A7=81=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/zqyj/step1.vue         | 227 ++++++++++++++++++
 .../processCenter/pages/newProcess/index.vue  |   3 +
 src/router/index.js                           |  11 +-
 3 files changed, 240 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/zqyj/step1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/zqyj/step1.vue b/src/pages/processCenter/pages/creatProcess/zqyj/step1.vue
new file mode 100644
index 000000000..e53f2e41c
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/zqyj/step1.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="zqyjStep1">
+    <!--    标准征求意见流程-->
+    <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-select v-model="form.encodes" placeholder="请选择标准编号">
+                    <el-option label="GB 472726" value="1"></el-option>
+                    <el-option label="GB/T 8453291" value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="title" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.names" placeholder="请选择标准名称">
+                    <el-option label="标准1" value="1"></el-option>
+                    <el-option label="标准2" value="2"></el-option>
+                  </el-select>
+                </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-col>
+            </el-row>
+          </div>
+        </el-form>
+      </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="user4" 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="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: "zqyjStep1",
+  data() {
+    return {
+      textarea: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      ListModel: false, // 新增编辑抽屉开关
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        encodes: '', // 编号
+        year: '', // 结束日期
+        names: '', // 名称
+      },
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+      user1: '',
+      user2: '',
+      user3: '',
+      user4: '',
+      user5: '',
+    }
+  },
+  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';
+.zqyjStep1 {
+  /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 8fdbab9aa..a4291c72b 100644
--- a/src/pages/processCenter/pages/newProcess/index.vue
+++ b/src/pages/processCenter/pages/newProcess/index.vue
@@ -60,6 +60,9 @@ export default {
           break
         case '3':
           // 标准征求意见流程
+            this.$router.push({
+              name:'zqyjStep1'
+            })
           break
         case '4':
           this.$router.push({
diff --git a/src/router/index.js b/src/router/index.js
index b5198c864..36b509f87 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -248,7 +248,16 @@ const routes = [
           requireAuth: true,
           title: '标准调研流程'
         }
-      }
+      },
+      {
+        path: '/zqyjStep1',
+        name: 'zqyjStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zqyj/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
     ]
   },
   // 本地工具