{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\notification\\notificationEdit.vue?vue&type=style&index=0&id=6aa879e6&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\notification\\notificationEdit.vue","mtime":1761614939057},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZWRpdCB7DQp9DQouaGVhZGVyX3RvcCB7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQp9DQouZGVtby10YWJzLXN0eWxlMSA+IC5pdnUtdGFicy1jYXJkID4gLml2dS10YWJzLWNvbnRlbnQgew0KICBoZWlnaHQ6IDEyMHB4Ow0KICBtYXJnaW4tdG9wOiAtMTZweDsNCn0NCg0KLmRlbW8tdGFicy1zdHlsZTEgPiAuaXZ1LXRhYnMtY2FyZCA+IC5pdnUtdGFicy1jb250ZW50ID4gLml2dS10YWJzLXRhYnBhbmUgew0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBwYWRkaW5nOiAxNnB4Ow0KfQ0KDQouZGVtby10YWJzLXN0eWxlMSA+IC5pdnUtdGFicy5pdnUtdGFicy1jYXJkID4gLml2dS10YWJzLWJhciAuaXZ1LXRhYnMtdGFiIHsNCiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDsNCn0NCg0KLmRlbW8tdGFicy1zdHlsZTEgPiAuaXZ1LXRhYnMtY2FyZCA+IC5pdnUtdGFicy1iYXIgLml2dS10YWJzLXRhYi1hY3RpdmUgew0KICBib3JkZXItY29sb3I6ICNmZmY7DQp9DQoNCi50YWJzIHsNCiAgcGFkZGluZzogMCAzMHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KfQ0KDQoudHJpcCB7DQogIGNvbG9yOiByZ2IoMTQ2LCAxMzksIDEzOSk7DQogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7DQogIG1hcmdpbi1sZWZ0OiA4MHB4Ow0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIHBhZGRpbmc6IDE1cHg7DQp9DQoNCi5jb250ZW50IHsNCiAgZGlzcGxheTogZmxleDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KfQ0KDQouZm9ybS1zdHkgew0KICBtYXJnaW4tdG9wOiAyMHB4Ow0KfQ0KLnZhbHVlLWxpc3Qgew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHJpZ2h0OiA3cHg7DQogIGJvdHRvbTogN3B4Ow0KICB3aWR0aDogMjJweDsNCiAgaGVpZ2h0OiAyMnB4Ow0KICBsaW5lLWhlaWdodDogMjJweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBiYWNrZ3JvdW5kOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBjb2xvcjogI2VkZWRlZDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBib3JkZXItcmFkaXVzOiA0cHg7DQp9DQoudmFyaWFibGUgew0KICAuaXRlbSB7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIHBhZGRpbmc6IDVweCAxMHB4Ow0KICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7DQogIH0NCiAgLml0ZW06aG92ZXIgew0KICAgIGJhY2tncm91bmQ6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeS1saWdodC05KTsNCiAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogIH0NCn0NCi8vIOa7muWKqOadoeagt+W8jw0KLnZhcmlhYmxlOjotd2Via2l0LXNjcm9sbGJhciB7DQogIHdpZHRoOiA0cHg7DQogIGhlaWdodDogNHB4Ow0KfQ0KLnZhcmlhYmxlOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7DQogIGJhY2tncm91bmQ6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeS1saWdodC05KTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KfQ0KLnZhcmlhYmxlOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7DQogIGJhY2tncm91bmQ6ICNmMmYyZjI7DQp9DQo="},{"version":3,"sources":["notificationEdit.vue"],"names":[],"mappings":";AA2ZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"notificationEdit.vue","sourceRoot":"src/pages/setting/notification","sourcesContent":["<template>\r\n  <div class=\"edit\">\r\n    <pages-header\r\n      ref=\"pageHeader\"\r\n      :title=\"$route.meta.title\"\r\n      :backUrl=\"$routeProStr + '/setting/notification/index'\"\r\n    ></pages-header>\r\n    <div class=\"tabs mt16\">\r\n      <el-row :gutter=\"32\">\r\n        <el-col :span=\"32\" class=\"demo-tabs-style1\" style=\"padding: 16px\">\r\n          <el-tabs v-model=\"tagName\" @tab-click=\"changeTabs\">\r\n            <el-tab-pane v-for=\"(item, index) in tabsList\" :key=\"index\" :name=\"item.slot\" :label=\"item.title\">\r\n              <el-form class=\"form-sty\" ref=\"formData\" :model=\"formData\" :rules=\"ruleValidate\" label-width=\"85px\">\r\n                <div v-if=\"item.slot === 'is_system' && !loading\">\r\n                  <el-form-item label=\"通知标题：\">\r\n                    <el-input\r\n                      v-model=\"formData.system_title\"\r\n                      placeholder=\"请输入通知标题\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        ref=\"system_text\"\r\n                        id=\"system_text\"\r\n                        v-model=\"formData.system_text\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      >\r\n                      </el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'system_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_system\">\r\n                    <el-radio-group v-model=\"formData.is_system\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-if=\"item.slot === 'is_sms' && !loading\">\r\n                  <el-form-item label=\"短信模版ID：\">\r\n                    <el-input v-model=\"formData.sms_id\" placeholder=\"短信模版ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        id=\"sms_text\"\r\n                        v-model=\"formData.sms_text\"\r\n                        type=\"textarea\"\r\n                        :disabled=\"formData.type_n != 3\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      ></el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'sms_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_sms\">\r\n                    <el-radio-group v-model=\"formData.is_sms\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-else-if=\"item.slot === 'is_wechat' && !loading\">\r\n                  <el-form-item label=\"模板编号：\">\r\n                    <el-input\r\n                      v-model=\"formData.tempkey\"\r\n                      :disabled=\"formData.type_n !== 3\"\r\n                      placeholder=\"请输入通模板编号\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板ID：\">\r\n                    <el-input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        :disabled=\"formData.type_n !== 3\"\r\n                        v-model=\"formData.content\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入模板\"\r\n                        style=\"width: 500px\"\r\n                        @input=\"handleContentChange\"\r\n                      ></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"字段：\" v-if=\"formData.type_n == 3 && keyList.length\">\r\n                    <div class=\"content\">\r\n                      <keys-list\r\n                        :key-list=\"keyList\"\r\n                        :variableList=\"formData.custom_variable\"\r\n                        @add=\"handleAdd\"\r\n                        @remove=\"handleRemove\"\r\n                      />\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转链接：\">\r\n                    <el-input\r\n                      v-model=\"formData.wechat_link\"\r\n                      placeholder=\"请输入模版跳转链接，可携带参数\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转小程序：\" prop=\"wechat_to_routine\">\r\n                    <el-radio-group v-model=\"formData.wechat_to_routine\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"0\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                    <div class=\"tips-info\">\r\n                      开启之后，点击模版消息，跳转小程序对应的页面，需要小程序已经审核上线才可使用\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_wechat\">\r\n                    <el-radio-group v-model=\"formData.is_wechat\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-else-if=\"item.slot === 'is_routine' && !loading\">\r\n                  <el-form-item label=\"模板编号：\">\r\n                    <el-input\r\n                      v-model=\"formData.tempkey\"\r\n                      :disabled=\"formData.type_n !== 3\"\r\n                      placeholder=\"请输入通模板编号\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板ID：\">\r\n                    <el-input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        :disabled=\"formData.type_n !== 3\"\r\n                        v-model=\"formData.content\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入模板\"\r\n                        style=\"width: 500px\"\r\n                        @input=\"handleContentChange\"\r\n                      ></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"字段：\" v-if=\"formData.type_n == 3 && keyList.length\">\r\n                    <div class=\"content\">\r\n                      <keys-list\r\n                        :key-list=\"keyList\"\r\n                        :variableList=\"formData.custom_variable\"\r\n                        @add=\"handleAdd\"\r\n                        @remove=\"handleRemove\"\r\n                      />\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转链接：\">\r\n                    <el-input\r\n                      v-model=\"formData.routine_link\"\r\n                      placeholder=\"请输入模版跳转链接，可携带参数\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_routine\">\r\n                    <el-radio-group v-model=\"formData.is_routine\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n\r\n                <div v-else-if=\"item.slot === 'is_ent_wechat' && !loading\">\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        id=\"ent_wechat_text\"\r\n                        v-model=\"formData.ent_wechat_text\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      ></el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'ent_wechat_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"机器人链接：\">\r\n                    <div class=\"content\">\r\n                      <el-input v-model=\"formData.url\" placeholder=\"请输入机器人链接\" style=\"width: 500px\"></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_ent_wechat\">\r\n                    <el-radio-group v-model=\"formData.is_ent_wechat\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <el-form-item>\r\n                  <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formData')\">提交</el-button>\r\n                </el-form-item>\r\n              </el-form>\r\n            </el-tab-pane>\r\n          </el-tabs>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getNotificationInfo, getNotificationSave } from '@/api/notification.js';\r\nimport keysList from './components/keysList.vue';\r\nexport default {\r\n  components: { keysList },\r\n  data() {\r\n    return {\r\n      tabs: [\r\n        {\r\n          title: '系统通知',\r\n          slot: 'is_system',\r\n        },\r\n        {\r\n          title: '短信通知',\r\n          slot: 'is_sms',\r\n        },\r\n        {\r\n          title: '微信模板消息',\r\n          slot: 'is_wechat',\r\n        },\r\n        {\r\n          title: '微信小程序提醒',\r\n          slot: 'is_routine',\r\n        },\r\n        {\r\n          title: '企业微信',\r\n          slot: 'is_ent_wechat',\r\n        },\r\n      ],\r\n      tabsList: [],\r\n      formData: {},\r\n      id: 0,\r\n      loading: true,\r\n      tagName: 'is_system',\r\n      ruleValidate: {\r\n        name: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知场景',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n        title: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知场景',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n        content: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知内容',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n      },\r\n      keyList: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.id = this.$route.query.id;\r\n    this.getData(this.id, this.tagName, 1);\r\n  },\r\n  methods: {\r\n    handleContentChange(e) {\r\n      if (this.formData.type_n == 3) {\r\n        const regex = /{{(.*?)\\./g;\r\n        let match;\r\n        this.keyList = [];\r\n        while ((match = regex.exec(e))) {\r\n          this.keyList.push({\r\n            key: match[1],\r\n            value: '',\r\n          });\r\n        }\r\n      }\r\n    },\r\n    handleRemove(index) {\r\n      this.keyList.splice(index, 1);\r\n    },\r\n    // 新增卡密\r\n    handleAdd() {\r\n      this.keyList.push({\r\n        key: '',\r\n        value: '',\r\n      });\r\n    },\r\n    changeTabs() {\r\n      this.getData(this.id, this.tagName);\r\n    },\r\n    getData(id, name, init) {\r\n      this.loading = true;\r\n      this.formData = {};\r\n      getNotificationInfo(id, name)\r\n        .then((res) => {\r\n          if (!this.tabsList.length) {\r\n            this.tabs.map((v) => {\r\n              if (res.data[v.slot]) {\r\n                this.tabsList.push(v);\r\n              }\r\n            });\r\n          }\r\n          if (init) this.tagName = this.tabsList[0].slot;\r\n          this.formData = res.data;\r\n          this.formData.type_n = res.data.type; // - -!\r\n          this.formData.type = name; // 类型名称\r\n          this.formData.id = id;\r\n          this.keyList = res.data.key_list || [];\r\n          this.loading = false;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    handleSubmit(name) {\r\n      this.formData.key_list = this.keyList;\r\n      getNotificationSave(this.formData)\r\n        .then((res) => {\r\n          this.$message.success('设置成功');\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err);\r\n        });\r\n    },\r\n    handleReset(name) {\r\n      this.$emit('close');\r\n    },\r\n    changeValue(e, name) {\r\n      // 获取dom元素\r\n      let textInput = document.getElementById(name);\r\n      // 获取光标初始索引\r\n      let index = textInput.selectionStart;\r\n      // 拼接字符串的形式来得到需要的内容\r\n      this.formData[name] = this.formData[name].substring(0, index) + e + this.formData[name].substring(index);\r\n      this.$nextTick(() => {\r\n        textInput.selectionStart = index + e.length;\r\n        textInput.selectionEnd = index + e.length;\r\n        textInput.focus();\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.edit {\r\n}\r\n.header_top {\r\n  margin-bottom: 10px;\r\n}\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content {\r\n  height: 120px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content > .ivu-tabs-tabpane {\r\n  background: #fff;\r\n  padding: 16px;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab {\r\n  border-color: transparent;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab-active {\r\n  border-color: #fff;\r\n}\r\n\r\n.tabs {\r\n  padding: 0 30px;\r\n  background-color: #fff;\r\n}\r\n\r\n.trip {\r\n  color: rgb(146, 139, 139);\r\n  background-color: #f2f2f2;\r\n  margin-left: 80px;\r\n  border-radius: 4px;\r\n  padding: 15px;\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.form-sty {\r\n  margin-top: 20px;\r\n}\r\n.value-list {\r\n  position: absolute;\r\n  right: 7px;\r\n  bottom: 7px;\r\n  width: 22px;\r\n  height: 22px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  background: var(--prev-color-primary);\r\n  color: #ededed;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n}\r\n.variable {\r\n  .item {\r\n    cursor: pointer;\r\n    padding: 5px 10px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .item:hover {\r\n    background: var(--prev-color-primary-light-9);\r\n    color: var(--prev-color-primary);\r\n    border-radius: 4px;\r\n  }\r\n}\r\n// 滚动条样式\r\n.variable::-webkit-scrollbar {\r\n  width: 4px;\r\n  height: 4px;\r\n}\r\n.variable::-webkit-scrollbar-thumb {\r\n  background: var(--prev-color-primary-light-9);\r\n  border-radius: 4px;\r\n}\r\n.variable::-webkit-scrollbar-track {\r\n  background: #f2f2f2;\r\n}\r\n</style>\r\n"]}]}