工作组会议维护

src/views/projectManagement/ConferenceMaintenance.vue

@@ -15,24 +15,23 @@
               <a-input placeholder="请输入会议名称" v-model="queryParam.workingGroupProject"></a-input>
             </a-form-item>
           </a-col>
-          <a-col :xl="8" :lg="12" :md="12" :sm="24">
-            <a-form-item label="会议时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-range-picker
-                  format="YYYY-MM-DD HH:mm:00"
-                  :show-time="{ format: 'HH:mm' }"
-                  v-model="queryParam.time"
-                  :trigger-change="true"
-                  style="width: 100%"/>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="8" :lg="12" :md="12" :sm="24">
-            <a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-range-picker
-                  format="YYYY-MM-DD HH:mm:00"
-                  :show-time="{ format: 'HH:mm' }"
-                  v-model="queryParam.createTime"
-                  :trigger-change="true"
-                  style="width: 100%"/>
+          <a-col :xl="10" :lg="12" :md="12" :sm="24">
+            <a-form-item label="会议时间">
+              <j-date
+                placeholder="请选择开始日期"
+                date-format="YYYY-MM-DD 00:00:00"
+                class="query-group-cust"
+                v-model="queryParam.startTime"
+                :disabled-date="disabledStartDate">
+              </j-date>
+              <span class="query-group-split-cust"></span>
+              <j-date
+                placeholder="请选择结束日期"
+                date-format="YYYY-MM-DD 23:59:59"
+                class="query-group-cust"
+                v-model="queryParam.endTime"
+                :disabled-date="disabledEndDate">
+              </j-date>
             </a-form-item>
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -41,13 +40,31 @@
                            v-model="queryParam.year"></j-year-date>
             </a-form-item>
           </a-col>
+          <a-col :xl="10" :lg="12" :md="12" :sm="24">
+            <a-form-item label="创建时间">
+              <j-date
+                placeholder="请选择开始日期"
+                date-format="YYYY-MM-DD 00:00:00"
+                class="query-group-cust"
+                v-model="queryParam.startCreateTime"
+                :disabled-date="disabledStartCreateDate">
+              </j-date>
+              <span class="query-group-split-cust"></span>
+              <j-date
+                placeholder="请选择结束日期"
+                date-format="YYYY-MM-DD 23:59:59"
+                class="query-group-cust"
+                v-model="queryParam.endCreateTime"
+                :disabled-date="disabledEndCreateDate">
+              </j-date>
+            </a-form-item>
+          </a-col>
+
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <a-form-item label="已提醒" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-select placeholder="请选择已提醒"
-                        v-model="queryParam.remind">
-                <a-select-option v-for="item in list" :key="item.id" :value="item.id">{{ item.username }}
-                </a-select-option>
-              </a-select>
+              <j-dict-select-tag style="width: 100%"
+                                 v-model="queryParam.remind"
+                                 placeholder="请选择提醒类型"></j-dict-select-tag>
             </a-form-item>
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -103,17 +120,23 @@
         </span>
       </a-table>
     </div>
+    <publish-remind-modal ref="publishRemindModal" @ok="loadData"></publish-remind-modal>
   </a-card>
 </template>
 
 <script>
 import { JeroListMixin } from '@/mixins/JeroListMixin'
+import {RangeDateMixin} from '@/mixins/RangeDateMixin'
 import JYearDate from '@comp/jero/JYearDate'
+import JDate from '@comp/tools/JDate'
+import moment from 'moment'
+import JDictSelectTag from '@comp/dict/JDictSelectTag'
+import PublishRemindModal from '@views/projectManagement/modules/PublishRemindModal'
 
 export default {
   name: 'ConferenceMaintenance',
-  components: { JYearDate },
-  mixins: [JeroListMixin],
+  components: { JYearDate,JDate,JDictSelectTag,PublishRemindModal },
+  mixins: [JeroListMixin,RangeDateMixin],
   data() {
     return {
       workingGroupProject: '',
@@ -127,6 +150,10 @@ export default {
         xs: { span: 24 },
         sm: { span: 10 }
       },
+      dateKeyObj: {
+        beginKey: 'startTime',
+        endKey: 'endTime'
+      },
       columns: [
         {
           title: '序号',
@@ -201,13 +228,57 @@ export default {
         path: '/projectManagement/WorkingGroupProjectManagement'
       })
     },
+    /*
+    * 新增
+    * */
+    handleAdd(){
+      // 记录当前的工作组id
+      let currentId = this.$route.query.workingGroupProjectId
+      this.$router.push({
+        path: '/incomePayments/meetManage/AddOrDetailMeet',
+        query:{
+          workingGroupProjectId:currentId
+        }
+      })
+    },
+    /*
+    * 发布提醒
+    * */
     publishRemind() {
+      this.$refs.publishRemindModal.open()
+      this.$refs.publishRemindModal.title = '发布-提醒'
 
     },
+    /*
+    * 上传文件
+    * */
     uploadFile() {
 
     },
-    applyMsg() {}
+    /*
+    * 报名信息
+    * */
+    applyMsg() {},
+    /*
+* 创建时间开始禁用
+* */
+    disabledStartCreateDate(startValue){
+      const endValue = this.queryParam.endCreateTime && moment(this.queryParam.endCreateTime, this.rangeDateFormat.end)
+      if (!startValue || !endValue) {
+        return false
+      }
+      return startValue.valueOf() > endValue.valueOf()
+    },
+    /*
+    * 创建时间结束禁用
+    * */
+    disabledEndCreateDate(endValue) {
+      const startValue = this.queryParam.startCreateTime && moment(this.queryParam.startCreateTime, this.rangeDateFormat.begin)
+      if (!endValue || !startValue) {
+        return false
+      }
+      return startValue.valueOf() > endValue.valueOf()
+    },
   }
 }
 </script>