样式

src/views/lease/component/payList.vue

@@ -91,7 +91,78 @@ export default {
                     <el-date-picker vModel={this.form.shijidaozhangriqi}
                                     value-format="yyyy-MM-dd"
                                     style="width: 200px;"
-                                    placeholder="请选择实际到账日期"></el-date-picker>
+                                    placeholder="请选择实际到账日期"
+                                    picker-options={
+                                      {
+                                        shortcuts: [
+                                          {
+                                            text: '一周后',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.add(1, 'weeks').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '一月后',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.add(1, 'months').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '一季度后',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.add(1, 'quarters').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '一年后',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.add(1, 'years').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '三年后',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.add(3, 'years').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '今天',
+                                            onClick(picker) {
+                                              picker.$emit('pick', new Date());
+                                            }
+                                          }, {
+                                            text: '一周前',
+                                            onClick(picker) {
+                                              const date = new Date();
+                                              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+                                              picker.$emit('pick', date);
+                                            }
+                                          },{
+                                            text: '一月前',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.subtract(1, 'months').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '一季度前',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.subtract(1, 'quarters').format('YYYY-MM-DD'));
+                                            }
+                                          },{
+                                            text: '一年前',
+                                            onClick(picker) {
+                                              const date = _this.$moment();
+                                              picker.$emit('pick', date.subtract(1, 'years').format('YYYY-MM-DD'));
+                                            }
+                                          }]
+                                      }
+                                    }
+                                    on={{
+                                      ['change']:e => {
+                                        this.form.zulinjieduankaishiriqi ? '' : this.$set(this.form, 'zulinjieduankaishiriqi',e)
+                                      }
+                                    }}></el-date-picker>
                   </el-form-item>
                   <el-form-item prop="zulinjieduankaishiriqi" label="租赁阶段开始日期">
                     <el-date-picker vModel={this.form.zulinjieduankaishiriqi}