From d233d809dd78aa2bf973cdb2ad577dc823eb6ddc Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期二, 28 二月 2023 11:45:36 +0800
Subject: [PATCH] 2023/2/28 肖辉 违建登记添加-身份证正反面调整

---
 src/views/operate/car/myIndex/create/law/index.vue |   92 ++++++++++++---------------------------------
 1 files changed, 25 insertions(+), 67 deletions(-)

diff --git a/src/views/operate/car/myIndex/create/law/index.vue b/src/views/operate/car/myIndex/create/law/index.vue
index f6defdc..9d7bd46 100644
--- a/src/views/operate/car/myIndex/create/law/index.vue
+++ b/src/views/operate/car/myIndex/create/law/index.vue
@@ -20,21 +20,7 @@
           <!-- 鎵�灞為儴闂� -->
           <el-form-item class="optionItems" label="鎵�灞為儴闂�:" prop="departId">
             <!-- <el-input v-model="car.depart" placeholder="璇峰~鍐欐墍灞為儴闂�"></el-input> -->
-            <el-select v-model="car.departName" placeholder="璇烽�夋嫨鎵�灞為儴闂�">
-              <el-option value="1">
-                <el-tree
-                  ref="tree"
-                  :check-strictly="true"
-                  :data="departList"
-                  :props="defaultProps"
-                  show-checkbox
-                  @check-change="handleCheck"
-                  default-expand-all
-                  node-key="id"
-                >
-                </el-tree>
-              </el-option>
-            </el-select>
+            <departTree @selectDepart="selectDepart"></departTree>
           </el-form-item>
           <!-- 杞︿富濮撳悕 -->
           <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="ownerName">
@@ -74,7 +60,11 @@
 </template>
 <script>
 import { validateCarNum, validatePhone, validateName } from "@/utils/validate";
+import departTree from "@/components/departTree/index.vue";
 export default {
+  components: {
+    departTree,
+  },
   data() {
     const checkCarNum = (rule, value, callback) => {
       if (value) {
@@ -98,9 +88,9 @@
         callback(new Error("杞︿富濮撳悕涓嶈兘涓虹┖"));
       }
     };
-    const checkDepartId = (rule, value, callback) => {      
+    const checkDepartId = (rule, value, callback) => {
       if (value) {
-          callback();
+        callback();
       } else {
         callback(new Error("杞﹁締浣跨敤鐨勯儴闂ㄤ笉鑳戒负绌�"));
       }
@@ -183,12 +173,7 @@
       },
     };
   },
-  created() {
-    // 鑾峰彇鍏ㄩ儴閮ㄩ棬鍒楄〃
-    this.$axios.get("/sccg/depart/tree").then((res) => {
-      this.departList = res.data;
-    });
-  },
+  created() {},
   methods: {
     // 娣诲姞杞﹁締
     handleCar() {
@@ -200,7 +185,6 @@
             url: "sccg/car_Manage/addition_enforce",
             data: car,
           }).then((res) => {
-            console.log(res);
             if (res.code === 200) {
               this.$message({
                 type: "success",
@@ -222,36 +206,10 @@
     handleStop() {
       this.$emit("closeDialog", { flag: false, index: 0 });
     },
-    // 閮ㄩ棬淇敼
-    handleCheck(data, checked) {
-      console.log(data);
-      // this.car.belong = data.departName
-      this.car.departId = data.id;
-      this.car.departName = data.departName;
-      // 鑾峰彇褰撳墠閫夋嫨鐨刬d鍦ㄦ暟缁勪腑鐨勭储寮�
-      const indexs = this.selectOrg.orgsid.indexOf(data.id);
-      // 濡傛灉涓嶅瓨鍦ㄦ暟缁勪腑锛屽苟涓旀暟缁勪腑宸茬粡鏈変竴涓猧d骞朵笖checked涓簍rue鐨勬椂鍊欙紝浠h〃涓嶈兘鍐嶆閫夋嫨銆�
-      if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
-        this.$message({
-          message: "鍙兘閫夋嫨涓�涓儴闂紒",
-          type: "warning",
-          showClose: true,
-        });
-        // 璁剧疆宸查�夋嫨鐨勮妭鐐逛负false 寰堥噸瑕�
-        this.$refs.tree.setChecked(data, false);
-      } else if (this.selectOrg.orgsid.length === 0 && checked) {
-        // 鍙戠幇鏁扮粍涓虹┖ 骞朵笖鏄凡閫夋嫨
-        // 闃叉鏁扮粍鏈夊�硷紝棣栧厛娓呯┖锛屽啀push
-        this.selectOrg.orgsid = [];
-        this.selectOrg.orgsid.push(data.id);
-      } else if (
-        indexs >= 0 &&
-        this.selectOrg.orgsid.length === 1 &&
-        !checked
-      ) {
-        // 鍐嶆鐩存帴杩涜璧嬪�间负绌烘搷浣�
-        this.selectOrg.orgsid = [];
-        this.car.departName = "";
+    selectDepart(depart) {
+      if (depart) {
+        this.car.departId = depart.departId;
+        this.car.departName = depart.departName;
       }
     },
   },
@@ -261,13 +219,13 @@
 <style lang="scss" scoped>
 .createUser {
   border-radius: 1px;
-  background-color: #09152f;
+  // background-color: #09152f;
 
   main {
     // border: 1px solid #fff;
     text-align: left;
     padding: 0 55px;
-    background-color: #09152f;
+    // background-color: #09152f;
     padding-bottom: 50px;
 
     .mainContent {
@@ -307,18 +265,18 @@
     }
   }
 
-  &::v-deep .el-textarea__inner {
-    background-color: #09152f;
-    border: 1px solid #17324c;
-  }
+  // &::v-deep .el-textarea__inner {
+  //   // background-color: #09152f;
+  //   border: 1px solid #17324c;
+  // }
 
-  ::v-deep .el-form-item__label {
-    color: #4b9bb7;
-  }
+  // ::v-deep .el-form-item__label {
+  //   color: #4b9bb7;
+  // }
 
-  ::v-deep .el-input__inner {
-    background-color: #09152f;
-    border: 1px solid #17324c;
-  }
+  // ::v-deep .el-input__inner {
+  //   // background-color: #09152f;
+  //   border: 1px solid #17324c;
+  // }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0