{"version":3,"sources":["webpack:///./src/views/hardwareManagement/HardwareDetails.vue?3ad5","webpack:///src/views/hardwareManagement/HardwareDetails.vue","webpack:///./src/views/hardwareManagement/HardwareDetails.vue?0709","webpack:///./src/views/hardwareManagement/HardwareDetails.vue","webpack:///./src/views/hardwareManagement/HardwareDetails.vue?650e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","onSearchVal","attrs","imageUrl","_v","staticStyle","tableData","scopedSlots","_u","key","fn","scope","_l","row","item","index","$event","deleteClick","$index","_s","addOutlineClick","addDeviceClick","class","popupActive","popup","title","btnTxt","cancelPopup","projectEdite","ref","equipmentForm","rulesEquipment","model","value","callback","$$v","$set","trim","expression","proxy","deleteProject","_b","Icons","InfoHelp","iconName","deleteTitle","dialogFormVisible","algorithmModelForm","rulesAlgorithmModel","slot","addAlgorithmModel","deleteDialogVisible","confirmDeleteOutline","dialogAddDevice","submitForm","resetForm","staticRenderFns","name","components","data","edit","create","rowIndex","tableDataAll","equipmentName","equipmentId","brand","algorithmModel","algorithmModelText","viewBox","width","height","created","methods","arrSearch","tableList","filter","$message","message","type","duration","forEach","id","push","splice","i","idx","$refs","formName","validate","valid","split","resetFields","popupUploadForm","createNewProject","activeEditePopup","editeProject","deleteDeviceClick","idnex","component"],"mappings":"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","file":"js/chunk-a871bcb6.0db71b0a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hardware-details\"},[_c('hardware-head',{staticClass:\"training-head\",on:{\"onSearchVal\":_vm.onSearchVal}}),_c('div',{staticClass:\"hardware-details-content\"},[_c('div',{staticClass:\"content-header\"},[_c('img',{attrs:{\"src\":_vm.imageUrl,\"alt\":\"\"}}),_c('span',[_vm._v(\"摄像头\")])]),_c('div',{staticClass:\"content-table\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData}},[_c('el-table-column',{attrs:{\"prop\":\"equipmentName\",\"label\":\"设备名称\",\"width\":\"200\"}}),_c('el-table-column',{attrs:{\"prop\":\"equipmentId\",\"label\":\"设备ID\",\"width\":\"200\"}}),_c('el-table-column',{attrs:{\"prop\":\"brand\",\"label\":\"品牌\",\"width\":\"200\"}}),_c('el-table-column',{attrs:{\"prop\":\"algorithmModel\",\"label\":\"算法模型\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._l((scope.row.algorithmModel),function(item,index){return _c('span',{key:index,staticClass:\"algorithmModel-text\"},[_c('i',{staticClass:\"icon-delete\",on:{\"click\":function($event){return _vm.deleteClick(scope.$index, index, '删除算法模型')}}}),_vm._v(\" \"+_vm._s(item)+\" \")])}),_c('span',{staticClass:\"el-icon-circle-plus-outline\",on:{\"click\":function($event){return _vm.addOutlineClick(scope.$index)}}})]}}])}),_c('el-table-column',{attrs:{\"label\":\"操作\",\"width\":\"250\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',{staticClass:\"device\",on:{\"click\":function($event){return _vm.addDeviceClick(scope.$index, scope.row)}}},[_c('span',{staticClass:\"icon-add-device\"}),_c('span',[_vm._v(\"添加设备\")])]),_c('span',{staticClass:\"line\"}),_c('span',{staticClass:\"device\",on:{\"click\":function($event){return _vm.deleteClick(scope.$index, scope.row, '确定删除该设备吗？')}}},[_c('span',{staticClass:\"icon-delete-device\"}),_c('span',[_vm._v(\"删除设备\")])])]}}])})],1)],1)]),_c('div',{staticClass:\"popup-list\"},[_c('gat-popup',{class:[\n        'popup-create',\n        _vm.popupActive === 'create' || _vm.popupActive === 'edit' ? 'on' : 'off' ],attrs:{\"title\":_vm.popup.title[_vm.popupActive],\"primary-button\":_vm.popup.btnTxt[_vm.popupActive]},on:{\"cancel\":_vm.cancelPopup,\"confirm\":_vm.projectEdite},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('el-form',{ref:\"popupUploadForm\",staticClass:\"pop-el-form\",attrs:{\"model\":_vm.equipmentForm,\"rules\":_vm.rulesEquipment}},[_c('el-form-item',{attrs:{\"prop\":\"equipmentName\"}},[_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"设备名称：\")]),_c('el-input',{attrs:{\"placeholder\":\"设备名称，必填项\",\"maxlength\":\"10\",\"show-word-limit\":\"\"},model:{value:(_vm.equipmentForm.equipmentName),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"equipmentName\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.equipmentName\"}})],1)]),_c('el-form-item',{attrs:{\"prop\":\"equipmentId\"}},[_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"设备ID：\")]),_c('el-input',{attrs:{\"placeholder\":\"设备ID，必填项\",\"show-word-limit\":\"\"},model:{value:(_vm.equipmentForm.equipmentId),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"equipmentId\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.equipmentId\"}})],1)]),_c('el-form-item',{attrs:{\"prop\":\"brand\"}},[_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"品牌：\")]),_c('el-input',{attrs:{\"placeholder\":\"品牌名称，必填项\",\"maxlength\":\"10\",\"show-word-limit\":\"\"},model:{value:(_vm.equipmentForm.brand),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"brand\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.brand\"}})],1)]),_c('el-form-item',{attrs:{\"prop\":\"algorithmModelText\"}},[_c('div',{staticClass:\"intxt\"},[_c('span',{staticClass:\"label\"},[_c('i',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"算法模型：\")]),_c('el-input',{attrs:{\"placeholder\":\"算法模型名称，必填项\",\"maxlength\":\"10\",\"show-word-limit\":\"\"},model:{value:(_vm.equipmentForm.algorithmModelText),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"algorithmModelText\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.algorithmModelText\"}})],1)])],1)]},proxy:true}])}),_c('gat-popup',{class:['popup-delete', _vm.popupActive === 'delete' ? 'on' : 'off'],attrs:{\"title\":'',\"primary-button\":'删除'},on:{\"cancel\":_vm.cancelPopup,\"confirm\":_vm.deleteProject},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"popup-del-cnt\"},[_c('div',{staticClass:\"head\"},[_c('i',{staticClass:\"icon-box\"},[_c('icon-base',_vm._b({staticClass:\"icon-info-help\",attrs:{\"icon-name\":_vm.Icons.InfoHelp.iconName}},'icon-base',_vm.Icons.InfoHelp,false),[_c('icon-info-help',{staticClass:\"path-icon-info-help\"})],1)],1),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.deleteTitle))])]),_c('div',{staticClass:\"content\"},[_vm._v(\"删除后将无法恢复\")])])]},proxy:true}])})],1),_c('el-dialog',{attrs:{\"title\":\"添加算法模型\",\"visible\":_vm.dialogFormVisible,\"width\":\"600px\",\"center\":\"\"},on:{\"update:visible\":function($event){_vm.dialogFormVisible=$event}}},[_c('el-form',{ref:\"algorithmModelForm\",attrs:{\"model\":_vm.algorithmModelForm,\"rules\":_vm.rulesAlgorithmModel}},[_c('el-form-item',{attrs:{\"label\":\"算法模型\",\"prop\":\"name\",\"label-width\":\"80px\"}},[_c('el-input',{attrs:{\"autocomplete\":\"off\",\"maxlength\":\"20\"},model:{value:(_vm.algorithmModelForm.name),callback:function ($$v) {_vm.$set(_vm.algorithmModelForm, \"name\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"algorithmModelForm.name\"}})],1)],1),_c('div',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.dialogFormVisible = false}}},[_vm._v(\"取 消\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.addAlgorithmModel}},[_vm._v(\"确 定\")])],1)],1),_c('el-dialog',{attrs:{\"title\":_vm.deleteTitle,\"visible\":_vm.deleteDialogVisible,\"width\":\"30%\",\"center\":\"\"},on:{\"update:visible\":function($event){_vm.deleteDialogVisible=$event}}},[_c('span',[_vm._v(\"删除后将无法恢复\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.deleteDialogVisible = false}}},[_vm._v(\"取 消\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.confirmDeleteOutline}},[_vm._v(\"确 定\")])],1)]),_c('el-dialog',{attrs:{\"title\":\"添加设备\",\"visible\":_vm.dialogAddDevice,\"width\":\"600px\",\"center\":\"\"},on:{\"update:visible\":function($event){_vm.dialogAddDevice=$event}}},[_c('el-form',{ref:\"equipmentForm\",staticClass:\"dialog-equipmentForm\",attrs:{\"model\":_vm.equipmentForm,\"rules\":_vm.rulesEquipment,\"label-width\":\"100px\"}},[_c('el-form-item',{attrs:{\"label\":\"设备名称\",\"prop\":\"equipmentName\"}},[_c('el-input',{model:{value:(_vm.equipmentForm.equipmentName),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"equipmentName\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.equipmentName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"设备ID\",\"prop\":\"equipmentId\"}},[_c('el-input',{model:{value:(_vm.equipmentForm.equipmentId),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"equipmentId\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.equipmentId\"}})],1),_c('el-form-item',{attrs:{\"label\":\"品牌\",\"prop\":\"brand\"}},[_c('el-input',{model:{value:(_vm.equipmentForm.brand),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"brand\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.brand\"}})],1),_c('el-form-item',{attrs:{\"label\":\"算法模型\",\"prop\":\"algorithmModelText\"}},[_c('el-input',{model:{value:(_vm.equipmentForm.algorithmModelText),callback:function ($$v) {_vm.$set(_vm.equipmentForm, \"algorithmModelText\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"equipmentForm.algorithmModelText\"}})],1)],1),_c('div',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('equipmentForm')}}},[_vm._v(\"添加\")]),_c('el-button',{on:{\"click\":function($event){return _vm.resetForm('equipmentForm')}}},[_vm._v(\"取消\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 硬件管理详情 -->\n<template>\n  <div class=\"hardware-details\">\n    <hardware-head class=\"training-head\" @onSearchVal=\"onSearchVal\"></hardware-head>\n    <div class=\"hardware-details-content\">\n      <div class=\"content-header\">\n        <img :src=\"imageUrl\" alt=\"\" />\n        <span>摄像头</span>\n      </div>\n      <div class=\"content-table\">\n        <el-table :data=\"tableData\" style=\"width: 100%\">\n          <el-table-column prop=\"equipmentName\" label=\"设备名称\" width=\"200\">\n          </el-table-column>\n          <el-table-column prop=\"equipmentId\" label=\"设备ID\" width=\"200\">\n          </el-table-column>\n          <el-table-column prop=\"brand\" label=\"品牌\" width=\"200\">\n          </el-table-column>\n          <el-table-column prop=\"algorithmModel\" label=\"算法模型\">\n            <template slot-scope=\"scope\">\n              <span\n                class=\"algorithmModel-text\"\n                v-for=\"(item, index) in scope.row.algorithmModel\"\n                :key=\"index\"\n              >\n                <i\n                  class=\"icon-delete\"\n                  @click=\"deleteClick(scope.$index, index, '删除算法模型')\"\n                ></i>\n                {{ item }}\n              </span>\n              <span\n                class=\"el-icon-circle-plus-outline\"\n                @click=\"addOutlineClick(scope.$index)\"\n              ></span>\n            </template>\n          </el-table-column>\n          <el-table-column label=\"操作\" width=\"250\">\n            <template slot-scope=\"scope\">\n              <span\n                class=\"device\"\n                @click=\"addDeviceClick(scope.$index, scope.row)\"\n              >\n                <span class=\"icon-add-device\"></span>\n                <span>添加设备</span></span\n              >\n              <span class=\"line\"></span>\n              <!-- <span\n                class=\"device\"\n                @click=\"deleteDeviceClick(scope.$index, scope.row)\"\n              > -->\n              <span\n                class=\"device\"\n                @click=\"\n                  deleteClick(scope.$index, scope.row, '确定删除该设备吗？')\n                \"\n              >\n                <span class=\"icon-delete-device\"></span>\n                <span>删除设备</span>\n              </span>\n            </template>\n          </el-table-column>\n        </el-table>\n      </div>\n    </div>\n\n    <div class=\"popup-list\">\n      <!-- 添加设备 | 编辑设备 -->\n      <gat-popup\n        :class=\"[\n          'popup-create',\n          popupActive === 'create' || popupActive === 'edit' ? 'on' : 'off',\n        ]\"\n        :title=\"popup.title[popupActive]\"\n        :primary-button=\"popup.btnTxt[popupActive]\"\n        @cancel=\"cancelPopup\"\n        @confirm=\"projectEdite\"\n      >\n        <template v-slot:content>\n          <el-form\n            class=\"pop-el-form\"\n            :model=\"equipmentForm\"\n            :rules=\"rulesEquipment\"\n            ref=\"popupUploadForm\"\n          >\n            <el-form-item prop=\"equipmentName\">\n              <div class=\"intxt\">\n                <span class=\"label\"><i class=\"required\">*</i>设备名称：</span>\n                <el-input\n                  placeholder=\"设备名称，必填项\"\n                  v-model.trim=\"equipmentForm.equipmentName\"\n                  maxlength=\"10\"\n                  show-word-limit\n                />\n              </div>\n            </el-form-item>\n            <el-form-item prop=\"equipmentId\">\n              <div class=\"intxt\">\n                <span class=\"label\"><i class=\"required\">*</i>设备ID：</span>\n                <el-input\n                  placeholder=\"设备ID，必填项\"\n                  v-model.trim=\"equipmentForm.equipmentId\"\n                  show-word-limit\n                />\n              </div>\n            </el-form-item>\n            <el-form-item prop=\"brand\">\n              <div class=\"intxt\">\n                <span class=\"label\"><i class=\"required\">*</i>品牌：</span>\n                <el-input\n                  placeholder=\"品牌名称，必填项\"\n                  v-model.trim=\"equipmentForm.brand\"\n                  maxlength=\"10\"\n                  show-word-limit\n                />\n              </div>\n            </el-form-item>\n            <el-form-item prop=\"algorithmModelText\">\n              <div class=\"intxt\">\n                <span class=\"label\"><i class=\"required\">*</i>算法模型：</span>\n                <el-input\n                  placeholder=\"算法模型名称，必填项\"\n                  v-model.trim=\"equipmentForm.algorithmModelText\"\n                  maxlength=\"10\"\n                  show-word-limit\n                />\n              </div>\n            </el-form-item>\n          </el-form>\n        </template>\n      </gat-popup>\n\n      <!-- 删除设备 -->\n      <gat-popup\n        :class=\"['popup-delete', popupActive === 'delete' ? 'on' : 'off']\"\n        :title=\"''\"\n        :primary-button=\"'删除'\"\n        @cancel=\"cancelPopup\"\n        @confirm=\"deleteProject\"\n      >\n        <template v-slot:content>\n          <div class=\"popup-del-cnt\">\n            <div class=\"head\">\n              <i class=\"icon-box\">\n                <icon-base\n                  class=\"icon-info-help\"\n                  :icon-name=\"Icons.InfoHelp.iconName\"\n                  v-bind=\"Icons.InfoHelp\"\n                >\n                  <icon-info-help class=\"path-icon-info-help\" />\n                </icon-base>\n              </i>\n              <span class=\"title\">{{ deleteTitle }}</span>\n            </div>\n\n            <div class=\"content\">删除后将无法恢复</div>\n          </div>\n        </template>\n      </gat-popup>\n    </div>\n\n    <el-dialog\n      title=\"添加算法模型\"\n      :visible.sync=\"dialogFormVisible\"\n      width=\"600px\"\n      center\n    >\n      <el-form\n        :model=\"algorithmModelForm\"\n        :rules=\"rulesAlgorithmModel\"\n        ref=\"algorithmModelForm\"\n      >\n        <el-form-item label=\"算法模型\" prop=\"name\" label-width=\"80px\">\n          <el-input\n            v-model.trim=\"algorithmModelForm.name\"\n            autocomplete=\"off\"\n            maxlength=\"20\"\n          ></el-input>\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"addAlgorithmModel\">确 定</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog\n      :title=\"deleteTitle\"\n      :visible.sync=\"deleteDialogVisible\"\n      width=\"30%\"\n      center\n    >\n      <span>删除后将无法恢复</span>\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"deleteDialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"confirmDeleteOutline\"\n          >确 定</el-button\n        >\n      </span>\n    </el-dialog>\n\n    <el-dialog\n      title=\"添加设备\"\n      :visible.sync=\"dialogAddDevice\"\n      width=\"600px\"\n      center\n    >\n      <el-form\n        :model=\"equipmentForm\"\n        :rules=\"rulesEquipment\"\n        ref=\"equipmentForm\"\n        label-width=\"100px\"\n        class=\"dialog-equipmentForm\"\n      >\n        <el-form-item label=\"设备名称\" prop=\"equipmentName\">\n          <el-input v-model.trim=\"equipmentForm.equipmentName\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"设备ID\" prop=\"equipmentId\">\n          <el-input v-model.trim=\"equipmentForm.equipmentId\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"品牌\" prop=\"brand\">\n          <el-input v-model.trim=\"equipmentForm.brand\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"算法模型\" prop=\"algorithmModelText\">\n          <el-input v-model.trim=\"equipmentForm.algorithmModelText\"></el-input>\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"submitForm('equipmentForm')\"\n          >添加</el-button\n        >\n        <el-button @click=\"resetForm('equipmentForm')\">取消</el-button>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nimport HardwareHead from './HardwareHead.vue'\n\nimport GatPopup from '@/components/common/GatPopup'\n\nexport default {\n  name: 'hardware-details',\n  components: { HardwareHead, GatPopup },\n  data() {\n    return {\n      imageUrl: require('../../assets/images/hardwareManagement/pic01.png'),\n      popupActive: '',\n      popup: {\n        title: {\n          edit: '编辑设备',\n          create: '添加设备',\n        },\n        btnTxt: {\n          edit: '确定',\n          create: '添加',\n        },\n      },\n      deleteTitle: '确定删除该设备吗？',\n      rowIndex: null,\n      dialogFormVisible: false,\n      deleteDialogVisible: false,\n      dialogAddDevice: false,\n      algorithmModelForm: {\n        name: '',\n      },\n      rulesAlgorithmModel: {\n        name: [{ required: true, message: '请输入算法模型', trigger: 'blur' }],\n      },\n      tableDataAll: [\n        {\n          id: 0,\n          equipmentName: '摄像头1',\n          equipmentId: '11.1.20.101',\n          brand: '海康威视',\n          // algorithmModel: '垃圾识别 垃圾识别 垃圾识别',\n          algorithmModel: ['垃圾识别', '动作识别', '人物识别', '满箱预警'],\n        },\n        {\n          id: 1,\n          equipmentName: '摄像头2',\n          equipmentId: '12.1.20.101',\n          brand: '海康威视',\n          algorithmModel: ['垃圾识别', '动作识别', '人物识别'],\n        },\n        {\n          id: 2,\n          equipmentName: '摄像头3',\n          equipmentId: '13.1.20.101',\n          brand: '海康威视',\n          algorithmModel: ['垃圾识别', '动作识别', '人物识别'],\n        },\n      ],\n      tableData: [],\n      equipmentForm: {\n        equipmentName: '',\n        equipmentId: '',\n        brand: '',\n        algorithmModel: '',\n      },\n      rulesEquipment: {\n        equipmentName: [\n          { required: true, message: '请输入设备名称', trigger: 'blur' },\n        ],\n        equipmentId: [\n          { required: true, message: '请输入设备ID', trigger: 'blur' },\n        ],\n        brand: [{ required: true, message: '请输入设备品牌', trigger: 'blur' }],\n        algorithmModelText: [\n          { required: true, message: '请输入算法模型', trigger: 'blur' },\n        ],\n      },\n      Icons: {\n        InfoHelp: {\n          iconName: '',\n          viewBox: '0 0 36 36',\n          width: '36',\n          height: '36',\n          // iconColor: \"#fff\"\n        },\n      },\n    }\n  },\n  created() {\n    this.tableData = this.tableDataAll\n  },\n  methods: {\n    // 搜索\n    onSearchVal(val) {\n      let arrSearch = [],\n        tableList = JSON.parse(JSON.stringify(this.tableDataAll))\n      arrSearch = tableList.filter((item) => {\n        return (\n          item.equipmentName.indexOf(val) !== -1 ||\n          item.equipmentId.indexOf(val) !== -1\n        )\n      })\n      this.tableData = arrSearch ? arrSearch : this.tableDataAll\n    },\n    // 添加模型弹窗\n    addOutlineClick(index, row) {\n      // console.log(index, row)\n      this.dialogFormVisible = true\n      this.rowIndex = index\n      this.algorithmModelForm = {\n        name: '',\n      }\n    },\n    // 确认添加模型\n    addAlgorithmModel() {\n      if (!this.algorithmModelForm.name) {\n        return this.$message({\n          message: '请输入算法模型',\n          type: 'error',\n          duration: 2000,\n        })\n      }\n      this.tableData.forEach((item) => {\n        if (item.id === this.rowIndex) {\n          item.algorithmModel.push(this.algorithmModelForm.name)\n        }\n      })\n      this.dialogFormVisible = false\n      this.algorithmModelForm.name = ''\n    },\n    // 删除弹窗提示 算法模型/设备\n    deleteClick(rowIndex, index, deleteTitle) {\n      this.rowIndex = rowIndex\n      this.deleteTitle = deleteTitle\n      if (deleteTitle === '删除算法模型') {\n        // this.deleteDialogVisible = true // 提示弹窗\n        this.tableData.forEach((item) => {\n          if (item.id === rowIndex) {\n            item.algorithmModel.splice(index, 1)\n          }\n        })\n      } else {\n        this.deleteDialogVisible = true // 提示弹窗\n      }\n    },\n    // 确认删除算法模型\n    confirmDeleteOutline() {\n      this.tableData.forEach((item, index) => {\n        if (item.id === this.rowIndex) {\n          this.tableData.splice(this.rowIndex, 1)\n          this.tableData.forEach((i, idx) => {\n            i.id = idx\n          })\n        }\n      })\n      this.deleteDialogVisible = false\n    },\n\n    // 添加设备弹窗\n    addDeviceClick(index, row) {\n      // this.popupActive = 'create'\n      this.dialogAddDevice = true\n      // console.log(row)\n      this.rowIndex = index\n    },\n    // 确认添加设备\n    submitForm(formName) {\n      this.$refs[formName].validate((valid) => {\n        if (valid) {\n          let data = JSON.parse(JSON.stringify(this.equipmentForm))\n          data.algorithmModel = data.algorithmModelText.split(',')\n          this.tableData.splice(this.rowIndex + 1, 0, data)\n          this.tableData.forEach((item, index) => {\n            item.id = index\n          })\n          this.resetForm(formName)\n        }\n      })\n    },\n    resetForm(formName) {\n      this.$refs[formName].resetFields()\n      this.dialogAddDevice = false\n      this.equipmentForm = {\n        equipmentName: '',\n        equipmentId: '',\n        brand: '',\n        algorithmModelText: '',\n        algorithmModel: [],\n      }\n    },\n\n    // 添加设备 + 编辑设备\n    projectEdite() {\n      this.$refs.popupUploadForm.validate((valid) => {\n        if (valid) {\n          if (this.popupActive === 'create') {\n            // 添加\n            this.createNewProject()\n          } else if (this.popupActive === 'edit') {\n            // 编辑\n            this.editeProject()\n          }\n        } else {\n          this.$message.error('请将设备相关内容填写完整')\n        }\n      })\n    },\n    // 确认添加设备\n    createNewProject() {\n      let data = JSON.parse(JSON.stringify(this.equipmentForm))\n      data.algorithmModel = data.algorithmModelText.split(',')\n      // console.log(data.algorithmModel)\n      this.tableData.splice(this.rowIndex + 1, 0, data)\n      this.tableData.forEach((item, index) => {\n        item.id = index\n      })\n      this.cancelPopup()\n    },\n    // 编辑弹窗\n    activeEditePopup(item) {\n      this.equipmentForm.equipmentName = item.equipmentName\n      this.equipmentForm.equipmentId = item.equipmentId\n      this.equipmentForm.brand = item.brand\n      this.equipmentForm.algorithmModel = item.algorithmModel\n      this.popupActive = 'edit'\n    },\n    // 确认编辑设备\n    editeProject() {\n      this.cancelPopup()\n    },\n    // 删除设备弹窗\n    deleteDeviceClick(idnex, row) {\n      this.popupActive = 'delete'\n      this.rowIndex = idnex\n    },\n    // 确认删除设备\n    deleteProject() {\n      this.tableData.forEach((item, index) => {\n        if (item.id === this.rowIndex) {\n          this.tableData.splice(this.rowIndex, 1)\n          this.cancelPopup()\n          this.tableData.forEach((i, idx) => {\n            i.id = idx\n          })\n        }\n      })\n    },\n    // 取消弹窗\n    cancelPopup() {\n      if (this.popupActive === 'create' || this.popupActive === 'edit') {\n        this.equipmentForm = {\n          equipmentName: '',\n          equipmentId: '',\n          brand: '',\n          algorithmModelText: '',\n          algorithmModel: [],\n        }\n        this.$refs.popupUploadForm.resetFields()\n      }\n      this.popupActive = ''\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\ndiv {\n  box-sizing: border-box;\n}\n\n.hardware-details {\n  width: 100%;\n  // height: 100%;\n  background: linear-gradient(90deg, #9688ff, #188aff);\n  padding: 0 50px 100px;\n  .hardware-details-content {\n    .content-header {\n      padding: 20px 0;\n      img {\n        width: 60px;\n        height: 60px;\n        background: #ffffff;\n        border: 2px solid #ffffff;\n        border-radius: 30px;\n        vertical-align: middle;\n        margin: -5px 17px 0 0;\n        box-sizing: border-box;\n      }\n      span {\n        font-size: 24px;\n        font-family: Microsoft YaHei;\n        font-weight: bold;\n        color: #ffffff;\n      }\n    }\n    .content-table {\n      /deep/ .el-table,\n      .el-table__expanded-cell {\n        background-color: transparent;\n      }\n      /deep/ .el-table th,\n      /deep/ .el-table tr {\n        background-color: transparent;\n        border-bottom: none;\n        font-size: 16px;\n        font-family: Microsoft YaHei;\n        font-weight: 400;\n        color: #ffffff;\n        // background: rgba(255, 255, 255, 0.2);\n      }\n      /deep/ .el-table--enable-row-transition .el-table__body td,\n      .el-table .cell {\n        background-color: transparent;\n      }\n      /deep/.el-table::before {\n        //去除底部白线\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 0px;\n      }\n\n      /deep/ .el-table {\n        overflow: initial;\n      }\n      /deep/ .el-table__empty-text {\n        color: #fff;\n      }\n\n      /deep/.el-table__header-wrapper {\n        height: 60px;\n        border-radius: 5px;\n        background: rgba(255, 255, 255, 0.2);\n        box-shadow: 0px 0px 10px 0px rgba(1, 14, 47, 0.2);\n        margin-bottom: 10px;\n        padding: 0 45px;\n        box-sizing: border-box;\n        tr {\n          height: 60px;\n        }\n      }\n\n      /deep/.el-table__header,\n      /deep/.el-table__body {\n        width: auto !important;\n      }\n\n      /deep/.el-table__body-wrapper {\n        height: 600px;\n        background: rgba(255, 255, 255, 0.2);\n        box-shadow: 0px 0px 10px 0px rgba(1, 14, 47, 0.2);\n        border-radius: 5px;\n        padding: 0 45px;\n        box-sizing: border-box;\n        tr {\n          height: 100px;\n          border-bottom: 1px solid #ccc;\n        }\n      }\n\n      /deep/.el-table td,\n      .el-table th.is-leaf {\n        border-bottom-color: rgba(255, 255, 255, 0.3);\n      }\n\n      /deep/.el-button--text {\n        margin-left: 10px;\n      }\n      .el-icon-circle-plus-outline {\n        cursor: pointer;\n      }\n      .device {\n        cursor: pointer;\n        span {\n          float: left;\n        }\n      }\n      .icon-add-device,\n      .icon-delete-device {\n        width: 16px;\n        height: 16px;\n        display: inline-block;\n        margin: 5px 5px 0 0;\n        box-sizing: border-box;\n        // &:hover {\n        //   color: #409eff;\n        // }\n      }\n      .icon-add-device {\n        background: url('../../assets/images/hardwareManagement/add-device.png')\n          no-repeat;\n      }\n      .icon-delete-device {\n        background: url('../../assets/images/hardwareManagement/delete-device.png')\n          no-repeat;\n      }\n      .line {\n        width: 1px;\n        height: 14px;\n        background: #ffffff;\n        float: left;\n        opacity: 0.6;\n        margin: 5px 20px 0;\n      }\n\n      /deep/ .el-table .cell {\n        overflow: initial;\n      }\n\n      .algorithmModel-text {\n        font-size: 16px;\n        border: 1px;\n        padding: 0 5px;\n        margin-right: 10px;\n        box-sizing: border-box;\n        display: inline-block;\n        &:hover {\n          border: 1px solid #ffffff;\n          border-radius: 3px;\n          .icon-delete {\n            width: 13px;\n            height: 13px;\n            background: url('../../assets/images/hardwareManagement/delete-algorithm.png')\n              no-repeat;\n            background-size: contain;\n            float: right;\n            margin-top: -6px;\n            margin-right: -11px;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n  }\n\n  .popup-list {\n    .popup {\n      z-index: 3;\n    }\n    .popup-create,\n    .popup-create-Catalog,\n    .popup-score,\n    .popup-copy,\n    .popup-rename,\n    .popup-delete {\n      &.off {\n        display: none;\n      }\n    }\n    .popup-delete {\n      &::v-deep .popup-head {\n        border-bottom: 0 none;\n      }\n      .popup-del-cnt {\n        overflow: hidden;\n        margin-top: -25px;\n        .head {\n          .icon-box {\n            display: inline-block;\n            margin-right: 12px;\n            vertical-align: middle;\n          }\n          .title {\n            display: inline-block;\n            color: #333;\n            vertical-align: middle;\n          }\n        }\n        .content {\n          padding: 15px 0;\n          text-align: center;\n        }\n      }\n    }\n    .popup-create,\n    .popup-create-Catalog,\n    .popup-copy {\n      &::v-deep .popup-inner {\n        width: 480px;\n        height: 550px;\n      }\n    }\n    .pop-select {\n      // margin-top: 20px;\n      width: 100%;\n      // &::v-deep .el-input__inner {\n      //   // &::-webkit-input-placeholder {\n      //   //   color: #606266;\n      //   // }\n      // }\n    }\n    .pop-textarea {\n      // margin-top: 20px;\n      &::v-deep .el-textarea__inner {\n        font-family: sans-serif;\n        resize: none;\n      }\n    }\n    .pop-el-form {\n      // margin-top: 20px;\n      &::v-deep {\n        .el-input__count {\n          line-height: 1.5;\n        }\n        .el-input .el-input__count {\n          position: relative;\n          top: 20%;\n          right: 0.1em;\n        }\n      }\n      .intxt {\n        display: flex;\n        // flex-direction: row;\n        flex-wrap: nowrap;\n        // margin: 20px 0;\n        font-size: 14px;\n        &:first-child {\n          margin-top: 20px;\n        }\n        .label {\n          min-width: 6em;\n          line-height: 40px;\n        }\n        .el-input {\n          margin-top: 0;\n        }\n      }\n    }\n    // /dppe/.el-form-item__error {\n    //   padding-left: 100px !important;\n    // }\n\n    .avatar-uploader .el-upload {\n      border: 1px dashed #d9d9d9;\n      border-radius: 6px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n      .avatar-uploader-icon {\n        color: #8c939d;\n        text-align: center;\n        width: 130px;\n        height: 130px;\n        // line-height: 130px;\n        text-align: center;\n        // background: url('../../assets/images/upload-bg.png') no-repeat -35px -0px;\n        background-size: cover;\n        border-radius: 4px;\n        position: relative;\n        overflow: hidden;\n        .modify {\n          display: flex;\n          padding-top: 55px;\n          justify-content: center;\n          align-content: center;\n          box-sizing: border-box;\n          .icon {\n            width: 17px;\n            height: 17px;\n            // background: url('../../assets/images/icon_cover-modification.png')\n            //   no-repeat;\n            background-size: contain;\n            margin-right: 10px;\n          }\n          .modify-text {\n            font-size: 16px;\n            color: #ffffff;\n            line-height: 17px;\n          }\n        }\n      }\n      .avatar {\n        width: 130px;\n        height: 130px;\n        display: block;\n        border-radius: 4px;\n      }\n    }\n    .avatar-uploader .el-upload:hover {\n      border-color: #409eff;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HardwareDetails.vue?vue&type=template&id=550c5739&scoped=true&\"\nimport script from \"./HardwareDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./HardwareDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HardwareDetails.vue?vue&type=style&index=0&id=550c5739&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"550c5739\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareDetails.vue?vue&type=style&index=0&id=550c5739&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareDetails.vue?vue&type=style&index=0&id=550c5739&lang=scss&scoped=true&\""],"sourceRoot":""}