{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\configTab\\list.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\configTab\\list.vue","mtime":1761185180209},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQppbXBvcnQgeyBjb25maWdUYWJMaXN0QXBpLCBjb25maWdUYWJBZGRBcGksIGNvbmZpZ1RhYkVkaXRBcGksIGNvbmZpZ1NldFN0YXR1c0FwaSB9IGZyb20gJ0AvYXBpL3N5c3RlbSc7DQppbXBvcnQgZm9ybUNyZWF0ZSBmcm9tICdAZm9ybS1jcmVhdGUvZWxlbWVudC11aSc7DQppbXBvcnQgZWRpdEZyb20gZnJvbSAnQC9jb21wb25lbnRzL2Zyb20vZnJvbSc7DQppbXBvcnQgcmVxdWVzdCBmcm9tICdAL2xpYnMvcmVxdWVzdCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdsaXN0JywNCiAgY29tcG9uZW50czogeyBmb3JtQ3JlYXRlOiBmb3JtQ3JlYXRlLiRmb3JtKCksIGVkaXRGcm9tIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG1vZGFsczI6IGZhbHNlLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogNywNCiAgICAgICAgbGc6IDcsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgbG9hZGluZzogZmFsc2UsDQogICAgICBmb3JtVmFsaWRhdGU6IHsNCiAgICAgICAgdGFiX2lkOiAwLA0KICAgICAgICBjb25maWdfbmFtZTogJycsDQogICAgICAgIHBhZ2U6IDEsDQogICAgICAgIGxpbWl0OiAyMCwNCiAgICAgIH0sDQogICAgICBjb25maWc6IHsNCiAgICAgICAgZm9ybTogew0KICAgICAgICAgIGxhYmVsV2lkdGg6ICcxMDBweCcsDQogICAgICAgIH0sDQogICAgICAgIHJlc2V0QnRuOiBmYWxzZSwNCiAgICAgICAgc3VibWl0QnRuOiBmYWxzZSwNCiAgICAgICAgZ2xvYmFsOiB7DQogICAgICAgICAgdXBsb2FkOiB7DQogICAgICAgICAgICBwcm9wczogew0KICAgICAgICAgICAgICBvblN1Y2Nlc3MocmVzLCBmaWxlKSB7DQogICAgICAgICAgICAgICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMCkgew0KICAgICAgICAgICAgICAgICAgZmlsZS51cmwgPSByZXMuZGF0YS5zcmM7DQogICAgICAgICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICB9LA0KICAgICAgICB9LA0KICAgICAgfSwNCiAgICAgIHRvdGFsOiAwLA0KICAgICAgRnJvbURhdGE6IG51bGwsDQogICAgICBGcm9tUmVxdWVzdERhdGE6IHt9LA0KICAgICAgbW9kYWxUaXRsZVNzOiAnJywNCiAgICAgIGNsYXNzTGlzdDogW10sDQogICAgICBudW06IDAsDQogICAgICB0eXBlRnJvbTogew0KICAgICAgICB0eXBlOiAwLA0KICAgICAgICB0YWJfaWQ6IHRoaXMuJHJvdXRlLnBhcmFtcy5pZCwNCiAgICAgIH0sDQogICAgICBydWxlczogW10sDQogICAgICBmYXBpOiBudWxsLA0KICAgICAgcm93SWQ6IDAsDQogICAgfTsNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICAkcm91dGU6IHsNCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICh2YWwsIG9sZFZhbCkgew0KICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgIH0sDQogICAgICAvLyDmt7Hluqbop4Llr5/nm5HlkKwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmdldExpc3QoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOeCueWHu3RhYg0KICAgIG9uaGFuZ2VUYWIoKSB7DQogICAgICB0aGlzLmNsYXNzQWRkKCk7DQogICAgfSwNCiAgICBzdWJtaXRGb3JtKCkgew0KICAgICAgdGhpcy5mYXBpLnN1Ym1pdCgpOw0KICAgIH0sDQogICAgLy8g5paw5aKe6KGo5Y2VDQogICAgY2xhc3NBZGQoKSB7DQogICAgICBjb25maWdUYWJBZGRBcGkodGhpcy50eXBlRnJvbSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGlmIChyZXMuZGF0YS5zdGF0dXMgPT09IGZhbHNlKSB7DQogICAgICAgICAgICByZXR1cm4gdGhpcy4kYXV0aExhcHNlKHJlcy5kYXRhKTsNCiAgICAgICAgICB9DQogICAgICAgICAgbGV0IGRhdGEgPSByZXMuZGF0YSB8fCB7fTsNCiAgICAgICAgICB0aGlzLkZyb21SZXF1ZXN0RGF0YSA9IHsgYWN0aW9uOiBkYXRhLmFjdGlvbiwgbWV0aG9kOiBkYXRhLm1ldGhvZCB9Ow0KICAgICAgICAgIHRoaXMucnVsZXMgPSBkYXRhLnJ1bGVzOw0KICAgICAgICAgIHRoaXMubW9kYWxzMiA9IHRydWU7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDnvJbovpHooajljZUNCiAgICBlZGl0KHJvdykgew0KICAgICAgdGhpcy5yb3dJZCA9IHJvdy5pZDsNCiAgICAgIGNvbmZpZ1RhYkVkaXRBcGkocm93LmlkKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgaWYgKHJlcy5kYXRhLnN0YXR1cyA9PT0gZmFsc2UpIHsNCiAgICAgICAgICAgIHJldHVybiB0aGlzLiRhdXRoTGFwc2UocmVzLmRhdGEpOw0KICAgICAgICAgIH0NCiAgICAgICAgICBsZXQgZGF0YSA9IHJlcy5kYXRhIHx8IHt9Ow0KICAgICAgICAgIHRoaXMuRnJvbVJlcXVlc3REYXRhID0geyBhY3Rpb246IGRhdGEuYWN0aW9uLCBtZXRob2Q6IGRhdGEubWV0aG9kIH07DQogICAgICAgICAgdGhpcy5ydWxlcyA9IGRhdGEucnVsZXM7DQogICAgICAgICAgdGhpcy4kcmVmcy5lZGl0cy5tb2RhbHMgPSB0cnVlOw0KICAgICAgICAgIHRoaXMubW9kYWxzMiA9IHRydWU7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmj5DkuqTooajljZUNCiAgICBvblN1Ym1pdChmb3JtRGF0YSkgew0KICAgICAgcmVxdWVzdCh7DQogICAgICAgIHVybDogdGhpcy5Gcm9tUmVxdWVzdERhdGEuYWN0aW9uLA0KICAgICAgICBtZXRob2Q6IHRoaXMuRnJvbVJlcXVlc3REYXRhLm1ldGhvZCwNCiAgICAgICAgZGF0YTogZm9ybURhdGEsDQogICAgICB9KQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4gew0KICAgICAgICAgICAgdGhpcy5tb2RhbHMyID0gZmFsc2U7DQogICAgICAgICAgfSwgMTAwMCk7DQogICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7DQogICAgICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgICAgICB9LCAxNTAwKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOS/ruaUueaIkOWKnw0KICAgIHN1Ym1pdEZhaWwoKSB7DQogICAgICB0aGlzLmdldExpc3QoKTsNCiAgICB9LA0KICAgIC8vIOi3s+i9rOWIsOmFjee9ruWIhuexu+mhtemdog0KICAgIGdvSW5kZXgoKSB7DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7DQogICAgICAgIHBhdGg6IHRoaXMuJHJvdXRlUHJvU3RyICsgJy9zeXN0ZW0vY29uZmlnL3N5c3RlbV9jb25maWdfdGFiL2luZGV4JywNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5re75Yqg6YWN572uDQogICAgY29uZmlndXJlQWRkKCkgew0KICAgICAgLy8gdGhpcy5tb2RhbHMyID0gdHJ1ZTsNCiAgICAgIHRoaXMucm93SWQgPSAwOw0KICAgICAgdGhpcy50eXBlRnJvbS50eXBlID0gMDsNCiAgICAgIHRoaXMuY2xhc3NBZGQoKTsNCiAgICB9LA0KICAgIC8vIOWIl+ihqA0KICAgIGdldExpc3QoKSB7DQogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUudGFiX2lkID0gdGhpcy4kcm91dGUucGFyYW1zLmlkOw0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuY29uZmlnX25hbWUgPSB0aGlzLiRyb3V0ZS5xdWVyeS5jb25maWdfbmFtZTsNCiAgICAgIGNvbmZpZ1RhYkxpc3RBcGkodGhpcy5mb3JtVmFsaWRhdGUpDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICBsZXQgZGF0YSA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMuY2xhc3NMaXN0ID0gZGF0YS5saXN0Ow0KICAgICAgICAgIHRoaXMudG90YWwgPSBkYXRhLmNvdW50Ow0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgcGFnZUNoYW5nZShpbmRleCkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUucGFnZSA9IGluZGV4Ow0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICAvLyDliKDpmaQNCiAgICBkZWwocm93LCB0aXQsIG51bSkgew0KICAgICAgbGV0IGRlbGZyb21EYXRhID0gew0KICAgICAgICB0aXRsZTogdGl0LA0KICAgICAgICBudW06IG51bSwNCiAgICAgICAgdXJsOiBgL3NldHRpbmcvY29uZmlnLyR7cm93LmlkfWAsDQogICAgICAgIG1ldGhvZDogJ0RFTEVURScsDQogICAgICAgIGlkczogJycsDQogICAgICB9Ow0KICAgICAgdGhpcy4kbW9kYWxTdXJlKGRlbGZyb21EYXRhKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIHRoaXMuY2xhc3NMaXN0LnNwbGljZShudW0sIDEpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5L+u5pS55piv5ZCm5pi+56S6DQogICAgb25jaGFuZ2VJc1Nob3cocm93KSB7DQogICAgICBjb25maWdTZXRTdGF0dXNBcGkocm93LmlkLCByb3cuc3RhdHVzKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AAsJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"list.vue","sourceRoot":"src/pages/system/configTab","sourcesContent":["<template>\r\n  <div>\r\n    <pages-header\r\n      ref=\"pageHeader\"\r\n      :title=\"`配置列表${$route.query.config_name ? ` - ` + $route.query.config_name : ''}`\"\r\n      :backUrl=\"$routeProStr + '/system/config/system_config_tab/index'\"\r\n    ></pages-header>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"mt16\">\r\n      <el-row v-if=\"!$route.query.config_name\">\r\n        <el-col v-bind=\"grid\">\r\n          <!-- <el-button type=\"primary\" v-db-click @click=\"goIndex\">配置分类</el-button> -->\r\n          <el-button type=\"primary\" v-db-click @click=\"configureAdd\">添加配置</el-button>\r\n        </el-col>\r\n      </el-row>\r\n      <el-table\r\n        :data=\"classList\"\r\n        ref=\"table\"\r\n        v-loading=\"loading\"\r\n        no-userFrom-text=\"暂无数据\"\r\n        no-filtered-userFrom-text=\"暂无筛选结果\"\r\n        class=\"mt14\"\r\n      >\r\n        <el-table-column label=\"ID\" width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.id }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"配置名称\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.info }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"字段变量\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.menu_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"字段类型\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.type }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"值\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span\r\n              v-if=\"\r\n                scope.row.type === 'text' ||\r\n                scope.row.type === 'textarea' ||\r\n                scope.row.type === 'radio' ||\r\n                scope.row.type === 'checkbox'\r\n              \"\r\n              >{{ scope.row.value }}</span\r\n            >\r\n            <div class=\"valBox acea-row\" v-if=\"scope.row.type === 'upload' && scope.row.upload_type === 3\">\r\n              <div v-if=\"scope.row.value.length\">\r\n                <div\r\n                  class=\"valPicbox acea-scope.row scope.row-column-around\"\r\n                  v-for=\"(item, index) in scope.row.value\"\r\n                  :key=\"index\"\r\n                >\r\n                  <div class=\"valPicbox_pic\"><i class=\"el-icon-document\" /></div>\r\n                  <span class=\"valPicbox_sp\">{{ item.filename }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"valBox acea-row\" v-if=\"scope.row.type === 'upload' && scope.row.upload_type !== 3\">\r\n              <div v-if=\"scope.row.value.length\">\r\n                <div class=\"valPicbox acea-row row-column-around\" v-for=\"(item, index) in scope.row.value\" :key=\"index\">\r\n                  <div class=\"valPicbox_pic\"><img v-lazy=\"item.filepath\" /></div>\r\n                  <span class=\"valPicbox_sp\">{{ item.filename }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <span v-if=\"scope.row.type === 'switch'\">{{ scope.row.value == 1 ? '开启' : '关闭' }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"关联配置/值\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.link_data }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"配置分类\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.config_tab_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"是否显示\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <el-switch\r\n              class=\"defineSwitch\"\r\n              :active-value=\"1\"\r\n              :inactive-value=\"0\"\r\n              v-model=\"scope.row.status\"\r\n              :value=\"scope.row.status\"\r\n              @change=\"onchangeIsShow(scope.row)\"\r\n              size=\"large\"\r\n              active-text=\"显示\"\r\n              inactive-text=\"隐藏\"\r\n            >\r\n            </el-switch>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" fixed=\"right\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            <a v-db-click @click=\"edit(scope.row)\">编辑</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <a v-db-click @click=\"del(scope.row, '删除分类', scope.$index)\">删除</a>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </el-card>\r\n\r\n    <!-- 新建 表单-->\r\n    <el-dialog\r\n      :visible.sync=\"modals2\"\r\n      :title=\"`${rowId ? '修改' : '添加'}配置字段`\"\r\n      :close-on-click-modal=\"false\"\r\n      :show-close=\"true\"\r\n      width=\"720px\"\r\n    >\r\n      <el-tabs v-if=\"!rowId\" v-model=\"typeFrom.type\" @tab-click=\"onhangeTab\" class=\"tabsName\">\r\n        <el-tab-pane label=\"文本框 \" name=\"0\"></el-tab-pane>\r\n        <el-tab-pane label=\"多行文本框\" name=\"1\"></el-tab-pane>\r\n        <el-tab-pane label=\"单选框\" name=\"2\"></el-tab-pane>\r\n        <el-tab-pane label=\"文件上传\" name=\"3\"></el-tab-pane>\r\n        <el-tab-pane label=\"多选框\" name=\"4\"></el-tab-pane>\r\n        <el-tab-pane label=\"下拉框\" name=\"5\"></el-tab-pane>\r\n        <el-tab-pane label=\"开关\" name=\"6\"></el-tab-pane>\r\n      </el-tabs>\r\n      <form-create\r\n        v-if=\"rules.length != 0\"\r\n        :rule=\"rules\"\r\n        v-model=\"fapi\"\r\n        :option=\"config\"\r\n        @submit=\"onSubmit\"\r\n        class=\"formBox\"\r\n        ref=\"fc\"\r\n        handleIcon=\"false\"\r\n      ></form-create>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"modals2 = false\">取消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"submitForm\">确定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n    <!-- 编辑表单-->\r\n    <edit-from ref=\"edits\" :FromData=\"FromData\" @submitFail=\"submitFail\"></edit-from>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { configTabListApi, configTabAddApi, configTabEditApi, configSetStatusApi } from '@/api/system';\r\nimport formCreate from '@form-create/element-ui';\r\nimport editFrom from '@/components/from/from';\r\nimport request from '@/libs/request';\r\nexport default {\r\n  name: 'list',\r\n  components: { formCreate: formCreate.$form(), editFrom },\r\n  data() {\r\n    return {\r\n      modals2: false,\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      loading: false,\r\n      formValidate: {\r\n        tab_id: 0,\r\n        config_name: '',\r\n        page: 1,\r\n        limit: 20,\r\n      },\r\n      config: {\r\n        form: {\r\n          labelWidth: '100px',\r\n        },\r\n        resetBtn: false,\r\n        submitBtn: false,\r\n        global: {\r\n          upload: {\r\n            props: {\r\n              onSuccess(res, file) {\r\n                if (res.status === 200) {\r\n                  file.url = res.data.src;\r\n                } else {\r\n                  this.$message.error(res.msg);\r\n                }\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n      total: 0,\r\n      FromData: null,\r\n      FromRequestData: {},\r\n      modalTitleSs: '',\r\n      classList: [],\r\n      num: 0,\r\n      typeFrom: {\r\n        type: 0,\r\n        tab_id: this.$route.params.id,\r\n      },\r\n      rules: [],\r\n      fapi: null,\r\n      rowId: 0,\r\n    };\r\n  },\r\n  watch: {\r\n    $route: {\r\n      handler: function (val, oldVal) {\r\n        this.getList();\r\n      },\r\n      // 深度观察监听\r\n      deep: true,\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    // 点击tab\r\n    onhangeTab() {\r\n      this.classAdd();\r\n    },\r\n    submitForm() {\r\n      this.fapi.submit();\r\n    },\r\n    // 新增表单\r\n    classAdd() {\r\n      configTabAddApi(this.typeFrom)\r\n        .then(async (res) => {\r\n          if (res.data.status === false) {\r\n            return this.$authLapse(res.data);\r\n          }\r\n          let data = res.data || {};\r\n          this.FromRequestData = { action: data.action, method: data.method };\r\n          this.rules = data.rules;\r\n          this.modals2 = true;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 编辑表单\r\n    edit(row) {\r\n      this.rowId = row.id;\r\n      configTabEditApi(row.id)\r\n        .then(async (res) => {\r\n          if (res.data.status === false) {\r\n            return this.$authLapse(res.data);\r\n          }\r\n          let data = res.data || {};\r\n          this.FromRequestData = { action: data.action, method: data.method };\r\n          this.rules = data.rules;\r\n          this.$refs.edits.modals = true;\r\n          this.modals2 = true;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 提交表单\r\n    onSubmit(formData) {\r\n      request({\r\n        url: this.FromRequestData.action,\r\n        method: this.FromRequestData.method,\r\n        data: formData,\r\n      })\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          setTimeout(() => {\r\n            this.modals2 = false;\r\n          }, 1000);\r\n          setTimeout(() => {\r\n            this.getList();\r\n          }, 1500);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 修改成功\r\n    submitFail() {\r\n      this.getList();\r\n    },\r\n    // 跳转到配置分类页面\r\n    goIndex() {\r\n      this.$router.push({\r\n        path: this.$routeProStr + '/system/config/system_config_tab/index',\r\n      });\r\n    },\r\n    // 添加配置\r\n    configureAdd() {\r\n      // this.modals2 = true;\r\n      this.rowId = 0;\r\n      this.typeFrom.type = 0;\r\n      this.classAdd();\r\n    },\r\n    // 列表\r\n    getList() {\r\n      this.loading = true;\r\n      this.formValidate.tab_id = this.$route.params.id;\r\n      this.formValidate.config_name = this.$route.query.config_name;\r\n      configTabListApi(this.formValidate)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.classList = 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    },\r\n    pageChange(index) {\r\n      this.formValidate.page = index;\r\n      this.getList();\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `/setting/config/${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.classList.splice(num, 1);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 修改是否显示\r\n    onchangeIsShow(row) {\r\n      configSetStatusApi(row.id, row.status)\r\n        .then(async (res) => {\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.tabsName {\r\n  margin-bottom: 15px;\r\n}\r\n.valBox {\r\n  margin: 10px 0;\r\n}\r\n.valPicbox {\r\n  border: 1px solid #e7eaec;\r\n}\r\n.valPicbox_pic {\r\n  width: 200px;\r\n  height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  ::v-deep .ivu-icon-md-document {\r\n    font-size: 70px;\r\n    color: #dadada;\r\n  }\r\n}\r\n.valPicbox_sp {\r\n  display: block;\r\n  font-size: 12px;\r\n  width: 200px;\r\n  padding: 7px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid #e7eaec;\r\n}\r\n</style>\r\n"]}]}