index.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659
  1. <template>
  2. <div id="deviceList">
  3. <el-row class="left">
  4. <span style="float:right;">当前选择的部件类型:{{category.Name}}</span>
  5. <!-- <div style="width:200px;display:inline-block;text-align:left;color:gray;">
  6. <span>隐藏自动填充的信息</span>
  7. <el-checkbox v-model="isWatch" @change="getTableHeader"></el-checkbox>
  8. </div> -->
  9. <el-select v-model="showType" @change="initTable" style="width:100px;margin-right:10px;vertical-align:bottom;">
  10. <el-option v-for="item in showTypes" :key="item.value" :label="item.label" :value="item.value">
  11. </el-option>
  12. </el-select>
  13. <span>增加</span>
  14. <el-input-number v-model="addNum" :controls="false" style="width:50px;" :min="1" :max="50"></el-input-number>
  15. <span>个{{category.Name}}</span>
  16. <el-button @click="handleAddTableRow">增加</el-button>
  17. </el-row>
  18. <div class="tableBox">
  19. <div class="center middle_sty" style="flex:2;" v-show="tableData && !tableData.length">
  20. <p>
  21. <i class="icon-wushuju iconfont"></i>
  22. 暂无数据
  23. </p>
  24. </div>
  25. <div class="tableLeft" v-show="tableData && tableData.length">
  26. <handson-table ref="table"></handson-table>
  27. </div>
  28. </div>
  29. <el-row class="center">
  30. <el-button type="primary" size="medium" @click="handleCreateTableData" class="create_button" :disabled="createDisable">创建部件</el-button>
  31. </el-row>
  32. <!-- 二维码弹窗 -->
  33. <qrcode :dialog="myDialog" :qrcodeUrl="qrcodeUrl" :addBody="true" ref="qrcode"></qrcode>
  34. <!-- 型号弹窗 -->
  35. <firm :mess="{deviceId: firmId}" ref="firm" @changeFirm="firmChange" :dialog="myDialog"></firm>
  36. <!-- 供应商弹窗 -->
  37. <supplier-dialog ref="supplier" @changeSupplier="supplierChange" :dialog="myDialog"></supplier-dialog>
  38. <upload-files-dialog :read="onlyRead ? true : false" ref="upload" @changeFile="fileChange" :keysArr="filesArr" :dialog="myDialog">
  39. </upload-files-dialog>
  40. <upload-img-dialog :read="onlyRead ? true : false" @changeFile="imgChange" :keysArr="imgsArr" :dialog="myDialog"></upload-img-dialog>
  41. <maintainer-dialog @changeMaintainer="changeMaintainer" ref="maintainer" :dialog="myDialog"></maintainer-dialog>
  42. <insurer-dialog @changeInsurer="changeInsurer" ref="insurer" :dialog="myDialog"></insurer-dialog>
  43. <pic-dialog :read="onlyRead ? true : false" :dialog="myDialog" :keysArr="picsArr" @change="changePics"></pic-dialog>
  44. <details-dialog :iframeSrc="iframeSrc" v-if="myDialog.details" :dialog="myDialog"></details-dialog>
  45. <!-- 不支持的输入方式 -->
  46. <el-dialog title="临时维护信息点" :visible.sync="myDialog.update" @close="handleCloseUpdate" width="670px">
  47. <el-row>
  48. 该信息点未定义对应组件,现在维护数据不确定后续是否可用。如确实需要维护,请点击
  49. <el-link @click="updateInputShow = true" type="primary" :underline="false">继续维护</el-link>
  50. </el-row>
  51. <el-row style="margin-top:20px;" v-show="updateInputShow">
  52. <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 8}" placeholder="请输入内容"
  53. v-model="updateInput"></el-input>
  54. </el-row>
  55. <span slot="footer" class="dialog-footer">
  56. <el-button @click="myDialog.update = false">取 消</el-button>
  57. <el-button type="primary" @click="handleClickUpdate">确 认</el-button>
  58. </span>
  59. </el-dialog>
  60. </div>
  61. </template>
  62. <script>
  63. import tools from "@/utils/scan/tools";
  64. import handsonUtils from "@/utils/hasontableUtils";
  65. import showTools from "@/utils/handsontable/notShow";
  66. import text from "@/utils/handsontable/mainText";
  67. import session from "@/framework/utils/storage";
  68. import handsonTable from "@/components/common/handsontable";
  69. import {
  70. getDataDictionary,
  71. createPart,
  72. createPropertyData,
  73. getEquipBelongs
  74. } from "@/api/scan/request";
  75. import { mapGetters, mapActions } from "vuex";
  76. import qrcode from "@/components/ledger/lib/qrcode";
  77. import firm from "@/components/dialogs/list/firm";
  78. import supplierDialog from "@/components/dialogs/list/supplierDialog";
  79. import maintainerDialog from "@/components/dialogs/list/maintainerDialog";
  80. import insurerDialog from "@/components/dialogs/list/insurerDialog";
  81. import uploadFilesDialog from "@/components/dialogs/list/filesDialog";
  82. import uploadImgDialog from "@/components/dialogs/list/uploadImgDialog";
  83. import picDialog from "@/components/dialogs/list/picDialog";
  84. export default {
  85. components: {
  86. qrcode, //二维码页面
  87. firm, //品牌型号弹窗
  88. supplierDialog,
  89. maintainerDialog,
  90. insurerDialog,
  91. uploadFilesDialog,
  92. uploadImgDialog,
  93. picDialog,
  94. handsonTable
  95. },
  96. data() {
  97. return {
  98. addNum: 1,
  99. onlyRead: false,
  100. tableHeader: [],
  101. tableData: session.get("partsAddData")
  102. ? session.get("partsAddData").length
  103. ? session.get("partsAddData")
  104. : [{ Checked: 1 }]
  105. : [{ Checked: 1 }],
  106. showTypes: [
  107. { value: "partInfo", label: '隐藏信息点' },
  108. { value: "all", label: '全部' },
  109. { value: "Visible", label: '只看采集信息' }
  110. ],
  111. showType: this.$route.query.showType,
  112. copyTableData: [],
  113. category: "", //当前设备类
  114. myDialog: {
  115. qrcode: false, //二维码弹窗
  116. firm: false, //厂商弹窗
  117. supplier: false, //供应商选择
  118. maintainer: false, //选择维修商
  119. insurer: false, //选择保险公司
  120. uploadFiles: false, //上传文件
  121. uploadImgs: false, //上传单个图片
  122. pic: false, //多个图片
  123. addDevice: false,
  124. systemType: false,
  125. details: false, //详情页
  126. changeRea: false,
  127. lookPic: false, //图片查看
  128. update: false,//临时维护信息点
  129. },
  130. updateInputShow: false, //是否显示临时维护输入框
  131. updateInfoPoint: '',//临时维护信息点
  132. updateInput: '', //临时维护信息点值
  133. inputMap: {
  134. flowBuild: {
  135. InputMode: 'D1',
  136. Editable:true,
  137. InfoPointCode:"flowBuild",
  138. InfoPointName:"建筑楼层",
  139. Path:"flowBuild"
  140. }
  141. }, //信息点和输入方式映射表
  142. qrcodeUrl: "", //二维码图片地址
  143. filesArr: [], //保存临时的文件key
  144. imgsArr: [], //临时保存的图片key数组
  145. picsArr: [], //临时设备图片keys数组
  146. systemId: null,
  147. graphyId: null,
  148. id: 0,
  149. EquipmentList: [],
  150. firmId: "", //品牌型号所需字段--族id三位编码(传设备类id或部件类id)
  151. createDisable: false
  152. };
  153. },
  154. computed: {
  155. ...mapGetters("layout", ["projectId", "secret", "userId"])
  156. },
  157. created() {
  158. this.category = this.$route.query;
  159. this.category.ParentId = this.category.Code.substr(0, 4);
  160. this.getBelongs();
  161. this.getTableHeader();
  162. },
  163. methods: {
  164. //查询部件类对应的 族
  165. getBelongs() {
  166. let params = {
  167. data: {
  168. Filters: `EquipCode='${this.category.Code}'`,
  169. PageNumber: 1,
  170. PageSize: 50
  171. }
  172. }
  173. getEquipBelongs(params, res => {
  174. this.firmId = res.Content[0].Family;
  175. })
  176. },
  177. // 获取表头数据(初始化表格)
  178. async getTableHeader() {
  179. let params = {
  180. data: {
  181. Orders: "sort asc, InfoPointName desc",
  182. PageNumber: 1,
  183. PageSize: 1000
  184. },
  185. type: this.category.Code
  186. // Filters: `type='Equipment' or type='${this.category.Code}'`
  187. };
  188. await getDataDictionary(params, res => {
  189. this.tableHeader = res.Content;
  190. this.tableHeader.forEach(item => {
  191. if (item.Path) {
  192. this.inputMap[item.Path] = item;
  193. }
  194. })
  195. this.initTable();
  196. });
  197. },
  198. // 创建部件数据
  199. async handleCreateTableData() {
  200. let newData = this.tableData.filter(item => {
  201. let keys = Object.keys(item);
  202. keys.map(key => {
  203. //将值为空字符串的属性删除
  204. if (item[key] == "") {
  205. delete item[key];
  206. }
  207. });
  208. let newK = Object.keys(item)
  209. if ((item.Checked && newK.length > 1) || (!item.Checked && newK.length)) {
  210. return item;
  211. }
  212. });
  213. if (!newData.length) {
  214. this.$message("创建信息为空,请录入信息后再创建!");
  215. return;
  216. }
  217. let flag = false;
  218. newData.map(item => {
  219. if (item.Checked && !item.EquipLocalName) {
  220. flag = true;
  221. }
  222. })
  223. if (flag) {
  224. this.$message.info("存在设备的本地名称为空,请检查")
  225. return;
  226. }
  227. for (let i = 0; i < newData.length; i++) {
  228. newData[i].ParentId = this.category.deviceId //当前设备id
  229. newData[i].Category = this.category.Code //当前部件分类
  230. newData[i].Family = this.firmId;
  231. //待接口修改为关联创建
  232. let param = {
  233. Cascade:[],
  234. Content:[newData[i]]
  235. }
  236. this.createDisable = true;
  237. await createPart(param, async res => {
  238. if (newData[i].Checked) {//同时创建资产
  239. param.Content[0].EquipmentId = res.EntityList[0].EquipID
  240. await createPropertyData(param, res => { })
  241. }
  242. if (i == newData.length - 1) {
  243. this.createDisable = false;
  244. this.$message.success('创建成功')
  245. session.remove("partsAddData")
  246. this.$router.push({
  247. path: "/ledger/partsmanage",
  248. query: {
  249. deviceId: this.category.deviceId,
  250. typeId: this.category.ParentId,
  251. pageNo: this.category.pageNo,
  252. pageSize: this.category.pageSize
  253. }
  254. });
  255. }
  256. })
  257. // if (newData[i].Checked) {//同时创建资产
  258. // await createPropertyData([params], async res => {
  259. // params.PropertyId = res.Id
  260. // })
  261. // }
  262. // else {
  263. // await createPart(params, res => {
  264. // if (i == newData.length - 1) {
  265. // this.$router.push({
  266. // path: "/ledger/partsmanage",
  267. // query: {
  268. // deviceId: this.category.deviceId,
  269. // typeId: this.category.ParentId
  270. // }
  271. // });
  272. // session.remove("partsAddData")
  273. // }
  274. // });
  275. // }
  276. }
  277. },
  278. // 删除表格行
  279. handleDeleteTableRow() {
  280. this.$message.success("删除成功");
  281. this.formaTableData();
  282. },
  283. // 添加行
  284. handleAddTableRow() {
  285. let addRowLength = this.addNum;
  286. for (let i = 0; i < addRowLength; i++) {
  287. this.tableData.push({ Checked: 1 });
  288. }
  289. this.initTable();
  290. this.formaTableData();
  291. },
  292. //修改
  293. handleUpdataTable(changeData, source) {
  294. if (!this.onlyRead && source != 'ObserveChanges.change') {
  295. this.formaTableData();
  296. }
  297. },
  298. //保存去掉空字段的新增数据
  299. formaTableData() {
  300. let newData = this.tableData.filter(item => {
  301. let keys = Object.keys(item);
  302. keys.map(key => {
  303. //将值为空字符串的属性删除
  304. if (item[key] == "") {
  305. delete item[key];
  306. }
  307. });
  308. if (keys.length && Object.keys(item).length) {
  309. return item;
  310. }
  311. });
  312. session.set("partsAddData", newData);
  313. },
  314. //格式化表头显示的数据
  315. formatHeaderData(list) {
  316. let arr = tools.copyArr(list)
  317. let data = showTools.headerTextFilter(arr, "parts", this.onlyRead, this.showType, true)
  318. data.unshift("同时创建资产")
  319. return data
  320. },
  321. formatHeaderType(list) {
  322. //格式化表头头映射的数据
  323. let arr = tools.copyArr(list);
  324. let data = showTools.headerTypeFilter(arr, "parts", this.onlyRead, this.showType, true)
  325. data.unshift({
  326. type: "checkbox",
  327. checkedTemplate: 1,
  328. uncheckedTemplate: 0,
  329. data: "Checked",
  330. label: {
  331. position: "after"
  332. }
  333. });
  334. return data;
  335. },
  336. initTable() {
  337. //实例化表格
  338. let settings = {
  339. data: this.tableData,
  340. colHeaders: this.formatHeaderData(this.tableHeader),
  341. columns: this.formatHeaderType(this.tableHeader),
  342. rowHeights: 30,
  343. maxRows: this.tableData.length,
  344. contextMenu: this.onlyRead ? false :{
  345. items: {
  346. remove_row: {
  347. name: "删除部件"
  348. }
  349. }
  350. },
  351. // 事件
  352. afterChange: this.handleUpdataTable, //修改后
  353. afterFilter: this.trimmedRows, //排序前
  354. afterRemoveRow: this.handleDeleteTableRow, //右键删除
  355. afterOnCellMouseDown: this.handleTdClick //鼠标点击
  356. };
  357. this.$nextTick(() => {
  358. this.tableExample = this.$refs.table.init(settings);
  359. });
  360. },
  361. //去除数组中相同的元素
  362. array_diff(a, b) {
  363. for (var i = 0; i < b.length; i++) {
  364. for (var j = 0; j < a.length; j++) {
  365. if (a[j] == b[i]) {
  366. a.splice(j, 1);
  367. j = j - 1;
  368. }
  369. }
  370. }
  371. return a;
  372. },
  373. //选择型号修改
  374. firmChange(data) {
  375. tools.setDataForKey(this.tableData[this.row], "DPManufacturerID", data.venderId)//生产商ID
  376. tools.setDataForKey(this.tableData[this.row], "DPBrandID", data.brandId)//品牌ID
  377. tools.setDataForKey(this.tableData[this.row], "DPSpecificationID", data.specificationId)//型号ID
  378. tools.setDataForKey(this.tableData[this.row], "LedgerParam.EquipManufactor.Manufacturer", data.venderName)
  379. tools.setDataForKey(this.tableData[this.row], "LedgerParam.EquipManufactor.Brand", data.brandName)
  380. tools.setDataForKey(this.tableData[this.row], "LedgerParam.EquipManufactor.Specification", data.name)
  381. },
  382. //供应商变更
  383. supplierChange(data) {
  384. tools.setDataForKey(this.tableData[this.row], 'DPSupplierID', data.venderId)
  385. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.Supplier', data.name)
  386. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.SupplierPhone', data.contacts[0]?data.contacts[0].phone:null)
  387. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.SupplierContactor', data.contacts[0]?data.contacts[0].name:null)
  388. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.SupplierWeb', data.website?data.website:null)
  389. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.SupplierEmail', data.contacts[0]?data.contacts[0].email:null)
  390. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.SupplyPurchase.SupplierFax', data.contacts[0]?data.contacts[0].fax:null)
  391. },
  392. //保险商变更
  393. changeInsurer(data) {
  394. tools.setDataForKey(this.tableData[this.row], 'DPInsurerID', data.venderId)
  395. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.Insurer', data.name?data.name:null)
  396. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.InsurerWeb', data.website?data.website:null)
  397. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.InsurerEmail', data.contacts[0]?data.contacts[0].email:null)
  398. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.InsurerFax', data.contacts[0]?data.contacts[0].fax:null)
  399. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.InsurerPhone', data.contacts[0]?data.contacts[0].phone:null)
  400. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.InsuranceDoc.InsurerContactor', data.contacts[0]?data.contacts[0].name:null)
  401. },
  402. //维修商变更
  403. changeMaintainer(data) {
  404. tools.setDataForKey(this.tableData[this.row], 'DPMaintainerID', data.venderId)
  405. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.Maintainer', data.name)
  406. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.MaintainerWeb', data.website?data.website:null)
  407. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.MaintainerContactor', data.contacts[0]?data.contacts[0].name:null)
  408. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.MaintainerPhone', data.contacts[0]?data.contacts[0].phone:null)
  409. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.MaintainerEmail', data.contacts[0]?data.contacts[0].email:null)
  410. tools.setDataForKey(this.tableData[this.row], 'LedgerParam.OperationMainte.MaintainerFax', data.contacts[0]?data.contacts[0].fax:null)
  411. },
  412. //上传文件弹窗触发事件
  413. fileChange(keys) {
  414. this.setDataToMain(keys, this.messKey, this.row);
  415. },
  416. //上传图片弹窗触发事件
  417. imgChange(keys) {
  418. this.setDataToMain(keys, this.messKey, this.row);
  419. },
  420. //设备图片弹窗改变事件
  421. changePics(keys) {
  422. this.setDataToMain(keys, this.messKey, this.row);
  423. },
  424. //表格点击事件
  425. handleTdClick(el, rowArr) {
  426. //点击的是表头
  427. if (rowArr.row < 0) {
  428. return;
  429. }
  430. //被筛选过后的数组
  431. let trimmedArr = this.trimmedRows();
  432. //是否启用了排序
  433. let isSort = this.tableExample.getPlugin("columnSorting").isSorted();
  434. if (trimmedArr.length && isSort) {
  435. let sortArr = this.myHotArr.getPlugin("columnSorting").rowsMapper
  436. .__arrayMap;
  437. let infos = this.tableData[trimmedArr[sortArr[rowArr.row]]];
  438. this.getInfors(infos, { row: sortArr[rowArr.row], col: rowArr.col });
  439. } else if (isSort) {
  440. //排序后的数组
  441. let sortArr = this.tableExample.getPlugin("columnSorting").rowsMapper
  442. .__arrayMap;
  443. let infos = this.tableData[sortArr[rowArr.row]];
  444. this.getInfors(infos, { row: sortArr[rowArr.row], col: rowArr.col });
  445. } else if (trimmedArr.length) {
  446. let infos = this.tableData[trimmedArr[rowArr.row]];
  447. this.getInfors(infos, { row: trimmedArr[rowArr.row], col: rowArr.col });
  448. } else {
  449. let infos = this.tableData[rowArr.row];
  450. this.getInfors(infos, rowArr);
  451. }
  452. },
  453. //获取被筛选掉的行号
  454. trimmedRows() {
  455. var plugin = this.tableExample.getPlugin("trimRows").trimmedRows;
  456. let dataLength = this.tableData.length;
  457. let dataArr = new Array();
  458. for (let i = 0; i < dataLength; i++) {
  459. dataArr.push(i);
  460. }
  461. if (plugin.length <= 0) {
  462. dataArr = undefined;
  463. } else {
  464. dataArr = this.array_diff(dataArr, plugin);
  465. }
  466. return dataArr || [];
  467. },
  468. getInfors(infos, row) {
  469. //其他的开始判断
  470. let val = this.tableExample.colToProp(row.col);
  471. let inputData = this.inputMap[val];
  472. this.row = row.row;
  473. this.messKey = val;
  474. //设备二维码图片
  475. if (val == "EquipQRCode") {
  476. this.myDialog.qrcode = true;
  477. this.$refs.qrcode.getCanvas(1111);
  478. }
  479. //品牌型号弹窗
  480. if (val == "DPManufacturerID") {
  481. const PropertyId = this.tableData[row.row].PropertyId;
  482. if (PropertyId) { //关联资产
  483. this.myDialog.firm = true;
  484. } else { //未关联资产
  485. this.$message('请先关联资产后再维护该信息!');
  486. }
  487. return false;
  488. }
  489. //供应商信息弹窗
  490. if (val == "DPSupplierID") {
  491. const PropertyId = this.tableData[row.row].PropertyId;
  492. if (PropertyId) { //关联资产
  493. this.myDialog.supplier = true;
  494. } else { //未关联资产
  495. this.$message('请先关联资产后再维护该信息!');
  496. }
  497. return false;
  498. }
  499. //维修商信息弹窗
  500. if (val == "DPMaintainerID") {
  501. const PropertyId = this.tableData[row.row].PropertyId;
  502. if (PropertyId) { //关联资产
  503. this.myDialog.maintainer = true;
  504. } else { //未关联资产
  505. this.$message('请先关联资产后再维护该信息!');
  506. }
  507. return false;
  508. }
  509. //保险公司信息
  510. if (val == "DPInsurerID") {
  511. const PropertyId = this.tableData[row.row].PropertyId;
  512. if (PropertyId) { //关联资产
  513. this.myDialog.insurer = true;
  514. } else { //未关联资产
  515. this.$message('请先关联资产后再维护该信息!');
  516. }
  517. return false;
  518. }
  519. if (
  520. val == "flowBuild" || //所属建筑楼层
  521. val == "LedgerParam.EquipManufactor.ProductDate" || //生产日期
  522. val == "LedgerParam.EquipManufactor.SerialNum" || //出厂编号
  523. val == "LedgerParam.SupplyPurchase.AssetID" || //资产编号
  524. val == "LedgerParam.SupplyPurchase.PurchasePrice" || //采购价格
  525. val == "LedgerParam.InsuranceDoc.InsuranceNum" || //保险单号
  526. val == "LedgerParam.InsuranceDoc.InsuranceFile" //保险文件
  527. ) {
  528. const PropertyId = this.tableData[row.row].PropertyId;
  529. if (!PropertyId) { //未关联资产
  530. this.$confirm('请先关联资产再维护该信息!', '提示', {
  531. confirmButtonText: '确定',
  532. showCancelButton: false,
  533. type: 'warning'
  534. }).then(() => {
  535. return false;
  536. });
  537. }
  538. return false
  539. }
  540. //保险文件--设备文档--安装质检报告
  541. if (
  542. val == "LedgerParam.InsuranceDoc.InsuranceFile" || //保险文件
  543. val == "LedgerParam.PhotoDoc.Archive" || //设备文档
  544. val == "LedgerParam.Siteinstall.CheckReport" || //安装质检报告
  545. val == "LedgerParam.OperationMainte.MaintainManual" || //维修保养手册
  546. val == "LedgerParam.SupplyPurchase.ApproachingAcceptance" || //进场验收单
  547. val == "LedgerParam.SupplyPurchase.AcceptanceReport" || //验收报告
  548. val == "LedgerParam.PhotoDoc.OperationManual" || //操作说明书
  549. val == "LedgerParam.EquipManufactor.OriginalCertificate" || //原厂证明
  550. val == "LedgerParam.EquipManufactor.TestReport" || //检测报告
  551. val == "LedgerParam.PhotoDoc.ProductCertification" || //产品合格证
  552. val == "LedgerParam.Siteinstall.InstallInstruction" || //安装说明书
  553. val == 'LedgerParam.SupplyPurchase.SupplierContract' || //供应合同
  554. val == "LedgerParam.PhotoDoc.Drawing" || //设备图纸
  555. val == "LedgerParam.Siteinstall.InstallDrawing" //安装图纸
  556. ) {
  557. let data = tools.dataForKey(this.tableData[row.row], val)
  558. this.filesArr = data ? data : []
  559. this.myDialog.uploadFiles = true;
  560. }
  561. //安装照片--设备铭牌照片
  562. if (
  563. val == "LedgerParam.Siteinstall.InstallPic" ||
  564. val == "LedgerParam.PhotoDoc.Nameplate"
  565. ) {
  566. let data = tools.dataForKey(this.tableData[row.row], val)
  567. this.imgsArr = data ? data : []
  568. this.myDialog.uploadImgs = true;
  569. }
  570. //设备照片
  571. if (val == "LedgerParam.PhotoDoc.Pic") {
  572. let data = tools.dataForKey(this.tableData[row.row], val)
  573. this.picsArr = data ? data : []
  574. this.myDialog.pic = true;
  575. }
  576. if (!this.onlyRead && !inputData.Editable) {
  577. this.$message("该信息点的值为自动生成,不可人工维护!");
  578. return false;
  579. }
  580. if (!this.onlyRead && showTools.InputModeArr.indexOf(inputData.InputMode) == '-1') {
  581. this.updateInfoPoint = val;
  582. this.updateInput = tools.dataForKey(this.tableData[row.row], val);
  583. this.myDialog.update = true;
  584. return false;
  585. }
  586. },
  587. //关闭临时维护弹窗回调
  588. handleCloseUpdate() {
  589. this.updateInputShow = false
  590. this.updateInfoPoint = ''
  591. this.updateInput = ''
  592. },
  593. //更新临时维护信息点
  594. handleClickUpdate() {
  595. // this.$message("更新成功");
  596. tools.setDataForKey(this.tableData[this.row], this.updateInfoPoint, this.updateInput)
  597. this.handleUpdataTable([[this.row, this.updateInfoPoint, null, this.updateInput]], "edit")
  598. this.updateInputShow = false
  599. this.myDialog.update = false
  600. this.updateInput = ''
  601. },
  602. utilToKey(key, name, data, messName) {
  603. if (key == name) {
  604. this.setDataToMain(data[key], messName, this.row);
  605. }
  606. },
  607. //判断是否有值,有值赋值
  608. setDataToMain(data, key, row) {
  609. if (!!data && data != "--") {
  610. if (!!this.tableData[row]) {
  611. //铭牌照片特殊处理
  612. tools.setDataForKey(this.tableData[row], key, data)
  613. // this.tableData[row][key] = data;
  614. } else {
  615. this.tableData[row] = {};
  616. tools.setDataForKey(this.tableData[row], key, data)
  617. }
  618. } else {
  619. tools.setDataForKey(this.tableData[row], key, "")
  620. }
  621. }
  622. }
  623. };
  624. </script>
  625. <style lang="less" scoped>
  626. #deviceList {
  627. overflow: hidden;
  628. height: 100%;
  629. background-color: #fff;
  630. padding: 10px;
  631. position: relative;
  632. .right {
  633. background: #fff;
  634. }
  635. .search-header {
  636. overflow: hidden;
  637. padding: 0 10px 10px 10px;
  638. border-bottom: 1px solid #bcbcbc;
  639. }
  640. .tableBox {
  641. display: flex;
  642. height: calc(100% - 100px);
  643. margin-top: 10px;
  644. .tableLeft {
  645. flex: 1;
  646. }
  647. }
  648. .create_button {
  649. margin-top: 10px;
  650. }
  651. }
  652. </style>