应用中心安装提示bug修复

hanbaoshan

2020-10-20 98a6297b10a4b97c3022f84d3ba7908c178d9ee0

 src/pages/cameraAccess/components/scene/Editor.vue

@@ -32,12 +32,13 @@
                  placeholder="选关系"

                  @change="selConnection(sdkItem)"

                >

                  <el-option value="&&" title="and/且" label="and/且"></el-option>

                  <el-option :value="item.value" :title="item.name" :label="item.name" v-for="item in sdkConnects" :key="item.id"></el-option>

                  <!-- <el-option value="&&" title="and/且" label="and/且"></el-option>

                  <el-option value="||" title="or/或" label="or/或"></el-option>

                  <el-option value="=>" title="—>/触发" label="—>/触发"></el-option>

                  <el-option value="=>" title="—>/触发" label="—>/触发"></el-option> -->

                </el-select>

                <el-checkbox

                  v-show="sdkItem.rule_with_pre == '=>'"

                  v-show="sdkItem.rule_with_pre == '=>' || sdkItem.rule_with_pre == '!=>'"

                  v-model="sdkItem.is_save_anyhow"

                  style="margin-left:30px"

                >保存过程数据</el-checkbox>

@@ -99,7 +100,7 @@


              <div class="argums derive-line" v-show="sdkItem.isSpread">

                <div v-for="(arg, index) in sdkItem.defaultArg" :key="arg.sort">

                  <div class="argums-item" v-if="arg.config.isShow">

                  <div class="argums-item" v-show="arg.config.isShow">

                    <div class="arg-name">

                      <!-- <el-input

                        v-model="arg.name"

@@ -148,9 +149,22 @@
                        <span>{{ arg.unit }}</span>

                      </div>

                      <div v-else>

                        <el-select v-if="arg.type == 'option'" v-model="arg.sdk_arg_value">

                          <el-option>请选择</el-option>

                        <el-select

                          v-if="arg.type == 'option'" 
                          v-model="arg.sdk_arg_value"

                          :multiple="arg.config.isMulti"

                          collapse-tags

                          size="mini"

                        >

                          <el-option

                            v-for="one in arg.valueOptions"

                            :key="one.value"

                            :value="one.value"

                            :label="one.name"

                            :title="one.name"

                          ></el-option>

                        </el-select>

                        
                        <el-input

                          v-if="arg.type == 'value'"

                          v-model="arg.sdk_arg_value"

@@ -339,7 +353,6 @@
  watch: {

    Cameras: {

      handler(n, o) {

        debugger

        let polygon = []

        let cameras = [...n]



@@ -359,7 +372,6 @@


          this.allPolygonData = polygon

          //添加场景初始化区域选项为'全部区域'

          debugger

          // if (polygon.length > 0 && this.ruleList == '') {

          //   this.polygonObj = polygon[0]

          //   this.sdkGroup[0].polygonObj = JSON.parse(

@@ -375,7 +387,7 @@
    sdkGroup: {

      handler(newV, oldV) {

        if (newV) {

          debugger

          
          newV.forEach(sdk => {

            let rangeOne = sdk.defaultArg.find(

              arg => arg.operators[0].operator == 'range'

@@ -383,14 +395,7 @@
            if (rangeOne) {

              debugger

              if (rangeOne.min.trim() && rangeOne.max.trim()) {

                // if (Number(rangeOne.min) >= Number(rangeOne.max)) {

                //   this.$notify({

                //     type: 'error',

                //     message: '区间左侧不能大于或等于区间右侧的值'

                //   })

                //   rangeOne.valid = false

                // }

                rangeOne.sdk_arg_value = rangeOne.min + ',' + rangeOne.max

                rangeOne.sdk_arg_value = rangeOne.min + '|' + rangeOne.max

              } else {

                rangeOne.sdk_arg_value = false;

              }

@@ -415,30 +420,16 @@
      },

      deep: true

    }

    // ruleList: {

    //   handler(newVal, oldVal) {

    //     debugger

    //     this.editHandle(newVal)

    //   }



    // }

  },

  mounted() {

    this.TaskMange.findAllSdk({ installed: true })

    //this.TaskMange.list1 = sdkJson.data;



    //this.editHandle(this.ruleList)

  },

  data() {

    return {

      // rule: {

      //   sdk_id:'',

      //   sdkObj: {},

      //   polygonObj: {},

      //   argDef: []

      // },

      hideDel: true,

      //isAddable: true,

      allPolygonData: [],

      group_id: '',

      baseSdkItem: {

@@ -519,8 +510,18 @@
    }

  },

  methods: {

    getSdkConnection(){

      console.log(this.VideoManageData.Dictionary)

      this.sdkConnects = this.VideoManageData.Dictionary['RULECOMPUTEBETWEEN'].map(r => {

        
        return {

          name: r.name,

          value: r.value

        }

      });

    },

    selConnection(sdkItem) {

      debugger

      


    },

    addSdkItem() {

@@ -529,9 +530,9 @@
      itemTemp.polygonObj = JSON.parse(JSON.stringify(this.allPolygonData[0]))

      this.selectPolygonOption(itemTemp)

      this.sdkGroup.push(itemTemp)

      
    },

    delConfigItem(index) {

      debugger

      // if(index != 0){

      //   this.sdkGroup.splice(index,1);

      // }else{

@@ -622,7 +623,7 @@
      }

    },

    selOptionalArg(sdkItem, optArgItem) {

      debugger

      
      let newSort = 0

      sdkItem.optNames.forEach(name => {

        if (name.name == optArgItem.name) {

@@ -653,6 +654,7 @@
      console.log(argObj.valueOptions)

    },

    setOptArgValueOptions(optArg) {

      
      let alias = optArg.alias;

      console.log(this.VideoManageData.Dictionary[alias])

      optArg.valueOptions = this.VideoManageData.Dictionary[alias].map(r => {

@@ -663,7 +665,7 @@
      });

    },

    validateArgVal(sdkArgItem, e) {

      debugger

      
      if (typeof (sdkArgItem.sdk_arg_value) == 'string' && sdkArgItem.sdk_arg_value == '') {

        this.$notify({

          type: 'warning',

@@ -683,7 +685,7 @@
        let res = sdkArgItem.range.match(reg)

        let min = Number(res[1]),

          max = Number(res[2])

        debugger

        


        //判断非区间类

        if (sdkArgItem.sdk_arg_value && sdkArgItem.operator != 'range') {

@@ -817,7 +819,7 @@
      this.valideArgValue(rule)

    },

    selectPolygonOption(rule) {

      debugger

      
      rule.polygon_id = rule.polygonObj.polygonId

        ? rule.polygonObj.polygonId

        : rule.polygon_id

@@ -828,7 +830,7 @@
    },

    //选择算法 resetArgs为true是添加为false是初始化编辑

    selectSDKOption(sdkItem, resetArgs) {

      debugger

      
      //sdkItem.sdk_id = sdkItem.sdkObj.id;

      if (resetArgs) {

        sdkItem.argDef = JSON.parse(sdkItem.sdkObj.argDef)

@@ -844,12 +846,15 @@


            if (arg.operators[0].operator == 'range') {

              //区间值的处理

              debugger

              
              //this.$set(arg, 'sdk_arg_value', arg.min+','+arg.max)

              //this.$set(arg, 'sdk_arg_value', arg.range.substring(1,arg.range.length-1));

            }

          }



          
          if(arg.type == 'option'){

            this.setOptArgValueOptions(arg)

          }

          if (arg.default_value) {

            //arg.sdk_arg_value = arg.default_value

            this.$set(arg, 'sdk_arg_value', arg.default_value)

@@ -865,14 +870,14 @@
          sort: arg.sort,

          isSelected: false

        }))

        debugger

        
        sdkItem.initAddOptional = sdkItem.optionalArg.length > 0 ? true : false

        sdkItem.optArg = []

      }



      //添加场景时,如果场景名称为空,就将选择的第一个算法名同步到场景名称

      if (this.sdkGroup[0] && resetArgs) {

        debugger

        
        this.$emit('sdkNameChange', this.sdkGroup[0].sdkObj.sdk_name)

      }



@@ -904,7 +909,7 @@
    },

    //选择算法配置

    selOperator(rule) {

      debugger

      
    },

    selectArgsOption(rule, resetArgValue) {

      // rule.operator_type = "";

@@ -1094,7 +1099,7 @@
      this.groupRules.splice(index + 1, 0, newRule)

    },

    editHandle(ruleTxt) {

      debugger

      this.getSdkConnection();

      // if (ruleTxt.length < 1) {

      //   return

      // }

@@ -1119,27 +1124,12 @@
      // }

    },

    editRule(ruleGroup) {

      debugger

      
      this.sdkGroup = []

      this.group_id = ''



      // this.sdkGroup = ruleGroup;

      //  sdkGroup: [

      //   {

      //     sdkObj: {},

      //     polygonObj: {},

      //     is_save_anyhow: true,

      //     isSpread: true,

      //     argDef: [],

      //     initAddOptional: false,

      //     defaultArg: [],

      //     optionalArg: [],

      //     optArg: [],

      //     optNames: []

      //   }

      // ],

      ruleGroup.forEach(rule => {

        debugger

        
        let tempObj = {}



        if (rule.group_id && rule.group_id != '') {

@@ -1177,6 +1167,7 @@
        sdkObj = this.TaskMange.list1.find(sdk => sdk.id == rule.sdk_id)



        argDef = JSON.parse(sdkObj.argDef)

        
        defaultArg = argDef.filter(arg => !arg.config.isOptional)

        optionalArg = argDef.filter(arg => arg.config.isOptional)



@@ -1204,18 +1195,30 @@
            if (optItem.type == 'option') {

              this.setOptArgValueOptions(optItem)

            }

          
            if(optItem.alias=="bForceSend"){



            }

            //在push之前,需要判断是否配置了这个可选项  在sdk_set配置数组里,

            
            optArg.push(optItem)

          
          } else {

            defaultArg.forEach(d => {

              if (d.sort == arg.sort) {

                if (arg.sdk_arg_value.indexOf(',') > 0) {

              
                if (arg.sdk_arg_value.indexOf('|') > 0) {

                  debugger

                  //区间值

                  d.min = arg.sdk_arg_value.split(',')[0];

                  d.max = arg.sdk_arg_value.split(',')[1];

                  d.min = arg.sdk_arg_value.split('|')[0];

                  d.max = arg.sdk_arg_value.split('|')[1];

                  d.operator = 'range'

                } else {

                //} else if(arg.sdk_arg_value.indexOf(',') > 0){

                } else if(arg.operator_type == 'option'){

                  
                  //多选类型的值

                  d.sdk_arg_value = arg.sdk_arg_value.split(',');

                  this.setOptArgValueOptions(d)

                } else{

                  d.sdk_arg_value = arg.sdk_arg_value

                }

                d.operator = arg.operator;

@@ -1250,7 +1253,6 @@
          tempObj.optArg.length == 0 && tempObj.optionalArg.length > 0

            ? true

            : false;

        debugger

        //回显是否显示可选参数添加按钮

        if (tempObj.optArg.length < tempObj.optionalArg.length) {

          tempObj.isAddable = true;

@@ -1258,7 +1260,7 @@
          tempObj.isAddable = false;

        }

        //this.selectSDKOption(tempObj, false)

        debugger

        
        this.sdkGroup.push(tempObj)

        //设置算法

      })

@@ -1289,7 +1291,7 @@
        .catch(() => { })

    },

    submitRule() {

      debugger

      
      let groupRule = { rules: [] }



      let group_text = ''

@@ -1310,7 +1312,7 @@
      } else {

        //校验必填项

        let undefinished = this.sdkGroup.some((sdk, index) => {

          debugger

          
          //没有配置算法

          if (Object.keys(sdk.sdkObj).length == 0) {

            return sdk

@@ -1319,8 +1321,24 @@
          if (sdk.rule_with_pre === '' && index != 0) {

            return sdk

          }

          
          //处理未展示的参数的值

          sdk.defaultArg.forEach(arg => {

            if(!arg.config.isShow){

              arg.sdk_arg_value = arg.default_value

            }

          })

          //表单提交前校验:所有算法的参数值不能为空,(有range的,要在range范围内)失焦时校验

          let defaultArgFlag = sdk.defaultArg.find(arg => !arg.sdk_arg_value)

          let defaultArgFlag = sdk.defaultArg.find(arg => {

            
            if (arg.sdk_arg_value instanceof Array ) {

              if (arg.sdk_arg_value.length == 0) {

                return arg

              }

            }else if(!arg.sdk_arg_value){

              return arg

            }

          });

          if (defaultArgFlag) {

            return sdk

          }

@@ -1333,7 +1351,7 @@
            } else {

              //区间类参数值最小,最大值是否都设置

              if (arg.operator == 'range') {

                debugger

                
                if (!arg.min.trim() && arg.max.trim()) {

                  return arg

                }

@@ -1374,9 +1392,9 @@
        }

        //校验若算法关系为触发,则算法名不能重

        let sameSdk = this.sdkGroup.some((sdk, index) => {

          debugger

          if (sdk.index != 0 && sdk.rule_with_pre == '=>') {

            debugger

          
          if (sdk.index != 0 && (sdk.rule_with_pre == '=>'||sdk.rule_with_pre == '!=>')) {

            
            if (sdk.sdkObj.id == this.sdkGroup[index - 1].sdkObj.id) {

              return sdk

            }

@@ -1416,20 +1434,44 @@


          let defaultArgDesc = '( '

          sdk.defaultArg.forEach(arg => {

            //不显示隐藏的参数配置

            if(!arg.config.isShow){

              return

            }

            let val = '';

            //处理下拉选值类型

            if (arg.type == 'option') {

              if (arg.sdk_arg_value instanceof Array) {

                //多选值

                let multiNames = '';

                arg.sdk_arg_value.forEach(val => {

                  let opV = arg.valueOptions.find(opt => opt.value == val);

                  multiNames += opV.name + ' ';

                })

                val = multiNames;

              } else {

                let res = arg.valueOptions.find(

                  opt => opt.value == arg.sdk_arg_value

                );

                val = res.name;

              }



            }

            if (arg.operator == 'range') {

              let valRange = '';

              debugger

              
              valRange = arg.sdk_arg_value.replace(',', '-');

              defaultArgDesc += `${arg.name}${arg.operators[0].name}${valRange}${arg.unit || ''}, `

            } else {

              defaultArgDesc += `${arg.name}${arg.operators[0].name}${

                arg.sdk_arg_value

                arg.type=='option' ? val : arg.sdk_arg_value

                }${arg.unit || ''}, `

            }



          });

          debugger;

          defaultArgDesc = defaultArgDesc.substring(0, defaultArgDesc.length - 2)

          ;

          defaultArgDesc = defaultArgDesc.substring(0, defaultArgDesc.length - 2);

          
          //defaultArgDesc = defaultArgDesc.substring(0,defaultArgDesc.length-3)+defaultArgDesc.substring(defaultArgDesc.length-1,defaultArgDesc.length);

          //defaultArgDesc = defaultArgDesc.substring(0,defaultArgDesc.length-1);



@@ -1453,7 +1495,6 @@
            let val = '';

            let valRange = '';





            //处理下拉选值类型

            if (arg.type == 'option') {

              if (arg.sdk_arg_value instanceof Array) {

@@ -1472,16 +1513,20 @@


                val = res.name;

              }

              //optArgDesc += `,${arg.name}${arg.operators[0].operator}${val}${arg.unit || ''}, `

            } else {

              //optArgDesc += `,${arg.name}${arg.operators[0].operator}${ arg.sdk_arg_value }${arg.unit || ''}, `

             
            }



            let operatorSelected = arg.operators.find(opr => opr.operator == arg.operator)

            optArgDesc += `,${arg.name}${operatorSelected.name}${

              arg.type == 'option' ? val : arg.sdk_arg_value

              }${arg.unit || ''}, `

          })

          });

          //将多选项的值拼成字符串

          defaultArgs.forEach(one => {

            if (one.sdk_arg_value instanceof Array) {

              one.sdk_arg_value = one.sdk_arg_value.join();

            }

          });

          optArgDesc = optArgDesc.substring(0, optArgDesc.length - 2) + optArgDesc.substring(optArgDesc.length - 1, optArgDesc.length);

          optArgDesc += ')'

          tempObj.sdk_set = defaultArgs.concat(optArgs)

@@ -1500,11 +1545,14 @@
              case '=>':

                rule_with_pre = ' -> '

                break

              case '!=>':

                rule_with_pre = ' !-> '

                break

              default:

                rule_with_pre = ''

            }

          }

          debugger;

          ;

          group_text += `${rule_with_pre ? "<br/>" + rule_with_pre + "<br/>" : ""} <span style="background-color:RGB(183,183,183);">${

            sdk.sdkObj.sdk_name

            }</span>  ${

@@ -1520,7 +1568,7 @@
              group_text.substring(0, group_text.length - 3) +

              group_text.substring(group_text.length - 2, group_text.length)

          }

          debugger

          
        })

        console.log(group_text)

      }