From 4d9a35462803c7392dedca8d95fe21ff3d949466 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期一, 03 十月 2022 08:42:36 +0800
Subject: [PATCH] 用户、角色、部门,新增批量操作,案件池详情展示、以及调度

---
 src/views/operate/baseSetting/violation/createUser/index.vue |  111 ++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 73 insertions(+), 38 deletions(-)

diff --git a/src/views/operate/baseSetting/violation/createUser/index.vue b/src/views/operate/baseSetting/violation/createUser/index.vue
index b609337..c53e2d0 100644
--- a/src/views/operate/baseSetting/violation/createUser/index.vue
+++ b/src/views/operate/baseSetting/violation/createUser/index.vue
@@ -2,10 +2,14 @@
     <div class="createUser">
         <main>
             <div class="mainContent">
-                <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
+                <el-form ref="user" :rules="createThings" label-width="140px" autoComplete="on" :model="things" label-position="right">
                     <!-- 杩濊浜嬮」缂栧彿 -->
-                    <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number">
+                    <!-- <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number">
                         <el-input v-model="things.number" placeholder="璇峰~鍐欒繚瑙勪簨椤圭紪鍙�"></el-input>
+                    </el-form-item>  -->
+                    <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
+                    <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
+                        <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
                     </el-form-item>
                     <!-- 鎵�灞炵被鍨� -->
                     <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird">
@@ -23,27 +27,33 @@
                             </el-option>
                         </el-select>
                     </el-form-item>
+                    <!-- 璇疯緭鍏ユ柊澧炵瓑绾� -->
+                    <el-form-item class="optionItem" label="妗堜欢绛夌骇:" prop="level">
+                        <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" >
+                            <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
+                                :value="item.id">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
                     <!-- 鎵�灞炲皬绫� -->
-                    <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst">
+                    <!-- <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst">
                         <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
                             <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
                                 :value="item.id">
                             </el-option>
                         </el-select>
-                    </el-form-item>
+                    </el-form-item> -->
                     <!-- 妗堢敱 -->
                     <el-form-item class="optionItem" label="妗堢敱:" prop="type">
-                        <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
-                            :disabled="!updateFlag" disabled></el-input>
+                        <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"></el-input>
                     </el-form-item>
-                    <el-form-item v-if="updateFlag">
+                    <el-form-item>
                         <div class="optionBtn">
-                            <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
+                            <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
                             </el-button>
                         </div>
                     </el-form-item>
                 </el-form>
-
             </div>
         </main>
     </div>
@@ -51,49 +61,57 @@
 <script>
 export default {
     data() {
+        const checkName = (rule,value,callback)=>{
+            if(value){
+                callback();
+            }else{
+                callback(new Error('鏂板杩濊绫诲瀷涓嶈兘涓虹┖'));
+            }
+        }
+        const checkLevel = (rule,value,callback)=>{
+            if(value){
+                callback();
+            }else{
+                callback(new Error('鏂板杩濊绛夌骇涓嶈兘涓虹┖'));
+            }
+        }
         return {
             things: {
-                number: 0,
-                type: '',
+                // number: 0,
+                // type: '',
+                name:'',
                 typeFirst: '',
                 typeSecond: '',
                 typeThird: '',
+                level:'',
+            },
+            createThings:{
+                name:[
+                    {
+                        required:true,trigger:'blur',validator:checkName
+                    }
+                ],
+                level:[
+                    {
+                        required:true,trigger:'change',validator:checkLevel
+                    }
+                ]
             },
             roleList: [],
             typeThirdList:[],
             typeSecondList:[],
-            typeFirstList:[],
+            // typeFirstList:[],
+            eventLevelList:[]
         }
     },
     created() {
-        console.log(this.userInfo);
-        this.things = JSON.parse(JSON.stringify(this.userInfo));
         // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
         this.getTypeThird();
         this.getTypeSecond();
-        this.getTypeFirst();
+        // this.getTypeFirst();
+        this.getEventLevel();
     },
     methods: {
-        // handleUser() {
-        //     this.$refs.user.validate((valid) => {
-        //         if (valid) {
-        //             const { role } = this;
-        //             console.log(role);
-        //             this.$axios.post('/sccg/role/update/' + role.id, {
-        //                 id: role.id,
-        //                 status: role.status,
-        //                 description: role.description,
-        //                 name: role.name,
-        //                 sort: 0
-        //             }).then(res => {
-        //                 this.$emit('changeDialog', { dialogUpdate: false });
-        //                 this.getUserList();
-        //             })
-        //         } else {
-        //             return false;
-        //         }
-        //     })
-        // },
         // 鏌ヨ鎵�灞炵被鍨�
         getTypeThird() {
             this.$axios({
@@ -115,14 +133,29 @@
                 })
         },
         // 鏌ヨ鎵�灞炲皬绫�
-        getTypeFirst(){
+        // getTypeFirst(){
+        //     this.$axios({
+        //         method: 'get',
+        //         url: "sccg/violations/query/type_third",
+        //     })
+        //         .then(res => {
+        //             this.typeFirstList = res.data;
+        //         })
+        // },
+        // 鑾峰彇妗堜欢绛夌骇鍒楄〃
+        getEventLevel() {
             this.$axios({
                 method: 'get',
-                url: "sccg/violations/query/type_third",
+                url: 'sccg/violations/query/event_type'
             })
                 .then(res => {
-                    this.typeFirstList = res.data;
+                    console.log(res);
+                    this.eventLevelList = res.data;
                 })
+        },
+        // 鎻愪氦鏂板杩濊绫诲瀷
+        handleSubmit(){
+            console.log(this.things);
         }
     },
     props: ['getUserList']
@@ -181,6 +214,7 @@
     &::v-deep .el-textarea__inner {
         background-color: #09152f;
         border: 1px solid #17324c;
+        font-size: 10px;
     }
 
     ::v-deep .el-form-item__label {
@@ -190,6 +224,7 @@
     ::v-deep .el-input__inner {
         background-color: #09152f;
         border: 1px solid #17324c;
+        font-size: 10px;
     }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0