修改

jinlin

2024-05-28 7c723bef7e4d9aaf1ac07da4a369b28f572e551c

 web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue

@@ -8,11 +8,12 @@
        <el-input v-model="dataForm.name"></el-input>
      </zt-form-item>
      <zt-form-item label="节点类型" prop="productType" rules="required">
        <zt-dict v-model="dataForm.productType" dict="product"></zt-dict>
        <zt-dict v-model="dataForm.productType" dict="product" @input="getDefaultImg"
                 :disabled="disabled"></zt-dict>
      </zt-form-item>
      <zt-form-item label="运行状态图" prop="operatImg" v-if="isShow">
        <el-input v-model="dataForm.operatImgName" @focus="selectPicture()"
                  :readonly="readonly"></el-input>
        <el-input v-model="dataForm.operatImgName" @focus="selectPicture()"></el-input>
        <el-image v-if="dataForm.operatImg" :src="url+dataForm.operatImg" style="height: 50px;width: 50px"></el-image>
      </zt-form-item>
      <zt-form-item label="排序" prop="sort">
        <el-input v-model="dataForm.sort" :readonly="readonly"></el-input>
@@ -25,10 +26,13 @@

<script>
  import PictureSelect from "@/views/modules/basicInfo/SelectPicture";
  import Cookies from "js-cookie";

  export default {
    data() {
      return {
        disabled: false,
        url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getSvgImage?token=${Cookies.get('token')}&id=`,
        isTree: false,
        isShow: true,
        fileId: '',
@@ -39,7 +43,7 @@
          name: '',
          productType: '',
          operatImg: '',
          operatImgName:'',
          operatImgName: '',
          sort: '',
          status: ''
        }
@@ -49,14 +53,19 @@
      PictureSelect
    },
    methods: {
      init(id,params) {
        if (params.type == 'tree') {
      init(id, params) {
        if (params.type === 'tree') {
          this.isTree = true
          this.isShow = false
          this.getProductList()
        } else {
          this.dataForm.pid = params.pid
          this.dataForm.productType = params.type
        }
        if (this.dataForm.productType === 10 && id == null) {
          this.getDefaultImg(this.dataForm.productType)
        }
        this.disabled = !!id;
      },
      // 获取系统列表
      async getProductList() {
@@ -64,8 +73,17 @@
        this.productList = res.data
        console.log(this.productList, 'getProductList')
      },
      async getDefaultImg(selected) {
        console.log(selected, 'async getDefaultImg')
        let params = {
          productType: selected
        }
        let res = await this.$http.get(`/sysPictureBase/getDefaultImg`, {params: params})
        this.dataForm.operatImgName = res.data.name
        this.dataForm.operatImg = res.data.id
      },
      selectPicture() {
        this.$refs.pictureSelect.$refs.dialog.init()
        this.$refs.pictureSelect.$refs.dialog.init(this.dataForm.productType)
      },
      openAddWin(row) {
        this.dataForm.operatImgName = row.name
@@ -82,6 +100,22 @@
      },
      // 表单提交
      async formSubmit() {
        let flag = true
        if (this.isTree) {
          if (this.dataForm.productType !== '5' || this.dataForm.productType !== '4') {
            this.$alert("不支持新增此节点")
            flag = false
          }
        } else {
          if (this.dataForm.productType === '5' || this.dataForm.productType === '4') {
            this.$alert("不支持新增此节点")
            flag = false
          }
        }

        if (!flag) {
          return
        }
        let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/basicInfo/XhProductModel/', this.dataForm)
        if (res.success) {
          await this.$tip.success()