选择部门

src/views/system/dept/index.vue

@@ -50,7 +50,7 @@
 
     <el-table
       v-if="refreshTable"
-      
+
       :data="deptList"
       row-key="deptId"
       :default-expand-all="isExpandAll"
@@ -148,6 +148,16 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-form-item label="部门类型" prop="type">
+          <el-select v-model="form.type" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -168,6 +178,21 @@ export default {
   components: { Treeselect },
   data() {
     return {
+      options: [{
+        value: '1',
+        label: '一级单位(湾办)'
+      }, {
+        value: '2',
+        label: '二级单位(保税区)'
+      }, {
+        value: '3',
+        label: '三级单位(企业)'
+      }, {
+        value: '4',
+        label: '市级单位(地级市)'
+      }
+      ],
+      value: '',
       // 遮罩层
       loading: true,
       // 显示搜索条件
@@ -202,6 +227,9 @@ export default {
         orderNum: [
           { required: true, message: "显示排序不能为空", trigger: "blur" }
         ],
+        type: [
+          { required: true, message: "部门类型不能为空", trigger: "blur" }
+        ],
         email: [
           {
             type: "email",