优化

MrShi

2025-08-19 30e858fa504b268b9b436afca0a1259cf6e8c488

 admin/src/components/business/OperaCategoryWindow.vue

@@ -10,15 +10,24 @@
        <el-input v-model="form.name" placeholder="请输入名称" v-trim/>
      </el-form-item>
      <el-form-item label="选择父级" prop="parentId">
        <el-cascader  v-model="form.categoryList" :options="categorys" @change="handleChangeCategory" :show-all-levels="false"
<!--        <el-cascader  v-model="form.categoryList" :options="categorys" @change="handleChangeCategory" :show-all-levels="false"
                      clearable filterable :props="categoryprops"  >
          <template slot-scope="{ node, data }">
            <span>{{ data.name }}</span> <!-- 自定义显示内容 -->
            <span>{{ data.name }}</span> &lt;!&ndash; 自定义显示内容 &ndash;&gt;
          </template>
        </el-cascader>
        </el-cascader>-->
        <treeselect
            v-model="form.parentId"
            placeholder="请选择"
            :options="categorys"
            :normalizer="normalizeOptions"
            :default-expand-level="1"
            noChildrenText="没有子选项"
            noOptionsText="没有可选项"
            noResultsText="没有匹配的结果" />
      </el-form-item>
      <el-form-item label="排序码" prop="sortnum">
        <el-input v-model="form.sortnum" placeholder="请输入排序码（升序）" v-trim/>
        <el-input v-model="form.sortnum" type="number" placeholder="请输入排序码（升序）" v-trim/>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" v-trim/>
@@ -66,7 +75,19 @@
    })
  },
  methods: {
    normalizeOptions (node) {
      if (node.childList && !node.childList.length) {
        // 去掉children=[]的children属性
        delete node.childList
      }
      return {
        id: node.id,
        label: node.name,
        children: node.childList
      }
    },
    handleChangeCategory (value) {
      this.form.parentId = null
      if (this.form.categoryList && this.form.categoryList.length >= 1) {
        this.form.parentId = this.form.categoryList[this.form.categoryList.length - 1]
      }
@@ -88,11 +109,11 @@
      }
      return data
    },
    open (title, target, categorys, categoryType, parentIdPath) {
    open (title, target, categorys, categoryType, parentId) {
      this.title = title
      this.categorys = categorys || []
      this.categorys = this.getTreeData(this.categorys)
      console.log(this.categorys)
      this.categorys = JSON.parse(JSON.stringify(categorys||[]));
      // this.categorys = this.getTreeData(this.categorys)
      console.log(parentId)
      this.visible = true
      this.form = {
        id: null,
@@ -101,7 +122,7 @@
        remark: '',
        categoryList: [],
        sortnum: null,
        parentId: null
        parentId: parentId || null
      }
      this.form.type = categoryType
      // 新建
@@ -109,9 +130,10 @@
      if (target == null) {
        this.$nextTick(() => {
          this.$refs.form.resetFields()
          this.form.parentId = parentId
          this.form[this.configData['field.id']] = null
          this.form.categoryList = []
          if (parentIdPath && parentIdPath != null) {
          /* if (parentIdPath && parentIdPath != null) {
            var array = parentIdPath.split('/')
            array.forEach(item => {
              if (item && item != null && item !== '') {
@@ -119,7 +141,7 @@
              }
            })
            that.handleChangeCategory()
          }
          } */
        })
        return
      }
@@ -128,7 +150,7 @@
        for (const key in this.form) {
          this.form[key] = target[key]
        }
        this.form.categoryList = []
        /* this.form.categoryList = []
        if (target.parentId && target.idParentPath) {
          var array = target.idParentPath.split('/')
          array.forEach(item => {
@@ -136,7 +158,7 @@
              that.form.categoryList.push(parseInt(item))
            }
          })
        }
        } */
      })
    }
  }