增加新版本web页面

web/src/views/dialog/chooseCivilCode.vue

@@ -0,0 +1,75 @@
+<template>
+  <div id="chooseCivilCode">
+    <el-dialog
+      v-el-drag-dialog
+      title="选择行政区划"
+      width="30%"
+      top="5rem"
+      :close-on-click-modal="false"
+      :visible.sync="showDialog"
+      :destroy-on-close="true"
+      @close="close()"
+    >
+      <RegionTree
+        ref="regionTree"
+        :show-header="true"
+        :edit="true"
+        :enable-add-channel="false"
+        :click-event="treeNodeClickEvent"
+        :on-channel-change="onChannelChange"
+        :tree-height="'45vh'"
+      />
+      <el-form>
+        <el-form-item>
+          <div style="text-align: right">
+            <el-button type="primary" @click="onSubmit">保存</el-button>
+            <el-button @click="close">取消</el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import elDragDialog from '@/directive/el-drag-dialog'
+import RegionTree from '../common/RegionTree.vue'
+
+export default {
+  name: 'ChooseCivilCode',
+  directives: { elDragDialog },
+  components: { RegionTree },
+  props: {},
+  data() {
+    return {
+      showDialog: false,
+      endCallback: false,
+      regionDeviceId: ''
+    }
+  },
+  computed: {},
+  created() {},
+  methods: {
+    openDialog: function(callback) {
+      this.showDialog = true
+      this.endCallback = callback
+    },
+    onSubmit: function() {
+      if (this.endCallback) {
+        this.endCallback(this.regionDeviceId)
+      }
+      this.close()
+    },
+    close: function() {
+      this.showDialog = false
+    },
+    treeNodeClickEvent: function(region) {
+      this.regionDeviceId = region.deviceId
+    },
+    onChannelChange: function(deviceId) {
+      //
+    }
+  }
+}
+</script>