| | |
| | | <el-col :span="11" class> |
| | | <el-date-picker |
| | | size="small" |
| | | popper-class="popper-add" |
| | | type="datetime" |
| | | placeholder="选择日期" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | |
| | | :picker-options="pickerOptions" |
| | | style="width: 100%" |
| | | ></el-date-picker> |
| | | <!-- <el-checkbox |
| | | v-model="foreverChecked" |
| | | @change="forever" |
| | | class="check-css" |
| | | >永久有效</el-checkbox |
| | | > --> |
| | | <!-- <el-radio v-model="foreverChecked" label="1">备选项</el-radio> --> |
| | | </el-col> |
| | | <el-col :span="2" class="text-center pick-time"> |
| | | <span>-</span> |
| | |
| | | <el-date-picker |
| | | size="small" |
| | | class="end-time-pick" |
| | | popper-class="popper-add" |
| | | type="datetime" |
| | | :placeholder="foreverChecked ? '永久有效' : '选择日期'" |
| | | :disabled="foreverChecked" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-row> |
| | | <el-col :span="7" :offset="1"> |
| | | <el-form-item label="是否同步" label-width="80px" style="width:100%;text-align:left" required> |
| | | <el-radio-group v-model="form.isSync" class> |
| | | <el-radio label="1">是</el-radio> |
| | | <el-radio label="0">否</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row>--> |
| | | <el-row class="footer"> |
| | | <el-button |
| | | type="info" |
| | |
| | | // id不为空,修改底库 |
| | | this.$refs[formName].validate(async (valid) => { |
| | | if (valid) { |
| | | // const { ...json } = this.form |
| | | let res = await updateBase({ |
| | | analyServerId: this.form.analyServerId, |
| | | tableName: this.form.tableName, |
| | |
| | | bwType: this.form.bwType, |
| | | enable: this.form.enable, |
| | | tableDesc: this.form.tableDesc, |
| | | // isSync: this.form.isSync, |
| | | }); |
| | | if (res.success === true) { |
| | | this.$notify({ |
| | |
| | | type: "success", |
| | | }); |
| | | this.$emit("refresh"); |
| | | this.$emit("closeAdd"); |
| | | } else { |
| | | this.$notify({ |
| | | title: "失败", |
| | |
| | | enabled: this.form.enabled, |
| | | tableDesc: this.form.tableDesc, |
| | | analyServerId: this.type, |
| | | // isSync: this.form.isSync, |
| | | }) |
| | | .then((res) => { |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "底库信息保存成功!", |
| | | type: "success", |
| | | }); |
| | | this.$emit("refresh"); |
| | | if (res.success) { |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "底库信息保存成功!", |
| | | type: "success", |
| | | }); |
| | | this.$emit("refresh"); |
| | | this.$emit("closeAdd"); |
| | | } else { |
| | | this.$notify.error(err.msg); |
| | | } |
| | | }) |
| | | .catch((err) => { |
| | | this.$notify({ |
| | | title: "失败", |
| | | message: err.data, |
| | | type: "error", |
| | | }); |
| | | this.$notify.error(err.msg); |
| | | }); |
| | | } |
| | | }); |
| | |
| | | init() { |
| | | if (Object.keys(this.baseObject).length > 3) { |
| | | this.form = this.baseObject; |
| | | if (!this.form.endTime) { |
| | | this.foreverChecked = true; |
| | | } else { |
| | | this.foreverChecked = false; |
| | | } |
| | | this.foreverChecked = !this.form.endTime; |
| | | } else { |
| | | this.$refs.baseForm.resetFields(); |
| | | } |
| | |
| | | return new Date(dateArray[0], dateArray[1] - 1, dateArray[2]); |
| | | }, |
| | | isEmpty(str) { |
| | | if (!str || str === undefined || str === null) { |
| | | return true; |
| | | } else { |
| | | return false; |
| | | } |
| | | return !str || str === undefined || str === null; |
| | | }, |
| | | dateCompare(dateString, compareDateString) { |
| | | // dateString:当前时间 |
| | | // compareDateString:需要比较的时间 |
| | | if (this.isEmpty(dateString)) { |
| | | // alert('dateString不能为空') |
| | | return; |
| | | } |
| | | if (this.isEmpty(compareDateString)) { |
| | | // alert('compareDateString不能为空') |
| | | return 1; |
| | | } |
| | | var dateTime = this.dateParse(dateString).getTime(); |
| | |
| | | }; |
| | | </script> |
| | | <style lang="scss"> |
| | | .el-date-picker.el-popper.popper-add { |
| | | border-radius: 8px; |
| | | .el-input--small .el-input__inner { |
| | | border: 1px solid #d4d5d8; |
| | | border-radius: 16px; |
| | | } |
| | | .el-date-range-picker__time-header { |
| | | border-bottom: none; |
| | | } |
| | | .el-picker-panel__footer { |
| | | border-top: none; |
| | | text-align: center; |
| | | padding-bottom: 10px; |
| | | border-radius: inherit; |
| | | } |
| | | .el-date-range-picker .el-picker-panel__content { |
| | | margin: 0; |
| | | padding: 5px 15px; |
| | | } |
| | | .el-date-picker__time-header { |
| | | border-bottom: none; |
| | | } |
| | | .el-date-picker__header { |
| | | margin-bottom: 0; |
| | | } |
| | | .el-picker-panel__content { |
| | | margin-top: 0; |
| | | } |
| | | .el-button--text { |
| | | color: #999999; |
| | | background: #fff; |
| | | padding: 9px 37px; |
| | | font-size: 14px; |
| | | border: 1px solid #999999; |
| | | border-radius: 18px; |
| | | } |
| | | .el-date-table td.start-date span, |
| | | .el-date-table td.end-date span { |
| | | background-color: var(--colorCard); |
| | | } |
| | | .el-date-table td.in-range div { |
| | | background-color: var(--colorCard) 17; |
| | | } |
| | | .el-button--default { |
| | | background: var(--colorCard); |
| | | padding: 9px 37px; |
| | | color: #fff; |
| | | border: 1px solidvar(--colorCard); |
| | | border-radius: 18px; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | .add-base-c { |
| | | background: #ffffff; |
| | | border-radius: 24px; |
| | |
| | | } |
| | | .add-base-form { |
| | | padding: 30px 20px; |
| | | |
| | | .el-form-item__label { |
| | | color: #999999; |
| | | } |
| | |
| | | background: var(--colorCard) !important; |
| | | padding: 9px 37px; |
| | | color: #fff; |
| | | border: 1px solidvar(--colorCard) !important; |
| | | border: 1px solid var(--colorCard) !important; |
| | | border-radius: 18px; |
| | | font-size: 14px; |
| | | width: 150px; |
| | |
| | | } |
| | | .end-time-pick.is-disabled .el-input__inner { |
| | | background-color: #fff; |
| | | // border-color: #dfe4ed; |
| | | cursor: not-allowed; |
| | | } |
| | | .el-form-item__content { |
| | |
| | | .end-time-pick.is-disabled .el-input__inner::placeholder { |
| | | color: #606266; |
| | | } |
| | | // .el-date-editor .el-input__inner { |
| | | // text-align: center; |
| | | // } |
| | | .el-select-dropdown__item.selected { |
| | | color: var(--colorCard); |
| | | } |
| | |
| | | } |
| | | .el-select-dropdown { |
| | | border-radius: 8px; |
| | | box-shadow: 0px 0px 8px rgb(0 0 0 / 16%); left: 0px !important; |
| | | |
| | | box-shadow: 0px 0px 8px rgb(0 0 0 / 16%); |
| | | left: 0px !important; |
| | | } |
| | | .el-popper[x-placement^="bottom"] .popper__arrow { |
| | | top: -7px; |
| | |
| | | } |
| | | .el-form-item__error { |
| | | color: #fe6d68; |
| | | padding-top: 3px; |
| | | padding-top: 5px; |
| | | left: 15px; |
| | | } |
| | | .start-time-pick { |
| | | .el-form-item__error { |
| | | top: 36px; |
| | | top: 34px; |
| | | left: 105px; |
| | | } |
| | | } |
| | |
| | | -webkit-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | // .el-radio__input.is-checked .el-radio__inner { |
| | | // border-color: #3d68e1; |
| | | // background: #3d68e1; |
| | | // } |
| | | .save { |
| | | background: var(--colorCard); |
| | | border-radius: 2px; |