修改样式

src/components/WebSet/WebSiteService.vue

@@ -39,29 +39,29 @@
     <div>
       <el-table :data="dataList" style="width: 100%" v-loading="loading"
         :default-sort="{prop: 'date', order: 'descending'}">
-        <el-table-column prop="SalesManName" label="業務員" sortable>
+        <el-table-column prop="SalesManName" label="業務員">
         </el-table-column>
-        <el-table-column prop="Id" label="需求單編號" sortable>
+        <el-table-column prop="Id" label="需求單編號">
         </el-table-column>
         <!-- <el-table-column prop="Id" label="旅行社" sortable>
         </el-table-column> -->
-        <el-table-column prop="TripStartDate" label="出團日期" sortable>
+        <el-table-column prop="TripStartDate" label="出團日期">
         </el-table-column>
-        <el-table-column prop="TripTitle" label="行程名稱" sortable>
+        <el-table-column prop="TripTitle" width="400" label="行程名稱">
         </el-table-column>
-        <el-table-column prop="TCNUM" label="團位編號" sortable>
+        <el-table-column prop="TCNUM" label="團位編號">
         </el-table-column>
-        <el-table-column prop="CreateByName" label="需求者" sortable>
+        <el-table-column prop="CreateByName" label="需求者">
         </el-table-column>
-        <el-table-column prop="Mobile" label="手機號碼" sortable>
+        <el-table-column prop="Mobile" label="手機號碼">
         </el-table-column>
-        <el-table-column prop="EMail" label="電子信箱" sortable>
+        <el-table-column prop="EMail" label="電子信箱">
         </el-table-column>
-        <el-table-column prop="Remarks" label="備註" sortable>
+        <el-table-column prop="Remarks" label="備註">
         </el-table-column>
-        <el-table-column prop="CreateDateStr2" label="提出時間" sortable>
+        <el-table-column prop="CreateDateStr2" label="提出時間">
         </el-table-column>
-        <el-table-column prop="DemandStatusStr" label="状态" sortable>
+        <el-table-column prop="DemandStatusStr" label="状态">
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
@@ -80,51 +80,72 @@
       </el-pagination>
     </div>
 
-    <el-dialog title="需求单管理" :visible.sync="outerVisible" center width="500px">
+    <el-dialog title="需求单管理" :visible.sync="outerVisible" center width="800px">
       <el-form :model="addMsg" ref="addMsg" label-width="120px">
         <el-row>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="行程名稱">
               <span>{{EditObj.TripTitle}}</span>
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="出團日期">
+              <span>{{EditObj.TripStartDate}}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="旅行社">
               <span></span>
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
             <el-form-item label="團位編號">
               <span>{{EditObj.TCNUM}}</span>
-
-            </el-form-item>
-            <el-form-item label="出團日期">
-              <span>{{EditObj.TripStartDate}}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="需求者">
               <span>{{EditObj.CreateByName}}</span>
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
             <el-form-item label="稱呼">
               <span>{{EditObj.Name}}</span>
-
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="手機號碼">
               <span>{{EditObj.Mobile}}</span>
-
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
             <el-form-item label="電子信箱">
               <span>{{EditObj.EMail}}</span>
-
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="提出時間">
               <span>{{EditObj.CreateDateStr2}}</span>
-
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
             <el-form-item label="備註">
               <span>{{EditObj.Remarks}}</span>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="24">
+          <el-col :span="12">
             <el-form-item label="状态">
               <el-select class="wp40 accountList" v-model="addMsg.DemandStatus" @change="ChangeDemand()"
                 placeholder="请选择">
@@ -135,6 +156,8 @@
                 <el-option :key="4" label="已取消" :value="4"> </el-option>
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="客服人員">
               <el-select class="wp40 accountList" v-model="addMsg.SalesmanId" filterable placeholder="请选择">
                 <el-option :label="$t('pub.unlimitedSel')" :value="0">
@@ -143,6 +166,10 @@
                   :key="index"></el-option>
               </el-select>
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
             <el-form-item label="承辦人員備註">
               <el-input type="textarea" :rows="4" maxlength='50' placeholder="承辦人員備註" v-model='addMsg.SalesManRemark'>
               </el-input>