{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devise\\links.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devise\\links.vue","mtime":1761614939053},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgQ2xpcGJvYXJkSlMgZnJvbSAnY2xpcGJvYXJkJzsNCmltcG9ydCB7IGdldFVybCB9IGZyb20gJ0AvYXBpL2RpeSc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdsaW5rcycsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGxpc3Q6IFsNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfllYbln47pppbpobUnLA0KICAgICAgICAgIHVybDogJy9wYWdlcy9nb29kcy9vcmRlcl9saXN0L2luZGV4JywNCiAgICAgICAgICBwYXJhbWV0ZXI6IFt7fV0sDQogICAgICAgICAgZXhhbXBsZTogJy9wYWdlcy9hY3Rpdml0eS9iYXJnYWluL2luZGV4JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfllYbln47pppbpobUnLA0KICAgICAgICAgIHVybDogJy9wYWdlcy9nb29kcy9vcmRlcl9saXN0L2luZGV4JywNCiAgICAgICAgICBwYXJhbWV0ZXI6IFt7fV0sDQogICAgICAgICAgZXhhbXBsZTogJy9wYWdlcy9hY3Rpdml0eS9iYXJnYWluL2luZGV4JywNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgfTsNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICBnZXRVcmwoKS50aGVuKChyZXMpID0+IHsNCiAgICAgIHRoaXMubGlzdCA9IHJlcy5kYXRhLnVybDsNCiAgICB9KTsNCiAgfSwNCiAgbW91bnRlZDogZnVuY3Rpb24gKCkgew0KICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsNCiAgICAgIGNvbnN0IGNsaXBib2FyZCA9IG5ldyBDbGlwYm9hcmRKUygnLmNvcHktZGF0YScpOw0KICAgICAgY2xpcGJvYXJkLm9uKCdzdWNjZXNzJywgKCkgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+WkjeWItuaIkOWKnycpOw0KICAgICAgfSk7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBvbkNvcHkoY29weURhdGEpIHsNCiAgICAgIHRoaXMuJGNvcHlUZXh0KGNvcHlEYXRhKQ0KICAgICAgICAudGhlbigobWVzc2FnZSkgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygn5aSN5Yi25oiQ5YqfJyk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign5aSN5Yi25aSx6LSlJyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8gb25FcnJvciAoKSB7DQogICAgLy8gICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+WkjeWItuaIkOWKnycpOw0KICAgIC8vIH0NCiAgfSwNCn07DQo="},{"version":3,"sources":["links.vue"],"names":[],"mappings":";AAuBA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"links.vue","sourceRoot":"src/pages/setting/devise","sourcesContent":["<template>\r\n  <div class=\"right-box\">\r\n    <div class=\"link-item\" v-for=\"(item, index) in list\" :key=\"index\">\r\n      <div class=\"title\">{{ item.name }}</div>\r\n      <div class=\"txt\"><span>地址：</span>{{ item.url }}</div>\r\n      <div class=\"txt\" v-if=\"item.parameter\">\r\n        <p><span>参数：</span></p>\r\n        <span v-for=\"(val, key, index) in item.parameter\" :key=\"index\"\r\n          >{{ key + '=' + val }}<i style=\"font-style: normal\">&</i></span\r\n        >\r\n      </div>\r\n      <div class=\"tips\">\r\n        例如：{{ item.example }}\r\n        <!--<el-button size=\"small\" style=\"margin-left: 10px\" v-clipboard:copy=\"item.example\"-->\r\n        <!--v-clipboard:success=\"onCopy\"-->\r\n        <!--v-clipboard:error=\"onError\">复制</el-button>-->\r\n        <span class=\"copy copy-data\" v-db-click @click=\"onCopy(item.example)\">复制</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ClipboardJS from 'clipboard';\r\nimport { getUrl } from '@/api/diy';\r\nexport default {\r\n  name: 'links',\r\n  data() {\r\n    return {\r\n      list: [\r\n        {\r\n          name: '商城首页',\r\n          url: '/pages/goods/order_list/index',\r\n          parameter: [{}],\r\n          example: '/pages/activity/bargain/index',\r\n        },\r\n        {\r\n          name: '商城首页',\r\n          url: '/pages/goods/order_list/index',\r\n          parameter: [{}],\r\n          example: '/pages/activity/bargain/index',\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  created() {\r\n    getUrl().then((res) => {\r\n      this.list = res.data.url;\r\n    });\r\n  },\r\n  mounted: function () {\r\n    this.$nextTick(function () {\r\n      const clipboard = new ClipboardJS('.copy-data');\r\n      clipboard.on('success', () => {\r\n        this.$message.success('复制成功');\r\n      });\r\n    });\r\n  },\r\n  methods: {\r\n    onCopy(copyData) {\r\n      this.$copyText(copyData)\r\n        .then((message) => {\r\n          this.$message.success('复制成功');\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error('复制失败');\r\n        });\r\n    },\r\n    // onError () {\r\n    //     this.$message.error('复制成功');\r\n    // }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.right-box {\r\n  width: 400px;\r\n  margin-left: 50px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  height: 700px;\r\n  overflow-y: scroll;\r\n  padding: 0 10px;\r\n  &::-webkit-scrollbar {\r\n    /*滚动条整体样式*/\r\n    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/\r\n    height: 1px;\r\n  }\r\n  &::-webkit-scrollbar-thumb {\r\n    /*滚动条里面小方块*/\r\n    border-radius: 4px;\r\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n    background: #535353;\r\n  }\r\n  &::-webkit-scrollbar-track {\r\n    /*滚动条里面轨道*/\r\n    box-shadow: inset 0 0 5px #fff;\r\n    border-radius: 4px;\r\n    background: #fff;\r\n  }\r\n  .link-item {\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    .title {\r\n      font-size: 14px;\r\n      color: #2d8cf0;\r\n    }\r\n    .txt {\r\n      margin: 5px 0;\r\n      font-size: 12px;\r\n      span {\r\n        color: #333;\r\n      }\r\n      p {\r\n        display: inline-block;\r\n        color: #19be6b;\r\n        margin-right: 10px;\r\n        span {\r\n          color: #333;\r\n        }\r\n        &.red {\r\n          color: #f00;\r\n        }\r\n      }\r\n    }\r\n    .tips {\r\n      font-size: 12px;\r\n      color: #999;\r\n      .copy {\r\n        padding: 3px 5px;\r\n        border: 1px solid #cccccc;\r\n        border-radius: 5px;\r\n        color: #333;\r\n        cursor: pointer;\r\n        margin-left: 5px;\r\n        &:hover {\r\n          border-color: #2d8cf0;\r\n          color: #2d8cf0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}