From 676722551d0bc2f8caa0644961e60deef3f0d532 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期一, 10 十月 2022 18:08:27 +0800
Subject: [PATCH] 修改遗留问题,新增店铺管理删除、编辑,新增车辆管理模块

---
 src/components/illdetail/index.vue |  171 +++++++++++++++++++++++----------------------------------
 1 files changed, 69 insertions(+), 102 deletions(-)

diff --git a/src/components/illdetail/index.vue b/src/components/illdetail/index.vue
index 1de98cc..7606cf6 100644
--- a/src/components/illdetail/index.vue
+++ b/src/components/illdetail/index.vue
@@ -1,112 +1,71 @@
 <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">{{baseCase.category}}</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 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">{{baseCase.streetId}}</span>
-                </div>
-            </div>
-            <div class="data-item">
-                <div class="data-item__left">
-                    <label class="data-title">
-                        浜嬪彂鍦扮偣:
-                    </label>
-                    <span class="data-detail">{{baseCase.site}}</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">
+            <el-form :model="baseCase" label-position="right" ref="viewForm" label-width="160px">
                 <div class="data-item">
-                    <div class="data-item__left">
-                        <label class="data-title">
-                            鍙嶆槧浜�:
-                        </label>
-                        <span class="data-detail">{{baseCase.createUser}}</span>
-                    </div>
-                    <div class="data-item__right">
-                        <label class="data-title">
-                            鑱旂郴鏂瑰紡:
-                        </label>
-                        <span class="data-detail">12345678901</span>
-                    </div>
+                    <el-form-item label="闂绫诲瀷:">
+                        <span class="data-detail">杩濆缓</span>
+                    </el-form-item>
+                    <el-form-item label="杩濆缓绫诲埆:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
                 </div>
                 <div class="data-item">
-                    <div class="data-item__left">
-                        <label class="data-title">
-                            韬唤璇佸彿:
-                        </label>
-                        <span class="data-detail">123456789987654321</span>
-                    </div>
+                    <el-form-item label="褰撲簨浜哄鍚�:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
                 </div>
-            </div>
+                <div class="data-item">
+                    <el-form-item label="褰撲簨浜鸿韩浠借瘉鍙�:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="褰撲簨浜鸿仈绯荤數璇�:">
+                        <span class="data-detail">xxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="杩濆缓鍦扮偣:">
+                        <span class="data-detail">xxxx</span>
+                    </el-form-item>
+                    <el-form-item label="鎵�灞炵ぞ鍖�:">
+                        <span class="data-detail">xxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="韬唤璇佹鍙嶉潰鐓х墖:">
+                        <img src="" alt="">
+                    </el-form-item>
+                    <el-form-item>
+                        <img src="" alt="">
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="鎵ф硶杩濆缓鎯呭喌">
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="杩濆缓鍏蜂綋浣嶇疆:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="杩濇硶寤鸿闀裤�佸銆侀珮:">
+                        <span class="data-detail">xxxxxxx    xxxxx   xxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="杩濇硶寤鸿闈㈢Н:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="杩濇硶寤虹瓚鏉愭枡:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                </div>
+            </el-form>
         </div>
         <div class="view-process">
             <div class="process-header">
@@ -203,6 +162,14 @@
         }
 
         border: 1px solid #17324c;
+        :deep(.el-form-item__label) {
+            color: #4b9bb7;
+        }
+
+        :deep(.el-textarea__inner) {
+            background-color: #17324c;
+            color: #4b9bb7;
+        }
     }
 
     .view-process {

--
Gitblit v1.8.0