今天繼續進行團隊項目臺賬模塊的開發

今天的任務主要是實現對采購任務的審核，以及財務人員的接收與交付

主要是對審核等彈窗的設計，也還有查看詳情的回顯與數據結構的設計

    <el-dialog title="采購單信息" :visible.sync="dialogVisible" width="53%" :before-close="handleClose" class="order-dialog">
      <el-scrollbar style="height: 100%">
        <div class="order-top">
          <div>
            <div style="display: inline-block">
              <label style="font-size: 16px">采購ID：</label>
              <div class="order-num">
                {{ diaForm.purchaseId }}
              </div>
            </div>
            <div style="display: inline-block" class="order-status" :class="{ status3: true }">
              {{
                purchaseList.filter((item) => item.value === dialogPurchaseStatus)[0]
                  .label
              }}
            </div>
          </div>
          <p><label>創建時間：</label>{{ diaForm.createTime }}</p>
        </div>

        <div class="order-middle">
          <div class="dish-label">采購單基本信息</div>
          <div class="user-info">
            <div class="user-info-box">
              <div class="user-name">
                <label>創建人：</label>
                <span>{{ diaForm.createBy }}</span>
              </div>

              <div class="user-name">
                <label>更新人：</label>
                <span>{{ diaForm.updateBy }}</span>
              </div>
              <div class="user-phone">
                <label>創建時間</label>
                <span>{{ diaForm.createTime }}</span>
              </div>
              <div v-if="[2, 3, 4, 5, 6].includes(dialogPurchaseStatus)">
                <div class="user-getTime">
                  <label>采購日期:</label>
                  <span>{{ diaForm.purchaseDate }}</span>
                </div>

                <div class="dish-all-amount">
                  <label>采購金額</label>
                  <span>￥{{ diaForm.purchaseAmount }}</span>
                </div>

                <div>
                  <label>采購數量:</label>
                  <span>{{ diaForm.quantity }}</span>
                </div>

                <div>
                  <label>采購單據編號:</label>
                  <span>{{ diaForm.purchaseDocumentNo }}</span>
                </div>

                <div>
                  <label>合同編號:</label>
                  <span>{{ diaForm.contractNo }}</span>
                </div>

                <div>
                  <label>采購負責人:</label>
                  <span>{{ diaForm.purchasePerson }}</span>
                </div>

                <div>
                  <label>采購設備圖像:</label>
                  <img v-if="diaForm.image" :src="diaForm.image" alt="采購設備圖像" style="width: 100px; height: 100px;">
                  <span v-else>無圖像</span>
                </div>

                <div>
                  <label>交付日期:</label>
                  <span>{{ diaForm.deliveryDate }}</span>
                </div>

                <div>
                  <label>驗收日期:</label>
                  <span>{{ diaForm.acceptanceDate }}</span>
                </div>

                <div>
                  <label>驗收結果:</label>
                  <span>
                    {{ diaForm.acceptanceResult === 1 ? '合格' :
                      diaForm.acceptanceResult === 2 ? '不合格' :
                        diaForm.acceptanceResult === 3 ? '部分合格' : '未知' }}
                  </span>
                </div>


              </div>

              <!--  <div class="user-address">
                <label>地址：</label>
                <span>{{ diaForm.address }}</span>
              </div> -->
            </div>


            <div class="user-remark">
              <div>驗收備注</div>
              <span>{{ diaForm.acceptanceNotes }}</span>
            </div>

          </div>

          <div class="dish-info">
            <div class="dish-label">采購設備信息</div>
            <div class="user-info-box">
              <div>
                <label>設備類型:</label>
                <span>
                  {{ diaForm.equipmentType === 1 ? '客服設備' :
                    diaForm.equipmentType === 2 ? '機電設備' :
                      diaForm.equipmentType === 3 ? '消防設備' :
                        diaForm.equipmentType === 4 ? '電梯設備' : '未知' }}
                </span>
              </div>

              <div>
                <label>設備名稱:</label>
                <span>{{ diaForm.equipmentName }}</span>
              </div>

              <div>
                <label>型號:</label>
                <span>{{ diaForm.modelNumber }}</span>
              </div>

              <div>
                <label>規格參數:</label>
                <span>{{ diaForm.specification }}</span>
              </div>

              <div>
                <label>生產廠家:</label>
                <span>{{ diaForm.manufacturer }}</span>
              </div>

              <div>
                <label>供應商:</label>
                <span>{{ diaForm.supplier }}</span>
              </div>

              <div>
                <label>單位:</label>
                <span>{{ diaForm.unit }}</span>
              </div>

              <div>
                <label>保修期(月):</label>
                <span>{{ diaForm.warrantyPeriod }}</span>
              </div>

              <div>
                <label>預期使用壽命(月):</label>
                <span>{{ diaForm.expectedLife }}</span>
              </div>

            </div>

          </div>
        </div>

        <div class="order-bottom">
          <div class="amount-info">
            <div class="amount-label">備注消息信息</div>
            <!-- <div class="amount-list">
            </div> -->
            <div class="user-remark" :class="{ orderCancel: true }">
              <div>備注：</div>
              <span>{{ diaForm.remark }}</span>
            </div>
            <div v-if="[5].includes(dialogPurchaseStatus)" class="orderCancel">
              <div>取消原因：</div>
              <span>{{ diaForm.cancelReason }}</span>
            </div>
            <div v-if="[6].includes(dialogPurchaseStatus)" class="orderCancel">
              <div>審核拒絕原因：</div>
              <span>{{ diaForm.refuseReason }}</span>
            </div>
            <div v-if="diaForm.cancelReason" class="orderCancel">
              <div>催促通知:</div>
              <span>{{ diaForm.cancelReason }}</span>
            </div>

          </div>

        </div>
      </el-scrollbar>
      <span v-if="dialogPurchaseStatus !== 6" slot="footer" class="dialog-footer">
        <!--  <el-checkbox v-if="dialogPurchaseStatus === 2 && purchaseStatus === 2" v-model="isAutoNext">處理完自動跳轉下一條</el-checkbox> -->
        <el-button v-if="dialogPurchaseStatus === 3" type="primary"
          @click="goToDeliver(row)/* , (isTableOperateBtn = false) */">去交付</el-button>
        <el-button v-if="dialogPurchaseStatus === 0" type="primary"
          @click="receivePurchase(row)/* , (isTableOperateBtn = false) */">接收采購任務</el-button>
          <el-button v-if="dialogPurchaseStatus === 1" type="primary"
          @click="goToDeliver(row)/* , (isTableOperateBtn = false) */">提交采購任務</el-button>


        <el-button v-if="true" @click="dialogVisible = false">返 回</el-button>
      </span>
    </el-dialog>
  </div>