{"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\\components\\linkaddress\\index.vue?vue&type=style&index=0&id=599032dd&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\linkaddress\\index.vue","mtime":1761185179973},{"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:DQo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5IHsNCn0NCjo6di1kZWVwIC5lbC10cmVlLW5vZGVfX2NvbnRlbnQgew0KICBoZWlnaHQ6IDMwcHg7DQp9DQo6OnYtZGVlcCAuZWwtdHJlZS0taGlnaGxpZ2h0LWN1cnJlbnQgLmVsLXRyZWUtbm9kZS5pcy1jdXJyZW50ID4gLmVsLXRyZWUtbm9kZV9fY29udGVudCB7DQogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByZXYtYmctbWVudS1ob3Zlci1iYS1jb2xvcikgIWltcG9ydGFudDsNCiAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCn0NCjo6di1kZWVwIC5pdnUtdHJlZS10aXRsZS1zZWxlY3RlZCwNCjo6di1kZWVwIC5pdnUtdHJlZS10aXRsZS1zZWxlY3RlZDpob3ZlciwNCjo6di1kZWVwIC5pdnUtdHJlZS10aXRsZTpob3ZlciB7DQogIGJhY2tncm91bmQtY29sb3I6IHVuc2V0Ow0KICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCn0NCjo6di1kZWVwIC5pdnUtdGFibGUtY2VsbC10cmVlIHsNCiAgYm9yZGVyOiAwOw0KICBmb250LXNpemU6IDE1cHg7DQogIGJhY2tncm91bmQtY29sb3I6IHVuc2V0Ow0KfQ0KOjp2LWRlZXAgLmVsLXRhYmxlIC5jZWxsIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCn0NCjo6di1kZWVwIC5pdnUtdGFibGUtY2VsbC10cmVlIC5pdnUtaWNvbi1pb3MtYWRkOmJlZm9yZSB7DQogIGNvbnRlbnQ6ICdcRjExRic7DQp9DQo6OnYtZGVlcCAuaXZ1LXRhYmxlLWNlbGwtdHJlZSAuaXZ1LWljb24taW9zLXJlbW92ZTpiZWZvcmUgew0KICBjb250ZW50OiAnXEYxMTYnOw0KfQ0KLnRhYkJveF9pbWcgew0KICB3aWR0aDogMzZweDsNCiAgaGVpZ2h0OiAzNnB4Ow0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGN1cnNvcjogcG9pbnRlcjsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0KDQovKiDlrprkuYnmu5HlnZcg5YaF6Zi05b2xK+WchuinkiAqLw0KOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7DQogIC13ZWJraXQtYm94LXNoYWRvdzogaW5zZXQgMCAwIDZweCAjZGRkOw0KfQ0KOjotd2Via2l0LXNjcm9sbGJhciB7DQogIHdpZHRoOiA0cHggIWltcG9ydGFudDsgLyog5a+55Z6C55u05rWB5Yqo5p2h5pyJ5pWIICovDQp9DQoub24gew0KICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7DQp9DQoubWVudS1pdGVtIHsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDsNCiAgLmljb24tYm94IHsNCiAgICB6LWluZGV4OiAzOw0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICByaWdodDogMjBweDsNCiAgICB0b3A6IDUwJTsNCiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7DQogICAgZGlzcGxheTogbm9uZTsNCiAgfQ0KICAmOmhvdmVyIC5pY29uLWJveCB7DQogICAgZGlzcGxheTogYmxvY2s7DQogIH0NCiAgLnJpZ2h0LW1lbnUgew0KICAgIHotaW5kZXg6IDEwOw0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICByaWdodDogLTEwNnB4Ow0KICAgIHRvcDogLTExcHg7DQogICAgd2lkdGg6IGF1dG87DQogICAgbWluLXdpZHRoOiAxMjFweDsNCiAgfQ0KfQ0KLnJhZGlvR3JvdXAgew0KICA6OnYtZGVlcCAuaXZ1LXJhZGlvLXdyYXBwZXIgew0KICAgIG1hcmdpbi1yaWdodDogMzBweDsNCiAgfQ0KfQ0KLnRhYmxlX2JveCB7DQogIGRpc3BsYXk6IGZsZXg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgLmxlZnRfYm94IHsNCiAgICB3aWR0aDogMTcxcHg7DQogICAgaGVpZ2h0OiA0NzBweDsNCiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgIG92ZXJmbG93LXg6IGhpZGRlbjsNCiAgICBvdmVyZmxvdy15OiBhdXRvOw0KICAgIC5sZWZ0X2NvbnQgew0KICAgICAgbWFyZ2luLWJvdHRvbTogMTJweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICB9DQogIH0NCiAgLnJpZ2h0X2JveCB7DQogICAgbWFyZ2luLWxlZnQ6IDIzcHg7DQogICAgZm9udC1zaXplOiAxM3B4Ow0KICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZyBTQzsNCiAgICBmbGV4OiAxOw0KICAgIGhlaWdodDogNDcwcHg7DQogICAgb3ZlcmZsb3cteDogaGlkZGVuOw0KICAgIG92ZXJmbG93LXk6IGF1dG87DQogICAgLmNvbnQgew0KICAgICAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgICAgIGNvbG9yOiAjMDAwMDAwOw0KICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogICAgfQ0KICAgIC5Cb3ggew0KICAgICAgbWFyZ2luLXRvcDogMTRweDsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICAuY29udF9ib3ggew0KICAgICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsNCiAgICAgICAgYmFja2dyb3VuZDogI2ZhZmFmYTsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIHBhZGRpbmc6IDdweCAzMHB4Ow0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgJjpob3ZlciB7DQogICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJldi1iZy1tZW51LWhvdmVyLWJhLWNvbG9yKTsNCiAgICAgICAgICBjb2xvcjogIzMzMzsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLml0ZW0gew0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgZGlzcGxheTogbm9uZTsNCiAgICAgICAgfQ0KICAgICAgICAmOmhvdmVyIHsNCiAgICAgICAgICAuaWNvbmZvbnQgew0KICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgICAuaWNvbmZvbnQgew0KICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgIHJpZ2h0OiA5cHg7DQogICAgICAgIHRvcDogLThweDsNCiAgICAgICAgZm9udC1zaXplOiAxOHB4Ow0KICAgICAgICBjb2xvcjogIzMzMzsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgOjp2LWRlZXAgLmVsLXRhYmxlIC5jZWxsIHsNCiAgICBwYWRkaW5nLXJpZ2h0OiAwOw0KICB9DQogIDo6di1kZWVwIC5wYWdlIHsNCiAgICBtYXJnaW4tdG9wOiAxMHB4Ow0KICB9DQogIC5CdXR0b24gew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICBib3R0b206IDE1cHg7DQogICAgcmlnaHQ6IDE1cHg7DQogICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtUmVndWxhcjsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgLmNhbmNlbCB7DQogICAgICB3aWR0aDogNzBweDsNCiAgICAgIGhlaWdodDogMzJweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTQ5MDE5NjA3ODQzMTM3MjUpOw0KICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICMwMDAwMDA7DQogICAgICBsaW5lLWhlaWdodDogMzJweDsNCiAgICAgIGZsb2F0OiBsZWZ0Ow0KICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIH0NCiAgICAub2sgew0KICAgICAgd2lkdGg6IDcwcHg7DQogICAgICBoZWlnaHQ6IDMycHg7DQogICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICNmZmZmZmY7DQogICAgICBsaW5lLWhlaWdodDogMzJweDsNCiAgICAgIGZsb2F0OiBsZWZ0Ow0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAg3BA;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;;AAEA;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/linkaddress","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog :visible.sync=\"modals\" title=\"选择链接\" :close-on-click-modal=\"false\" append-to-body width=\"1000px\">\r\n      <div class=\"table_box\">\r\n        <div class=\"left_box\" v-if=\"fromType !== 'diyPage'\">\r\n          <el-tree\r\n            :data=\"categoryData\"\r\n            node-key=\"id\"\r\n            default-expand-all\r\n            :props=\"props\"\r\n            highlight-current\r\n            @node-click=\"handleCheckChange\"\r\n            :current-node-key=\"treeId\"\r\n          ></el-tree>\r\n        </div>\r\n        <div class=\"right_box\" v-if=\"currenType == 'link'\">\r\n          <div v-if=\"tableList.length\">\r\n            <div class=\"cont\">请选择链接</div>\r\n            <div class=\"Box\">\r\n              <div\r\n                class=\"cont_box\"\r\n                :class=\"currenId == item.id ? 'on' : ''\"\r\n                v-for=\"(item, index) in tableList\"\r\n                :key=\"index\"\r\n                v-db-click\r\n                @click=\"getUrl(item)\"\r\n              >\r\n                {{ item.name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"right_box\" v-if=\"currenType == 'marketing_link' && coupon.length\">\r\n          <div>\r\n            <div class=\"cont\">优惠券</div>\r\n            <div class=\"Box\">\r\n              <div\r\n                class=\"cont_box\"\r\n                :class=\"currenId == item.id ? 'on' : ''\"\r\n                v-for=\"(item, index) in coupon\"\r\n                :key=\"index\"\r\n                v-db-click\r\n                @click=\"getUrl(item)\"\r\n              >\r\n                {{ item.name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div v-permission=\"'seckill'\" v-if=\"basicsList.length\">\r\n              <div class=\"cont\">秒杀</div>\r\n              <div class=\"Box\">\r\n                <div\r\n                  class=\"cont_box\"\r\n                  :class=\"currenId == item.id ? 'on' : ''\"\r\n                  v-for=\"(item, index) in basicsList\"\r\n                  :key=\"index\"\r\n                  v-db-click\r\n                  @click=\"getUrl(item)\"\r\n                >\r\n                  {{ item.name }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div v-permission=\"'bargain'\" v-if=\"distributionList.length\">\r\n              <div class=\"cont\">砍价</div>\r\n              <div class=\"Box\">\r\n                <div\r\n                  class=\"cont_box\"\r\n                  :class=\"currenId == item.id ? 'on' : ''\"\r\n                  v-for=\"(item, index) in distributionList\"\r\n                  :key=\"index\"\r\n                  v-db-click\r\n                  @click=\"getUrl(item)\"\r\n                >\r\n                  {{ item.name }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div v-permission=\"'combination'\" v-if=\"userList.length\">\r\n              <div class=\"cont\">拼团</div>\r\n              <div class=\"Box\">\r\n                <div\r\n                  class=\"cont_box\"\r\n                  :class=\"currenId == item.id ? 'on' : ''\"\r\n                  v-for=\"(item, index) in userList\"\r\n                  :key=\"index\"\r\n                  v-db-click\r\n                  @click=\"getUrl(item)\"\r\n                >\r\n                  {{ item.name }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div v-if=\"integral.length\">\r\n            <div class=\"cont\">积分</div>\r\n            <div class=\"Box\">\r\n              <div\r\n                class=\"cont_box\"\r\n                :class=\"currenId == item.id ? 'on' : ''\"\r\n                v-for=\"(item, index) in integral\"\r\n                :key=\"index\"\r\n                v-db-click\r\n                @click=\"getUrl(item)\"\r\n              >\r\n                {{ item.name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div v-if=\"luckDraw.length\">\r\n            <div class=\"cont\">抽奖</div>\r\n            <div class=\"Box\">\r\n              <div\r\n                class=\"cont_box\"\r\n                :class=\"currenId == item.id ? 'on' : ''\"\r\n                v-for=\"(item, index) in luckDraw\"\r\n                :key=\"index\"\r\n                v-db-click\r\n                @click=\"getUrl(item)\"\r\n              >\r\n                {{ item.name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"right_box\"\r\n          :class=\"fromType == 'diyPage' ? 'diy' : ''\"\r\n          v-if=\"\r\n            currenType == 'special' ||\r\n            currenType == 'product_category' ||\r\n            currenType == 'product' ||\r\n            currenType == 'seckill' ||\r\n            currenType == 'bargain' ||\r\n            currenType == 'combination' ||\r\n            currenType == 'news' ||\r\n            currenType == 'advance' ||\r\n            currenType == 'integral' ||\r\n            currenType == 'lottery_list'\r\n          \"\r\n        >\r\n          <el-form ref=\"formValidate\" :model=\"formValidate\" class=\"tabform\" v-if=\"currenType == 'product'\">\r\n            <el-row :gutter=\"24\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"\" label-for=\"pid\">\r\n                  <!-- <el-select v-model=\"formValidate.cate_id\" style=\"width: 180px\" clearable @change=\"userSearchs\">\r\n                    <el-option\r\n                      v-for=\"item in treeSelect\"\r\n                      :value=\"item.id\"\r\n                      :key=\"item.id\"\r\n                      :label=\"item.html + item.cate_name\"\r\n                    >\r\n                    </el-option>\r\n                  </el-select> -->\r\n                  <el-cascader\r\n                    style=\"width: 180px\"\r\n                    v-model=\"formValidate.cate_id\"\r\n                    size=\"small\"\r\n                    :options=\"treeSelect\"\r\n                    :props=\"{ multiple: true, checkStrictly: true, emitPath: false }\"\r\n                    filterable\r\n                    clearable\r\n                    @change=\"userSearchs\"\r\n                  ></el-cascader>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"12\">\r\n                <el-form-item label=\"\" label-for=\"store_name\">\r\n                  <el-input\r\n                    search\r\n                    enter-button\r\n                    placeholder=\"请输入商品名称,关键字,编号\"\r\n                    v-model=\"formValidate.store_name\"\r\n                    style=\"width: 200px\"\r\n                    @change=\"userSearchs\"\r\n                  />\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n          </el-form>\r\n          <el-table\r\n            row-key=\"id\"\r\n            ref=\"table\"\r\n            empty-text=\"暂无数据\"\r\n            :data=\"tableList\"\r\n            v-loading=\"loading\"\r\n            :max-height=\"\r\n              currenType == 'product_category'\r\n                ? '460'\r\n                : currenType == 'product' ||\r\n                  currenType == 'seckill' ||\r\n                  currenType == 'bargain' ||\r\n                  currenType == 'advance' ||\r\n                  currenType == 'combination' ||\r\n                  currenType == 'news' ||\r\n                  currenType == 'integral'\r\n                ? '428'\r\n                : ''\r\n            \"\r\n          >\r\n            <el-table-column\r\n              :width=\"currenType != 'product_category' ? 50 : 80\"\r\n              v-if=\"\r\n                [\r\n                  'special',\r\n                  'product',\r\n                  'seckill',\r\n                  'product_category',\r\n                  'bargain',\r\n                  'combination',\r\n                  'advance',\r\n                  'integral',\r\n                  'news',\r\n                  'lottery_list',\r\n                  'link',\r\n                ].includes(currenType)\r\n              \"\r\n            >\r\n              <template slot-scope=\"scope\">\r\n                <el-radio v-model=\"templateRadio\" :label=\"scope.row.id\" @change.native=\"getTemplateRow(scope.row)\"\r\n                  >&nbsp;</el-radio\r\n                >\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column\r\n              :label=\"item.title\"\r\n              :width=\"item.width\"\r\n              :min-width=\"item.minWidth\"\r\n              v-for=\"(item, index) in currenType == 'special'\r\n                ? columns\r\n                : currenType == 'product_category'\r\n                ? columns7\r\n                : currenType == 'bargain' ||\r\n                  currenType == 'combination' ||\r\n                  currenType == 'advance' ||\r\n                  currenType == 'integral'\r\n                ? bargain\r\n                : currenType == 'news'\r\n                ? news\r\n                : currenType == 'lottery_list'\r\n                ? lottery\r\n                : currenType == 'link'\r\n                ? diyLink\r\n                : columns8\"\r\n              :key=\"index\"\r\n            >\r\n              <template slot-scope=\"scope\">\r\n                <template v-if=\"item.key\">\r\n                  <div>\r\n                    <span>{{ scope.row[item.key] }}</span>\r\n                  </div>\r\n                </template>\r\n                <template v-else-if=\"item.slot === 'pic' && scope.row.hasOwnProperty('pic')\">\r\n                  <viewer>\r\n                    <div class=\"tabBox_img\">\r\n                      <img v-lazy=\"scope.row.pic\" />\r\n                    </div>\r\n                  </viewer>\r\n                </template>\r\n                <template v-else-if=\"item.slot === 'image' && scope.row.hasOwnProperty('image')\">\r\n                  <viewer>\r\n                    <div class=\"tabBox_img\">\r\n                      <img v-lazy=\"scope.row.image\" />\r\n                    </div>\r\n                  </viewer>\r\n                </template>\r\n                <template v-else-if=\"item.slot === 'image_input' && scope.row.hasOwnProperty('image_input')\">\r\n                  <viewer>\r\n                    <div class=\"tabBox_img\">\r\n                      <img v-lazy=\"scope.row.image_input[0]\" />\r\n                    </div>\r\n                  </viewer>\r\n                </template>\r\n              </template>\r\n            </el-table-column>\r\n          </el-table>\r\n          <div\r\n            class=\"acea-row row-right page\"\r\n            v-if=\"\r\n              currenType == 'product' ||\r\n              currenType == 'seckill' ||\r\n              currenType == 'bargain' ||\r\n              currenType == 'advance' ||\r\n              currenType == 'combination' ||\r\n              currenType == 'news' ||\r\n              currenType == 'integral' ||\r\n              currenType == 'lottery_list'\r\n            \"\r\n          >\r\n            <pagination\r\n              v-if=\"total\"\r\n              :total=\"total\"\r\n              :page.sync=\"formValidate.page\"\r\n              :limit.sync=\"formValidate.limit\"\r\n              @pagination=\"getList\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"right_box\" v-if=\"currenType == 'custom'\">\r\n          <!--<div v-if=\"!tableList.length || customNum==2\">-->\r\n          <!--<el-button type=\"primary\" v-db-click @click=\"customList\" v-if=\"tableList.length\">自定义列表</el-button>-->\r\n          <div style=\"width: 340px; margin: 150px 100px 0 120px\">\r\n            <el-form ref=\"customdate\" :model=\"customdate\" :rules=\"ruleValidate\" :label-width=\"100\">\r\n              <!--<el-form-item label=\"链接名称：\" prop=\"name\">-->\r\n              <!--<el-input v-model=\"customdate.name\" placeholder=\"会员中心\"></el-input>-->\r\n              <!--</el-form-item>-->\r\n              <!-- <el-form-item label=\"跳转路径：\" prop=\"url\">\r\n                <el-input v-model=\"customdate.url\" placeholder=\"请输入跳转路径\"></el-input>\r\n              </el-form-item> -->\r\n              <div class=\"mb30 radioGroup\">\r\n                <el-radio-group v-model=\"customdate.status\" @input=\"radioTap('customdate')\">\r\n                  <el-radio :label=\"2\">\r\n                    <span>跳转其他小程序</span>\r\n                  </el-radio>\r\n                  <el-radio :label=\"1\">\r\n                    <span>普通链接</span>\r\n                  </el-radio>\r\n                </el-radio-group>\r\n              </div>\r\n              <div v-if=\"customdate.status == 1\">\r\n                <el-form-item label=\"跳转路径：\" prop=\"url\" key=\"url\">\r\n                  <el-input v-model=\"customdate.url\" placeholder=\"请输入正确跳转路径\"></el-input>\r\n                </el-form-item>\r\n              </div>\r\n              <div v-if=\"customdate.status == 2\">\r\n                <el-form-item label=\"APPID：\" prop=\"appid\" key=\"appid\">\r\n                  <el-input v-model=\"customdate.appid\" placeholder=\"请输入正确APPID\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"小程序路径：\" prop=\"mpUrl\" key=\"mpUrl\">\r\n                  <el-input v-model=\"customdate.mpUrl\" placeholder=\"请输入正确小程序路径\"></el-input>\r\n                </el-form-item>\r\n              </div>\r\n            </el-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"cancel\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"handleSubmit('customdate')\" v-if=\"currenType == 'custom'\"\r\n          >确 定</el-button\r\n        >\r\n        <el-button type=\"primary\" v-db-click @click=\"ok\" v-else>确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { pageCategory, pageLink, saveLink } from '@/api/diy';\r\nimport { cascaderListApi, changeListApi } from '@/api/product';\r\nimport {\r\n  seckillListApi,\r\n  combinationListApi,\r\n  bargainListApi,\r\n  integralProductListApi,\r\n  presellListApi,\r\n} from '@/api/marketing';\r\nimport { lotteryList } from '@/api/lottery';\r\nimport { cmsListApi } from '@/api/cms';\r\nimport { linkListApi } from '@/api/setting';\r\nexport default {\r\n  name: 'linkaddress',\r\n  props: {\r\n    fromType: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      modals: false,\r\n      categoryData: [],\r\n      currenType: 'link',\r\n      props: {\r\n        label: 'name',\r\n        children: 'children',\r\n      },\r\n      templateRadio: 0,\r\n      columns: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '页面名称',\r\n          key: 'name',\r\n          width: 150,\r\n        },\r\n        {\r\n          title: '页面链接',\r\n          key: 'url',\r\n        },\r\n      ],\r\n      columns7: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '分类名称',\r\n          key: 'cate_name',\r\n          tree: true,\r\n        },\r\n        {\r\n          title: '分类图标',\r\n          slot: 'pic',\r\n        },\r\n      ],\r\n      columns8: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '商品图片',\r\n          slot: 'image',\r\n          width: 90,\r\n        },\r\n        {\r\n          title: '商品名称',\r\n          key: 'store_name',\r\n        },\r\n      ],\r\n      bargain: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '商品图片',\r\n          slot: 'image',\r\n          width: 90,\r\n        },\r\n        {\r\n          title: '商品名称',\r\n          key: 'title',\r\n        },\r\n      ],\r\n      news: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '文章图片',\r\n          slot: 'image_input',\r\n          width: 90,\r\n        },\r\n        {\r\n          title: '文章名称',\r\n          key: 'title',\r\n        },\r\n      ],\r\n      lottery: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 60,\r\n        },\r\n        {\r\n          title: '名称',\r\n          key: 'name',\r\n        },\r\n      ],\r\n      formValidate: {\r\n        page: 1,\r\n        limit: 15,\r\n        cate_id: '',\r\n        store_name: '',\r\n      },\r\n      total: 0,\r\n      basicsList: [],\r\n      userList: [],\r\n      distributionList: [],\r\n      coupon: [],\r\n      luckDraw: [],\r\n      integral: [],\r\n      currenId: '',\r\n      currenUrl: '',\r\n      loading: false,\r\n      tableList: [],\r\n      presentId: 0,\r\n      categoryId: '', //左侧分类id\r\n      treeSelect: [],\r\n      customdate: {\r\n        url: '',\r\n        appid: '',\r\n        mpUrl: '',\r\n        status: 2,\r\n      },\r\n      customNum: 1,\r\n      ruleValidate: {\r\n        name: [{ required: true, message: '请输入链接名称', trigger: 'blur' }],\r\n        url: [{ required: true, message: '请输入跳转路径', trigger: 'blur' }],\r\n        appid: [{ required: true, message: '请输入APPID', trigger: 'blur' }],\r\n      },\r\n      treeId: 0,\r\n    };\r\n  },\r\n  computed: {},\r\n  created() {\r\n    this.getSort();\r\n    this.goodsCategory();\r\n  },\r\n  methods: {\r\n    getTemplateRow(row) {\r\n      this.presentId = row.id;\r\n      this.currenUrl = row.url;\r\n    },\r\n    // 删除\r\n    delLink(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `diy/del_link/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.tableList.splice(num, 1);\r\n          if (!this.tableList.length) {\r\n            this.customNum = 2;\r\n          }\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    customLink() {\r\n      this.customNum = 2;\r\n    },\r\n    customList() {\r\n      this.customNum = 1;\r\n    },\r\n    getCustomList() {\r\n      pageLink(this.categoryId)\r\n        .then((res) => {\r\n          if (!res.data.list.length) {\r\n            this.customNum = 2;\r\n          }\r\n          this.tableList = res.data.list;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    getLotteryList() {},\r\n    handleSubmit(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          let url = this.customdate.url;\r\n          if (this.customdate.status == 1) {\r\n            url = this.customdate.url;\r\n          } else {\r\n            url = this.customdate.mpUrl + '@APPID=' + this.customdate.appid;\r\n          }\r\n          this.$emit('linkUrl', url);\r\n          this.modals = false;\r\n          this.reset();\r\n          // saveLink(this.customdate,this.categoryId).then(res=>{\r\n          // \tthis.getCustomList();\r\n          // \tthis.$message.success(res.msg);\r\n          // \tthis.$emit(\"linkUrl\",this.customdate.url);\r\n          // \tthis.modals = false\r\n          // \tthis.reset();\r\n          // }).catch(err=>{\r\n          // \tthis.$message.error(err.msg);\r\n          // })\r\n        } else {\r\n          this.$message.error('请填写信息');\r\n        }\r\n      });\r\n    },\r\n    handleReset(name) {\r\n      this.$refs[name].resetFields();\r\n    },\r\n    // 商品分类；\r\n    goodsCategory() {\r\n      cascaderListApi(1)\r\n        .then((res) => {\r\n          this.treeSelect = res.data;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 表格搜索\r\n    userSearchs() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\r\n    },\r\n    reset() {\r\n      this.currenUrl = '';\r\n      this.presentId = 0;\r\n      this.currenId = '';\r\n      // this.customdate.name=\"\";\r\n      this.customdate.url = '';\r\n    },\r\n    getUrl(item) {\r\n      this.currenId = item.id;\r\n      this.currenUrl = item.url;\r\n    },\r\n    getSort() {\r\n      pageCategory()\r\n        .then((res) => {\r\n          res.data[0].children[0].selected = true;\r\n          this.categoryData = res.data;\r\n          if (this.fromType === 'diyPage') {\r\n            this.handleCheckChange(res.data[0].children[2]);\r\n          } else {\r\n            this.handleCheckChange(res.data[0].children[0].children[0]);\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    getList() {\r\n      this.loading = true;\r\n      this.formValidate.limit = 15;\r\n      if (this.currenType == 'product') {\r\n        changeListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/goods_details/index?id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'seckill') {\r\n        seckillListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/activity/goods_seckill_details/index?id=${e.id}&status=1`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'advance') {\r\n        presellListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/activity/presell/index?id=${e.id}&status=1`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n            advance;\r\n          });\r\n      } else if (this.currenType == 'bargain') {\r\n        bargainListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/activity/goods_bargain_details/index?id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'combination') {\r\n        combinationListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/activity/goods_combination_details/index?id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'news') {\r\n        cmsListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/extension/news_details/index?id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'lottery_list') {\r\n        this.formValidate = {\r\n          page: 1,\r\n          limit: 15,\r\n          factor: 1,\r\n        };\r\n        lotteryList(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/goods/lottery/grids/index?type=1&lottery_id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      } else if (this.currenType == 'integral') {\r\n        integralProductListApi(this.formValidate)\r\n          .then(async (res) => {\r\n            let data = res.data;\r\n            data.list.forEach((e) => {\r\n              e.url = `/pages/points_mall/integral_goods_details?id=${e.id}`;\r\n            });\r\n            this.tableList = data.list;\r\n            this.total = res.data.count;\r\n            this.loading = false;\r\n          })\r\n          .catch((res) => {\r\n            this.loading = false;\r\n            this.$message.error(res.msg);\r\n          });\r\n      }\r\n    },\r\n    handleCheckChange(data) {\r\n      this.reset();\r\n      let id = '';\r\n      this.treeId = data.id;\r\n      if (data.pid) {\r\n        id = data.id;\r\n        this.categoryId = data.id;\r\n      } else {\r\n        return false;\r\n      }\r\n      this.loading = true;\r\n      this.currenType = data.type;\r\n      if (\r\n        this.currenType == 'product' ||\r\n        this.currenType == 'seckill' ||\r\n        this.currenType == 'bargain' ||\r\n        this.currenType == 'combination' ||\r\n        this.currenType == 'news' ||\r\n        this.currenType == 'advance' ||\r\n        this.currenType == 'integral' ||\r\n        this.currenType == 'lottery_list'\r\n      ) {\r\n        this.getList();\r\n      } else if (this.currenType == 'custom') {\r\n        this.getCustomList();\r\n      } else {\r\n        this.formValidate = {\r\n          id,\r\n          page: 1,\r\n        };\r\n        linkListApi(this.formValidate)\r\n          .then((res) => {\r\n            this.loading = false;\r\n            let data = res.data.list;\r\n            this.total = res.data.count;\r\n            if (this.currenType == 'special') {\r\n              let list = [];\r\n              data.forEach((e) => {\r\n                e.url = `/pages/annex/special/index?id=${e.id}&name=${e.name}`;\r\n                if (e.is_diy) {\r\n                  list.push(e);\r\n                }\r\n              });\r\n              this.tableList = list;\r\n            } else {\r\n              this.tableList = data;\r\n            }\r\n            // if (this.currenType == 'marketing_link' || this.currenType == 'link') {\r\n            //   let basicsList = [];\r\n            //   let distributionList = [];\r\n            //   let userList = [];\r\n            //   let integral = [];\r\n            //   let luckDraw = [];\r\n            //   let coupon = [];\r\n            //   data.forEach((e) => {\r\n            //     if (e.type == 1) {\r\n            //       basicsList.push(e);\r\n            //     } else if (e.type == 2) {\r\n            //       distributionList.push(e);\r\n            //     } else if (e.type == 3) {\r\n            //       userList.push(e);\r\n            //     } else if (e.type == 4) {\r\n            //       integral.push(e);\r\n            //     } else if (e.type == 5) {\r\n            //       luckDraw.push(e);\r\n            //     } else {\r\n            //       coupon.push(e);\r\n            //     }\r\n            //   });\r\n            //   this.basicsList = basicsList;\r\n            //   this.distributionList = distributionList;\r\n            //   this.userList = userList;\r\n            //   this.coupon = coupon;\r\n            //   this.luckDraw = luckDraw;\r\n            //   this.integral = integral;\r\n            // } else if (this.currenType == 'special') {\r\n            //   let list = [];\r\n            //   data.forEach((e) => {\r\n            //     e.url = `/pages/annex/special/index?id=${e.id}&name=${e.name}`;\r\n            //     if (e.is_diy) {\r\n            //       list.push(e);\r\n            //     }\r\n            //   });\r\n            //   this.tableList = list;\r\n            // } else if (this.currenType == 'product_category') {\r\n            //   data.forEach((e) => {\r\n            //     if (e.hasOwnProperty('children')) {\r\n            //       e.children.forEach((j) => {\r\n            //         j.url = `/pages/goods/goods_list/index?sid=${j.id}&title=${j.cate_name}`;\r\n            //       });\r\n            //     }\r\n            //     e.url = `/pages/goods/goods_list/index?cid=${e.id}&title=${e.cate_name}`;\r\n            //   });\r\n            //   this.tableList = data;\r\n            // }\r\n          })\r\n          .catch((err) => {\r\n            this.loading = false;\r\n            this.$message.error(err.msg);\r\n          });\r\n      }\r\n    },\r\n    ok() {\r\n      if (this.currenUrl == '') {\r\n        return this.$message.warning('请选择链接');\r\n      } else {\r\n        this.$emit('linkUrl', this.currenUrl);\r\n        this.modals = false;\r\n        this.reset();\r\n      }\r\n    },\r\n    cancel() {\r\n      this.modals = false;\r\n      this.reset();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-dialog__body {\r\n}\r\n::v-deep .el-tree-node__content {\r\n  height: 30px;\r\n}\r\n::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {\r\n  background-color: var(--prev-bg-menu-hover-ba-color) !important;\r\n  border-right: 2px solid var(--prev-color-primary);\r\n}\r\n::v-deep .ivu-tree-title-selected,\r\n::v-deep .ivu-tree-title-selected:hover,\r\n::v-deep .ivu-tree-title:hover {\r\n  background-color: unset;\r\n  color: var(--prev-color-primary);\r\n}\r\n::v-deep .ivu-table-cell-tree {\r\n  border: 0;\r\n  font-size: 15px;\r\n  background-color: unset;\r\n}\r\n::v-deep .el-table .cell {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n::v-deep .ivu-table-cell-tree .ivu-icon-ios-add:before {\r\n  content: '\\F11F';\r\n}\r\n::v-deep .ivu-table-cell-tree .ivu-icon-ios-remove:before {\r\n  content: '\\F116';\r\n}\r\n.tabBox_img {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n/* 定义滑块 内阴影+圆角 */\r\n::-webkit-scrollbar-thumb {\r\n  -webkit-box-shadow: inset 0 0 6px #ddd;\r\n}\r\n::-webkit-scrollbar {\r\n  width: 4px !important; /* 对垂直流动条有效 */\r\n}\r\n.on {\r\n  background-color: var(--prev-color-primary) !important;\r\n  color: #fff !important;\r\n}\r\n.menu-item {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  word-break: break-all;\r\n  .icon-box {\r\n    z-index: 3;\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: none;\r\n  }\r\n  &:hover .icon-box {\r\n    display: block;\r\n  }\r\n  .right-menu {\r\n    z-index: 10;\r\n    position: absolute;\r\n    right: -106px;\r\n    top: -11px;\r\n    width: auto;\r\n    min-width: 121px;\r\n  }\r\n}\r\n.radioGroup {\r\n  ::v-deep .ivu-radio-wrapper {\r\n    margin-right: 30px;\r\n  }\r\n}\r\n.table_box {\r\n  display: flex;\r\n  position: relative;\r\n  .left_box {\r\n    width: 171px;\r\n    height: 470px;\r\n    border-right: 1px solid #eeeeee;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    .left_cont {\r\n      margin-bottom: 12px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .right_box {\r\n    margin-left: 23px;\r\n    font-size: 13px;\r\n    font-family: PingFang SC;\r\n    flex: 1;\r\n    height: 470px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    .cont {\r\n      font-weight: 500;\r\n      color: #000000;\r\n      font-weight: bold;\r\n    }\r\n    .Box {\r\n      margin-top: 14px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .cont_box {\r\n        font-weight: 400;\r\n        color: rgba(0, 0, 0, 0.85);\r\n        background: #fafafa;\r\n        border-radius: 3px;\r\n        text-align: center;\r\n        padding: 7px 30px;\r\n        margin-right: 10px;\r\n        margin-bottom: 10px;\r\n        cursor: pointer;\r\n        &:hover {\r\n          background-color: var(--prev-bg-menu-hover-ba-color);\r\n          color: #333;\r\n        }\r\n      }\r\n      .item {\r\n        position: relative;\r\n        .iconfont {\r\n          display: none;\r\n        }\r\n        &:hover {\r\n          .iconfont {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n      .iconfont {\r\n        position: absolute;\r\n        right: 9px;\r\n        top: -8px;\r\n        font-size: 18px;\r\n        color: #333;\r\n      }\r\n    }\r\n  }\r\n  ::v-deep .el-table .cell {\r\n    padding-right: 0;\r\n  }\r\n  ::v-deep .page {\r\n    margin-top: 10px;\r\n  }\r\n  .Button {\r\n    position: absolute;\r\n    bottom: 15px;\r\n    right: 15px;\r\n    font-family: PingFangSC-Regular;\r\n    text-align: center;\r\n    .cancel {\r\n      width: 70px;\r\n      height: 32px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(0, 0, 0, 0.14901960784313725);\r\n      border-radius: 2px;\r\n      font-size: 14px;\r\n      color: #000000;\r\n      line-height: 32px;\r\n      float: left;\r\n      margin-right: 10px;\r\n      cursor: pointer;\r\n    }\r\n    .ok {\r\n      width: 70px;\r\n      height: 32px;\r\n      background: var(--prev-color-primary);\r\n      border-radius: 2px;\r\n      font-size: 14px;\r\n      color: #ffffff;\r\n      line-height: 32px;\r\n      float: left;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}