smart-power-ui/node_modules/.cache/vue-loader/ae1ee5499e708d23a8b84cf33119c226.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\iot\\project\\profile\\info.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\iot\\project\\profile\\info.vue","mtime":1617868791444},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5wcm9qZWN0LWRldGFpbHMtaW5mbyB7CiAgLmdyb3VwLWxpc3QtaW5mbyB7CiAgICAudG9wIHsKICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgd2lkdGg6IDEwMCU7CiAgICAgIGZsb2F0OiBsZWZ0OwogICAgICBoZWlnaHQ6IDQwcHg7CiAgICAgIC50b3AtbGFiZWwgewogICAgICAgIGZsb2F0OiBsZWZ0OwogICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMDBweCk7CiAgICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7CiAgICAgICAgY29sb3I6ICMzNzNkNDE7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsKICAgICAgICAuZWwtaW5wdXQtLW1lZGl1bSB7CiAgICAgICAgICB3aWR0aDogMTUwcHg7CiAgICAgICAgfQogICAgICAgIC5lbC1idXR0b24tLXRleHQgewogICAgICAgICAgcGFkZGluZzogOHB4IDEycHg7CiAgICAgICAgICBjb2xvcjogIzMzMzsKICAgICAgICB9CiAgICAgICAgLmVsLWJ1dHRvbi0tdGV4dDpob3ZlciB7CiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDFkYmU2OwogICAgICAgICAgYm9yZGVyLXJhZGl1czogMDsKICAgICAgICAgIGNvbG9yOiAjMTg5MGZmOwogICAgICAgIH0KICAgICAgfQogICAgICAudG9wLWJ1dHRvbiB7CiAgICAgICAgZmxvYXQ6IGxlZnQ7CiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7CiAgICAgICAgd2lkdGg6IDIwMHB4OwogICAgICB9CiAgICB9CiAgICBkaXNwbGF5OiBmbGV4OwogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgbWFyZ2luLWJvdHRvbTogNnB4OwogICAgZmxleDogMTsKICAgIC50aXRsZSB7CiAgICAgIGxpbmUtaGVpZ2h0OiAzMHB4OwogICAgICBmb250LXNpemU6IDE2cHg7CiAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7CiAgICAgIGNvbG9yOiAjMzczZDQxOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICBmbGV4OiAxOwogICAgfQogIH0KICAuZ3JvdXAtbGlzdC10YWJsZSB7CiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q0ZDRkNDsKICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2Q0ZDRkNDsKICAgIC50YWJsZS1yb3cgewogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICB3aWR0aDogMTAwJTsKICAgICAgLnRhYmxlLXJvdy1jb2wgewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgZmxleDogMSAxIDAlOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICAgIC50aXRsZSB7CiAgICAgICAgICB3aWR0aDogMTgwcHg7CiAgICAgICAgICBoZWlnaHQ6IDQ4cHg7CiAgICAgICAgICBjb2xvcjogcmdiKDExNiwgMTE5LCAxMjIpOwogICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjUwLCAyNTAsIDI1Mik7CiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2Q0ZDRkNDsKICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkNGQ0ZDQ7CiAgICAgICAgICBwYWRkaW5nOiAwcHggMTJweDsKICAgICAgICAgIG1hcmdpbi1ib3R0b206IDBweDsKICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDsKICAgICAgICAgIGZvbnQtd2VpZ2h0OiAxMDA7CiAgICAgICAgfQogICAgICAgIC5jb250ZW50IHsKICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7CiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgICAgZmxleDogMSAxIDAlOwogICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICAgIGNvbG9yOiAjNjY2OwogICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkNGQ0ZDQ7CiAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZDRkNGQ0OwogICAgICAgICAgcGFkZGluZzogMHB4IDEycHg7CiAgICAgICAgICAubmFtZSB7CiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlOwogICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwOwogICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICAgICAgfQogICAgICAgICAgLmdyb3VwLWlkIHsKICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7CiAgICAgICAgICB9CiAgICAgICAgICAubm90aWNlLWl0ZW0gewogICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgICAgIHdpZHRoOiA2cHg7CiAgICAgICAgICAgIGhlaWdodDogNnB4OwogICAgICAgICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgICAgICAgIGJhY2tncm91bmQ6ICNkM2Q1ZDU7CiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4OwogICAgICAgICAgfQogICAgICAgICAgLm4gewogICAgICAgICAgICBiYWNrZ3JvdW5kOiAjMGZjMThhOwogICAgICAgICAgfQogICAgICAgICAgLnNlY3JldCB7CiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9CiAgLmVsZGFpYWxvZy13cmFwIHsKICAgIC5lbC1kaWFsb2dfX2hlYWRlciB7CiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNzQ3MzczOwogICAgfQogICAgLmVsLXJhZGlvIHsKICAgICAgd2lkdGg6IDkwcHg7CiAgICB9CiAgICAuZWwtZGlhbG9nX19ib2R5IHsKICAgICAgcGFkZGluZzogMHB4OwogICAgfQogICAgLmN1cy1pdG1lLmVsLWZvcm0taXRlbS0tbWluaSAuZWwtZm9ybS1pdGVtX19jb250ZW50IHsKICAgICAgbWFyZ2luLWxlZnQ6IDBweCAhaW1wb3J0YW50OwogICAgfQogICAgLnNlbGVjdCB7CiAgICAgIC8vIHdpZHRoOiA5MiU7CiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgd2lkdGg6IGNhbGMoOTIlIC0gNTBweCk7CiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgZmxvYXQ6IGxlZnQ7CiAgICAgIG1hcmdpbi1yaWdodDogNHB4OwogICAgICAuZWwtaW5wdXQgewogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICB9CiAgICB9CiAgICAuZWwtdGV4dGFyZWEgewogICAgICB3aWR0aDogOTIlOwogICAgICB3aWR0aDogY2FsYyg5MiUgLSA1MHB4KTsKICAgICAgd2lkdGg6IDEwMCU7CiAgICB9CiAgICAuZWwtaW5wdXQgewogICAgICB3aWR0aDogOTIlOwogICAgICB3aWR0aDogY2FsYyg5MiUgLSA1MHB4KTsKICAgICAgd2lkdGg6IDEwMCU7CiAgICB9CiAgICAuaW5mbyB7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBmbG9hdDogbGVmdDsKICAgICAgbWFyZ2luLWJvdHRvbTogMTVweDsKICAgICAgLyogbWFyZ2luLXRvcDogMTNweDsgKi8KICAgICAgbWFyZ2luLWxlZnQ6IC0xMHB4OwogICAgICBmb250LXNpemU6IDE2cHg7CiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7CiAgICB9CiAgICAuc3BhbiB7CiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA5MXB4KTsKICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgIGNvbnRlbnQ6ICIiOwogICAgICBoZWlnaHQ6IDFweDsKICAgICAgLyogd2lkdGg6IDEwMCU7ICovCiAgICAgIGJvcmRlci10b3A6IDFweCBkYXNoZWQgI2VjZWRlZTsKICAgICAgLXdlYmtpdC1ib3gtZmxleDogMTsKICAgICAgLW1zLWZsZXg6IDE7CiAgICAgIGZsZXg6IDE7CiAgICAgIG1hcmdpbi1sZWZ0OiA4MHB4OwogICAgICBtYXJnaW4tdG9wOiAtMTBweDsKICAgIH0KICAgIC5mb3JtLWJ1dHRvbnMtZGl2IHsKICAgICAgaGVpZ2h0OiA0NXB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwogICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICBwYWRkaW5nLXJpZ2h0OiAxMHB4OwogICAgICBib3JkZXItdG9wOiAxcHggc29saWQgIzc0NzM3MzsKICAgIH0KICB9CgogIC5ncm91cC1kaWFsb2cgewogICAgLmVsLWRpYWxvZ19faGVhZGVyIHsKICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7CiAgICB9CiAgICAuZWwtZGlhbG9nX19ib2R5IHsKICAgICAgcGFkZGluZzogMjhweDsKICAgICAgLmVsLWZvcm0taXRlbSB7CiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDsKICAgICAgICAuZWwtZm9ybS1pdGVtX19sYWJlbCB7CiAgICAgICAgICBsaW5lLWhlaWdodDogMzBweDsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9CiAgLmNyYXQtd2FycCB7CiAgICBoZWlnaHQ6IDEwMHB4OwogICAgd2lkdGg6IDIwMHB4OwogICAgYm9yZGVyOiAxcHggc29saWQgIzMzMzsKICAgIHBhZGRpbmc6IDVweDsKICAgIGhlaWdodDogMTIwcHg7CiAgICB3aWR0aDogMjUwcHg7CiAgICBtYXJnaW46IDVweDsKICAgIC50aXRsZS1zcGFuIHsKICAgICAgaGVpZ2h0OiAzMHB4OwogICAgICBmb250LXNpemU6IDE4cHg7CiAgICAgIGJvcmRlci1ib3R0b206IDFweCBkb3R0ZWQgIzMzMzsKICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7CiAgICB9CiAgICAudGltZS13cmFwIHsKICAgICAgaGVpZ2h0OiA1MHB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICB3aWR0aDogMTAwJTsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICAudGltZS10aXRsZSB7CiAgICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgICAgd2lkdGg6IDQwcHg7CiAgICAgICAgdGV4dC1hbGlnbjogZW5kOwogICAgICAgIG1hcmdpbi1yaWdodDogNXB4OwogICAgICB9CiAgICAgIC50aW1lLXZhbCB7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBmb250LXNpemU6IDE2cHg7CiAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDQ1cHgpOwogICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogICAgICB9CiAgICAgIC52bHVlLXdhcnAgewogICAgICAgIHdpZHRoOiA1MCU7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICA+c3BhbjpudGgtY2hpbGQoMSkgewogICAgICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7CiAgICAgICAgICB3aWR0aDogNTVweDsKICAgICAgICB9CiAgICAgICAgPnNwYW46bnRoLWNoaWxkKDIpIHsKICAgICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDU1cHgpOwogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgICAgY29sb3I6ICMzMzAwZmY7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgICAuZGotd3JhcCB7CiAgICAgIGhlaWdodDogMzVweDsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICAuZGotdGl0bGUgewogICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgIHdpZHRoOiA0MHB4OwogICAgICAgIHRleHQtYWxpZ246IGVuZDsKICAgICAgfQogICAgICAuZGotdmFsdWUgewogICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA0NXB4KTsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgY29sb3I6IHJlZDsKICAgICAgfQogICAgfQogIH0KfQo="},{"version":3,"sources":["info.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"info.vue","sourceRoot":"src/views/iot/project/profile","sourcesContent":["<template>\n  <div class=\"project-details-info\">\n    <div class=\"group-list-info\">\n      <div class=\"top\">\n        <div class=\"top-label\">\n          <svg-icon icon-class=\"A_product1\" style=\"margin-right: 2px; height: 20px; width: 20px;\" />项目信息\n          <span\n            v-if=\"updateState === false\"\n            style=\"margin: 0px 15px 0 10px; font-weight: 200; font-size: 14px;\"\n          >项目名称：{{infoData.projectName}}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"group-list-table\">\n      <div class=\"table-row\">\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目ID</div>\n          <div class=\"content\">\n            <span class=\"name\">{{infoData.projectId}}</span>\n            <el-button type=\"text\" size=\"small\" @click.stop=\"copyText(infoData.projectId)\">复制</el-button>\n          </div>\n        </div>\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目编号</div>\n          <div class=\"content\">\n            <span class=\"group-id\">{{infoData.projectCode}}</span>\n          </div>\n        </div>\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目类型</div>\n          <div class=\"content\">\n            <span class=\"group-id\">{{statusFormat(infoData)}}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"table-row\">\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目纬度</div>\n          <div class=\"content\">{{infoData.projectLat}}</div>\n        </div>\n\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目经度</div>\n          <div class=\"content\">{{infoData.projectLng}}</div>\n        </div>\n\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目状态</div>\n          <div class=\"content\">{{infoData.projectStatus === '0' ? '启用' : '禁用' }}</div>\n        </div>\n      </div>\n      <div class=\"table-row\">\n        <div class=\"table-row-col\">\n          <div class=\"title\">项目地址</div>\n          <div class=\"content\">\n            <span class=\"centent\">{{infoData.projectAddress}}</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"table-row\">\n        <div class=\"table-row-col\">\n          <div class=\"title\">创建时间</div>\n          <div class=\"content\">{{infoData.createTime || '--'}}</div>\n        </div>\n        <div class=\"table-row-col\" style=\"flex: 2 0 0%;\">\n          <div class=\"title\">行政区划</div>\n          <div class=\"content\">{{infoData.regionalismFullName}}</div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group-list-info\" style=\"margin-top: 20px;\">\n      <div class=\"top\">\n        <div class=\"top-label\">\n          <svg-icon icon-class=\"A_product1\" style=\"margin-right: 2px; height: 20px; width: 20px;\" />电价合同\n          <span\n            v-if=\"updateState === false\"\n            style=\"margin: 0px 15px 0 10px; font-weight: 200; font-size: 14px;\"\n          >{{contrctInfo.contractName}}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group-list-table\">\n      <div class=\"table-row\">\n        <div class=\"table-row-col\">\n          <div class=\"title\">合同ID</div>\n          <div class=\"content\">\n            <span class=\"name\">{{contrctInfo.contractId}}</span>\n            <el-button type=\"text\" size=\"small\" @click.stop=\"copyText(contrctInfo.contractId)\">复制</el-button>\n          </div>\n        </div>\n        <div class=\"table-row-col\">\n          <div class=\"title\">合同类型</div>\n          <div class=\"content\">\n            <span class=\"group-id\">{{contrctInfo.contractTypeName}}</span>\n          </div>\n        </div>\n        <div class=\"table-row-col\">\n          <div class=\"title\">合同状态</div>\n          <div class=\"content\">\n            <span class=\"group-id\">{{contrctInfo.status === '0' ? '启用' : '禁用' }}</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"table-row\" >\n        <div class=\"table-row-col\">\n          <div class=\"title\" style=\"height: 160px;\">合同规则</div>\n          <div class=\"content\" style=\"overflow: auto;\">\n            <div\n              class=\"crat-warp\"\n              v-for=\"item in contrctInfo.priceContractRuleList\"\n              :key=\"item.ruleNum\"\n            >\n              <div class=\"title-span\">{{item.ruleName}}</div>\n              <div class=\"time-wrap\" v-if=\"contrctInfo.contractType === 'PEAK_VALLEY'\">\n                <span class=\"time-title\">时间:</span>\n                <div class=\"time-val\">\n                  <span style=\"color: #3300ff;\">{{item.minTime}}</span>\n                  <span>~</span>\n                  <span style=\"color: #3300ff;\">{{item.maxTime}}</span>\n                </div>\n              </div>\n              <div class=\"time-wrap\" v-else>\n                <div class=\"vlue-warp\">\n                  <span>最小值:</span>\n                  <span >{{item.minVal}}</span>\n                </div>\n                <div class=\"vlue-warp\">\n                  <span>最大值:</span>\n                  <span >{{item.maxVal}}</span>\n                </div>\n              </div>\n              <div class=\"dj-wrap\">\n                <span class=\"dj-title\">单价:</span>\n                <span class=\"dj-value\">{{item.unitPrice}}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { getContract } from \"@/api/iot/contract\";\n\nexport default {\n  name: \"ProjectInfo\",\n  props: [\"infoData\"],\n  data() {\n    const validatorNull = (rule, value, callback) => {\n      callback();\n    };\n    return {\n      updateState: false,\n      prodtreeOptions: [],\n      modelList: [],\n      showProdSecret: false,\n      temp: {\n        deviceName: \"\",\n        deviceId: undefined\n      },\n      rules: {},\n      projectTypeOptions: {},\n      contrctInfo: {}\n    };\n  },\n  created() {\n    this.getDicts(\"project_industry\").then(response => {\n      this.projectTypeOptions = response.data;\n    });\n    this.getContractById();\n  },\n  watch: {\n    infoData(val) {\n      if (val) {\n        this.getContractById();\n      }\n    }\n  },\n  methods: {\n    getContractById() {\n      if (!this.infoData.contractId && this.infoData.contractId !== 0) {\n        return;\n      }\n      getContract(this.infoData.contractId).then(response => {\n        this.contrctInfo = response.data;\n        // this.contrctInfo.priceContractRuleList = arr || [];\n      });\n    },\n    // 菜单状态字典翻译\n    statusFormat(row) {\n      return this.selectDictLabel(this.projectTypeOptions, row.industry);\n    },\n    copyText(val) {\n      this.copeFu(val, this);\n    },\n    // 设备修改只能修改名称\n    handleUpdate(row) {\n      this.newTemp();\n      this.temp = Object.assign({}, row);\n      this.updateState = true;\n    },\n    newTemp() {\n      this.temp = {\n        deviceName: \"\",\n        deviceId: undefined\n      };\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.project-details-info {\n  .group-list-info {\n    .top {\n      text-align: left;\n      width: 100%;\n      float: left;\n      height: 40px;\n      .top-label {\n        float: left;\n        width: calc(100% - 200px);\n        font-size: 16px;\n        font-weight: 700;\n        color: #373d41;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        .el-input--medium {\n          width: 150px;\n        }\n        .el-button--text {\n          padding: 8px 12px;\n          color: #333;\n        }\n        .el-button--text:hover {\n          background-color: #d1dbe6;\n          border-radius: 0;\n          color: #1890ff;\n        }\n      }\n      .top-button {\n        float: left;\n        text-align: right;\n        width: 200px;\n      }\n    }\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n    flex: 1;\n    .title {\n      line-height: 30px;\n      font-size: 16px;\n      font-weight: 700;\n      color: #373d41;\n      display: flex;\n      align-items: center;\n      flex: 1;\n    }\n  }\n  .group-list-table {\n    border-top: 1px solid #d4d4d4;\n    border-left: 1px solid #d4d4d4;\n    .table-row {\n      display: flex;\n      width: 100%;\n      .table-row-col {\n        display: flex;\n        flex: 1 1 0%;\n        overflow: hidden;\n        font-size: 14px;\n        .title {\n          width: 180px;\n          height: 48px;\n          color: rgb(116, 119, 122);\n          display: flex;\n          align-items: center;\n          background: rgb(250, 250, 252);\n          border-bottom: 1px solid #d4d4d4;\n          border-right: 1px solid #d4d4d4;\n          padding: 0px 12px;\n          margin-bottom: 0px;\n          font-size: 15px;\n          font-weight: 100;\n        }\n        .content {\n          display: flex;\n          justify-content: flex-start;\n          align-items: center;\n          flex: 1 1 0%;\n          overflow: hidden;\n          color: #666;\n          border-bottom: 1px solid #d4d4d4;\n          border-right: 1px solid #d4d4d4;\n          padding: 0px 12px;\n          .name {\n            display: inline-block;\n            max-width: 100%;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            cursor: pointer;\n            overflow: hidden;\n          }\n          .group-id {\n            margin-right: 8px;\n          }\n          .notice-item {\n            display: inline-block;\n            width: 6px;\n            height: 6px;\n            border-radius: 6px;\n            background: #d3d5d5;\n            margin-right: 3px;\n          }\n          .n {\n            background: #0fc18a;\n          }\n          .secret {\n            display: block;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n        }\n      }\n    }\n  }\n  .eldaialog-wrap {\n    .el-dialog__header {\n      border-bottom: 1px solid #747373;\n    }\n    .el-radio {\n      width: 90px;\n    }\n    .el-dialog__body {\n      padding: 0px;\n    }\n    .cus-itme.el-form-item--mini .el-form-item__content {\n      margin-left: 0px !important;\n    }\n    .select {\n      // width: 92%;\n      display: inline-block;\n      width: calc(92% - 50px);\n      display: inline-block;\n      float: left;\n      margin-right: 4px;\n      .el-input {\n        width: 100%;\n      }\n    }\n    .el-textarea {\n      width: 92%;\n      width: calc(92% - 50px);\n      width: 100%;\n    }\n    .el-input {\n      width: 92%;\n      width: calc(92% - 50px);\n      width: 100%;\n    }\n    .info {\n      width: 100%;\n      float: left;\n      margin-bottom: 15px;\n      /* margin-top: 13px; */\n      margin-left: -10px;\n      font-size: 16px;\n      font-weight: 600;\n    }\n    .span {\n      width: calc(100% - 91px);\n      display: block;\n      content: \"\";\n      height: 1px;\n      /* width: 100%; */\n      border-top: 1px dashed #ecedee;\n      -webkit-box-flex: 1;\n      -ms-flex: 1;\n      flex: 1;\n      margin-left: 80px;\n      margin-top: -10px;\n    }\n    .form-buttons-div {\n      height: 45px;\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      padding-right: 10px;\n      border-top: 1px solid #747373;\n    }\n  }\n\n  .group-dialog {\n    .el-dialog__header {\n      border-bottom: 1px solid #ccc;\n    }\n    .el-dialog__body {\n      padding: 28px;\n      .el-form-item {\n        margin-bottom: 0;\n        .el-form-item__label {\n          line-height: 30px;\n        }\n      }\n    }\n  }\n  .crat-warp {\n    height: 100px;\n    width: 200px;\n    border: 1px solid #333;\n    padding: 5px;\n    height: 120px;\n    width: 250px;\n    margin: 5px;\n    .title-span {\n      height: 30px;\n      font-size: 18px;\n      border-bottom: 1px dotted #333;\n      padding-left: 5px;\n    }\n    .time-wrap {\n      height: 50px;\n      display: flex;\n      width: 100%;\n      align-items: center;\n      font-size: 16px;\n      .time-title {\n        display: block;\n        width: 40px;\n        text-align: end;\n        margin-right: 5px;\n      }\n      .time-val {\n        display: flex;\n        font-size: 16px;\n        width: calc(100% - 45px);\n        justify-content: space-around;\n      }\n      .vlue-warp {\n        width: 50%;\n        display: flex;\n        justify-content: center;\n        >span:nth-child(1) {\n          display: block;\n          text-align: left;\n          margin-right: 5px;\n          width: 55px;\n        }\n        >span:nth-child(2) {\n          display: block;\n          width: calc(100% - 55px);\n          text-align: center;\n          color: #3300ff;\n        }\n      }\n    }\n    .dj-wrap {\n      height: 35px;\n      display: flex;\n      align-items: center;\n      font-size: 16px;\n      .dj-title {\n        display: block;\n        width: 40px;\n        text-align: end;\n      }\n      .dj-value {\n        display: block;\n        width: calc(100% - 45px);\n        text-align: center;\n        color: red;\n      }\n    }\n  }\n}\n</style>\n"]}]}