Merge pull request '弹窗表单样式' (#11) from lukeyan into master

Reviewed-on: #11

src/views/systemManagement/companyList/components/companyDataDialog.vue

@@ -21,22 +21,26 @@
               <el-input v-model="commerceMessage_form.companyName"></el-input>
             </el-form-item>
             <el-form-item label="统一社会信用代码">
-              <el-input v-model="commerceMessage_form.socialCreditCode"></el-input>
+              <el-input
+                v-model="commerceMessage_form.socialCreditCode"
+              ></el-input>
             </el-form-item>
             <el-form-item label="企业性质">
               <el-input v-model="commerceMessage_form.companyNature"></el-input>
             </el-form-item>
             <el-form-item label="营业期限">
-              <el-input v-model="commerceMessage_form.businessTermDate"></el-input>
+              <el-input
+                v-model="commerceMessage_form.businessTermDate"
+              ></el-input>
             </el-form-item>
             <el-form-item label="发照日期">
-              <el-input v-model="commerceMessage_form.businessLicenseDate"></el-input>
-            </el-form-item>
-            <el-form-item label="成立日期">
               <el-input
-                v-model="commerceMessage_form.establishDate"
+                v-model="commerceMessage_form.businessLicenseDate"
               ></el-input>
             </el-form-item>
+            <el-form-item label="成立日期">
+              <el-input v-model="commerceMessage_form.establishDate"></el-input>
+            </el-form-item>
             <el-form-item label="注册资本">
               <el-input
                 v-model="commerceMessage_form.registerCapital"
@@ -96,7 +100,6 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-divider></el-divider>
       <!-- 企业联系人信息表单 -->
       <div class="company_person_message">
         <p>企业联系人信息</p>
@@ -106,14 +109,17 @@
           class="company_person_message_form"
         >
           <el-form-item label="安全责任人">
-            <el-input v-model="company_person_message_form.emergencyContact"></el-input>
+            <el-input
+              v-model="company_person_message_form.emergencyContact"
+            ></el-input>
           </el-form-item>
           <el-form-item label="责任人电话">
-            <el-input v-model="company_person_message_form.emergencyContactPhone"></el-input>
+            <el-input
+              v-model="company_person_message_form.emergencyContactPhone"
+            ></el-input>
           </el-form-item>
         </el-form>
       </div>
-      <el-divider></el-divider>
       <!-- 企业位置信息表单 -->
       <div class="company_position">
         <p>企业位置信息</p>
@@ -203,9 +209,9 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-divider></el-divider>
       <!-- 管辖区信息表单 -->
       <div class="jurisdiction">
+        <p>管辖区信息</p>
         <el-form
           ref="jurisdiction_form"
           :model="jurisdiction_form"
@@ -246,7 +252,7 @@ export default {
   name: "CompanyDataDialog",
   data() {
     return {
-      dialogTitle: "新增",
+      dialogTitle: "",
       visible: false,
       // 企业工商信息上半部分
       commerceMessage_form: {
@@ -291,12 +297,12 @@ export default {
   methods: {
     open(num) {
       this.visible = true;
-      if(num === 1) {
+      if (num === 1) {
-        this.dialogTitle = '新建'
+        this.dialogTitle = "新建";
       } else if (num === 2) {
-        this.dialogTitle = '查看档案'
+        this.dialogTitle = "查看档案";
       } else if (num === 3) {
-        this.dialogTitle = '编辑'
+        this.dialogTitle = "编辑";
       }
     },
     saveFormData: debounce(function () {
@@ -309,6 +315,7 @@ export default {
 /deep/.el-dialog {
   .el-dialog__title {
     color: #fff;
+    text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
   }
   background-image: url("~@/assets/companyFile/dialogBack.png");
   background-size: 100% 100%;
@@ -326,8 +333,11 @@ export default {
     padding-left: 15px;
     padding-right: 15px;
     p {
+      padding-top: 15px;
+      margin-left: 17px;
       font-size: 16px;
       color: #fff;
+      text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
     }
   }
   .el-button {
@@ -340,7 +350,7 @@ export default {
   .el-button:focus,
   .el-button:hover {
     color: #34e1b3;
-    background: url("~@/assets/companyFile/891771.png") no-repeat !important;
+    background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
     background-size: 100% 100% !important;
   }
   .form_body {
@@ -387,9 +397,13 @@ export default {
       }
     }
   }
-  .commerceMessage {
+  .commerceMessage,
-    background: #6C8097;
+  .company_person_message,
-    border: 1px solid #495461;
+  .company_position,
+  .jurisdiction {
+    background: url("~@/assets/companyFile/242112.png") no-repeat !important;
+    background-size: 100% 100% !important;
+    margin-top: 16px;
   }
   /* 为适应上传图片表单布局把企业工商表单拆分 */
   .commerceMessage_one {