{"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\\kefu\\pc\\components\\msgWindow.vue?vue&type=style&index=0&id=0805965c&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\components\\msgWindow.vue","mtime":1761185180104},{"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:DQouaGVhZCB7DQogIC50YWItYmFyIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIC50YWItaXRlbSB7DQogICAgICBtYXJnaW4tcmlnaHQ6IDI0cHg7DQogICAgICBjb2xvcjogIzk5OTsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7DQogICAgICAmLm9uIHsNCiAgICAgICAgY29sb3I6ICMzMzMzMzM7DQogICAgICB9DQogICAgfQ0KICB9DQogIC5zZWFyY2gtYm94IHsNCiAgICBtYXJnaW4tdG9wOiAxNXB4Ow0KICB9DQp9DQoubWFpbiB7DQogIGRpc3BsYXk6IGZsZXg7DQogIG1hcmdpbi10b3A6IDE1cHg7DQogIGhlaWdodDogMzY1cHg7DQogIC5sZWZ0LWJveCB7DQogICAgd2lkdGg6IDEwNnB4Ow0KICAgIGhlaWdodDogMTAwJTsNCiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZWNlY2VjOw0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgLmxlZnQtaXRlbSB7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgIGhlaWdodDogMzZweDsNCiAgICAgIHBhZGRpbmc6IDAgMTBweCAwIDE0cHg7DQogICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAmLm9uIHsNCiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5LWxpZ2h0LTkpOw0KICAgICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgLmljb25Eb3Qgew0KICAgICAgICAgIHotaW5kZXg6IDE7DQogICAgICAgICAgb3BhY2l0eTogMTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgJjpudGgtY2hpbGQoMSkub24sDQogICAgICAmOm50aC1jaGlsZCgyKS5vbiB7DQogICAgICAgIC5pY29uRG90IHsNCiAgICAgICAgICBkaXNwbGF5OiBub25lOw0KICAgICAgICB9DQogICAgICB9DQogICAgICAuaWNvbmFkZHRvIHsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgLmljb25Eb3Qgew0KICAgICAgICB6LWluZGV4OiAtMTsNCiAgICAgICAgb3BhY2l0eTogMDsNCiAgICAgIH0NCiAgICAgIC5lZGl0LXdyYXBwZXIgew0KICAgICAgICB6LWluZGV4OiA1MDsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICByaWdodDogLTJweDsNCiAgICAgICAgdG9wOiAtNHB4Ow0KICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICB3aWR0aDogODBweDsNCiAgICAgICAgYm94LXNoYWRvdzogMCAxcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4yKTsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgICAuZWRpdC1pdGVtIHsNCiAgICAgICAgICBwYWRkaW5nOiA4cHggMTZweDsNCiAgICAgICAgICBjb2xvcjogIzY2NiAhaW1wb3J0YW50Ow0KICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLmVkaXQtYmcgew0KICAgICAgICB6LWluZGV4OiA0MDsNCiAgICAgICAgcG9zaXRpb246IGZpeGVkOw0KICAgICAgICBsZWZ0OiAwOw0KICAgICAgICB0b3A6IDA7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAucmlnaHQtYm94IHsNCiAgICBmbGV4OiAxOw0KICAgIHBhZGRpbmc6IDAgMTJweDsNCiAgICBvdmVyZmxvdy14OiBoaWRkZW47DQogICAgLm1zZy1pdGVtIHsNCiAgICAgIG1hcmdpbi10b3A6IDEycHg7DQogICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlOw0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgLmJveDEgew0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIC50eHQtYm94IHsNCiAgICAgICAgICBmbGV4OiAxOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgICAgICAudGl0bGUgew0KICAgICAgICAgICAgbWF4LXdpZHRoOiAzNzBweDsNCiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNXB4Ow0KICAgICAgICAgICAgY29sb3I6ICMzMzM7DQogICAgICAgICAgICBmb250LXdlaWdodDogNzAwOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgICAuZWRpdC1ib3ggew0KICAgICAgICAgIHotaW5kZXg6IC0xOw0KICAgICAgICAgIG9wYWNpdHk6IDA7DQogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICAgIHJpZ2h0OiA3cHg7DQogICAgICAgICAgdG9wOiAwOw0KICAgICAgICAgIHdpZHRoOiA2MHB4Ow0KICAgICAgICAgIGhlaWdodDogMzBweDsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgICBtYXJnaW46IDAgOHB4Ow0KICAgICAgICAgICAgY29sb3I6ICMwMDAwMDA7DQogICAgICAgICAgICBmb250LXNpemU6IDE2cHg7DQogICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgICAuYm94MiB7DQogICAgICAgIHBhZGRpbmctYm90dG9tOiAxNXB4Ow0KICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7DQogICAgICAgIGJhY2tncm91bmQ6ICNmNWY1ZjU7DQogICAgICAgIC5pbnB1dC1ib3ggew0KICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgICAgICAgIDo6di1kZWVwIC5pdnUtaW5wdXQgew0KICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7DQogICAgICAgICAgICBib3JkZXI6IDA7DQogICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgICAuY29udGVudCB7DQogICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgIHBhZGRpbmc6IDEycHggMTFweCAwOw0KICAgICAgICAgIGNvbG9yOiAjMzMzMzMzOw0KICAgICAgICB9DQogICAgICAgIC5ib20gew0KICAgICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICAgICAgcGFkZGluZzogMCAyMHB4IDAgMTFweDsNCiAgICAgICAgICBtYXJnaW4tdG9wOiAxMHB4Ow0KDQogICAgICAgICAgYnV0dG9uIHsNCiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7DQogICAgICAgICAgICB3aWR0aDogNzBweDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgICY6aG92ZXIgew0KICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlOw0KICAgICAgICAuYm94MSAuZWRpdC1ib3ggew0KICAgICAgICAgIHotaW5kZXg6IDE7DQogICAgICAgICAgb3BhY2l0eTogMTsNCiAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICAgIC5hZGQtYm94IHsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDA7DQogICAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgICAgLmJveDIgew0KICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMDsNCiAgICAgICAgLmNvbkJveCB7DQogICAgICAgICAgaGVpZ2h0OiAwOw0KICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAgICAgJi5hY3RpdmUgew0KICAgICAgICAgICAgYW5pbWF0aW9uOiBteW1vdmUgMC40cyBlYXNlOw0KICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTsNCiAgICAgICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnJpZ2h0LXNjcm9sbCB7DQogIGhlaWdodDogMzQ1cHg7DQp9DQouY2xhc3MtYm94IHsNCiAgLml0ZW0gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KICAgICY6bGFzdC1jaGlsZCB7DQogICAgICBtYXJnaW4tYm90dG9tOiAwOw0KICAgIH0NCg0KICAgIGlucHV0IHsNCiAgICAgIGZsZXg6IDE7DQogICAgfQ0KDQogICAgc3BhbiB7DQogICAgICB3aWR0aDogODBweDsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["msgWindow.vue"],"names":[],"mappings":";AAweA;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;;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"msgWindow.vue","sourceRoot":"src/pages/kefu/pc/components","sourcesContent":["<template>\r\n  <div class=\"msg-box\">\r\n    <div class=\"head\">\r\n      <div class=\"tab-bar\">\r\n        <a\r\n          href=\"javascript:;\"\r\n          class=\"tab-item\"\r\n          :class=\"{ on: item.key == tabCur }\"\r\n          v-for=\"(item, index) in tabList\"\r\n          :key=\"index\"\r\n          v-db-click\r\n          @click=\"bindTab(item)\"\r\n          >{{ item.title }}</a\r\n        >\r\n      </div>\r\n      <div class=\"search-box\">\r\n        <el-input placeholder=\"搜索快捷回复\" style=\"width: 100%\" v-model=\"searchTxt\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <div class=\"left-box\">\r\n        <vue-scroll :ops=\"ops\">\r\n          <div class=\"left-item\" v-if=\"tabCur\">\r\n            <p>分组</p>\r\n            <span class=\"iconfont iconaddto\" v-db-click @click=\"openAddSort\"></span>\r\n          </div>\r\n          <div\r\n            class=\"left-item\"\r\n            v-for=\"(item, index) in sortList\"\r\n            :key=\"index\"\r\n            :class=\"{ on: cateId == item.id }\"\r\n            v-db-click\r\n            @click=\"selectSort(item)\"\r\n          >\r\n            <p>{{ item.name }}</p>\r\n            <template v-if=\"tabCur\">\r\n              <span class=\"iconfont iconDot\" v-db-click @click.top=\"bindEdit(item, scope.$index)\"></span>\r\n\r\n              <div class=\"edit-wrapper\" v-show=\"item.isEdit\">\r\n                <div class=\"edit-item\" v-db-click @click=\"editSort(item)\">编辑</div>\r\n                <div class=\"edit-item\" v-db-click @click=\"delSort(item, '删除分类', scope.$index)\">删除</div>\r\n              </div>\r\n              <div class=\"edit-bg\" v-show=\"item.isEdit\" v-db-click @click.stop=\"item.isEdit = false\"></div>\r\n            </template>\r\n          </div>\r\n        </vue-scroll>\r\n      </div>\r\n      <div class=\"right-box\">\r\n        <div\r\n          v-infinite-scroll=\"handleReachBottom\"\r\n          class=\"right-scroll\"\r\n          :infinite-scroll-immediate=\"false\"\r\n          :infinite-scroll-delay=\"500\"\r\n          style=\"overflow: auto\"\r\n        >\r\n          <div class=\"msg-item add-box\" v-if=\"tabCur\" style=\"margin-top: 0\">\r\n            <div class=\"box2\">\r\n              <el-input\r\n                class=\"input-box\"\r\n                v-model=\"addMsg.title\"\r\n                placeholder=\"输入标题（选填）\"\r\n                style=\"width: 100%\"\r\n                @on-focus=\"bindFocus\"\r\n              />\r\n              <div class=\"conBox\" :class=\"{ active: addMsg.isEdit }\">\r\n                <div class=\"content\">\r\n                  <el-input v-model=\"addMsg.message\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入内容\" />\r\n                </div>\r\n                <div class=\"bom\">\r\n                  <div class=\"select\">\r\n                    <el-select v-model=\"addMsg.cateId\" style=\"width: 100px\" size=\"small\">\r\n                      <el-option v-for=\"item in sortList\" :value=\"item.id\" :key=\"item.id\">{{ item.name }} </el-option>\r\n                    </el-select>\r\n                  </div>\r\n                  <div class=\"btns-box\">\r\n                    <el-button v-db-click @click.stop=\"addMsg.isEdit = false\">取消</el-button>\r\n                    <el-button type=\"primary\" v-db-click @click.stop=\"bindAdd\">保存</el-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"msg-item\" v-for=\"(item, index) in list\" :key=\"index\" v-if=\"item.id\">\r\n            <div class=\"box1\" v-if=\"!item.isEdit\">\r\n              <div class=\"txt-box\" v-db-click @click=\"bindRadio(item)\">\r\n                <span class=\"title\" v-if=\"item.title\">{{ item.title | filtersTitle }}</span>\r\n                <span v-if=\"item.message\">{{ item.message | filtersCon }}</span>\r\n              </div>\r\n              <div class=\"edit-box\" v-if=\"tabCur\">\r\n                <span class=\"iconfont iconbianji\" v-db-click @click.stop=\"editMsg(item)\"></span>\r\n                <span class=\"iconfont iconshanchu\" v-db-click @click.stop=\"delMsg(item, '删除话术', index)\"></span>\r\n              </div>\r\n            </div>\r\n            <div class=\"box2\" v-else>\r\n              <el-input class=\"input-box\" v-model=\"item.title\" placeholder=\"输入标题（选填）\" style=\"width: 100%\" />\r\n              <div class=\"content\">\r\n                <el-input v-model=\"item.message\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入内容\" />\r\n              </div>\r\n              <div class=\"bom\">\r\n                <div class=\"select\">\r\n                  <el-select v-model=\"cateId\" style=\"width: 100px\" size=\"small\">\r\n                    <el-option v-for=\"item in sortList\" :value=\"item.id\" :key=\"item.id\" :label=\"item.name\"></el-option>\r\n                  </el-select>\r\n                </div>\r\n                <div class=\"btns-box\">\r\n                  <el-button v-db-click @click.stop=\"item.isEdit = false\">取消</el-button>\r\n                  <el-button type=\"primary\" v-db-click @click.stop=\"updataMsg(item)\">保存</el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog :visible.sync=\"isAddSort\" append-to-body :title=\"maskTitle\" width=\"304px\" class=\"class-box\">\r\n      <div class=\"item\">\r\n        <span>分组名称：</span>\r\n        <el-input v-model=\"classTitle\" placeholder=\"分组名称\" />\r\n      </div>\r\n      <div class=\"item\">\r\n        <span>分组排序：</span>\r\n        <el-input v-model=\"classSort\" placeholder=\"输入排序\" />\r\n      </div>\r\n      <div class=\"btn\"></div>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" v-db-click @click=\"addServiceCate\">确定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  speeChcraft,\r\n  serviceCate,\r\n  serviceCateUpdate,\r\n  addSpeeChcraft,\r\n  addServiceCate,\r\n  editServiceCate,\r\n} from '@/api/kefu';\r\nexport default {\r\n  name: 'msgWindow',\r\n  data() {\r\n    return {\r\n      ops: {\r\n        vuescroll: {\r\n          mode: 'native',\r\n          enable: false,\r\n          tips: {\r\n            deactive: 'Push to Load',\r\n            active: 'Release to Load',\r\n            start: 'Loading...',\r\n            beforeDeactive: 'Load Successfully!',\r\n          },\r\n          auto: false,\r\n          autoLoadDistance: 0,\r\n          pullRefresh: {\r\n            enable: false,\r\n          },\r\n          pushLoad: {\r\n            enable: false,\r\n            auto: true,\r\n            autoLoadDistance: 10,\r\n          },\r\n        },\r\n        bar: {\r\n          background: '#393232',\r\n          opacity: '.5',\r\n          size: '2px',\r\n        },\r\n      },\r\n      isScroll: true,\r\n      page: 1,\r\n      limit: 15,\r\n      tabCur: 1,\r\n      tabList: [\r\n        {\r\n          title: '个人库',\r\n          key: 1,\r\n        },\r\n        {\r\n          title: '公共库',\r\n          key: 0,\r\n        },\r\n      ],\r\n      searchTxt: '', // 搜索\r\n      list: [\r\n        {\r\n          isEdit: false,\r\n        },\r\n      ], // 列表\r\n      model1: '',\r\n      msgTitle: '', // 填写的标题\r\n      sortList: [], // 分类\r\n      cateId: '', // 选中的id\r\n      addMsg: {\r\n        title: '',\r\n        message: '',\r\n        cateId: '',\r\n        isEdit: false,\r\n      },\r\n      isAddSort: false, // 添加分类\r\n      classTitle: '', // 分类名称\r\n      classSort: '', // 分类排序\r\n      maskTitle: '', // 弹窗标题\r\n      editObj: {}, // 编辑分类对象\r\n    };\r\n  },\r\n  filters: {\r\n    filtersTitle(val) {\r\n      let len = 37;\r\n      if (val.length > len) {\r\n        let data = val.substring(0, len);\r\n        return `${data}...`;\r\n      } else {\r\n        return val;\r\n      }\r\n    },\r\n    filtersCon(val) {\r\n      let len = 113;\r\n      if (val.length > len) {\r\n        let data = val.substring(0, len);\r\n        return `${data}...`;\r\n      } else {\r\n        return val;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    let self = this;\r\n    this.serviceCate();\r\n    this.$nextTick(() => {\r\n      // this.scroll = new BScroll(this.$refs.wrapper, {\r\n      //   mouseWheel: {\r\n      //     speed: 20,\r\n      //     invert: false,\r\n      //     easeTime: 300,\r\n      //   },\r\n      //   scrollbar: true,\r\n      //   disableMouse: true,\r\n      //   // and so on\r\n      // });\r\n    });\r\n  },\r\n  methods: {\r\n    // 打开编辑\r\n    editMsg(item) {\r\n      item.isEdit = true;\r\n      this.cateId = item.cate_id;\r\n    },\r\n    // 编辑框\r\n    bindEdit(item, index) {\r\n      //   if (index == 0) {\r\n      //     return;\r\n      //   } else {\r\n      item.isEdit = !item.isEdit;\r\n      //   }\r\n    },\r\n    // 头部选择\r\n    bindTab(item) {\r\n      console.log('1122');\r\n      debugger;\r\n      this.tabCur = item.key;\r\n      this.cateId = '';\r\n      this.sortList = [];\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.serviceCate();\r\n    },\r\n    // 搜索\r\n    bindSearch() {\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.getList();\r\n    },\r\n    // 选择分类\r\n    selectSort(item) {\r\n      if (this.cateId == item.id) {\r\n        return;\r\n      }\r\n      this.sortList.forEach((el, index) => {\r\n        if (el.id != item.id) {\r\n          el.isEdit = false;\r\n        }\r\n      });\r\n      this.cateId = item.id;\r\n      this.isScroll = true;\r\n      this.page = 1;\r\n      this.list = [];\r\n      this.getList();\r\n    },\r\n    // 删除分类\r\n    delSort(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `/service/cate/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n        kefu: true,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.isScroll = true;\r\n          this.page = 1;\r\n          this.list = [];\r\n          this.cateId = '';\r\n          this.serviceCate();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 获取分类\r\n    serviceCate() {\r\n      serviceCate({\r\n        type: this.tabCur,\r\n      }).then((res) => {\r\n        let obj = {\r\n          id: '',\r\n          name: '全部',\r\n        };\r\n        res.data.data.forEach((el, index) => {\r\n          el.isEdit = false;\r\n        });\r\n        // res.data.data.unshift(obj)\r\n        this.sortList = res.data.data;\r\n        if (this.cateId === '') {\r\n          this.cateId = res.data.data[0].id;\r\n        }\r\n        this.getList();\r\n      });\r\n    },\r\n    // 获取列表\r\n    getList() {\r\n      if (!this.isScroll) return;\r\n      speeChcraft({\r\n        page: this.page,\r\n        limit: this.limit,\r\n        title: this.searchTxt,\r\n        cate_id: this.cateId,\r\n        type: this.tabCur,\r\n      }).then((res) => {\r\n        this.isScroll = res.data.length >= this.limit;\r\n        res.data.forEach((el, index) => {\r\n          el.isEdit = false;\r\n        });\r\n        this.page++;\r\n        this.list = this.list.concat(res.data);\r\n      });\r\n    },\r\n    // 修改话术\r\n    updataMsg(item) {\r\n      serviceCateUpdate(item.id, {\r\n        title: item.title,\r\n        cate_id: this.cateId,\r\n        message: item.message,\r\n      })\r\n        .then((res) => {\r\n          this.$message.success('修改成功');\r\n          item.isEdit = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$message.error(error.msg);\r\n          item.isEdit = true;\r\n        });\r\n    },\r\n    // 添加框显示\r\n    bindFocus() {\r\n      this.list.forEach((el, item) => {\r\n        el.isEdit = false;\r\n      });\r\n      this.addMsg.isEdit = true;\r\n    },\r\n    // 打开添加窗口\r\n    openAddSort() {\r\n      this.isAddSort = true;\r\n      this.maskTitle = '添加分组';\r\n      this.editObj.id = 0;\r\n    },\r\n    // 添加话术\r\n    bindAdd() {\r\n      addSpeeChcraft({\r\n        title: this.addMsg.title,\r\n        cate_id: this.addMsg.cateId,\r\n        message: this.addMsg.message,\r\n      })\r\n        .then((res) => {\r\n          this.addMsg.title = '';\r\n          this.addMsg.message = '';\r\n          this.addMsg.cateId = '';\r\n          this.addMsg.isEdit = false;\r\n          this.$message.success(res.msg);\r\n          res.data.isEdit = false;\r\n          this.page = 1;\r\n          this.list = [];\r\n          this.isScroll = true;\r\n          this.serviceCate();\r\n        })\r\n        .catch((error) => {\r\n          this.$message.error(error.msg);\r\n        });\r\n    },\r\n    // 删除\r\n    delMsg(row, tit, num, type) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `service/speechcraft/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n        kefu: true,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.list.splice(num, 1);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 添加分类\r\n    addServiceCate() {\r\n      if (this.editObj.id) {\r\n        editServiceCate(this.editObj.id, {\r\n          name: this.classTitle,\r\n          sort: this.classSort,\r\n        })\r\n          .then((res) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.success(res.msg);\r\n            this.isAddSort = false;\r\n            this.page = 1;\r\n            this.list = [];\r\n            this.isScroll = true;\r\n            this.serviceCate();\r\n          })\r\n          .catch((error) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.error(error.msg);\r\n          });\r\n      } else {\r\n        addServiceCate({\r\n          name: this.classTitle,\r\n          sort: this.classSort,\r\n        })\r\n          .then((res) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.success(res.msg);\r\n            this.isAddSort = false;\r\n            this.page = 1;\r\n            this.list = [];\r\n            this.isScroll = true;\r\n            this.serviceCate();\r\n          })\r\n          .catch((error) => {\r\n            this.classTitle = '';\r\n            this.classSort = '';\r\n            this.$message.error(error.msg);\r\n          });\r\n      }\r\n    },\r\n    // 编辑分类\r\n    editSort(item) {\r\n      this.classSort = item.sort;\r\n      this.classTitle = item.name;\r\n      this.isAddSort = true;\r\n      this.maskTitle = '编辑分组';\r\n      this.editObj = item;\r\n    },\r\n    handleReachBottom() {\r\n      this.getList();\r\n    },\r\n    bindRadio(data) {\r\n      this.$emit('activeTxt', data.message);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.head {\r\n  .tab-bar {\r\n    display: flex;\r\n    .tab-item {\r\n      margin-right: 24px;\r\n      color: #999;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      &.on {\r\n        color: #333333;\r\n      }\r\n    }\r\n  }\r\n  .search-box {\r\n    margin-top: 15px;\r\n  }\r\n}\r\n.main {\r\n  display: flex;\r\n  margin-top: 15px;\r\n  height: 365px;\r\n  .left-box {\r\n    width: 106px;\r\n    height: 100%;\r\n    border-right: 1px solid #ececec;\r\n    overflow: hidden;\r\n    .left-item {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 36px;\r\n      padding: 0 10px 0 14px;\r\n      font-size: 13px;\r\n      cursor: pointer;\r\n      &.on {\r\n        background: var(--prev-color-primary-light-9);\r\n        color: var(--prev-color-primary);\r\n        border-right: 2px solid var(--prev-color-primary);\r\n        .iconDot {\r\n          z-index: 1;\r\n          opacity: 1;\r\n        }\r\n      }\r\n      &:nth-child(1).on,\r\n      &:nth-child(2).on {\r\n        .iconDot {\r\n          display: none;\r\n        }\r\n      }\r\n      .iconaddto {\r\n        font-size: 12px;\r\n      }\r\n      .iconDot {\r\n        z-index: -1;\r\n        opacity: 0;\r\n      }\r\n      .edit-wrapper {\r\n        z-index: 50;\r\n        position: absolute;\r\n        right: -2px;\r\n        top: -4px;\r\n        background: #fff;\r\n        width: 80px;\r\n        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\r\n        border-radius: 4px;\r\n        .edit-item {\r\n          padding: 8px 16px;\r\n          color: #666 !important;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n      .edit-bg {\r\n        z-index: 40;\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n  .right-box {\r\n    flex: 1;\r\n    padding: 0 12px;\r\n    overflow-x: hidden;\r\n    .msg-item {\r\n      margin-top: 12px;\r\n      transition: all 0.3s ease;\r\n      cursor: pointer;\r\n      .box1 {\r\n        position: relative;\r\n        display: flex;\r\n        .txt-box {\r\n          flex: 1;\r\n          font-size: 12px;\r\n          color: #999999;\r\n          .title {\r\n            max-width: 370px;\r\n            margin-right: 5px;\r\n            color: #333;\r\n            font-weight: 700;\r\n          }\r\n        }\r\n        .edit-box {\r\n          z-index: -1;\r\n          opacity: 0;\r\n          position: absolute;\r\n          right: 7px;\r\n          top: 0;\r\n          width: 60px;\r\n          height: 30px;\r\n          background: #fff;\r\n          .iconfont {\r\n            margin: 0 8px;\r\n            color: #000000;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n      .box2 {\r\n        padding-bottom: 15px;\r\n        border-radius: 5px;\r\n        background: #f5f5f5;\r\n        .input-box {\r\n          border-bottom: 1px solid #eeeeee;\r\n          ::v-deep .ivu-input {\r\n            background: transparent;\r\n            border: 0;\r\n            border-radius: 0;\r\n          }\r\n        }\r\n        .content {\r\n          font-size: 12px;\r\n          padding: 12px 11px 0;\r\n          color: #333333;\r\n        }\r\n        .bom {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding: 0 20px 0 11px;\r\n          margin-top: 10px;\r\n\r\n          button {\r\n            margin-left: 8px;\r\n            width: 70px;\r\n          }\r\n        }\r\n      }\r\n      &:hover {\r\n        transition: all 0.3s ease;\r\n        .box1 .edit-box {\r\n          z-index: 1;\r\n          opacity: 1;\r\n          transition: all 0.3s ease;\r\n        }\r\n      }\r\n    }\r\n    .add-box {\r\n      border-radius: 0;\r\n      margin-bottom: 10px;\r\n      .box2 {\r\n        padding-bottom: 0;\r\n        border-radius: 0;\r\n        .conBox {\r\n          height: 0;\r\n          overflow: hidden;\r\n          &.active {\r\n            animation: mymove 0.4s ease;\r\n            animation-iteration-count: 1;\r\n            animation-fill-mode: forwards;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.right-scroll {\r\n  height: 345px;\r\n}\r\n.class-box {\r\n  .item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    input {\r\n      flex: 1;\r\n    }\r\n\r\n    span {\r\n      width: 80px;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style>\r\n@keyframes mymove {\r\n  0% {\r\n    height: 0;\r\n  }\r\n  100% {\r\n    height: 150px;\r\n  }\r\n}\r\n</style>\r\n"]}]}