From dc04c05b22a5323925218092a0687555a2a5c9c1 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 29 九月 2022 18:39:31 +0800
Subject: [PATCH] 上报管理界面，案件池的违规、违建登记页面
---
src/views/operate/disposal/casepool/pool/createUser/ill/index.vue | 304 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 302 insertions(+), 2 deletions(-)
diff --git a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
index e894c43..848d2bf 100644
--- a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
+++ b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
@@ -1,3 +1,303 @@
<template>
- <div>2</div>
-</template>
\ No newline at end of file
+ <div class="ill">
+ <div class="input-area">
+ <div class="input-header">
+ <div class="input-header__title">鍩虹淇℃伅</div>
+ <div class="input-header__tip">濉啓浜嬩欢鍩虹淇℃伅</div>
+ </div>
+ <div class="input-form">
+ <el-form ref="user" label-width="160px" autoComplete="on" :model="role" :rules="createRoleRules"
+ label-position="right">
+ <!-- 闂绫诲瀷 -->
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="name">
+ <el-select v-model="role.type" placeholder="杩濆缓">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杩濆缓绫诲埆 -->
+ <el-form-item class="optionItems" label="杩濆缓绫诲埆:" prop="status">
+ <el-select v-model="role.big" placeholder="璇烽�夋嫨杩濆缓绫诲埆" size="small">
+ <el-option v-for="item in bigKindList" :key="item.id" :label="item.name" :value="item.id"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 褰撲簨浜哄鍚� -->
+ <el-form-item class="optionItems" label="褰撲簨浜哄鍚�:" prop="status">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉濮撳悕"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿韩浠借瘉鍙� -->
+ <el-form-item class="optionItems" label="褰撲簨浜鸿韩浠借瘉鍙�:" prop="status">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉韬唤璇佸彿"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿仈绯荤數璇� -->
+ <el-form-item class="optionItem" label="褰撲簨浜鸿仈绯荤數璇�:" prop="description">
+ <el-input v-model="role.description" placeholder="璇峰～鍐欏綋浜嬩汉鑱旂郴鐢佃瘽"></el-input>
+ </el-form-item>
+ <!-- 杩濆缓鍦扮偣 -->
+ <el-form-item class="optionItems" label="杩濆缓鍦扮偣:" prop="status">
+ <el-input placeholder="璇峰～鍐欒繚寤哄湴鐐�"></el-input>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="status">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 韬唤璇佹鍙嶉潰鐓х墖 -->
+ <el-form-item class="optionItems" label="韬唤璇佹鍙嶉潰鐓х墖:" prop="status">
+ <template>
+ <div class="idcard">
+ <el-upload class="upload-demo"
+ :show-file-list = "false"
+ action="http://42.193.1.25:8082/sccg/file/medias"
+ :headers="getToken()" multiple :limit="50">
+ <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text">韬唤璇佹闈�</span>
+ </el-upload>
+ <el-upload class="upload-demo"
+ :show-file-list = "false"
+ action="http://42.193.1.25:8082/sccg/file/medias"
+ :headers="getToken()" multiple :limit="50">
+ <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text">韬唤璇佸弽闈�</span>
+ </el-upload>
+ </div>
+ </template>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="not-need">
+ <div class="not-need__header">
+ 鎵ф硶杩濆缓鎯呭喌
+ </div>
+ <div class="not-need-item">
+ <label>杩濆缓鍏蜂綋浣嶇疆:</label>
+ <input type="text" class="not-need__inner">
+ </div>
+ <div class="not-need-item">
+ <label>杩濇硶寤鸿闀裤�佸銆侀珮:</label>
+ <input type="text" class="not-need__inner">
+ </div>
+ <div class="not-need-item">
+ <label>杩濇硶寤鸿闈㈢Н:</label>
+ <input type="text" class="not-need__inner">
+ </div>
+ <div class="not-need-item">
+ <label>杩濇硶寤虹瓚鏉愭枡:</label>
+ <input type="text" class="not-need__inner">
+ </div>
+ </div>
+ <div class="input-footer">
+ <el-button type="primary" class="confirm">纭畾</el-button>
+ <el-button class="back">杩斿洖</el-button>
+ </div>
+ </div>
+ <div class="map-area">
+ <!-- <MyMap /> -->
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ const validateNickname = (rule, value, callback) => {
+ if (!value) {
+ callback(new Error("璇峰～鍐欓棶棰樼被鍨�"));
+ } else {
+ callback();
+ }
+ };
+ const validatePass = (rule, value, callback) => {
+ if (!value) {
+ callback();
+ } else {
+ // const rep = /^\w+$/;
+ // if (!rep.test(value)) {
+ // callback(new Error("瀵嗙爜鍙兘鏄互鏁板瓧銆�26涓嫳鏂囧瓧姣嶆垨鑰呬笅鍒掔嚎缁勬垚鐨勫瓧绗︿覆"));
+ // }
+ callback();
+ }
+ };
+ const validateTruename = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ // const rep = /^[\u4E00-\u9FA5]{2,4}$/;
+ // if (!rep.test(value)) {
+ // callback("璇疯緭鍏ユ纭殑鐢ㄦ埛濮撳悕");
+ // }
+ callback();
+ }
+ };
+ return {
+ role: {
+ name: '',
+ type: '',
+ description: '',
+ },
+ createRoleRules: {
+ name: [
+ { required: true, trigger: "blur", validator: validateNickname },
+ ],
+ type: [
+ { required: false, trigger: "blur", validator: validatePass },
+ ],
+ description: [
+ { required: false, trigger: "blur", validator: validateTruename },
+ ],
+ },
+ bigKindList: [],
+ typeList: [],
+ }
+ },
+ created() {
+ const { getBigKind, getEventLevel, getSmallKind } = this;
+ getBigKind();
+ },
+ methods: {
+ handleUser() {
+ this.$refs['user'].validate((valid) => {
+ console.log(valid);
+ if (valid) {
+ const { role } = this;
+ console.log(role);
+ this.$axios.post('sccg/role/create', {
+ description: role.description, name: role.name, type: role.type
+ }).then(res => {
+ if (res.code === 200) {
+ this.refresh();
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ handleStop() {
+ this.refresh();
+ },
+ // 鑾峰彇澶х被鍒楄〃
+ getBigKind() {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/illegal_building/query/type_second'
+ }).then(res => {
+ this.bigKindList = res.data;
+ // console.log(res);
+ })
+ },
+ // 鑾峰彇琛屾斂鍖哄煙
+ // 鑾峰彇token
+ getToken() {
+ const token = sessionStorage.getItem('token');
+ const tokenHead = sessionStorage.getItem('tokenHead');
+ if (token && tokenHead) {
+ return { Authorization: tokenHead + token };
+ }
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.ill {
+ display: flex;
+
+ .input-area {
+ flex: 1;
+ padding: 10px 20px;
+
+ .input-header {
+ color: #4b9bb7;
+
+ .input-header__title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 20px;
+ }
+
+ .input-header__tip {
+ line-height: 40px;
+ }
+ }
+
+ .input-form {
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ .upload-demo{
+ position: relative;
+ .text{
+ position: absolute;
+ top: 22%;
+ left: 20%;
+ }
+ }
+ .idcard {
+ display: flex;
+ }
+
+ .idCardZ {
+ width: 200px;
+ height: 200px;
+ }
+ }
+
+ .input-footer {
+ display: flex;
+ justify-content: center;
+ }
+ }
+
+ .map-area {
+ flex: 1;
+ }
+
+ .not-need {
+ .not-need__header {
+ line-height: 40px;
+ }
+
+ .not-need-item {
+ line-height: 40px;
+ margin-bottom: 22px;
+ display: flex;
+
+ label {
+ width: 160px;
+ padding-right: 12px;
+ text-align: right;
+ }
+
+ .not-need__inner {
+ flex: 1;
+ line-height: 40px;
+ padding: 0 15px;
+ border-radius: 4px;
+ color: #fff;
+ // outline: #409eff solid 1px;
+ outline: none;
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0