Vueのラジオチェックボックスをキャンセル素子EL-チェックボックスグループのチェックボックスグループの変更の影響（またはマルチボックススタイルのスタイル）

ビュー

<EL-チェックボックスグループのVモデル= "listThematicChecked">
        <EL-チェックボックスV- ための変更= "clickThematicMapItem（項目、インデックス）" @ = "subjectListで（アイテム、インデックス）"：キー= "item.menu"：ラベル= "item.menu"：無効= "アイテム。メニュー=== '责任区' && disabledZeRenQu ">
          <IMG：SRC = "item.img" ALT = "" />＆NBSP;＆NBSP; {{}} item.menu
        </ EL-チェックボックス>
      </ EL-チェックボックスグループ>

データ内のデータ

listThematicChecked：[]、
subjectList：[
        {
          MENU：「状況マップ領域」、
          IMG： '/static/images/icon-tuli/tuli_xiaqutaishitu_icon.png' 、
          isCheck：偽、
          isqx： 0 、
          タイプ： 'taishitu'
        }、
        {
          MENU：「熱図警察」、
          IMG： '/static/images/icon-tuli/tuli_relitu_icon.png' 、
          isCheck：偽、
          isqx： 0 、
          タイプ： 'relitu'
        }、
        {
          MENU：「熱図アラーム」、
          IMG： '/static/images/icon-tuli/tuli_relitu_icon.png' 、
          isCheck：偽、
          isqx： 0 、
          ：タイプの「jingqingtu」
        }、
        {
          MENU：「は図4色の警告」、
          IMG： '/static/images/icon-tuli/tuli_siseyujingtu_icon.png' 、
          isCheck：偽、
          isqx： 0 、
          タイプ： 'sisetu'
        }、
        {
          MENU： 'アラームチャート' 、
          IMG： '/static/images/icon-tuli/tuli_jingqingtongji_icon.png' 、
          isCheck：偽、
          isqx： 0 、
          ：タイプの「tongjitu」
        }
      ]

コードの表示

 

clickThematicMapItem（項目、インデックス）{
       // 選択されたマルチ無線スタイルが行わ 
      LETチェック= NULL ;
       この .subjectList.forEach（RES => {
         IF（res.menu == item.menu）{
          res.isCheckは = 真;
          res.isqx + = 1 ;
           // 2選択されたのと同じもののために、それをキャンセルするために
          IF（res.isqx == 2 ）{
            res.isqx = 0 ;
            チェック = 偽;
          } そう であれば（res.isqx == 1 ）{
            チェック = 真;
          }
        } 他{
          res.isqx = 0 ;
        }
      }）;
      cnameは聞かせて = item.menuを。
      NLISTましょう = この .listThematicChecked.filter（ワード=>単語== CNAME）を、
      この .listThematicChecked = NLIST。
      この $ parent.leftNavType = ''。;
      この.leftCloseDio（）;
      スイッチ（item.type）{
         // 辖区态势
        ケース 'taishitu' ：
           もし（チェック）{
             この。。$親$ refs.dsMap.readTsFeatures（tsData、 'taishitu' ）;
            これは。$親$ refs.dsMap.clearFeatures（ 'tongjitu'。）;
            これは。$親。$ refs.dsMap.clearFeatures（ 'sisetu'）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'relitu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'jingqingtu'。）;
          } 他{
             この。。$親$ refs.dsMap.clearFeatures（ 'taishitu' ）;
          }
          休憩;
        // 警力热力
        ケース 'relitu' ：
           もし（チェック）{
             この。。$親$ refs.dsMap.readJqHotFeatures（ 'relitu' ）;
            これは。$親$ refs.dsMap.clearFeatures（ 'taishitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'tongjitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'sisetu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'jingqingtu'。）;
          } 他{
             この。。$親$ refs.dsMap.clearHotFeatures（ 'relitu' ）;
          }
          休憩;

        // 警情热力
        ケース 'jingqingtu' ：
           もし（チェック）{
             // 。この$ parent.leftNavType = ''; 
            // this.leftCloseDio（）; 
            これは。$親$ refs.dsMap.readJqHotFeatures（ 'jingqingtu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'taishitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'tongjitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'sisetu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'relitu'。）;
          } 他{
             この。。$親$ refs.dsMap.clearHotFeatures（ 'jingqingtu' ）;
          }
          休憩;
        // 预警统计态势
        ケース 'tongjitu' ：
           もし（チェック）{
             この $親$ refs.dsMap.readTsFeatures（tsData、 'tongjitu'。。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'taishitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'sisetu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'relitu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'jingqingtu'。）;
          } 他{
             この。。$親$ refs.dsMap.clearFeatures（ 'tongjitu' ）;
          }
          休憩;
        // 四色
        の場合 'sisetu' ：
           もし{（チェック）
            SourceMirror.fourColortInfo（）。次に、（RES => {
              console.log（「四色」、RES）。
            }）;
            これは。$親$ refs.dsMap.readTsFeatures（tsData、 'sisetu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'taishitu'。）;
            これは。$親$ refs.dsMap.clearFeatures（ 'tongjitu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'relitu'。）;
            これは。$親$ refs.dsMap.clearHotFeatures（ 'jingqingtu'。）;
          } 他{
             この。。$親$ refs.dsMap.clearFeatures（ 'sisetu' ）;
          }
          休憩;
      }
    }、

コードの表示