交稿日期

src/views/personal_workbench/project/ProductionEditorialManage.vue

@@ -31,6 +31,7 @@
         <span class="title-cell">状态</span>
         <span class="title-cell">最后编辑人</span>
         <span class="title-cell">最后编辑时间</span>
+        <span class="title-cell">交稿日期</span>
         <span class="title-cell">操作</span>
       </div>
       <div class="chapters-container">
@@ -49,6 +50,7 @@
               status_name,
               last_editor_name,
               last_edit_time,
+              edit_end_date,
             },
             i
           ) in node_list"
@@ -91,6 +93,7 @@
           <div class="status">{{ status_name }}</div>
           <div class="last-editor">{{ isEnable(is_leaf_chapter) ? last_editor_name : '' }}</div>
           <div class="last-edit-time">{{ isEnable(is_leaf_chapter) ? last_edit_time : '' }}</div>
+          <div class="edit-end-date">{{ isEnable(is_leaf_chapter) ? edit_end_date : '' }}</div>
           <div class="operator">
             <template v-if="isEnable(is_leaf_chapter)">
               <span v-if="i > 0 && computedIsFirst(i)" class="link" @click="moveChapterTreeNode(i, 0)">上移</span>
@@ -424,9 +427,10 @@ export default {
      * @param {Object} data - 章节制作人数据
      * @param {string} data.node_id - 章节ID
      * @param {string} data.producer_id_list - 制作人ID列表
+     * @param {string} data.edit_end_date - 交稿日期
      */
     chapterSetProducer(data) {
-      ChapterSetProducer({ book_id: this.book_id, ...data })
+      ChapterSetProducer({ book_id: this.book_id, ...data, edit_end_date: data.edit_end_date })
         .then(() => {
           this.getBookChapterStructExpandList();
           this.$message.success('制作人设置成功');
@@ -580,6 +584,10 @@ export default {
         width: 175px;
       }
 
+      &:nth-child(7) {
+        width: 108px;
+      }
+
       &:last-child {
         flex: 1;
         min-width: 200px;

src/views/personal_workbench/project/components/SetUser.vue

@@ -11,6 +11,11 @@
       <el-option v-for="item in memberList" :key="item.id" :label="item.name" :value="item.id" />
     </el-select>
 
+    <div v-if="type === typeList[0].type" class="end-date">
+      <span>交稿日期：</span>
+      <el-date-picker v-model="editEndDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" />
+    </div>
+
     <div slot="footer">
       <el-button @click="dialogClose">取消</el-button>
       <el-button type="primary" @click="addChapterNode">确定</el-button>
@@ -54,6 +59,7 @@ export default {
         { type: 'auditor', label: '设置审校人', placeholder: '请选择审校人', bindKey: 'id_list', isMultiple: true },
         { type: 'mainAuditor', label: '设置主审校人', placeholder: '请选择主审校人', bindKey: 'id', isMultiple: false },
       ],
+      editEndDate: '',
     };
   },
   computed: {
@@ -100,7 +106,15 @@ export default {
     },
     addChapterNode() {
       if (this.type === this.typeList[0].type) {
-        this.$emit('chapterSetProducer', { node_id: this.id, producer_id_list: this.user.id_list });
+        if (this.editEndDate.length === 0) {
+          this.$message.error('请选择交稿日期');
+          return;
+        }
+        this.$emit('chapterSetProducer', {
+          node_id: this.id,
+          producer_id_list: this.user.id_list,
+          edit_end_date: this.editEndDate,
+        });
       }
       if (this.type === this.typeList[1].type) {
         this.$emit('SetAuditor', { flow_node_id: this.id, user_id_list: this.user.id_list });
@@ -118,4 +132,20 @@ export default {
 .el-select {
   width: 100%;
 }
+
+.el-dialog {
+  .end-date {
+    display: flex;
+    align-items: center;
+    margin-top: 16px;
+
+    span {
+      width: 80px;
+    }
+
+    .el-date-picker {
+      flex: 1;
+    }
+  }
+}
 </style>