Source/UBCS-WEB/src/components/Theme/ThemeClassifyTreeform.vue

@@ -1,23 +1,23 @@
<template>
  <div>
    <avue-form v-model="loneTreeNewForm" :option="renonlyOption" v-if="flag == 'renonly'">
    <avue-form v-if="flag == 'renonly'" v-model="loneTreeNewForm" :option="renonlyOption">
    </avue-form>
      <avue-form v-model="loneTreeNewForm" :option="this.editOption" @submit="submits" v-else-if="flag == 'edit'">
    <avue-form v-else-if="flag == 'edit'" v-model="loneTreeNewForm" :option="this.editOption" @submit="submits">
    </avue-form>
    <div>
<!--     编码规则-->
      <!--     编码规则-->
      <ThemeChildren
        ref="ThemeMasterChildren"
        dialogTitle="编码规则"
        codeName="codeRuleOidName"
        codeType="coderule"
        code-lcstatus="Released"
        :visible.sync="MasterdialogVisible"
        :SelectOption="SelectOption"
        :TreeAddform="loneTreeNewForm"
        :visible.sync="MasterdialogVisible"
        code-lcstatus="Released"
        codeName="codeRuleOidName"
        codeType="coderule"
        dialogTitle="编码规则"
        @defineHandler="handlerDefine"
      ></ThemeChildren>
<!--      关键属性查询规则-->
      <!--      关键属性查询规则-->
      <ThemeChildren
        ref="ThemeKeyChildren"
        :SelectOption="SelectOption"
@@ -41,7 +41,7 @@
        dialogTitle="相似项查询规则"
        @defineHandler="handlerDefine"
      ></ThemeChildren>
<!--      存储的业务类型-->
      <!--      存储的业务类型-->
      <ThemeChildren
        ref="ThemeBtmChildren"
        :SelectOption="btmSelectOption"
@@ -57,19 +57,20 @@
</template>

<script>
import {defaultReferDataGrid,referDataGrid} from '@/api/MasterData/master'
import {defaultReferDataGrid, referDataGrid} from '@/api/MasterData/master'
import {TreeEditSave} from '@/api/template/templateAttr'
import ThemeChildren from '@/components/FormTemplate/ThemeChildren'

export default {
  components: {ThemeChildren},
  name: "classifyTreeform.vue",
  props: ['loneTreeNewForm','flag','Editclose','TreeFlag','nodeClickList'],
  props: ['loneTreeNewForm', 'flag', 'Editclose', 'TreeFlag', 'nodeClickList'],
  data() {
    return {
      masterRow:null,
      masterInput:'',
      MasterSearchSelects:"",
      SelectOption:[
      masterRow: null,
      masterInput: '',
      MasterSearchSelects: "",
      SelectOption: [
        {
          value: 'name',
          label: '中文名称'
@@ -79,7 +80,7 @@
          label: '英文名称'
        }
      ],
      btmSelectOption:[
      btmSelectOption: [
        {
          value: 'id',
          label: '业务类型编号'
@@ -89,23 +90,23 @@
          label: '业务类型名称'
        },
      ],
      MasterdialogVisible:false,
      KeydialogVisible:false,
      SimidialogVisible:false,
      BtmdialogVisible:false,
      MasterdialogVisible: false,
      KeydialogVisible: false,
      SimidialogVisible: false,
      BtmdialogVisible: false,
      form: {
        name: "哈哈",
        sex: "男"
      },
      renonlyOption: {
        submitBtn:false,
        emptyBtn:false,
        columnBtn:false,
        submitBtn: false,
        emptyBtn: false,
        columnBtn: false,
        column: [
          {
            label: '主题库/分类编号',
            prop: 'id',
            labelWidth:135,
            labelWidth: 135,
            disabled: true,
            rules: [{
              required: true,
@@ -117,7 +118,7 @@
            label: '主题库/分类名称',
            prop: 'name',
            disabled: true,
            labelWidth:135,
            labelWidth: 135,
            rules: [{
              required: true,
              message: "主题库/分类名称",
@@ -125,15 +126,15 @@
            }]
          },
          {
            label:"描述",
            prop:"description",
            labelWidth:128,
            label: "描述",
            prop: "description",
            labelWidth: 128,
            disabled: true,
          },
          {
            label: '存储的业务类型',
            prop: 'btmTypeName',
            labelWidth:128,
            labelWidth: 128,
            disabled: true,
            rules: [{
              required: true,
@@ -142,21 +143,21 @@
            }]
          },
          {
            label:"编码规则",
            prop:"codeRuleOidName",
            labelWidth:128,
            label: "编码规则",
            prop: "codeRuleOidName",
            labelWidth: 128,
            disabled: true,
          },
          {
            label:"关键属性查询规则",
            prop:"codeKeyAttrRepeatOidName",
            labelWidth:128,
            label: "关键属性查询规则",
            prop: "codeKeyAttrRepeatOidName",
            labelWidth: 128,
            disabled: true,
          },
          {
            label:"相似查询规则",
            prop:"codeResembleRuleOidName",
            labelWidth:128,
            label: "相似查询规则",
            prop: "codeResembleRuleOidName",
            labelWidth: 128,
            disabled: true,
          },
          {
@@ -165,7 +166,7 @@
            type: 'switch',
            activeColor: "#13ce66",
            inactiveColor: "#ff4949",
            labelWidth:160,
            labelWidth: 160,
            disabled: true,
            dicData: [{
              label: '否',
@@ -180,106 +181,106 @@
      },

      FormList: {},
      masterSelectList:[],
      KeySelectLIst:[],
      simSelectList:[],
      btmSelectList:[]
      masterSelectList: [],
      KeySelectLIst: [],
      simSelectList: [],
      btmSelectList: []
    }
  },
  computed:{
    editOption(){
      return{
          column: [
            {
              label: '主题库/分类编号',
              prop: 'id',
              labelWidth:128,
              rules: [{
                required: true,
                message: "主题库/分类编号",
                trigger: "blur"
              }]
            },
            {
              label: '主题库/分类名称',
              prop: 'name',
              labelWidth:128,
              rules: [{
                required: true,
                message: "主题库/分类名称",
                trigger: "blur"
              }]
            },
            {
              label:"描述",
              prop:"description",
              labelWidth:128,
            },
            {
              label: '存储的业务类型',
              prop: 'btmTypeName',
              labelWidth:128,
              focus:this.btmFoucus,
              display:this.TreeFlag,
              rules: [{
                required: true,
                message: "存储的业务类型",
                trigger: "blur"
              }]
            },
            {
              label:"编码规则",
              prop:"codeRuleOidName",
              labelWidth:128,
              focus:this.CodeFocus,
              readonly: true,
            },
            {
              label:"关键属性查询规则",
              prop:"codeKeyAttrRepeatOidName",
              labelWidth:128,
              focus:this.Keyfouce,
              change:(data)=>{
                if(data.value === ""){
                  this.loneTreeNewForm.codeKeyAttrRepeatOid = ""
                }
  computed: {
    editOption() {
      return {
        column: [
          {
            label: '主题库/分类编号',
            prop: 'id',
            labelWidth: 128,
            rules: [{
              required: true,
              message: "主题库/分类编号",
              trigger: "blur"
            }]
          },
          {
            label: '主题库/分类名称',
            prop: 'name',
            labelWidth: 128,
            rules: [{
              required: true,
              message: "主题库/分类名称",
              trigger: "blur"
            }]
          },
          {
            label: "描述",
            prop: "description",
            labelWidth: 128,
          },
          {
            label: '存储的业务类型',
            prop: 'btmTypeName',
            labelWidth: 128,
            focus: this.btmFoucus,
            display: this.TreeFlag,
            rules: [{
              required: true,
              message: "存储的业务类型",
              trigger: "blur"
            }]
          },
          {
            label: "编码规则",
            prop: "codeRuleOidName",
            labelWidth: 128,
            focus: this.CodeFocus,
            readonly: true,
          },
          {
            label: "关键属性查询规则",
            prop: "codeKeyAttrRepeatOidName",
            labelWidth: 128,
            focus: this.Keyfouce,
            change: (data) => {
              if (data.value === "") {
                this.loneTreeNewForm.codeKeyAttrRepeatOid = ""
              }
            },
            {
              label:"相似查询规则",
              prop:"codeResembleRuleOidName",
              labelWidth:128,
              focus: this.simFouce,
              change:(data)=>{
                if(data.value === ""){
                  this.loneTreeNewForm.codeResembleRuleOid = ""
                }
              }
            },
            {
              label: '是否参与关键属性校验',
              prop: 'isParticipateCheck',
              type: 'switch',
              activeColor: "#13ce66",
              inactiveColor: "#ff4949",
              labelWidth:160,
              dicData: [{
                label: '否',
                value: 0
              }, {
                label: '是',
                value: 1
              }
              ]
            }
          ]
          },
          {
            label: "相似查询规则",
            prop: "codeResembleRuleOidName",
            labelWidth: 128,
            focus: this.simFouce,
            change: (data) => {
              if (data.value === "") {
                this.loneTreeNewForm.codeResembleRuleOid = ""
              }
            }
          },
          {
            label: '是否参与关键属性校验',
            prop: 'isParticipateCheck',
            type: 'switch',
            activeColor: "#13ce66",
            inactiveColor: "#ff4949",
            labelWidth: 160,
            dicData: [{
              label: '否',
              value: 0
            }, {
              label: '是',
              value: 1
            }
            ]
          }
        ]

      }
    }
  },
  watch:{
    TreeFlag:{
      handler(newval,oldval){
  watch: {
    TreeFlag: {
      handler(newval, oldval) {
        // console.log(newval)
      }
    }
@@ -315,19 +316,19 @@
        this.$emit('MasterHandler', this.loneTreeNewForm);
      }
    },
    submits(form,done){
      if(this.TreeFlag){
        TreeEditSave(this.loneTreeNewForm).then(res=>{
    submits(form, done) {
      if (this.TreeFlag) {
        TreeEditSave(this.loneTreeNewForm).then(res => {
          this.$message.success('修改成功');
          this.Editclose()
          this.$emit('referTreeForm');
          this.$emit('flushed');
          done()
        })
      }else {
        this.loneTreeNewForm.btmTypeName='';
        this.loneTreeNewForm.btmTypeId='';
        TreeEditSave(this.loneTreeNewForm).then(res=>{
      } else {
        this.loneTreeNewForm.btmTypeName = '';
        this.loneTreeNewForm.btmTypeId = '';
        TreeEditSave(this.loneTreeNewForm).then(res => {
          this.$message.success('修改成功');
          this.Editclose()
          this.$emit('referTreeForm');
@@ -340,23 +341,23 @@
      this.$message.success(err);
    },
    //编码规则失焦
    CodeFocus(){
      this.MasterdialogVisible=true;
    CodeFocus() {
      this.MasterdialogVisible = true;
      this.$refs.ThemeMasterChildren.defaultSearchRend()
    },
    //关键属性失焦
    Keyfouce(){
      this.KeydialogVisible=true;
    Keyfouce() {
      this.KeydialogVisible = true;
      this.$refs.ThemeKeyChildren.defaultSearchRend();
    },
    //相似项失焦
    simFouce(){
      this.SimidialogVisible=true;
    simFouce() {
      this.SimidialogVisible = true;
      this.$refs.ThemeSimChildren.defaultSearchRend();
    },

    //业务类型失焦
    btmFoucus(){
    btmFoucus() {
      this.BtmdialogVisible = true;
      this.$refs.ThemeBtmChildren.btmDefaultRend();
    },