前端gjy

src/views/contractManagement/purchaseContract.vue

@@ -251,7 +251,7 @@ export default {
         searchKeyWord: this.searchKeyWord,
         startDate: this.startDate,
         endDate: this.endDate,
-        contrPage:this.contrPage,
+        contrPage: this.contrPage,
       })
         .toPromise()
         .then((response) => {
@@ -320,7 +320,10 @@ export default {
       this.$router.push({ path: 'purchaseContractAdd' })
     },
     handleEdit(row) {
-      this.$router.push({ path: 'purchaseContractEdit' })
+      this.$router.push({
+        name: 'purchaseContractEdit',
+        params: { id: row.id },
+      })
     },
     // 关闭 dialog时 处理文件url 初始化upload组件
     handleCloe() {

src/views/contractManagement/purchaseContractEdit.vue

@@ -4,7 +4,7 @@
   <div class='container'>
     <el-row>
       <el-col :span="12">
-        <h2 class="bg-left">创建销售合同</h2>
+        <h2 class="bg-left">查看合同详情</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
         <el-button
@@ -24,226 +24,122 @@
     >
       <div class="remark">
       <h3>基本信息</h3>
-      <p>注：基本信息和货物信息均为必填项，“*” 标记的条目提交后不可修改。</p>
-    </div>
+      </div>
         <ws-info-table>
           <ws-form-item
             label="合同编号"
             span="1"
             prop="contractNo"
           >
-          <ws-input
-              v-model="deptBudgetList.contractNo"
-              maxlength="100"
-              size="small"
-            />
-            <span class='unchangeable'>*</span>
+          {{deptBudgetList.contractNo}}
           </ws-form-item>
           <ws-form-item
             label="运输方式"
             span="1"
             prop="shippingType"
           >
-          <ws-input
-              v-model="deptBudgetList.shippingType"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.shippingType}}
           </ws-form-item>
           <ws-form-item
             label="买方"
             span="1"
             prop="buyer"
           >
-          <ws-input
-              v-model="deptBudgetList.buyer"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.buyer}}
           </ws-form-item>
           <ws-form-item
             label="结算方式"
             span="1"
             prop="settlementMethod"
-          >
-          <ws-input
-              v-model="deptBudgetList.settlementMethod"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.settlementMethod}}
           </ws-form-item>
           <ws-form-item
             label="卖方"
             span="1"
             prop="seller"
-          >
-          <ws-input
-              v-model="deptBudgetList.seller"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.seller}}
           </ws-form-item>
           <ws-form-item
             label="货源地"
             span="1"
             prop="sourceGoods"
-          >
-          <ws-input
-              v-model="deptBudgetList.sourceGoods"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.sourceGoods}}
           </ws-form-item>
           <ws-form-item
             label="买方电话"
             span="1"
             prop="buyerPhone"
-           
-          >
-          <ws-input
-              v-model="deptBudgetList.buyerPhone"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.buyerPhone}}
           </ws-form-item>
           <ws-form-item
             label="交货地"
             span="1"
-            prop="placeDelivery"
-          >
-          <ws-input
-              v-model="deptBudgetList.placeDelivery"
-              maxlength="100"
-              size="small"
-            />
+            prop="placeDelivery">
+            {{deptBudgetList.placeDelivery}}
           </ws-form-item>
            <ws-form-item
             label="卖方电话"
             span="1"
-            prop="sellerPhone"
-          >
-          <ws-input
-              v-model="deptBudgetList.sellerPhone"
-              maxlength="100"
-              size="small"
-            />
+            prop="sellerPhone">
+            {{deptBudgetList.sellerPhone}}
           </ws-form-item>
           <ws-form-item
             label="包装方式"
             span="1"
-            prop="packingMethod"
-          >
-          <ws-select
-          v-model="deptBudgetList.crtDutyId"
-          placeholder=""
-          class="typeselect"
-          @change="selectCrtDuty"
-        >
-          <ws-option
-            v-for="item in taskTypeList"
-            :key="item.value"
-            :label="item.value"
-            :value="item.value"
-          />
-        </ws-select>
+            prop="packingMethod">
+            {{deptBudgetList.packingMethod}}
           </ws-form-item>
           <ws-form-item
             label="重量（吨）"
             span="1"
-            prop="weight"
-          >
-          <ws-input
-              v-model="deptBudgetList.weight"
-              maxlength="100"
-              size="small"
-            />
+            prop="weight">
+            {{deptBudgetList.weight}}
           </ws-form-item>
           <ws-form-item
             label="验收方式"
             span="1"
-            prop="acceptanceMethod"
-          >
+            prop="acceptanceMethod">
+            {{deptBudgetList.acceptanceMethod}}
           </ws-form-item>
           <ws-form-item
             label="溢短装（%）"
             span="1"
-            prop="overShort"
-          >
-          <ws-input
-              v-model="deptBudgetList.weight"
-              maxlength="100"
-              size="small"
-            />
+            prop="overShort">
+            {{deptBudgetList.overShort}}
           </ws-form-item>
           <ws-form-item
             label="交货日期（起）"
             span="1"
-            prop="deliveryDateStart"
-          >
-          <ws-date-picker
-          :picker-options="pickerBeginDateBefore"
-          v-model="deptBudgetList.deliveryDateStart"
-          type="date"
-          default-value="1980-01-01"
-          placeholder="起始日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-        />
+            prop="deliveryDateStart">
+            {{deptBudgetList.deliveryDateStart}}
           </ws-form-item>
           <ws-form-item
             label="合同单价（元/吨）"
             span="1"
-            prop="unitContractPrice"
-          >
-          <ws-input
-              v-model="deptBudgetList.unitContractPrice"
-              maxlength="100"
-              size="small"
-            />
+            prop="unitContractPrice">
+            {{deptBudgetList.unitContractPrice}}
           </ws-form-item>
           <ws-form-item
             label="交货日期（止）"
             span="1"
-            prop="deliveryDateEnd"
-          >
-          <ws-date-picker
-          :picker-options="pickerBeginDateBefore"
-          v-model="deptBudgetList.deliveryDateEnd"
-          type="date"
-          default-value="1980-01-01"
-          placeholder="起始日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-        />
+            prop="deliveryDateEnd">
+            {{deptBudgetList.deliveryDateEnd}}
           </ws-form-item>
           <ws-form-item
             label="合同总价（元）"
             span="1"
-            prop="totalContractPrice"
-          >
-          <ws-input
-              v-model="deptBudgetList.totalContractPrice"
-              maxlength="100"
-              size="small"
-            />
+            prop="totalContractPrice">
+            {{deptBudgetList.totalContractPrice}}
           </ws-form-item>
           <ws-form-item
             label="签订日期"
             span="1"
-            prop="signingDate"
-          >
-          <ws-date-picker
-          :picker-options="pickerBeginDateBefore"
-          v-model="deptBudgetList.signingDate"
-          type="date"
-          default-value="1980-01-01"
-          placeholder="起始日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-        />
+            prop="signingDate">
+            {{deptBudgetList.signingDate}}
           </ws-form-item>
         </ws-info-table>
       </base-card>
+      
       <!--面试信息-->
       <div class="remark">
       <h3>货物信息</h3>
@@ -252,65 +148,37 @@
           <ws-form-item
             label="货名"
             span="1"
-            prop="goodsName"
+            prop="waterContent"
           >
-          <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.goodsName"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractGoodsInfo.goodsName}}
           </ws-form-item>
           <ws-form-item
             label="水分（%）<="
             span="1"
-            prop="waterContent"
+            prop="intendedShipId"
           >
-          <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.waterContent"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractGoodsInfo.waterContent}}
           </ws-form-item>
           <ws-form-item
             label="品级"
             span="1"
             prop="grade"
           >
-          <ws-select
-          v-model="deptBudgetList.contractGoodsInfo.grade"
-          placeholder=""
-          class="typeselect"
-          @change="selectCrtDuty"
-        >
-          <ws-option
-            v-for="item in taskTypeList"
-            :key="item.value"
-            :label="item.value"
-            :value="item.value"
-          />
-        </ws-select>
+           {{deptBudgetList.contractGoodsInfo.grade}}
           </ws-form-item>
           <ws-form-item
             label="杂质（%）<="
             span="1"
-            prop="interviewDates"
+            prop="impurity"
           >
-          <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.waterContent"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractGoodsInfo.impurity}}
           </ws-form-item>
           <ws-form-item
             label="容重（克/升）<="
             span="1"
-            prop="interviewType"
+            prop="bulkDensity"
           >
-          <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.bulkDensity"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractGoodsInfo.bulkDensity}}
           </ws-form-item>
           <ws-form-item
             label="霉变粒（%）<="
@@ -318,22 +186,14 @@
             prop="mildewGrain"
             class="result"
           >
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.mildewGrain"
-              maxlength="100"
-              size="small"
-            />
+            {{deptBudgetList.contractGoodsInfo.mildewGrain}}
           </ws-form-item>
            <ws-form-item
             label="热损伤（%）<="
             span="1"
             prop="jiaorenli"
           >
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.jiaorenli"
-              maxlength="100"
-              size="small"
-            />
+            {{deptBudgetList.contractGoodsInfo.jiaorenli}}
           </ws-form-item>
           <ws-form-item
             label="不完善粒（%）<="
@@ -341,11 +201,7 @@
             prop="imperfectGrain"
             class="result"
           >
-             <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.imperfectGrain"
-              maxlength="100"
-              size="small"
-            />
+            {{deptBudgetList.contractGoodsInfo.imperfectGrain}}
           </ws-form-item>
         </ws-info-table>
         <div class="remark">
@@ -357,100 +213,52 @@
             span="1"
             prop="goodsNameKey"
           >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.goodsNameKey"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractProcessInfo.goodsNameKey}}
           </ws-form-item>
           <ws-form-item
             label="已开发票（元）"
             span="1"
             prop="goodsName"
           >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.goodsName"
-              maxlength="100"
-              size="small"
-            />
+          {{deptBudgetList.contractProcessInfo.goodsName}}
           </ws-form-item>
           <ws-form-item
             label="费用支出（元）"
             span="1"
             prop="waterContent"
-          >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.waterContent"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.contractProcessInfo.waterContent}}
           </ws-form-item>
           <ws-form-item
             label="未开发票（元）"
             span="1"
             prop="impurity"
-          >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.impurity"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.contractProcessInfo.impurity}}
           </ws-form-item>
           <ws-form-item
             label="未回款（元）"
             span="1"
             prop="mildewGrain"
-          >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.mildewGrain"
-              maxlength="100"
-              size="small"
-            />
+          >{{deptBudgetList.contractProcessInfo.mildewGrain}}
           </ws-form-item>
           <ws-form-item
             label="已完成发运量（吨）"
             span="1"
-            prop="Prettier"
-            class="imperfectGrain"
-          >
-          <ws-input
-              v-model="deptBudgetList.contractProcessInfo.imperfectGrain"
-              maxlength="100"
-              size="small"
-            />
+            prop="imperfectGrain"
+            class="result"
+          >{{deptBudgetList.contractProcessInfo.imperfectGrain}}
           </ws-form-item>
            <ws-form-item
             label="双章原件回收情况"
             span="1"
             prop="grade"
-          >
-          <ws-select
-          v-model="deptBudgetList.contractProcessInfo.grade"
-          placeholder=""
-          class="typeselect"
-          @change="selectCrtDuty"
-        >
-          <ws-option
-            v-for="item in taskTypeList"
-            :key="item.value"
-            :label="item.value"
-            :value="item.value"
-          />
-        </ws-select>
+          >{{deptBudgetList.contractProcessInfo.grade}}
           </ws-form-item>
         </ws-info-table>
         <div class="remark">
           <h3>备注信息</h3>
         </div>
-            <ws-input v-model="deptBudgetList.remarks" type="textarea" row="3" placeholder="请输入备注信息，不超过200字" maxlength="200" />
-            <ws-upload ref="upload"
-                   table-name="maintain_work_order"
-                   oss-key="mainPlan"
-                   :comp-id="compId"
-                   :appendix-ids="appendixIdsAdd"
-                   :vesselId="deptBudgetList.addressUrl"
-                   :size-limit='size'
-                   accept='.jpg, .jpeg, .png, .pdf, .doc, .zip, .rar' />
+        {{deptBudgetList.remarks}}
+        <img :src="deptBudgetList.addressUrl" alt="">
       </base-card>
     </ws-form>
     <div style='text-align:right;padding:10px;'>
@@ -458,15 +266,23 @@
           class="bg-bottom"
           type="primary"
           size="small"
-          @click="submit()"
-          >提交</el-button>
+          @click="returnsales()"
+          >关闭</el-button
+        >
     </div>
   </div>
 </template>
 <script>
-import { EventBus, dayjs } from 'base-core-lib'
-import { packList, addList } from '@/model/contarct/index'
-import WsUpload from '@/components/WsUpload'
+import {
+  packList,
+  addList,
+  xiala,
+  addxiala,
+  editxiala,
+  delxiala,
+  examineList,
+} from '@/model/contarct/index'
+import { dayjs } from 'base-core-lib'
 export default {
   name: 'viewSpareMoney',
   watch: {
@@ -477,9 +293,6 @@ export default {
       this.showType = val
     },
   },
-  components: {
-    WsUpload,
-  },
   data() {
     return {
       //弹出框
@@ -493,82 +306,99 @@ export default {
       showType: true,
       // 年
       year: '',
-      size: 10,
       // 提交类型
       submitType: true,
       tableData: [{ date: 1111, name: 'qqqq', address: 'errrtt' }],
       ruleDeptBudget: [],
       deptBudgetList: {
-        contractGoodsInfo: {
-          goodsName: '',
-        },
         contractProcessInfo: {},
+        contractGoodsInfo: {},
       },
       mainReportAdd: {},
-      pickerBeginDateBefore: {
-        disabledDate: (time) => {
-          return time.getTime() > Date.now()
-        },
-      },
-      taskTypeList: [
-        { value: '未完成（默认）' },
-        { value: '已完成' },
-        { value: '待回款' },
-        { value: '全部合同' },
-      ],
+      list: {},
     }
   },
+
   created() {
-    //cg.viewBudget
-    //cg.viewSpareMoney
-    // this.getVesselData();
     this.loaddata()
     this.showType = this.isShow
   },
   methods: {
-    // 关闭 dialog时 处理文件url 初始化upload组件
-    handleClose() {
-      this.dialogViewSpareMoney = false
-    },
     loaddata() {
+      // 数据
+      examineList({ id: this.$route.params.id })
+        .toPromise()
+        .then((response) => {
+          this.deptBudgetList = response
+        })
+      // 包装方式
       packList({ constId: 'CON1' })
         .toPromise()
         .then((response) => {
-          console.log(response)
+          this.packtypeList = response
+        })
+      // 验收方式
+      this.getUnitList()
+      // 货名
+      packList({ constId: 'CON2' })
+        .toPromise()
+        .then((response) => {
+          this.goodnameList = response
+        })
+      // 品级
+      packList({ constId: 'CON3' })
+        .toPromise()
+        .then((response) => {
+          this.gradeList = response
+        })
+      // 双章
+      packList({ constId: 'CON4' })
+        .toPromise()
+        .then((response) => {
+          this.ChapterTwoList = response
         })
     },
-    submit() {
-      this.$refs.deptBudgetList.validate((valid) => {
-        if (valid) {
-          console.log(this.deptBudgetList)
-        } else {
-          EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
-          return false
-        }
+    getUnitList() {
+      xiala({
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        constCode: 'TYPEYAN',
       })
+        .toPromise()
+        .then((response) => {
+          this.unitList = response
+          let currItem
+          this.unitList.forEach((item, index, arr) => {
+            item.flag = 'delete'
+            if (this.vModel == item.constKey) {
+              currItem = item
+            }
+          })
+          //
+          if (currItem) {
+            this.selectContract(currItem.constValue)
+          }
+        })
+    },
+    // 关闭 dialog时 处理文件url 初始化upload组件
+    handleClose() {
+      this.dialogViewSpareMoney = false
     },
     handleExamine() {},
     approve() {},
     returnsales() {
       this.$router.push({ path: 'purchaseContract' })
     },
-    selectCrtDuty() {},
   },
 }
 </script>
 <style lang="scss" scoped>
-.ws-upload {
-  margin-top: 20px;
-}
 .el-form {
   padding: 0 20%;
 }
 .el-form-item {
   width: 50%;
 }
-.unchangeable {
-  color: #1d6ced;
-}
+
 .button-container {
   display: flex;
   flex-wrap: nowrap;