From d942877495ceea1575e64fb6d4e2972f6da10cac Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 11 一月 2023 10:09:24 +0800
Subject: [PATCH] 2023/1/11 肖辉 修改UI样式
---
src/views/operate/disposal/casepool/escalation/updateUser/index.vue | 334 ++++++++++++++++++++++--------------------------------
1 files changed, 137 insertions(+), 197 deletions(-)
diff --git a/src/views/operate/disposal/casepool/escalation/updateUser/index.vue b/src/views/operate/disposal/casepool/escalation/updateUser/index.vue
index 47a6bad..c96ecbc 100644
--- a/src/views/operate/disposal/casepool/escalation/updateUser/index.vue
+++ b/src/views/operate/disposal/casepool/escalation/updateUser/index.vue
@@ -1,234 +1,174 @@
<template>
- <div class="view">
- <div class="view-data">
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 闂绫诲瀷:
- </label>
- <span class="data-detail">杩濊</span>
- </div>
- <div class="data-item__right">
- <label class="data-title">
- 澶х被鍚嶇О:
- </label>
- <span class="data-detail">xxx</span>
- </div>
+ <div class="updateUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
+ <!-- 杩濊浜嬮」缂栧彿 -->
+ <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number">
+ <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
+ </el-form-item>
+ <!-- 鎵�灞炵被鍨� -->
+ <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird">
+ <el-select v-model="things.typeThird" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
+ <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炲ぇ绫� -->
+ <el-form-item class="optionItem" label="鎵�灞炲ぇ绫�:" prop="typeSecond">
+ <el-select v-model="things.typeSecond" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
+ <el-option v-for="item in typeSecondList" :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-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 class="optionItem" label="妗堢敱:" prop="type">
+ <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
+ :disabled="!updateFlag" ></el-input>
+ </el-form-item>
+ <!-- <el-form-item v-if="updateFlag">
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
+ </el-button>
+ </div>
+ </el-form-item> -->
+ </el-form>
+
</div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 灏忕被鍚嶇О:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- <div class="data-item__right">
- <label class="data-title">
- 浜嬩欢绛夌骇:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 妗堢敱:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 鎵�灞炲尯鍘�:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- <div class="data-item__right">
- <label class="data-title">
- 鎵�灞炵ぞ鍖�:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 鎵�灞炶閬�:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 浜嬪彂鍦扮偣:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 鍏宠仈鍟嗛摵鍚嶇О:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 闂鎻忚堪:
- </label>
- <span class="data-detail">xxx</span>
- </div>
- </div>
- <div class="data-user">
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 鍙嶆槧浜�:
- </label>
- <span class="data-detail">寮犱簩</span>
- </div>
- <div class="data-item__right">
- <label class="data-title">
- 鑱旂郴鏂瑰紡:
- </label>
- <span class="data-detail">12345678901</span>
- </div>
- </div>
- <div class="data-item">
- <div class="data-item__left">
- <label class="data-title">
- 韬唤璇佸彿:
- </label>
- <span class="data-detail">123456789987654321</span>
- </div>
- </div>
- </div>
- </div>
- <div class="view-process">
- <div class="process-header">
- <div class="process-title-item" v-for="item in titleList" :key="item.title"
- @click="changeComponent(item.index)">
- <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
- <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
- </div>
- </div>
- <div class="show-item">
- <div class="show-wrap">
- <MyProcess v-if="activeIndex === 1"></MyProcess>
- <MyFilePicture v-else-if="activeIndex === 2"></MyFilePicture>
- <MySovleProblem v-else-if="activeIndex === 3"></MySovleProblem>
- <MyScene v-else></MyScene>
- </div>
- </div>
- </div>
+ </main>
</div>
</template>
<script>
-import MyProcess from './process'
-import MyFilePicture from './filePictrue'
-import MySovleProblem from './solveProblem'
-import MyScene from './scene'
export default {
- components: {
- MyProcess, MyFilePicture, MySovleProblem, MyScene
- },
data() {
return {
- myInfo: {
-
+ things: {
+ number: 0,
+ type: '',
+ typeFirst: '',
+ typeSecond: '',
+ typeThird: '',
},
- activeIndex: 1,
- titleList: [
- {
- title: '鍔炵悊缁忚繃',
- index: 1,
- },
- {
- title: '妗堝嵎鍥剧墖',
- index: 2,
- },
- {
- title: '闂澶勭悊',
- index: 3,
- },
- {
- title: '鐜板満鎯呭喌',
- index: 4,
- },
- ]
+ roleList: [],
+ typeThirdList:[],
+ typeSecondList:[],
+ typeFirstList:[],
}
},
created() {
-
+ this.things = JSON.parse(JSON.stringify(this.userInfo));
+ // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
+ this.getTypeThird();
+ this.getTypeSecond();
+ this.getTypeFirst();
},
methods: {
- changeComponent(index) {
- this.activeIndex = index;
+ // 鏌ヨ鎵�灞炵被鍨�
+ getTypeThird() {
+ this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_first",
+ })
+ .then(res => {
+ this.typeThirdList = res.data;
+ })
+ },
+ // 鏌ヨ鎵�灞炲ぇ绫�
+ getTypeSecond(){
+ this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_second",
+ })
+ .then(res => {
+ this.typeSecondList = res.data;
+ })
+ },
+ // 鏌ヨ鎵�灞炲皬绫�
+ getTypeFirst(){
+ this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_third",
+ })
+ .then(res => {
+ this.typeFirstList = res.data;
+ })
}
},
- props: ['info']
+ props: ['userInfo', 'updateFlag', 'getUserList', 'changeDialog']
}
</script>
<style lang="scss" scoped>
-.view {
- display: flex;
- padding: 20px;
+.updateUser {
+ border-radius: 1px;
+ // background-color: #09152f;
- .view-data {
- color: #4b9bb7;
- flex: 4;
- padding: 0 30px 0 20px;
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ // background-color: #09152f;
+ padding-bottom: 50px;
- .data-item {
+ .mainContent {
display: flex;
- justify-content: space-between;
- line-height: 40px;
- }
+ justify-content: center;
+ padding-top: 50px;
- border: 1px solid #17324c;
- }
+ .el-form-item__content {
+ width: 400px;
- .view-process {
- flex: 6;
- margin-left: 20px;
-
- .process-header {
- display: flex;
- line-height: 40px;
-
- .process-title-item {
- width: 120px;
- text-align: center;
-
- .under-line {
- height: 2px;
+ .el-select {
width: 100%;
}
+ }
- .title-active {
- color: #4b9bb7;
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
}
- .line-active {
- background-color: #4b9bb7;
- border-radius: 20px;
+ .telNumber {
+ flex: 2;
}
}
- }
- .show-item {
- overflow: hidden;
- height: 600px;
- position: relative;
- .show-wrap{
- overflow: scroll;
- height: 600px;
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
}
+
}
}
+
+ // &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
+
+ // ::v-deep .el-form-item__label {
+ // color: #4b9bb7;
+ // }
+
+ // ::v-deep .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0