{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\crontab\\createModal.vue?vue&type=style&index=0&id=a9f96f26&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\crontab\\createModal.vue","mtime":1761185180210},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZm9ybS1jYXJkIHsNCiAgbWFyZ2luLWJvdHRvbTogNzRweDsNCg0KICA6OnYtZGVlcCAuaXZ1LWNhcmQtYm9keSB7DQogICAgcGFkZGluZzogMzBweCAwOw0KICB9DQp9DQoucGItMjAgew0KICBwYWRkaW5nLWJvdHRvbTogMjBweDsNCn0NCi5idG4tY2FyZCB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCiAgcmlnaHQ6IDA7DQogIGJvdHRvbTogMDsNCiAgbGVmdDogMjAwcHg7DQogIHotaW5kZXg6IDI7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCg0KLmlucHV0LW51bWJlci13cmFwcGVyIHsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIHdpZHRoOiAxMDAlOw0KICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICBsaW5lLWhlaWdodDogbm9ybWFsOw0KDQogIC5pdnUtaW5wdXQtbnVtYmVyIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBwYWRkaW5nLXJpZ2h0OiAzNXB4Ow0KICB9DQoNCiAgOjp2LWRlZXAgLml2dS1pbnB1dC1udW1iZXItaGFuZGxlci13cmFwIHsNCiAgICByaWdodDogMzVweDsNCiAgfQ0KDQogIC5zdWZmaXggew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB0b3A6IDA7DQogICAgcmlnaHQ6IDA7DQogICAgei1pbmRleDogMTsNCiAgICB3aWR0aDogMzVweDsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBsaW5lLWhlaWdodDogMzNweDsNCiAgICBjb2xvcjogIzMzMzMzMzsNCiAgfQ0KfQ0KDQoudHJpcCB7DQogIHBhZGRpbmctbGVmdDogMTVweDsNCiAgY29sb3I6ICNhYWE7DQp9DQo6OnYtZGVlcCAuZWwtaW5wdXQtbnVtYmVyX19pbmNyZWFzZSwNCjo6di1kZWVwIC5lbC1pbnB1dC1udW1iZXJfX2RlY3JlYXNlIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCi5tbDMwIHsNCiAgbWFyZ2luLWxlZnQ6IDMwcHg7DQp9DQouZGlhbG9nLWZvb3RlciB7DQogIC8vIOWbuuWumuWcqOW6lemDqA0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIGJvdHRvbTogMDsNCiAgbGVmdDogMDsNCiAgcmlnaHQ6IDA7DQogIHotaW5kZXg6IDE7DQogIHBhZGRpbmc6IDEwcHggMjBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNlOGU4ZTg7DQogIGRpc3BsYXk6IGZsZXg7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KfQ0KLm1vbmFjby1lZGl0b3Igew0KICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1wcmV2LWJvcmRlci1jb2xvci1iYXNlKTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBoZWlnaHQ6IDQwMHB4Ow0KICBvdmVyZmxvdzogaGlkZGVuOw0KfQ0K"},{"version":3,"sources":["createModal.vue"],"names":[],"mappings":";AA2WA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"createModal.vue","sourceRoot":"src/pages/system/crontab","sourcesContent":["<template>\r\n  <div>\r\n    <el-drawer\r\n      :visible.sync=\"modal\"\r\n      :title=\"formValidate.id ? '编辑定时任务' : '添加定时任务'\"\r\n      size=\"1000px\"\r\n      @closed=\"initData\"\r\n    >\r\n      <el-form v-if=\"modal\" class=\"pb-20\" ref=\"formValidate\" :model=\"formValidate\" label-width=\"97px\" label-colon>\r\n        <el-form-item label=\"任务名称：\" v-if=\"currentTab === '1'\">\r\n          <el-row :gutter=\"10\">\r\n            <el-col :span=\"24\">\r\n              <el-input v-model=\"formValidate.name\" type=\"text\" placeholder=\"请输入任务名称\"></el-input>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form-item>\r\n        <el-form-item label=\"执行周期：\" required>\r\n          <el-row :gutter=\"14\">\r\n            <el-col :span=\"4\">\r\n              <el-select v-model=\"formValidate.type\">\r\n                <el-option\r\n                  v-for=\"item in typeList\"\r\n                  :key=\"item.value\"\r\n                  :value=\"item.value\"\r\n                  :label=\"item.name\"\r\n                ></el-option>\r\n              </el-select>\r\n            </el-col>\r\n            <el-col v-if=\"formValidate.type == 6\" :span=\"4\">\r\n              <el-select v-model=\"formValidate.week\">\r\n                <el-option v-for=\"item in weekList\" :key=\"item.value\" v-bind=\"item\"></el-option>\r\n              </el-select>\r\n            </el-col>\r\n            <el-col v-if=\"[8].includes(formValidate.type)\" :span=\"4\">\r\n              <div class=\"input-number-wrapper\">\r\n                <el-input-number :controls=\"false\" v-model=\"formValidate.month\" :max=\"12\" :min=\"1\"></el-input-number>\r\n                <span class=\"suffix\">月</span>\r\n              </div>\r\n            </el-col>\r\n            <el-col v-if=\"[4, 7, 8].includes(formValidate.type)\" :span=\"4\">\r\n              <div class=\"input-number-wrapper\">\r\n                <el-input-number\r\n                  :controls=\"false\"\r\n                  v-model=\"formValidate.day\"\r\n                  :max=\"formValidate.type === 4 ? 10000 : 31\"\r\n                  :min=\"1\"\r\n                ></el-input-number>\r\n                <span class=\"suffix\">日</span>\r\n              </div>\r\n            </el-col>\r\n            <el-col v-if=\"[3, 4, 5, 6, 7, 8].includes(formValidate.type)\" :span=\"4\">\r\n              <div class=\"input-number-wrapper\">\r\n                <el-input-number\r\n                  controls-position=\"right\"\r\n                  v-model=\"formValidate.hour\"\r\n                  :max=\"23\"\r\n                  :min=\"0\"\r\n                ></el-input-number>\r\n                <span class=\"suffix\">时</span>\r\n              </div>\r\n            </el-col>\r\n            <el-col v-if=\"[2, 3, 4, 5, 6, 7, 8].includes(formValidate.type)\" :span=\"4\">\r\n              <div class=\"input-number-wrapper\">\r\n                <el-input-number\r\n                  controls-position=\"right\"\r\n                  v-model=\"formValidate.minute\"\r\n                  :max=\"formValidate.type === 2 ? 36000 : 59\"\r\n                  :min=\"0\"\r\n                ></el-input-number>\r\n                <span class=\"suffix\">分</span>\r\n              </div>\r\n            </el-col>\r\n            <el-col v-if=\"[1, 5, 6, 7].includes(formValidate.type)\" :span=\"4\">\r\n              <div class=\"input-number-wrapper\">\r\n                <el-input-number\r\n                  controls-position=\"right\"\r\n                  v-model=\"formValidate.second\"\r\n                  :max=\"formValidate.type === 1 ? 36000 : 59\"\r\n                  :min=\"0\"\r\n                ></el-input-number>\r\n                <span class=\"suffix\">秒</span>\r\n              </div>\r\n            </el-col>\r\n          </el-row>\r\n          <el-row :gutter=\"12\">\r\n            <div class=\"trip\">{{ trip }}</div>\r\n          </el-row>\r\n        </el-form-item>\r\n        <el-form-item label=\"任务说明：\">\r\n          <el-row :gutter=\"10\">\r\n            <el-col :span=\"24\">\r\n              <el-input\r\n                v-model=\"formValidate.content\"\r\n                type=\"textarea\"\r\n                :autosize=\"{ minRows: 3, maxRows: 5 }\"\r\n                placeholder=\"请输入任务说明\"\r\n              ></el-input>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form-item>\r\n        <el-form-item label=\"执行代码：\" v-if=\"currentTab === '1'\">\r\n          <el-row :gutter=\"10\">\r\n            <el-col :span=\"24\">\r\n              <div ref=\"container\" id=\"container\" class=\"monaco-editor\"></div>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form-item>\r\n        <el-form-item label=\"开发密码：\" v-if=\"currentTab === '1'\">\r\n          <el-row :gutter=\"10\">\r\n            <el-col :span=\"24\">\r\n              <el-input\r\n                v-model=\"formValidate.password\"\r\n                type=\"password\"\r\n                placeholder=\"请输入系统开发密码，开发密码在crmeb/config/filesystem.php中修改password\"\r\n              ></el-input>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form-item>\r\n        <el-form-item label=\"是否开启：\">\r\n          <el-row :gutter=\"10\">\r\n            <el-col :span=\"12\">\r\n              <el-switch :active-value=\"1\" :inactive-value=\"0\" v-model=\"formValidate.is_open\" size=\"large\">\r\n                <span slot=\"open\">开启</span>\r\n                <span slot=\"close\">关闭</span>\r\n              </el-switch>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form-item>\r\n      </el-form>\r\n      <span class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"modal = false\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"handleSubmit\">提 交</el-button>\r\n      </span>\r\n    </el-drawer>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as monaco from 'monaco-editor';\r\nimport { mapMutations } from 'vuex';\r\nimport { timerTask, timerInfo, saveTimer, updateTimer } from '@/api/system';\r\nexport default {\r\n  props: {\r\n    currentTab: {\r\n      type: String,\r\n      default: '0',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      modal: false,\r\n      typeList: [\r\n        {\r\n          name: '每隔N秒',\r\n          value: 1,\r\n        },\r\n        {\r\n          name: '每隔N分钟',\r\n          value: 2,\r\n        },\r\n        {\r\n          name: '每隔N小时',\r\n          value: 3,\r\n        },\r\n        {\r\n          name: '每隔N天',\r\n          value: 4,\r\n        },\r\n        {\r\n          name: '每天',\r\n          value: 5,\r\n        },\r\n        {\r\n          name: '每星期',\r\n          value: 6,\r\n        },\r\n        {\r\n          name: '每月',\r\n          value: 7,\r\n        },\r\n        {\r\n          name: '每年',\r\n          value: 8,\r\n        },\r\n      ],\r\n      task: {},\r\n      loading: false,\r\n      formValidate: {\r\n        name: '',\r\n        mark: 'customTimer', //键\r\n        content: '',\r\n        is_open: 0,\r\n        type: 1,\r\n        month: 1,\r\n        week: 1,\r\n        day: 1,\r\n        hour: 1,\r\n        minute: 1,\r\n        second: 1,\r\n        customCode: '',\r\n      },\r\n      trip: '',\r\n      weekList: [\r\n        { label: '周一', value: 1 },\r\n        { label: '周二', value: 2 },\r\n        { label: '周三', value: 3 },\r\n        { label: '周四', value: 4 },\r\n        { label: '周五', value: 5 },\r\n        { label: '周六', value: 6 },\r\n        { label: '周日', value: 7 },\r\n      ],\r\n      editor: '', //当前编辑器对象\r\n    };\r\n  },\r\n  watch: {\r\n    formValidate: {\r\n      handler(nVal, oVal) {\r\n        switch (nVal.type) {\r\n          case 1:\r\n            this.trip = `每隔${nVal.second}秒执行一次`;\r\n            break;\r\n          case 2:\r\n            this.trip = `每隔${nVal.minute}分钟执行一次`;\r\n            break;\r\n          case 3:\r\n            this.trip = `每隔${nVal.hour}小时的${nVal.minute}分执行一次`;\r\n            break;\r\n          case 4:\r\n            this.trip = `每隔${nVal.day}天的${nVal.hour}时${nVal.minute}分执行一次`;\r\n            break;\r\n          case 5:\r\n            this.trip = `每天${nVal.hour}时${nVal.minute}分${nVal.second}秒执行一次`;\r\n            break;\r\n          case 6:\r\n            this.trip = `每个星期${nVal.week}的${nVal.hour}时${nVal.minute}分${nVal.second}秒执行一次`;\r\n            break;\r\n          case 7:\r\n            this.trip = `每月${nVal.day}日的${nVal.hour}时${nVal.minute}分${nVal.second}秒执行一次`;\r\n            break;\r\n          case 8:\r\n            this.trip = `每年${nVal.month}月${nVal.day}日的${nVal.hour}时${nVal.minute}分${nVal.second}秒执行一次`;\r\n            break;\r\n        }\r\n      },\r\n      immediate: true,\r\n      deep: true,\r\n    },\r\n  },\r\n  created() {\r\n    this.timerTask();\r\n  },\r\n  methods: {\r\n    ...mapMutations('admin/layout', ['setCopyrightShow']),\r\n    modalOpen() {\r\n      if (this.currentTab === '1') {\r\n        this.initEditor();\r\n      }\r\n    },\r\n    /**\r\n     * 初始化编辑器\r\n     */\r\n    initEditor(conetnt = '') {\r\n      try {\r\n        let that = this;\r\n        that.$nextTick(() => {\r\n          // 初始化编辑器，确保dom已经渲染\r\n          that.editor = monaco.editor.create(document.getElementById('container'), {\r\n            value: conetnt, //编辑器初始显示文字\r\n            language: 'php', //语言支持自行查阅demo\r\n            automaticLayout: true, //自动布局\r\n            theme: 'vs-dark', //官方自带三种主题vs, hc-black, or vs-dark\r\n            foldingStrategy: 'indentation', // 代码可分小段折叠\r\n            overviewRulerBorder: false, // 不要滚动条的边框\r\n            minimap: { enabled: false },\r\n            scrollbar: {\r\n              vertical: 'hidden',\r\n              horizontal: 'hidden',\r\n            },\r\n            wordWrap: 'on',\r\n            autoIndent: true, // 自动布局\r\n            tabSize: 4, // tab缩进长度\r\n            autoClosingOvertype: 'always',\r\n            readOnly: false,\r\n          });\r\n        });\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    timerTask() {\r\n      timerTask().then((res) => {\r\n        this.task = res.data;\r\n      });\r\n    },\r\n    initData(status) {\r\n      this.formValidate = {\r\n        name: '',\r\n        mark: '',\r\n        content: '',\r\n        is_open: 0,\r\n        type: 1,\r\n        month: 1,\r\n        week: 1,\r\n        day: 1,\r\n        hour: 1,\r\n        minute: 1,\r\n        second: 1,\r\n        customCode: '',\r\n      };\r\n      this.modal = false;\r\n    },\r\n    timerInfo(id) {\r\n      if (id) {\r\n        timerInfo(id).then((res) => {\r\n          this.modal = true;\r\n          this.formValidate = res.data;\r\n          this.initEditor(res.data.customCode || '');\r\n        });\r\n      } else {\r\n        this.modal = true;\r\n        this.initEditor(\r\n          \"<?php\\n\\n//示例代码\\n\\n//直接写入数据库\\n\\\\think\\\\facade\\\\Db::name('cache')->insert(['key' => 'custom_timer_' . rand(), 'result' => rand(), 'expire_time' => 0]);\\n\\n//调用系统方法\\napp()->make(\\\\app\\\\services\\\\other\\\\CacheServices::class)->setDbCache('custom_timer_' . rand(), rand());\",\r\n        );\r\n      }\r\n    },\r\n    // 提交\r\n    handleSubmit() {\r\n      console.log(this.currentTab);\r\n      if (this.currentTab === '1') {\r\n        this.formValidate.customCode = this.editor.getValue();\r\n        this.formValidate.mark = 'customTimer';\r\n      }\r\n      if (!this.formValidate.mark) {\r\n        return this.$message.error({\r\n          message: '请选择任务名称',\r\n          onClose: () => {\r\n            // this.loading = false;\r\n          },\r\n        });\r\n      }\r\n      this.saveTimer(this.formValidate);\r\n    },\r\n    taskChange(task) {\r\n      // this.formValidate.mark = task.value;\r\n    },\r\n    saveTimer(data) {\r\n      saveTimer(data)\r\n        .then((res) => {\r\n          this.$message.success({\r\n            message: res.msg,\r\n          });\r\n          this.$emit('submitAsk');\r\n          this.modal = false;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form-card {\r\n  margin-bottom: 74px;\r\n\r\n  ::v-deep .ivu-card-body {\r\n    padding: 30px 0;\r\n  }\r\n}\r\n.pb-20 {\r\n  padding-bottom: 20px;\r\n}\r\n.btn-card {\r\n  position: fixed;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 200px;\r\n  z-index: 2;\r\n  text-align: center;\r\n}\r\n\r\n.input-number-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n  vertical-align: middle;\r\n  line-height: normal;\r\n\r\n  .ivu-input-number {\r\n    width: 100%;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  ::v-deep .ivu-input-number-handler-wrap {\r\n    right: 35px;\r\n  }\r\n\r\n  .suffix {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    width: 35px;\r\n    height: 100%;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    line-height: 33px;\r\n    color: #333333;\r\n  }\r\n}\r\n\r\n.trip {\r\n  padding-left: 15px;\r\n  color: #aaa;\r\n}\r\n::v-deep .el-input-number__increase,\r\n::v-deep .el-input-number__decrease {\r\n  display: none;\r\n}\r\n.ml30 {\r\n  margin-left: 30px;\r\n}\r\n.dialog-footer {\r\n  // 固定在底部\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1;\r\n  padding: 10px 20px;\r\n  background-color: #fff;\r\n  border-top: 1px solid #e8e8e8;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.monaco-editor {\r\n  border: 1px solid var(--prev-border-color-base);\r\n  border-radius: 4px;\r\n  height: 400px;\r\n  overflow: hidden;\r\n}\r\n</style>\r\n"]}]}