采购合同列表，销售合同编辑

src/views/contractManagement/salesContractEdit.vue

@@ -16,8 +16,575 @@
 </el-row>
 
   <div class="wenzi">
-      <h3>基本信息</h3><p>注：基本信息和货物信息均为必填项，“*” 标记的条目提交后不可修改。</p>
+      <h3>基本信息</h3><p>&nbsp;&nbsp;注：基本信息和货物信息均为必填项，“*” 标记的条目提交后不可修改。</p>
   </div>
+  <div class="center">
+  <ws-form ref="deptBudgetList"
+               :rules="ruleDeptBudget"
+               :model="deptBudgetList">
+        <!--基本信息-->
+       
+          <ws-info-table>
+            <!--合同编号-->
+            <ws-form-item label="合同编号"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--运输方式-->
+            <ws-form-item label="运输方式"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+
+            
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+            
+             <!--买方-->
+            <ws-form-item label="卖方"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+
+             
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--结算方式-->
+            <ws-form-item label="结算方式"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--卖方-->
+            <ws-form-item label="卖方"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--货源地-->
+            <ws-form-item label="货源地"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="50"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+
+            <!--买方电话-->
+            <ws-form-item label="买方电话"
+                          span="1"
+                          :prop="
+                !deptBudgetList.add && registered != 1 ? 'mobilePhone' : ''
+              "
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'mobilePhone_haveProp'
+                  : 'mobilePhone_noProp'
+              ">
+              <ws-input 
+                        v-model="deptBudgetList.mobilePhone"
+                        oninput="value=value.replace(/[^\d]/g,'')"
+                        maxlength="50"
+                        size="small" />
+             
+            </ws-form-item>
+
+             <!--交货地-->
+            <ws-form-item label="交货地"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />  
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--卖方电话-->
+            <ws-form-item label="卖方电话"
+                          span="1"
+                          :prop="
+                !deptBudgetList.add && registered != 1 ? 'sellerPhone' : ''
+              "
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'sellerPhone_haveProp'
+                  : 'sellerPhone_noProp'
+              ">
+              <ws-input 
+                        v-model="deptBudgetList.mobilePhone"
+                        oninput="value=value.replace(/[^\d]/g,'')"
+                        maxlength="50"
+                        size="small" />  
+            </ws-form-item>
+
+            <!--包装方式-->
+            <ws-form-item label="包装方式"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'crtDutyId' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'crtDutyId_haveProp'
+                  : 'crtDutyId_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item>
+
+               <!--重量（吨）-->
+            <ws-form-item label="重量（吨）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />    
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--验收方式-->
+            <ws-form-item label="验收方式"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'Acceptance' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'Acceptance_method'
+                  : 'Acceptance_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item>
+
+               <!--溢短装（%）-->
+            <ws-form-item label="溢短装（%）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+            <!--交货日期（起）-->
+            <ws-form-item label="交货日期（起）"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'Delivery' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'Delivery_date_from'
+                  : 'Delivery_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item>
+
+            <!--合同单价（元/吨）-->
+            <ws-form-item label="合同单价（元/吨）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+            <!--交货日期（止）-->
+            <ws-form-item label="交货日期（止）"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'cDelivery' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'Delivery_date_to'
+                  : 'Delivery_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item>
+
+               <!--合同总价-->
+            <ws-form-item label="合同总价"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--签订日期-->
+            <ws-form-item label="签订日期"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'signing' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'Date_signing'
+                  : 'signing_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item>      
+          </ws-info-table>     
+      </ws-form>
+      </div>
+      <div class="wenzi">
+      <h3>货物信息</h3>
+      </div>
+      <div class="center">
+        <ws-form ref="deptBudgetList"
+               :rules="ruleDeptBudget"
+               :model="deptBudgetList">
+        <!--货物信息-->
+       
+          <ws-info-table>
+            <!--货名-->
+            <ws-form-item label="货名"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--水分（%）<=-->
+            <ws-form-item label="水分（%）<="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+            
+             <!--品级-->
+            <ws-form-item label="品级"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--杂质（%）<=-->
+            <ws-form-item label="杂质（%）<="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--容量（克/升）>=-->
+            <ws-form-item label="容量（克/升）>="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--霉变粒（%）<=-->
+           <ws-form-item label="霉变粒（%）<="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+
+            <!--焦糊粒（%）<=-->
+             <ws-form-item label="焦糊粒（%）<="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+             <!--不完整粒（%）<=-->
+            <ws-form-item label="不完整粒（%）<="
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>      
+          </ws-info-table>    
+      </ws-form>
+      </div>
+
+      <div class="wenzi">
+      <h3>流程信息</h3>
+      </div>
+      <div class="center">
+        <ws-form ref="deptBudgetList"
+               :rules="ruleDeptBudget"
+               :model="deptBudgetList">
+        <!--流程信息-->
+       
+          <ws-info-table>
+            <!--合同收入（元）-->
+            <ws-form-item label="合同收入（元）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--已开发票（元）-->
+            <ws-form-item label="已开发票（元）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+            
+             <!--合同外支出（元）-->
+            <ws-form-item label="合同外支出（元）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--未开发票（元）-->
+            <ws-form-item label="未开发票（元）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+             <!--未回款（元）-->
+            <ws-form-item label="未回款（元）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+
+              <!--已完成发货量（吨）-->
+            <ws-form-item label="已完成发货量（吨）"
+                          span="1"
+                          prop="seafarerName">
+              <ws-input 
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        size="small" />
+              <i v-if="isEdited && registered == '1'"
+                 class="iconfont iconaddy1 ml10"
+                 style="cursor:pointer;"
+                 @click="dialogFormVisible = true" />
+            </ws-form-item>
+             <!--双章原件回收情况-->
+           <ws-form-item label="双章原件回收情况"
+                          span="1"
+                          :prop="!deptBudgetList.add && registered != 1 ? 'crtDutyId' : ''"
+                          :key="
+                !deptBudgetList.add || registered != 1
+                  ? 'crtDutyId_haveProp'
+                  : 'crtDutyId_noProp'
+              ">
+              <ws-select 
+                         v-model="deptBudgetList.crtDutyId"
+                         :placeholder="$t('common.selected')"
+                         @change="selectCrtDuty">
+                <ws-option v-for="item in dutyList"
+                           :key="item.dutyId"
+                           :label="item.aliasName"
+                           :value="item.dutyId" />
+              </ws-select>
+            </ws-form-item> 
+          </ws-info-table>    
+      </ws-form>
+      </div>
+       
+        <div class="wenzi">
+      <h3>备注信息</h3>
+      </div>
+      <div class="ce">
+        <ws-form ref="deptBudgetList"
+               :rules="ruleDeptBudget"
+               :model="deptBudgetList">
+        <!--备注信息-->
+       
+          <ws-info-table>
+           <ws-input
+                        v-model="deptBudgetList.seafarerName"
+                        maxlength="100"
+                        type="textarea" height='100' />
+          <!-- <el-form-item label="备注信息">
+    <el-input type="textarea" v-model="form.desc"></el-input>
+  </el-form-item> -->
+           
+          </ws-info-table>    
+      </ws-form>
+      </div>
   </div>
   
      
@@ -53,6 +620,18 @@ export default {
       // 提交类型
       submitType: true,
       tableData: [{ date: 1111, name: 'qqqq', address: 'errrtt' }],
+      deptBudgetList:{},
+      ruleDeptBudget:{},
+      isEdited:false,
+      registered:{},
+      selectCrtDuty:{},
+      dutyList:{},
+      sexList:{},
+      pickerBeginDateBefore:{},
+      selectDuty:{},
+     
+      selectIntendedShip:{},
+      interviewTypeList:{},
     }
   },
   created() {
@@ -129,7 +708,7 @@ export default {
   z-index: 1;
 }
 .bg-left{
-    padding-left: 10px;
+    padding-left: 30px;
 }
 .bg-right{   
       padding-right: 10px; 
@@ -138,8 +717,29 @@ export default {
 .bg-bottom{
      margin: 20px 0px; 
 }
-
-
+.wenzi{
+  width: 900px;
+  margin: 0 auto;
+}
+.wenzi h3{
+    display: inline-block;
+    left: 10px;
+}
+.wenzi p{
+    display: inline-block;
+}
+.center{
+  width: 900px;
+  margin: 0 auto;
+ 
+}
+.el-form-item{
+  width: 50%;
+  
+}
+.el-form-item__label {
+  text-align: center;
+}
 /*.crt-main .textarea /deep/ .el-form-item__label {*/
 /*  height: 82px;*/
 /*}*/