线条拖动

wente

2024-03-19 64e66a21a9111bbd21c442f3657f098f96f7b4df

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<template>
  <zt-dialog ref="dialog" @confirm="formSubmit" append-to-body>
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px">
      <zt-form-item label="上级系统" prop="pid">
        <zt-select v-model="dataForm.pid" placeholder=" " :datas="productList"/>
      </zt-form-item>
      <zt-form-item label="名称" prop="name" rules="required">
        <el-input v-model="dataForm.name"></el-input>
      </zt-form-item>
      <zt-form-item label="节点类型" prop="nodeType" rules="required">
        <zt-dict v-model="dataForm.nodeType" dict="product"></zt-dict>
      </zt-form-item>
      <zt-form-item label="基本计算" prop="baseCompute">
        <zt-dict v-model="dataForm.baseCompute" dict="is_or_not" placeholder="基本计算"></zt-dict>
      </zt-form-item>
      <zt-form-item label="任务计算" prop="taskCompute">
        <zt-dict v-model="dataForm.taskCompute" dict="is_or_not" placeholder="任务计算"></zt-dict>
      </zt-form-item>
      <zt-form-item label="可靠性分布" prop="reliabDistrib">
        <zt-dict v-model="dataForm.reliabDistrib" dict="ReliabDistribType" placeholder="请选择可靠性分布类型"></zt-dict>
      </zt-form-item>
      <zt-form-item label="维修分布" prop="repairDistrib">
        <zt-dict v-model="dataForm.repairDistrib" dict="RepairDistribType" placeholder="请选择维修分布类型"></zt-dict>
      </zt-form-item>
      <zt-form-item label="运行图片" prop="operatImg">
        <el-input v-model="dataForm.operatImgName" @focus="selectPicture()" :readonly="readonly"></el-input>
      </zt-form-item>
      <zt-form-item label="排序" prop="sort">
        <el-input v-model="dataForm.sort" :readonly="readonly"></el-input>
      </zt-form-item>
    </el-form>
    <PictureSelect ref="pictureSelect" @setPicture="openAddWin">
    </PictureSelect>
  </zt-dialog>
</template>
 
<script>
  import PictureSelect from "@/views/modules/basicInfo/SelectPicture";
 
  export default {
    data() {
      return {
        fileId: '',
        productList: [],
        dataForm: {
          id: '',
          pid: '',
          name: '',
          nodeType: '',
          baseCompute: '',
          taskCompute: '',
          reliabDistrib: '',
          repairDistrib: '',
          operatImg: '',
          operatImgName:'',
          sort: '',
        }
      }
    },
    components: {
      PictureSelect
    },
    methods: {
      init() {
        this.getProductList()
 
      },
      // 获取系统列表
      async getProductList() {
        let res = await this.$http.get('/basicInfo/TyProductModel/getProductList')
        this.productList = res.data
        console.log(this.productList, 'getProductList')
      },
      selectPicture() {
        this.$refs.pictureSelect.$refs.dialog.init()
      },
      openAddWin(row) {
        this.dataForm.operatImgName = row.name
        this.dataForm.operatImg = row.id
        console.log(row, 'openAddWin(row)')
      },
      // 获取信息
      async getInfo() {
        let res = await this.$http.get(`/basicInfo/TyProductModel/${this.dataForm.id}`)
        this.dataForm = {
          ...this.dataForm,
          ...res.data
        }
        console.log(this.map, 'getInfo')
      },
      // 表单提交
      async formSubmit() {
        let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/basicInfo/TyProductModel/', this.dataForm)
        if (res.success) {
          await this.$tip.success()
          this.$refs.dialog.close()
          this.$emit('refreshDataList')
          this.map.clear()
        }
      }
    }
  }
</script>