From bf83dce33b684ba07774d74a9460c2768f848b44 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期五, 30 九月 2022 16:29:46 +0800
Subject: [PATCH] 案件池违规、违建注册接口调试,审核页面构建
---
src/views/operate/disposal/casepool/pool/createUser/vio/index.vue | 245 +++++++++++++++++++++++++++++++++++--------------
1 files changed, 175 insertions(+), 70 deletions(-)
diff --git a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
index 01a50f9..767ab4c 100644
--- a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
+++ b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
@@ -52,21 +52,21 @@
</el-select>
</el-form-item> -->
<!-- 鎵�灞炵ぞ鍖� -->
- <!-- <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="status">
- <el-select v-model="vio.type" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
+ <el-select v-model="vio.communityId" 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>
<!-- 鎵�灞炶閬� -->
- <!-- <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="status">
- <el-select v-model="vio.type" placeholder="璇烽�夋嫨鎵�灞炶閬�">
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="vio.streetId" 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>
<!-- 浜嬪彂鍦扮偣 -->
<el-form-item class="optionItems" label="浜嬪彂鍦扮偣:" prop="site">
<el-input placeholder="璇疯緭鍏ヤ簨鍙戝湴璇︾粏浣嶇疆" v-model="vio.site"></el-input>
@@ -80,7 +80,8 @@
</el-form-item>
<!-- 鍏宠仈鍟嗛摵鍚嶇О -->
<el-form-item class="optionItems" label="鍏宠仈鍟嗛摵鍚嶇О:" prop="shopName">
- <el-input placeholder="璇峰～鍐欏叧鑱斿晢閾哄悕绉�" v-model="vio.shopName" :disabled="vio.linkShop === 1 ?false : true"></el-input>
+ <el-input placeholder="璇峰～鍐欏叧鑱斿晢閾哄悕绉�" v-model="vio.shopName"
+ :disabled="vio.linkShop === 1 ?false : true"></el-input>
</el-form-item>
<!-- 濉啓杞︾墝鍙� -->
<el-form-item class="optionItems" label="濉啓杞︾墝鍙�:" prop="carNumber">
@@ -89,6 +90,11 @@
<!-- 闂鎻忚堪 -->
<el-form-item class="optionItems" label="闂鎻忚堪:" prop="description">
<el-input type="textarea" placeholder="璇疯緭鍏ュ唴瀹�200瀛椾互鍐�" v-model="vio.description"></el-input>
+ </el-form-item>
+ <!-- 鎶ヨ鏃堕棿 -->
+ <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime">
+ <el-date-picker v-model="vio.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿">
+ </el-date-picker>
</el-form-item>
</el-form>
</div>
@@ -115,7 +121,7 @@
</div>
</div>
<div class="map-area">
- <!-- <MyMap /> -->
+ <MyMap />
</div>
</div>
</template>
@@ -126,63 +132,154 @@
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) => {
+ const checkCause = (rule, value, callback) => {
if (value) {
callback();
} else {
- // const rep = /^[\u4E00-\u9FA5]{2,4}$/;
- // if (!rep.test(value)) {
- // callback("璇疯緭鍏ユ纭殑鐢ㄦ埛濮撳悕");
- // }
- callback();
+ callback(new Error('妗堢敱涓嶈兘涓虹┖'))
}
- };
+ }
+ const checkCategory = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('澶х被鍚嶇О涓嶈兘涓虹┖'))
+ }
+ }
+ const checkCommunity = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炵ぞ鍖轰笉鑳戒负绌�'));
+ }
+ }
+ const checkDesc = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('闂鎻忚堪涓嶈兘涓虹┖'))
+ }
+ }
+ const checkSite = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬪彂鍦扮偣涓嶈兘涓虹┖'))
+ }
+ }
+ const checkStreet = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
+ const checkType = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('灏忕被涓嶈兘涓虹┖'))
+ }
+ }
+ const checkGrade = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬩欢绛夌骇涓嶈兘涓虹┖'))
+ }
+ }
+ const checkDate = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
return {
vio: {
- actionCause:"dasdas",//妗堢敱
- carNumber:"宸漦123456",//杞︾墝鍙�
+ actionCause: "",//妗堢敱
+ carNumber: "",//杞︾墝鍙�
// category:1,//1:杩濊2:杩濆缓
- categoryId:0,//澶х被
- communityId:0,//鎵�灞炵ぞ鍖�
- description:"澶ф拻澶ф拻",//闂鎻忚堪
- informant:"澶ц嫃鎵�",//鍙嶆槧浜�
- informantIdCard:"51102519910082831",//韬唤璇佸彿鐮�
- informantPhoneCode:"17844631885",//鍙嶆槧浜鸿仈绯绘柟寮�
- linkShop:0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
- shopName:"",//鍏宠仈鍟嗛摵鍚嶇О
- site:'鏂板湴鏂�',//浜嬪彂鍦扮偣
- streetId:0,//鎵�灞炶閬�
- typeId:0,//灏忕被
- gradeId:''
+ categoryId: '',//澶х被
+ communityId: '',//鎵�灞炵ぞ鍖�
+ description: '',//闂鎻忚堪
+ informant: '',//鍙嶆槧浜�
+ informantIdCard: '',//韬唤璇佸彿鐮�
+ informantPhoneCode: "",//鍙嶆槧浜鸿仈绯绘柟寮�
+ linkShop: 0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ shopName: "",//鍏宠仈鍟嗛摵鍚嶇О
+ site: '',//浜嬪彂鍦扮偣
+ streetId: '',//鎵�灞炶閬�
+ typeId: '',//灏忕被
+ gradeId: '',//妗堜欢绛夌骇
+ alarmTime: ''
},
createRoleRules: {
- name: [
- { required: true, trigger: "blur", validator: validateNickname },
+ //妗堢敱
+ actionCause: [
+ {
+ required: true, trigger: 'blur', validator: checkCause,
+ }
],
- type: [
- { required: false, trigger: "blur", validator: validatePass },
+ //杞︾墝鍙�
+ carNumber: [
+ {
+ required: false,
+ }
],
+ //澶х被
+ categoryId: [
+ {
+ required: true, trigger: 'change', validator: checkCategory
+ }
+ ],
+ //鎵�灞炵ぞ鍖�
+ communityId: [
+ {
+ required: true, trigger: 'change', validator: checkCommunity
+ }
+ ],
+ //闂鎻忚堪
description: [
- { required: false, trigger: "blur", validator: validateTruename },
+ {
+ required: true, trigger: 'blur', validator: checkDesc
+ }
],
+ // informant:"澶ц嫃鎵�",//鍙嶆槧浜�
+ // informantIdCard:"51102519910082831",//韬唤璇佸彿鐮�
+ // informantPhoneCode:"17844631885",//鍙嶆槧浜鸿仈绯绘柟寮�
+ // linkShop:0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ // shopName:"",//鍏宠仈鍟嗛摵鍚嶇О
+ //浜嬪彂鍦扮偣
+ site: [
+ {
+ required: true, trigger: 'blur', validator: checkSite
+ }
+ ],
+ //鎵�灞炶閬�
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
+ //灏忕被
+ typeId: [
+ {
+ required: true, trigger: 'change', validator: checkType
+ }
+ ],
+ //妗堜欢绛夌骇
+ gradeId: [
+ {
+ required: true, trigger: 'change', validator: checkGrade
+ }
+ ],
+ alarmTime: [
+ {
+ required: true, trigger: 'change', validator: checkDate
+ }
+ ]
+
},
bigKindList: [],
smallKindList: [],
@@ -256,34 +353,42 @@
},
// 鎻愪氦娉ㄥ唽淇℃伅
handleSubmit() {
- const { vio } = this;
- this.$axios({
- method:'post',
- url:'sccg/base-case/addition_violation',
- data:vio
- })
- .then(res=>{
- if(res.code === 200){
- this.$message({
- type:'success',
- message:res.message
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { vio } = this;
+ console.log(vio);
+ this.$axios({
+ method: 'post',
+ url: 'sccg/base-case/addition_violation',
+ data: vio
})
- this.$emit('changeDialog',{dialogView:false});
- }else{
- this.$message({
- type:'warning',
- message:res.message,
- })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: res.message
+ })
+ this.$emit('changeDialog', { dialogView: false });
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
}
})
}
},
- props: ['mytype','changeDialog']
+ props: ['mytype', 'changeDialog']
}
</script>
<style lang="scss" scoped>
.vio {
display: flex;
+ padding: 20px 10px 50px;
.input-area {
flex: 1;
--
Gitblit v1.8.0