客户管理样式

src/views/customer/customerList.vue

@@ -35,12 +35,13 @@
         >
           默认定金比例</el-button
         >
-        <WinseaContentModal
-          v-model="outerVisibleDefaultEdit"
+        <el-dialog
+          width="25%"
           title="设置默认定金比例"
-          @on-cancel="handleClose"
+          :visible.sync="outerVisibleDefaultEdit"
+          :append-to-body="true"
         >
-          <div style="width: 90%">
+          <div style="width: 50%">
             <div class="dingjin">定金比例(元/吨)</div>
             <el-input
               type="textarea"
@@ -50,23 +51,24 @@
             >
             </el-input>
           </div>
-          <div class="dialog-footer">
+          <div slot="footer" class="dialog-footer">
             <el-button @click="outerVisibleDefaultEdit = false"
               >取 消</el-button
             >
             <el-button type="primary" @click="editDepositRatio()"
-              >确定</el-button
+              >确 定</el-button
             >
           </div>
-        </WinseaContentModal>
+        </el-dialog>
 
         <!--修改定金比例-->
-        <WinseaContentModal
-          v-model="outerVisibleEdit"
+        <el-dialog
+          width="25%"
           title="修改定金比例"
-          @on-cancel="handleClose"
+          :visible.sync="outerVisibleEdit"
+          :append-to-body="true"
         >
-          <div style="width: 90%" class="xiugai">
+          <div style="width: 50%" class="xiugai">
             <el-input
               type="textarea"
               :rows="2"
@@ -76,17 +78,18 @@
             >
             </el-input>
           </div>
-          <div class="dialog-footer">
+          <div slot="footer" class="dialog-footer">
             <el-button @click="outerVisibleEdit = false">取 消</el-button>
-            <el-button type="primary" @click="editPrice(0)">确定</el-button>
+            <el-button type="primary" @click="editPrice(0)">确 定</el-button>
           </div>
-        </WinseaContentModal>
+        </el-dialog>
 
         <!--增加定金-->
-        <WinseaContentModal
-          v-model="outerVisibleAdd"
+        <el-dialog
+          width="30%"
           title="增加定金"
-          @on-cancel="handleClose"
+          :visible.sync="outerVisibleAdd"
+          :append-to-body="true"
         >
           <div class="addprice">
             已付定金
@@ -95,7 +98,7 @@
             </div>
           </div>
           <div class="addpricejine">增加金额</div>
-          <div style="width: 90%" class="zengjia">
+          <div style="width: 50%" class="zengjia">
             <el-input
               type="textarea"
               :rows="2"
@@ -106,14 +109,14 @@
             </el-input>
             <div class="yuan">元</div>
           </div>
-          <div class="dialog-footer">
+          <div slot="footer" class="dialog-footer">
             <el-button @click="outerVisibleAdd = false">取 消</el-button>
-            <el-button type="primary" @click="editPrice(1)">确定</el-button>
+            <el-button type="primary" @click="editPrice(1)">确 定</el-button>
           </div>
-        </WinseaContentModal>
+        </el-dialog>
 
         <!--退回定金-->
-        <WinseaContentModal
+        <!-- <WinseaContentModal
           v-model="outerVisibleReturn"
           title="退回定金"
           @on-cancel="handleClose"
@@ -142,7 +145,39 @@
             <el-button @click="outerVisibleReturn = false">取 消</el-button>
             <el-button type="primary" @click="editPrice(2)">确定</el-button>
           </div>
-        </WinseaContentModal>
+        </WinseaContentModal> -->
+
+        <el-dialog
+          width="30%"
+          title="退回定金"
+          :visible.sync="outerVisibleReturn"
+          :append-to-body="true"
+        >
+          <div class="returnprice">
+            可退定金
+            <div class="ketuidingjin">
+              <template>
+                {{ this.totalDeposit - this.freezingDeposit }} 元
+              </template>
+            </div>
+          </div>
+          <div class="returnpricejine">退回金额</div>
+          <div style="width: 50%" class="tuihui">
+            <el-input
+              type="textarea"
+              :rows="2"
+              maxlength="30"
+              placeholder="请输入本次退回定金金额"
+              v-model="money"
+            >
+            </el-input>
+            <div class="yuan">元</div>
+          </div>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="outerVisibleReturn = false">取 消</el-button>
+            <el-button type="primary" @click="editPrice(2)">确 定</el-button>
+          </div>
+        </el-dialog>
       </template>
     </BaseHeaderLayout>
     <div>
@@ -727,7 +762,7 @@ export default {
 }
 /deep/.zengjia .el-textarea__inner {
   display: block;
-  padding: 13px 17px;
+  padding: 13px 9px;
   line-height: 0.5;
   box-sizing: border-box;
   width: 80%;
@@ -737,8 +772,8 @@ export default {
   background-image: none;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   margin-left: 180px;
+  margin-top: 10px;
 }
 
 /deep/.xiugai .el-textarea__inner {
@@ -754,12 +789,12 @@ export default {
   border: 1px solid #dcdfe6;
   border-radius: 4px;
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  margin-left: 0px;
+  margin-left: 95px;
 }
 
 /deep/.tuihui .el-textarea__inner {
   display: block;
-  padding: 13px 17px;
+  padding: 13px 9px;
   line-height: 0.5;
   box-sizing: border-box;
   width: 80%;
@@ -769,8 +804,8 @@ export default {
   background-image: none;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   margin-left: 180px;
+  margin-top: 10px;
 }
 /deep/.dingjin {
   width: 98px;
@@ -791,7 +826,8 @@ export default {
   border: 1px solid #dcdfe6;
   border-radius: 4px;
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  margin-left: 180px;
+  margin-left: 155px;
+  margin-top: 10px;
 }
 /deep/.addprice {
   width: 98px;
@@ -803,8 +839,8 @@ export default {
 }
 /deep/.yuan {
   width: 10px;
-  margin-left: 1400px;
-  margin-top: -36px;
+  margin-left: 387px;
+  margin-top: -32px;
 }
 /deep/.addpricejine {
   width: 98px;
@@ -824,11 +860,11 @@ export default {
 /deep/.yifudingjin {
   margin-left: 135px;
   width: 70px;
-  margin-top: -31px;
+  margin-top: -19px;
 }
 /deep/.ketuidingjin {
   margin-left: 135px;
   width: 70px;
-  margin-top: -31px;
+  margin-top: -19px;
 }
 </style>