企标制修订立项流程，标准预警查询框调整

src/pages/localTool/standardWarning.vue

@@ -4,13 +4,13 @@
     <div class="dynamic-content">
       <!-- 实施预警 -->
       <div class="dynamic" style="overflow-y: auto;">
-        <div class="container" >
+        <div class="container">
           <!--          <el-tabs v-model="activeName" @tab-click="handleClick">-->
           <!--            <el-tab-pane label="标准预警" name="STANDARD">-->
           <div class="dynamic-content">
-<!--            <div>-->
+            <!--            <div>-->
-<!--              <h5 style="font-size: 20px">实施预警</h5>-->
+            <!--              <h5 style="font-size: 20px">实施预警</h5>-->
-<!--            </div>-->
+            <!--            </div>-->
             <div class="more">
               <el-form :inline="true" :model="dynamic" class="demo-form-inline">
                 <el-row :gutter="24">
@@ -36,23 +36,30 @@
                         </el-option>
                       </el-select>
                     </el-form-item>
-<!--                    <el-form-item label="适用车型">-->
+                    <!--                    <el-form-item label="适用车型">-->
-<!--                      <el-input clearable size="mini"-->
+                    <!--                      <el-input clearable size="mini"-->
-<!--                                v-model="dynamic.applyType"-->
+                    <!--                                v-model="dynamic.applyType"-->
-<!--                                placeholder="根据适用车型查找">-->
+                    <!--                                placeholder="根据适用车型查找">-->
-<!--                      </el-input>-->
+                    <!--                      </el-input>-->
-<!--                    </el-form-item>-->
+                    <!--                    </el-form-item>-->
                     <el-form-item label="发布日期" style="margin-right: 10px" class="choose-time-area">
                       <el-date-picker
-                          size="mini"
+                        v-model="dynamic.startIssueTime"
-                          clearable
+                        type="date"
-                          unlink-panels
+                        size="mini"
-                          v-model="dynamic.putTime"
+                        :picker-options="pickerBeginDateBefore"
-                          value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"
-                          type="daterange"
+                        placeholder="选择开始时间">
-                          range-separator="-"
+                      </el-date-picker>
-                          start-placeholder="开始日期"
+                    </el-form-item>
-                          end-placeholder="结束日期">
+                    <el-form-item label="至" label-width="25px">
+                      <el-date-picker
+                        v-model="dynamic.endIssueTime"
+                        type="date"
+                        size="mini"
+                        format="yyyy-MM-dd"
+                        :picker-options="pickerBeginDateAfter"
+                        placeholder="选择结束时间">
                       </el-date-picker>
                     </el-form-item>
                   </el-col>
@@ -61,56 +68,77 @@
                   <el-col>
                     <el-form-item label="实施日期" style="margin-right: 10px" class="choose-time-area">
                       <el-date-picker
-                          size="mini"
+                        v-model="dynamic.startSSRQ"
-                          clearable
+                        type="date"
-                          unlink-panels
+                        size="mini"
-                          v-model="dynamic.SSRQ"
+                        :picker-options="SSRQDateBefore"
-                          value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"
-                          type="daterange"
+                        placeholder="选择开始时间">
-                          range-separator="-"
+                      </el-date-picker>
-                          start-placeholder="开始日期"
+                    </el-form-item>
-                          end-placeholder="结束日期">
+                    <el-form-item label="至" label-width="25px">
+                      <el-date-picker
+                        v-model="dynamic.endSSRQ"
+                        type="date"
+                        size="mini"
+                        format="yyyy-MM-dd"
+                        :picker-options="SSRQDateAfter"
+                        placeholder="选择结束时间">
                       </el-date-picker>
                     </el-form-item>
                     <el-form-item label="新车型实施日期" style="margin-right: 10px" class="choose-time-area">
                       <el-date-picker
-                          size="mini"
+                        v-model="dynamic.startXCXSSRQ"
-                          clearable
+                        type="date"
-                          unlink-panels
+                        size="mini"
-                          v-model="dynamic.XCXSSRQ"
+                        :picker-options="XCXSSRQDateBefore"
-                          value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"
-                          type="daterange"
+                        placeholder="选择开始时间">
-                          range-separator="-"
+                      </el-date-picker>
-                          start-placeholder="开始日期"
+                    </el-form-item>
-                          end-placeholder="结束日期">
+                    <el-form-item label="至" label-width="25px">
+                      <el-date-picker
+                        v-model="dynamic.endXCXSSRQ"
+                        type="date"
+                        size="mini"
+                        format="yyyy-MM-dd"
+                        :picker-options="XCXSSRQDateAfter"
+                        placeholder="选择结束时间">
                       </el-date-picker>
                     </el-form-item>
                     <el-form-item label="在产车实施日期" style="margin-right: 10px" class="choose-time-area">
                       <el-date-picker
-                          size="mini"
+                        v-model="dynamic.startZCCSSRQ"
-                          clearable
+                        type="date"
-                          unlink-panels
+                        size="mini"
-                          v-model="dynamic.ZCCSSRQ"
+                        :picker-options="ZCCSSRQDateBefore"
-                          value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"
-                          type="daterange"
+                        placeholder="选择开始时间">
-                          range-separator="-"
+                      </el-date-picker>
-                          start-placeholder="开始日期"
+                    </el-form-item>
-                          end-placeholder="结束日期">
+                    <el-form-item label="至" label-width="25px">
+                      <el-date-picker
+                        v-model="dynamic.endZCCSSRQ"
+                        type="date"
+                        size="mini"
+                        format="yyyy-MM-dd"
+                        :picker-options="ZCCSSRQDateAfter"
+                        placeholder="选择结束时间">
                       </el-date-picker>
                     </el-form-item>
                     <el-button
-                        style="margin: 6px 8px 0 0"
+                      style="margin: 6px 8px 0 0"
-                        type="primary"
+                      type="primary"
-                        size="mini"
+                      size="mini"
-                        @click="searchBtnClick"
+                      @click="searchBtnClick"
-                        class="common-button-primary">
+                      class="common-button-primary">
                       查询
                     </el-button>
                     <el-button
-                        style="margin: 6px 0 0 0"
+                      style="margin: 6px 0 0 0"
-                        size="mini"
+                      size="mini"
-                        @click="clearBtnClick"
+                      @click="clearBtnClick"
-                        class="common-button-primary">
+                      class="common-button-primary">
                       清空
                     </el-button>
                   </el-col>
@@ -121,21 +149,21 @@
               <el-button type="primary" size="mini" @click="exportExcelBtn">导出Excel</el-button>
             </div>
             <div class="content">
-<!--              <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>-->
+              <!--              <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>-->
               <el-table
-                  :data="warningTableDatas"
+                :data="warningTableDatas"
-                  style="overflow-y: auto;"
+                style="overflow-y: auto;"
-                  height="100%"
+                height="100%"
-                  border
+                border
-                  :resizable="false"
+                :resizable="false"
-                  :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                  v-loading="warningTableLoading"
+                v-loading="warningTableLoading"
-                  @selection-change="selectChange"
+                @selection-change="selectChange"
               >
                 <el-table-column
-                    type="selection"
+                  type="selection"
-                    width="55"
+                  width="55"
-                    align="center">
+                  align="center">
                 </el-table-column>
                 <el-table-column prop="standType" label="类型" width="100" align="center">
                   <template slot-scope="scope">
@@ -173,7 +201,9 @@
                   align="center">
                   <template slot-scope="scope">
                     <a v-if="scope.row.termsConditions === null"></a>
-                    <a v-else @click="openDialog(scope.row.termsConditions)">{{ scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0,20) + '...' }}</a>
+                    <a v-else @click="openDialog(scope.row.termsConditions)">{{
+                        scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0, 20) + '...'
+                      }}</a>
                   </template>
                 </el-table-column>
                 <el-table-column prop="issueTime" label="发布日期" width="120" align="center">
@@ -199,23 +229,23 @@
                 <el-table-column prop="applyType" label="适用车型" width="150" align="center">
                 </el-table-column>
                 <el-table-column label="操作" width="100" align="center" v-if="isShowBtn" fixed="right">
-                    <template slot-scope="scope">
+                  <template slot-scope="scope">
-                      <el-button
+                    <el-button
-                          size="mini"
+                      size="mini"
-                          type="danger"
+                      type="danger"
-                          @click="cancelWarning(scope.$index, scope.row)">取消预警
+                      @click="cancelWarning(scope.$index, scope.row)">取消预警
-                      </el-button>
+                    </el-button>
-                    </template>
+                  </template>
-                  </el-table-column>
+                </el-table-column>
               </el-table>
               <pagination
-                  style="position: static;"
+                style="position: static;"
-                  :page="pageConfig.page"
+                :page="pageConfig.page"
-                  :pageSize="pageConfig.pageSize"
+                :pageSize="pageConfig.pageSize"
-                  :total="pageConfig.total"
+                :total="pageConfig.total"
-                  autoSize
+                autoSize
-                  @pageChange="page => handlePageChange('page', page)"
+                @pageChange="page => handlePageChange('page', page)"
-                  @pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"></pagination>
+                @pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"></pagination>
             </div>
           </div>
         </div>
@@ -241,7 +271,7 @@
       title="条款内容"
       :visible.sync="detailTextDialog"
       width="50%">
-      <span style="line-height: normal" v-html="detailText" ></span>
+      <span style="line-height: normal" v-html="detailText"></span>
       <div slot="footer" class="dialog-footer">
       </div>
     </el-dialog>
@@ -261,13 +291,25 @@ export default {
       selectedList: [],
       exportName: '',
       exportModelFlag: false,
-      warningTableDatas:[],
+      warningTableDatas: [],
       warningTableHeight: '',
       applyArcticOptions: [], // 适用车型下拉框
       isShowBtn: true,
       activeName: "STANDARD",   //tab 默认选中值
       // 头部搜索框
       dynamic: {
+        // 发布日期
+        startIssueTime: '',
+        endIssueTime: '',
+        // 实施日期
+        startSSRQ: '',
+        endSSRQ: '',
+        //新车型实施日期
+        startXCXSSRQ: '',
+        endXCXSSRQ: '',
+        // 在产车实施日期
+        startZCCSSRQ: '',
+        endZCCSSRQ: '',
         //标准编号
         standCode: "",
         //标准名称
@@ -306,7 +348,75 @@ export default {
       },
       warningTableLoading: false,
       // 记录当前分页器是哪个预警信息触发
-      field: ''
+      field: '',
+
+      // 发布日期当前日期之前不可选择
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.endIssueTime;
+          if (beginDateVal) {
+            return time.getTime() > beginDateVal;
+          }
+        }
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.startIssueTime;
+          if (beginDateVal) {
+            return time.getTime() < beginDateVal;
+          }
+        }
+      },
+
+      SSRQDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.endSSRQ;
+          if (beginDateVal) {
+            return time.getTime() > beginDateVal;
+          }
+        }
+      },
+      SSRQDateAfter: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.startSSRQ;
+          if (beginDateVal) {
+            return time.getTime() < beginDateVal;
+          }
+        }
+      },
+
+      XCXSSRQDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.endXCXSSRQ;
+          if (beginDateVal) {
+            return time.getTime() > beginDateVal;
+          }
+        }
+      },
+      XCXSSRQDateAfter: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.startXCXSSRQ;
+          if (beginDateVal) {
+            return time.getTime() < beginDateVal;
+          }
+        }
+      },
+      ZCCSSRQDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.endZCCSSRQ;
+          if (beginDateVal) {
+            return time.getTime() > beginDateVal;
+          }
+        }
+      },
+      ZCCSSRQDateAfter: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dynamic.startZCCSSRQ;
+          if (beginDateVal) {
+            return time.getTime() < beginDateVal;
+          }
+        }
+      },
     };
   },
   methods: {
@@ -316,20 +426,20 @@ export default {
     },
     //确认导出
     exportExcel() {
-      console.log('293',this.selectedList)
+      console.log('293', this.selectedList)
       const exportURL = interfaceUrl + 'sys/EarlyWarning/exportWarning?' +
-           '&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName
+        '&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName
       window.open(exportURL)
       this.$message.success('导出信息成功')
       this.exportModelFlag = false
     },
-    exportExcelBtn(){
+    exportExcelBtn() {
-      console.log('302',this.selectedList)
+      console.log('302', this.selectedList)
       this.exportName = ''
       this.exportModelFlag = true
     },
-    selectChange(alldata){
+    selectChange(alldata) {
-      console.log('307',alldata)
+      console.log('307', alldata)
       this.selectedList = []
       for (let i = 0; i < alldata.length; i++) {
         this.selectedList.push(alldata[i]['id'])
@@ -499,17 +609,17 @@ export default {
         //标准名称
         standName: this.dynamic.standName,
         //发布日期
-        startIssueTime: this.dynamic.putTime[0],
+        startIssueTime: this.dynamic.startIssueTime ? this.$moment(this.dynamic.startIssueTime).format('YYYY-MM-DD') : '',
-        endIssueTime: this.dynamic.putTime[1],
+        endIssueTime: this.dynamic.endIssueTime ? this.$moment(this.dynamic.endIssueTime).format('YYYY-MM-DD') : '',
         //实施日期
-        startSSRQ: this.dynamic.SSRQ[0],
+        startSSRQ: this.dynamic.startSSRQ ? this.$moment(this.dynamic.startSSRQ).format('YYYY-MM-DD') : '',
-        endSSRQ: this.dynamic.SSRQ[1],
+        endSSRQ: this.dynamic.endSSRQ ? this.$moment(this.dynamic.endSSRQ).format('YYYY-MM-DD') : '',
         //新车型实施日期
-        startXCXSSRQ: this.dynamic.XCXSSRQ[0],
+        startXCXSSRQ: this.dynamic.startXCXSSRQ ? this.$moment(this.dynamic.startXCXSSRQ).format('YYYY-MM-DD') : '',
-        endXCXSSRQ: this.dynamic.XCXSSRQ[1],
+        endXCXSSRQ: this.dynamic.endXCXSSRQ ? this.$moment(this.dynamic.endXCXSSRQ).format('YYYY-MM-DD') : '',
         //在产车实施日期
-        startZCCSSRQ: this.dynamic.ZCCSSRQ[0],
+        startZCCSSRQ: this.dynamic.startZCCSSRQ ? this.$moment(this.dynamic.startZCCSSRQ).format('YYYY-MM-DD') : '',
-        endZCCSSRQ: this.dynamic.ZCCSSRQ[1],
+        endZCCSSRQ: this.dynamic.endZCCSSRQ ? this.$moment(this.dynamic.endZCCSSRQ).format('YYYY-MM-DD') : '',
         //适用车型
         applyType: this.dynamic.applyType
       }, {
@@ -534,7 +644,7 @@ export default {
         if ((this.warningTableDatas.length === 0 || this.warningTableDatas === []) && this.pageConfig.page !== 1) {
           this.warningTableLoading = true
           this.handlePageChange('page', 1)
-        }else {
+        } else {
           this.warningTableLoading = false
         }
         this.pageConfig.pageSize = res.data.size
@@ -573,16 +683,16 @@ export default {
         roundButton: false
       }).then(() => {
         this.$http.get('sys/EarlyWarning/ChangePermissions', {
-              id: row.id,
+            id: row.id,
-            }, {}, res => {
+          }, {}, res => {
-              if (res.ok === true) {
+            if (res.ok === true) {
-                this.pageConfig.page = 1
+              this.pageConfig.page = 1
-                this.pageConfig.newPolicyPage = 1
+              this.pageConfig.newPolicyPage = 1
-                this.pageConfig.oldPolicyPage = 1
+              this.pageConfig.oldPolicyPage = 1
-                this.searchBtnClick()
+              this.searchBtnClick()
-                this.getEarlyDate()
+              this.getEarlyDate()
-              }
             }
+          }
         )
       }).catch(() => {
         this.$message.warning('取消事件')
@@ -660,7 +770,7 @@ export default {
     handlePageChange(field, page) {
       this.pageConfig.page = page
       this.searchBtnClick()
-      console.log('735',this.warningTableDatas)
+      console.log('735', this.warningTableDatas)
       this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
       this.field = field
     },
@@ -670,7 +780,7 @@ export default {
       // this.pageConfig[_pageSize] = pageSize
       this.pageConfig.pageSize = pageSize
       this.searchBtnClick()
-      console.log('771',this.warningTableDatas)
+      console.log('771', this.warningTableDatas)
       // this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
       // this.field = field
     },
@@ -679,7 +789,7 @@ export default {
     openDialog(text) {
       this.detailText = text
       this.detailTextDialog = true
-    }
+    },
   },
   props: {
     reload: {
@@ -870,6 +980,7 @@ export default {
 
   .container {
     height: calc(100% - 139px);
+
     /deep/ .el-tabs__header {
       height: 50px;
     }
@@ -909,13 +1020,14 @@ export default {
           align-items: center;
 
           justify-content: center;
+
           /deep/ .el-input__inner {
             width: 185px;
           }
 
           .choose-time-area {
             /deep/ .el-input__inner {
-              width: 210px;
+              width: 180px;
             }
           }
 
@@ -1075,11 +1187,16 @@ export default {
       margin: 24px 0;
     }
   }
+
   .textDialog {
     /deep/ .el-dialog__body {
       height: 400px;
       overflow-y: auto;
     }
   }
+
+  /deep/ .el-date-editor.el-input {
+    width: 180px;
+  }
 }
 </style>

src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue

@@ -0,0 +1,509 @@
+<template>
+  <div class="qbzxdlxStep1">
+    <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-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form class="label-input-form" ref="qblx_pageData" :model="qblx_pageData" :rules="qblxRule">
+            <el-form-item label="项目目标:" class="add-form-item">
+              <el-input
+                style="width: 90%"
+                clearable
+                v-model="qblx_pageData.projectTarget"
+                placeholder="请输入项目目标"/>
+            </el-form-item>
+            <el-form-item label="附件:" class="add-form-item">
+              <el-upload
+                style="width: 100%"
+                class="upload_style"
+                :disabled="acceptShow"
+                multiple
+                ref="uploadFile"
+                :action="uploadPath"
+                name="file"
+                :file-list="fillFileList"
+                accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+                :on-exceed="handleExceed"
+                :limit="1"
+                :before-upload="handleBeforeUpload"
+                :before-remove="handleBeforeRemove"
+                :on-success="handleOnsuccess"
+              >
+                <el-button
+                  style="margin-left: 10px"
+                  type="primary"
+                  class="common-button-primary"
+                  size="mini">
+                  点击上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+            <el-form-item class="add-form-item">
+              <div style="margin-top: 10px;margin-bottom: 10px">
+                <el-button type="primary" size="small" @click="addQblx">新增</el-button>
+                <el-button type="plain" size="small" @click="uploadQblx">上传</el-button>
+                <el-button type="success" size="small" @click="qblxTemplate">模板下载</el-button>
+                <el-button type="danger" size="small" @click="delQblx">删除</el-button>
+              </div>
+
+              <el-table
+                :data="qblx_pageData.qblxData"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                @selection-change="selectedDelete"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column prop="esName" label="企标名称" align="center" width="300" show-overflow-tooltip></el-table-column>
+                <el-table-column prop="dutyUnit" label="责任单位" align="center"></el-table-column>
+                <el-table-column prop="dutyPeople" label="责任人" align="center"></el-table-column>
+                <el-table-column prop="firstDraftTime" label="初稿完成日期" width="150" align="center"></el-table-column>
+                <el-table-column prop="planTime" label="计划完成日期" width="150" align="center"></el-table-column>
+                <el-table-column prop="endTime" label="截止日期" width="150" align="center"></el-table-column>
+              </el-table>
+            </el-form-item>
+          </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="commentText">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="roleForm"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="起草" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>流程发起人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="责任人确认" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>责任人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准责任人', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+
+    <!-- 新增/编辑弹框 -->
+    <el-drawer
+      title="企标制修订立项计划"
+      :visible.sync="qblxModel"
+      size="600px"
+      custom-class="demo-drawer"
+    >
+      <el-form class="label-input-form" ref="addQblxData" style="height: 100%" :model="addQblxData" :rules="addRule">
+        <el-form-item class="add-form-item" label="企标名称"></el-form-item>
+        <el-form-item class="add-form-item" label="责任单位"></el-form-item>
+        <el-form-item class="add-form-item" label="责任人"></el-form-item>
+        <el-form-item class="add-form-item" label="初稿完成日期"></el-form-item>
+        <el-form-item class="add-form-item" label="计划完成日期"></el-form-item>
+        <el-form-item class="add-form-item" label="截止日期"></el-form-item>
+      </el-form>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="closeDrawer">取消</el-button>
+        <el-button type="primary" size="mini" @click="OkDrawer">确认</el-button>
+      </div>
+    </el-drawer>
+
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择责任人"
+      :is-visible.sync="modalshowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {completeTask, saveTaskFirst, taskDel, processBack, queryTaskFirst } from '@/api/process.js'
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "qbzxdlxStep1",
+  data() {
+    return {
+      active: '1',
+      qblx_pageData: {
+        projectTarget: '',
+        qblxFile: [],
+        qblxData: [],
+      },
+      commentText: '',
+      qblxRule: {},
+
+      roleForm: {
+        startUser: '',
+        startUserName: '',
+        dockUser: '',
+        dockUserName: '',
+      },
+      // 上传路径
+      uploadPath: 'api/att/attFile/upload',
+      acceptShow: false,
+      // 上传所储存文件数组
+      fillFileList: [],
+
+      // 新增弹框
+      qblxModel: false,
+      addQblxData: {
+        esName: '',
+        dutyUnit: '',
+        dutyPeople: '',
+        firstDraftTime: '',
+        planTime: '',
+        endTime: '',
+      },
+      addRule: {},
+
+      isSubmit: false,
+      saveLoading: false,
+
+      // 选人组件
+      modalshowflag: false,
+      nodeList: [],
+
+      taskID: '',
+      bpnId: '',
+    }
+  },
+
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getData()
+    }
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    // 保存后获取的数据
+    getData() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.qblx_pageData = mes.qblx_pageData
+        this.commentText = mes.commentText
+        this.roleForm = mes.roleForm
+      });
+    },
+
+    // 文件上传成功
+    handleOnsuccess(res, file, fileList) {
+      if (res.ok) {
+        if (this.fillFileList.length !== 0) {
+          this.newDataList = this.fillFileList
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.name
+          })
+        } else {
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.name
+          })
+        }
+        this.qblx_pageData.qblxFile = this.newDataList
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+    // 文件上传限制条件
+    handleBeforeUpload(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx' || fileSuffix === '.pdf' || fileSuffix === '.PDF') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX/PDF或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    handleBeforeRemove(file, fileList) {
+      this.fillFileList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id) {
+          this.fillFileList.splice(index, 1)
+        }
+      })
+      this.qblx_pageData.qblxFile = this.fillFileList
+    },
+    // 限制上传
+    handleExceed(files, fileList) {
+      this.$message.error(`最多上传1个文件`)
+    },
+
+    // 表格勾选事件
+    selectedDelete() {
+    },
+
+    // 流程阶段负责人选择
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.modalshowflag = true
+    },
+    // 选人组件确认
+    drawerCheck(data) {
+      this.roleForm.dockUser = data[0].id
+      this.roleForm.dockUserName = data[0].name
+      this.modalshowflag = false
+    },
+
+    /** 新增按钮 */
+    addQblx() {
+      this.qblxModel = true
+    },
+    // 抽屉确认按钮
+    OkDrawer() {},
+    // 抽屉取消按钮
+    closeDrawer() {},
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId)
+      _formData.append('createUserName', this.$store.getters.userInfo.userName)
+      _formData.append('prcType', '26')
+      _formData.append('json', JSON.stringify({
+        roleForm: this.roleForm,
+        qblx_pageData: this.qblx_pageData,
+        commentText: this.commentText
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        roleForm: this.roleForm,
+        qblx_pageData: this.qblx_pageData,
+        commentText: this.commentText
+      }
+      this.$refs['qblx_pageData'].validate((valid) => {
+        if (valid) {
+          this.$refs['roleForm'].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              let paramsInfo = new FormData()
+              // paramsInfo.append('id', this.bpnId || '')
+              paramsInfo.append('createUser', this.$store.getters.userInfo.userId)
+              paramsInfo.append('createUserName', this.$store.getters.userInfo.userName)
+              paramsInfo.append('type', '26')
+              paramsInfo.append('json', JSON.stringify({json}))
+              processBack(paramsInfo).then(res => {
+                this.taskID = res.data
+                const params = new FormData();
+                params.set('json', JSON.stringify(json))
+                params.set('userId', this.$store.getters.userInfo.userId)
+                params.set('taskId', this.taskID)
+                completeTask(params).then(res => {
+                  if (res.success === true) {
+                    this.$message.success('提交成功')
+                    if (this.bpnId !== '') {
+                      let taskId = {
+                        id: this.bpnId
+                      }
+                      taskDel(taskId).then(res => {
+                        return res
+                      })
+                    }
+                    this.$router.push("/processCenter");
+                  }
+                  this.isSubmit = false
+                })
+              })
+            } else {
+              this.$message.warning('请完成流程信息的人员选择')
+            }
+          })
+        }
+      })
+    },
+
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbzxdlxStep1 {
+  position: relative;
+  height: 100%;
+
+  /deep/.el-upload-list__item-name {
+    margin-left: 48px;
+  }
+  /deep/.el-upload-list {
+    width: 50%;
+    margin-bottom: 10px;
+  }
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .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;
+      }
+    }
+  }
+
+  .content_form {
+    padding-top: 15px;
+
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    /deep/ .el-textarea__inner {
+      font-family: inherit;
+    }
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+}
+
+</style>

src/pages/processCenter/pages/creatProcess/qbzxdlx/step2.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="qbzxdlxStep1">
+    <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-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form class="label-input-form" ref="qblx_pageData" :model="qblx_pageData" :rules="qblxRule">
+            <el-form-item label="项目目标:" class="add-form-item">
+              <el-input
+                style="width: 90%"
+                clearable
+                v-model="qblx_pageData.projectTarget"
+                placeholder="请输入项目目标"/>
+            </el-form-item>
+            <el-form-item label="附件:" class="add-form-item">
+              <span v-if="infoSourcesLength === 0">{{ '-' }}</span>
+              <div v-for="item in qblx_pageData.qblxFile" :key="item.id" style="color: #409EFF;">
+                <a v-if="item.name.length > 30" style="cursor: pointer" @click="fileLook(item)">
+                  {{ item.name.slice(0,30) + '...' }} {{ ';' }}
+                </a>
+                <a v-else style="cursor: pointer" @click="fileLook(item)">
+                  {{ item.name }} {{ ';' }}
+                </a>
+                <el-button
+                  size="mini"
+                  @click="previews(item.id)"
+                  icon="el-icon-download"
+                  style="height: 25px; margin-left: 5px;"
+                ></el-button>
+              </div>
+            </el-form-item>
+            <el-form-item class="add-form-item">
+              <el-table
+                :data="qblx_pageData.qblxData"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column prop="esName" label="企标名称" align="center" width="300" show-overflow-tooltip></el-table-column>
+                <el-table-column prop="dutyUnit" label="责任单位" align="center"></el-table-column>
+                <el-table-column prop="dutyPeople" label="责任人" align="center"></el-table-column>
+                <el-table-column prop="firstDraftTime" label="初稿完成日期" width="150" align="center"></el-table-column>
+                <el-table-column prop="planTime" label="计划完成日期" width="150" align="center"></el-table-column>
+                <el-table-column prop="endTime" label="截止日期" width="150" align="center"></el-table-column>
+              </el-table>
+            </el-form-item>
+          </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="commentStep2">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+
+    <ProcessFooter
+      show-submit
+      show-transfer
+      :submitLoading="isSubmit"
+      :transferLoading="turnLoading"
+      @transfer="handleTurnTo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      is-title="选择转办人"
+      check-box
+      :is-visible.sync="modalshowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import { completeTask, inboundLiaisonDetail,changeAssigneeNew } from "@/api/process.js"
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "qbzxdlxStep2",
+  data() {
+    return {
+      active: '1', // 默认显示
+      qblx_pageData: {},
+      qblxRule: {},
+      commentStep2: '',
+      isSubmit: false,
+      turnLoading: false,
+      modalshowflag: false,
+      nodeList: [],
+      infoSourcesLength: '',
+    }
+  },
+
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.qblx_pageData = JSON.parse(JSON.stringify(item)).qblx_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        this.infoSourcesLength = this.qblx_pageData.qblxFile.length
+      })
+    },
+
+    // 预览
+    fileLook(file) { // 预览
+      const attId = file.id
+      this.$preview(attId)
+    },
+    /** 点击对应附件进行下载*/
+    previews(val) {
+      let attId = val
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      }
+    },
+    // 转办
+    handleTurnTo() {
+      this.modalshowflag = true
+    },
+    drawerCheck (data) {
+        this.turnLoading = true
+        changeAssigneeNew({
+          taskId: this.taskIds, // 任务id
+          assignee: data[0].id, // 被委托人
+          userId: this.userId, // 委托人
+          pId: this.pId // 流程实例
+        }).then(res =>{
+          if (res.success) {
+            this.turnLoading = false
+            this.$message.success('调整成功')
+            this.$router.push("/processCenter")
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      this.modalshowflag = false
+    },
+    // 提交
+    handleSubmit() {
+      let json = {
+        roleList: this.roleForm,
+        memberId: this.$store.getters.userInfo.userId,
+        commentText: this.commentStep2,
+        qblx_pageData: this.qblx_pageData,
+      }
+      this.$refs['qblx_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/newProcess/index.vue

@@ -574,6 +574,12 @@
               name: 'qbzxdjhgkStep1'
             })
             break
+          // 企标制修订立项计划流程
+          case '26':
+            this.$router.push({
+              name: 'qbzxdlxStep1'
+            })
+            break
         }
       },
       checkPermission(permissionIdArray) {

src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue

@@ -264,7 +264,21 @@
             </div>
           </el-card>
         </div>
-
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
+            <div class="card-box" @click="handleCreateProcess('26')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订立项计划</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
       </div>
     </div>
     <div>
@@ -574,6 +588,12 @@ export default {
             name: 'qbzxdjhgkStep1'
           })
           break
+        // 企标制修订立项计划流程
+        case '26':
+          this.$router.push({
+            name: 'qbzxdlxStep1'
+          })
+          break
       }
     },
     checkPermission(permissionIdArray) {