From 22d4441a8c669185c13d2b6856c51ad550c50ae2 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期五, 14 七月 2023 18:26:47 +0800
Subject: [PATCH] 编辑下拉框&网络请求封装优化

---
 src/views/service/serviceContract/AddServiceContractDialog.vue |  103 +++++++++++++++++++++++++++++----------------------
 1 files changed, 59 insertions(+), 44 deletions(-)

diff --git a/src/views/service/serviceContract/AddServiceContractDialog.vue b/src/views/service/serviceContract/AddServiceContractDialog.vue
index 26b0b60..237dfd5 100644
--- a/src/views/service/serviceContract/AddServiceContractDialog.vue
+++ b/src/views/service/serviceContract/AddServiceContractDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="service-contract">
+  <div class="add-service-contract">
     <el-dialog
       :title="editCommonConfig.title + '鏈嶅姟鍚堝悓'"
       :visible.sync="editConfig.visible"
@@ -164,8 +164,21 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item label="闄勪欢" prop="">
+                  <template slot="label">
+                    <div style="display: flex; float: right">
+                      <div style="font-size: 16px">
+                        <i class="el-icon-warning-outline" title="鏈�澶氫笂浼�20涓檮浠讹紝鏈�澶ч檺鍒�5MB"></i>
+                      </div>
+                      <span style="margin-left: 5px">闄勪欢</span>
+                    </div>
+                  </template>
                   <div class="annex-view">
-                    <div @click="addAnnexClick">娣诲姞</div>
+                    <div @click="addAnnexClick">
+                      <div style="display: flex; float: right">
+                        <div style="font-size: 16px"><i class="el-icon-paperclip"></i></div>
+                        <span>娣诲姞</span>
+                      </div>
+                    </div>
                     <div class="setFormat" @click="setFormatClick">璁剧疆鍏佽涓婁紶鐨勬枃浠舵牸寮�</div>
                   </div>
                 </el-form-item>
@@ -184,7 +197,7 @@
             </div>
           </div>
           <div class="product-view">
-            <CommonFormTableView :product-table-list="productTableList" />
+            <CommonFormTableView :show-summary="showSummary" :product-table-list="productTableList" />
           </div>
           <!-- 閫夋嫨瀹℃壒娴佺▼ -->
           <div class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div>
@@ -288,8 +301,7 @@
       rules: {
         serviceContractNumber: [{ required: true, message: "璇疯緭鍏ユ湇鍔″悎鍚岀紪鍙�", trigger: "blur" }],
         signDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-        owner: [{ required: true, message: "璇烽�夋嫨璐熻矗浜�", trigger: "change" }],
-        approvalOpinion: [{ required: true, message: "璇疯緭鍏ュ鎵规剰瑙�", trigger: "blur" }]
+        owner: [{ required: true, message: "璇烽�夋嫨璐熻矗浜�", trigger: "change" }]
       },
       ownerOptions: [
         // 璐熻矗浜�
@@ -309,23 +321,51 @@
         { value: "3", label: "娆у厓(鈧�)" }
       ], // 甯佺
       approvalWorkflowOptions: [], // 瀹℃壒娴佺▼
-      productTableList: {
-        tableData: [
-          {
-            id: "1",
-            productNumber: "123",
-            productName: "",
-            startDate: "",
-            endDate: "2016-05-02",
-            number: "",
-            address: ""
-          }
-        ]
+      productTableList: {},
+      showSummary: {
+        show: true,
+        total: true,
+        sumProp: ["other1", "other2", "other3", "other4"],
+        mergeNumber: 3
       }
     }
   },
-  created() {},
+  created() {
+    this.setTableForm()
+  },
   methods: {
+    setTableForm() {
+      this.productTableList = {
+        tableData: [
+          {
+            id: "1",
+            productName: "涓婃捣鏈夐檺鍏徃",
+            other0: "ZDYBD03-1",
+            other1: "12",
+            other2: "5.00",
+            other4: "3.00",
+            other3: "2.00"
+          }
+        ],
+        tableColumn: [
+          { label: "#", prop: "id", width: 40 },
+          { label: "浜у搧鍚嶇О", prop: "productName", input: true, isRequird: true },
+          { label: "浜у搧缂栧彿", prop: "other0" },
+          { label: "鏈嶅姟寮�濮嬫棩", prop: "other5", date: true, isRequird: true, min: 100 },
+          { label: "鏈嶅姟鍒版湡鏃�", prop: "other6", date: true, isRequird: true, min: 100 },
+          { label: "鏁伴噺", prop: "other1", input: true, isRequird: true },
+          { label: "鍚◣鍗曚环", prop: "other9", input: true },
+          { label: "涓嶅惈绋庡崟浠�", prop: "other7", input: true },
+          { label: "鎶樻墸鐜�(%)", prop: "other6", input: true },
+          { label: "鎶樻墸棰�", prop: "other2" },
+          { label: "绋�(閿�鍞�)", prop: "other7", input: true },
+          { label: "瀹為檯鍚◣鍗曚环", prop: "other3" },
+          { label: "涓嶅惈绋庨噾棰�", prop: "other4" },
+          { label: "浠风◣鍚堣", prop: "other3", input: true },
+          { label: "鎻忚堪", prop: "other8" }
+        ]
+      }
+    },
     handleClose() {
       this.editConfig.visible = false
     },
@@ -339,7 +379,7 @@
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-.service-contract {
+.add-service-contract {
   .basic-info {
     .basic-info-title {
       background-color: #f4f8fe;
@@ -384,31 +424,6 @@
     background-color: #f5f5f5;
     height: 55px;
     line-height: 55px;
-  }
-}
-::v-deep {
-  .el-dialog__header {
-    padding: 12.5px 10px;
-    border-bottom: 1px solid #e5e5e5;
-    .el-dialog__title {
-      font-size: 15px;
-      color: #323232;
-      font-weight: bold;
-    }
-  }
-  .el-dialog__body {
-    padding: 0px;
-  }
-  .el-dialog__footer {
-    padding: 0px;
-    text-align: center;
-    box-sizing: border-box;
-    border-top: 1px solid #dadee5;
-  }
-  .product-view {
-    .el-form-item__label {
-      padding: 0;
-    }
   }
 }
 </style>

--
Gitblit v1.8.0