供应商

src/views/modules/sale/supplier-add-or-update.vue

@@ -1,7 +1,7 @@
 <!-- 新增供应商 -->
 <template>
     <div>
-        <div class="my-title">{{ !id?'新增':'修改' }}</div>
+        <div class="my-title">{{ title }}</div>
         <!-- 表单 -->
         <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
           <el-row>
@@ -10,7 +10,7 @@
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="公司名称" prop="supplierName">
-                <el-input v-model="dataForm.supplierName" placeholder="公司名称"/>
+                <el-input v-model="dataForm.supplierName" :disabled="type === 3" placeholder="公司名称"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -18,6 +18,7 @@
                 <el-select
                   v-model="dataForm.level"
                   remote
+                  :disabled="type === 3"
                   placeholder="请选择">
                   <el-option
                     v-for="item in optionsLevel"
@@ -30,42 +31,42 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="详细地址" prop="addrDetail">
-                <el-input v-model="dataForm.addrDetail" placeholder="详细地址"/>
+                <el-input v-model="dataForm.addrDetail" :disabled="type === 3" placeholder="详细地址"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="邮编" prop="zipCode">
-                <el-input v-model="dataForm.zipCode" placeholder="邮编"/>
+                <el-input v-model="dataForm.zipCode" :disabled="type === 3" placeholder="邮编"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="电话" prop="tel">
-                <el-input v-model="dataForm.tel" placeholder="电话"/>
+                <el-input v-model="dataForm.tel" :disabled="type === 3" placeholder="电话"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="传真" prop="fax">
-                <el-input v-model="dataForm.fax" placeholder="传真"/>
+                <el-input v-model="dataForm.fax" :disabled="type === 3" placeholder="传真"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="网址" prop="url">
-                <el-input v-model="dataForm.url" placeholder="网址"/>
+                <el-input v-model="dataForm.url" :disabled="type === 3" placeholder="网址"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="邮箱" prop="supplierEmail">
-                <el-input v-model="dataForm.supplierEmail" placeholder="邮箱"/>
+                <el-input v-model="dataForm.supplierEmail" :disabled="type === 3" placeholder="邮箱"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row class="my-row" style="margin-top: 20px">
             <el-form-item label="公司产品介绍" prop="prodIntroduce">
-              <el-input type="textarea" v-model="dataForm.prodIntroduce"></el-input>
+              <el-input type="textarea" v-model="dataForm.prodIntroduce" :disabled="type === 3" placeholder="公司产品介绍"/>
             </el-form-item>
           </el-row>
           <el-row>
@@ -74,29 +75,29 @@
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="企业税号" prop="taxNumber">
-                <el-input v-model="dataForm.taxNumber" placeholder="企业税号"/>
+                <el-input v-model="dataForm.taxNumber" :disabled="type === 3" placeholder="企业税号"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="发票抬头" prop="invoiceTitle">
-                <el-input v-model="dataForm.invoiceTitle" placeholder="发票抬头"/>
+                <el-input v-model="dataForm.invoiceTitle" :disabled="type === 3" placeholder="发票抬头"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="开户银行" prop="bank">
-                <el-input v-model="dataForm.bank" placeholder="开户银行"/>
+                <el-input v-model="dataForm.bank" :disabled="type === 3" placeholder="开户银行"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="银行账号" prop="account">
-                <el-input v-model="dataForm.account" placeholder="银行账号"/>
+                <el-input v-model="dataForm.account" :disabled="type === 3" placeholder="银行账号"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="单位地址" prop="addressWork">
-                <el-input v-model="dataForm.addressWork" placeholder="单位地址"/>
+                <el-input v-model="dataForm.addressWork" :disabled="type === 3" placeholder="单位地址"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -106,36 +107,45 @@
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="联系人" prop="contact">
-                <el-input v-model="dataForm.contact" placeholder="联系人"/>
+                <el-input v-model="dataForm.contact" :disabled="type === 3" placeholder="联系人"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="手机号码" prop="contactTel">
-                <el-input v-model="dataForm.contactTel" placeholder="手机号码"/>
+                <el-input v-model="dataForm.contactTel" :disabled="type === 3" placeholder="手机号码"/>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="职位" prop="contactPosition">
-                <el-input v-model="dataForm.contactPosition" placeholder="职位"/>
+                <el-input v-model="dataForm.contactPosition" :disabled="type === 3" placeholder="职位"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row class="my-row">
             <el-col :span="8">
               <el-form-item label="联系人邮箱" prop="contactEmail">
-                <el-input v-model="dataForm.contactEmail" placeholder="联系人邮箱"/>
+                <el-input v-model="dataForm.contactEmail" :disabled="type === 3" placeholder="联系人邮箱"/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <h4>附件</h4>
           </el-row>
-          <el-row class="my-row">
+          <el-row v-show="type !== 3" class="my-row">
             <upload-component :title="'合格供方基本信息调查表'" :accept="'*'" :file-obj-list="fileList1" @uploadSuccess="uploadSuccess1"/>
           </el-row>
-          <el-row class="my-row" style="margin-top: 10px">
+          <el-row v-show="type !== 3" class="my-row" style="margin-top: 10px">
             <upload-component :title="'供方风险评价表'" :accept="'*'" :file-obj-list="fileList2" @uploadSuccess="uploadSuccess2"/>
           </el-row>
+          <el-row v-show="type === 2" class="my-row" style="margin-top: 10px">
+            <upload-component :title="'合格供方（含外包）评审（复审）表'" :accept="'*'" :file-obj-list="fileList3" @uploadSuccess="uploadSuccess3"/>
+          </el-row>
+          <el-row v-show="type === 2" class="my-row" style="margin-top: 10px">
+            <upload-component :title="'合格供方改善通知单'" :accept="'*'" :file-obj-list="fileList4" @uploadSuccess="uploadSuccess4"/>
+          </el-row>
+          <el-row v-show="type === 3" class="my-row" style="margin-top: 10px">
+            <upload-component :title="'合格供方（含外包方）资格取消申请单'" :accept="'*'" :file-obj-list="fileList5" @uploadSuccess="uploadSuccess5"/>
+          </el-row>
         </el-form>
         <span slot="footer" class="dialog-footer">
           <el-button @click="onChose">取消</el-button>
@@ -162,6 +172,14 @@
         get () { return this.$store.state.user.orgId }
       }
     },
+    watch: {
+      type (val) {
+        if (val === 0) this.title = '新增'
+        else if (val === 1) this.title = '修改'
+        else if (val === 2) this.title = '重新评审'
+        else if (val === 3) this.title = '取消供应商'
+      }
+    },
     data () {
       let validateEmail = (rule, value, callback) => {
         if (value !== null && value !== '' && !isEmail(value)) {
@@ -206,7 +224,12 @@
         },
         optionsLevel: [], // 供应商级别
         fileList1: [],
-        fileList2: []
+        fileList2: [],
+        fileList3: [],
+        fileList4: [],
+        fileList5: [],
+        type: 0, // 操作类型：0 新增，1 编辑，2 重新评审，3 取消供应商
+        title: ''
       }
     },
     methods: {
@@ -220,11 +243,15 @@
           }
         })
       },
-      async init (id) {
+      async init (id, type) {
         this.fileList1 = []
         this.fileList2 = []
+        this.fileList3 = []
+        this.fileList4 = []
+        this.fileList5 = []
         this.dataForm = {}
         this.id = id || 0
+        this.type = type || 0
         // 获取级别List
         this.getLevelList()
         // 详情
@@ -265,13 +292,18 @@
                   url: fList1[i].url
                 })
               }
-            } else {
+            } else if (this.type === 0) { // 新增时判断
               this.$message.error('请上传文件')
               return
             }
             // save or update
+            let path = ''
+            if (this.type === 0) path = 'save'
+            else if (this.type === 1) path = 'update'
+            else if (this.type === 2) path = 'review'
+            else if (this.type === 3) path = 'disqualification'
             this.$http({
-              url: this.$http.adornUrl(`/biz-service/supplier/${!this.id ? 'save' : 'update'}`),
+              url: this.$http.adornUrl(`/biz-service/supplier/${path}`),
               method: 'post',
               data: this.$http.adornData({...this.dataForm, orgId: this.orgId})
             }).then(({data}) => {
@@ -292,11 +324,25 @@
           }
         })
       },
+      // 合格供方基本信息调查表
       uploadSuccess1 (fileList) {
         this.fileList1 = fileList
       },
+      // 供方风险评价表
       uploadSuccess2 (fileList) {
         this.fileList2 = fileList
+      },
+      // 合格供方（含外包）评审（复审）表
+      uploadSuccess3 (fileList) {
+        this.fileList3 = fileList
+      },
+      // 合格供方改善通知单
+      uploadSuccess4 (fileList) {
+        this.fileList4 = fileList
+      },
+      // 合格供方（含外包方）资格取消申请单
+      uploadSuccess5 (fileList) {
+        this.fileList5 = fileList
       }
     }
   }

src/views/modules/sale/supplier-detail.vue

@@ -0,0 +1,165 @@
+<!-- 供应商详情 -->
+<template>
+  <div>
+    <div class="my-title">查看</div>
+    <div style="margin-left: 20px;margin-right: 20px">
+      <!-- 工作流 -->
+      <div v-show="flowVisible">
+        <el-steps :active="flowVisible?dataForm.workFlowBusinessExt.workFlowProcessStepList.length + 2:0" align-center style="margin-bottom: 20px">
+          <template v-for="(item, i) in stepList">
+            <el-step :icon="item.icon" :title="item.title" :description="item.description"></el-step>
+          </template>
+        </el-steps>
+        <el-collapse style="margin-bottom: 20px">
+          <el-collapse-item>
+            <template slot="title">
+              <span style="color: red">审批日志（展开查看更多）：</span>
+            </template>
+            <template v-for="(item, i) in logList">
+              <div>{{++i}}：{{item.approverName}}  {{item.createTime}}  {{item.approvalValue}}</div>
+            </template>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+      <div v-show="flowVisible">
+        <approve-component ref="approve" @approveFinished="approveFinished"/>
+      </div>
+      <e-desc title="基本信息" column="3">
+        <e-desc-item label="公司名称">{{dataForm.supplierName}}</e-desc-item>
+        <e-desc-item label="供应商级别">{{dataForm.level}}</e-desc-item>
+        <e-desc-item label="详细地址">{{dataForm.addrDetail}}</e-desc-item>
+
+        <e-desc-item label="邮编">{{dataForm.zipCode}}</e-desc-item>
+        <e-desc-item label="电话">{{dataForm.tel}}</e-desc-item>
+        <e-desc-item label="传真">{{dataForm.fax}}</e-desc-item>
+
+        <e-desc-item label="网址">{{dataForm.url}}</e-desc-item>
+        <e-desc-item label="邮箱" span="2">{{dataForm.supplierEmail}}</e-desc-item>
+
+        <e-desc-item label="公司产品介绍" span="3">{{dataForm.prodIntroduce}}</e-desc-item>
+      </e-desc>
+      <e-desc title="财务信息" column="3">
+        <e-desc-item label="企业税号">{{dataForm.taxNumber}}</e-desc-item>
+        <e-desc-item label="发票抬头">{{dataForm.invoiceTitle}}</e-desc-item>
+        <e-desc-item label="开户银行">{{dataForm.bank}}</e-desc-item>
+
+        <e-desc-item label="银行账号">{{dataForm.account}}</e-desc-item>
+        <e-desc-item label="单位地址" span="2">{{dataForm.addressWork}}</e-desc-item>
+      </e-desc>
+      <e-desc title="供应商联系" column="3">
+        <e-desc-item label="联系人">{{dataForm.contact}}</e-desc-item>
+        <e-desc-item label="手机号码">{{dataForm.contactTel}}</e-desc-item>
+        <e-desc-item label="职位">{{dataForm.contactPosition}}</e-desc-item>
+
+        <e-desc-item label="联系人邮箱" span="3">{{dataForm.contactEmail}}</e-desc-item>
+      </e-desc>
+      <e-desc title="附件" column="3">
+        <e-desc-item v-show="dataForm.attachList" label="合格供方基本信息调查表" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+        <e-desc-item v-show="dataForm.attachList" label="合格供方基本信息调查表" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+        <e-desc-item v-show="dataForm.attachList" label="合格供方基本信息调查表" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+        <e-desc-item v-show="dataForm.attachList" label="合格供方基本信息调查表" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+        <e-desc-item v-show="dataForm.attachList" label="合格供方基本信息调查表" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+      </e-desc>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="onChose">返回</el-button>
+    </span>
+    <!-- 文件预览 -->
+    <preview-component v-if="previewVisible" ref="preview"/>
+  </div>
+</template>
+
+<script>
+  import EDesc from '../common/e-desc'
+  import EDescItem from '../common/e-desc-item'
+  import PreviewComponent from '../common/preview-component'
+  import ApproveComponent from '../common/approve-component'
+  import { getSupplierDetail } from '../../../api/sale'
+export default {
+    name: 'supplier-detail',
+    components: {
+      ApproveComponent,
+      PreviewComponent,
+      EDesc,
+      EDescItem
+    },
+    data () {
+      return {
+        id: 0,
+        dataForm: {},
+        previewVisible: false,
+        // 流程图
+        flowVisible: false,
+        stepList: [],
+        logList: []
+      }
+    },
+    methods: {
+      onChose () {
+        this.$emit('onChose')
+      },
+      async init (id) {
+        this.id = id || 0
+        this.dataForm = {}
+        this.getDetails()
+      },
+      getDetails () {
+        getSupplierDetail(this.id).then(({data}) => {
+          if (data && data.code === '200' && data.data) {
+            this.dataForm = data.data
+            // todo 工作流
+          } else {
+            this.onChose()
+          }
+        })
+      },
+      // 预览
+      previewFile (fileName, url) {
+        this.previewVisible = true
+        this.$nextTick(() => {
+          this.$refs.preview.init(fileName, url)
+        })
+      },
+      // 审批完成
+      approveFinished () {
+        this.onChose()
+        this.$emit('approveFinished')
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.my-line{
+  border-bottom: 1px solid #c0c4cc;
+  margin-bottom: 10px;
+}
+.title{
+  padding: 10px 0 ;
+}
+</style>

src/views/modules/sale/supplier.vue

@@ -21,7 +21,7 @@
         </el-form-item>
         <el-form-item>
           <el-button @click="search()">查询</el-button>
-          <el-button v-if="isAuth('purchase:supplie:save')" type="primary" @click="addOrUpdateHandle(0)">录入</el-button>
+          <el-button v-if="isAuth('purchase:supplie:save')" type="primary" @click="addOrUpdateHandle(0, 0)">录入</el-button>
         </el-form-item>
       </el-form>
       <el-table
@@ -104,9 +104,9 @@
           label="操作">
           <template slot-scope="scope">
             <el-button v-if="isAuth('purchase:supplie:info')" type="text" size="small" @click="detailHandle(scope.row.supplierId)">查看</el-button>
-            <el-button v-if="isAuth('purchase:supplie:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId)">编辑</el-button>
-            <el-button v-if="isAuth('purchase:supplie:disqualification')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId)">重新评审</el-button>
-            <el-button v-if="isAuth('purchase:supplie:disqualification')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId)">取消供应商</el-button>
+            <el-button v-if="isAuth('purchase:supplie:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId, 1)">编辑</el-button>
+            <el-button v-if="isAuth('purchase:supplie:disqualification')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId, 2)">重新评审</el-button>
+            <el-button v-if="isAuth('purchase:supplie:disqualification')" type="text" size="small" @click="addOrUpdateHandle(scope.row.supplierId, 3)">取消供应商</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -129,7 +129,7 @@
 
 <script>
   import AddOrUpdate from './supplier-add-or-update'
-  import Detail from './purchase-detail'
+  import Detail from './supplier-detail'
   import { getSupplierList } from '@/api/sale'
   import AttachDetail from '../common/attach-detail'
 export default {
@@ -223,20 +223,13 @@ export default {
         this.dataListSelections = val
       },
       // 新增 / 修改
-      addOrUpdateHandle (id, disable) {
+      addOrUpdateHandle (id, type) {
         this.addOrUpdateVisible = true
         this.$nextTick(() => {
-          this.$refs.addOrUpdate.init(id, disable)
+          this.$refs.addOrUpdate.init(id, type)
         })
       },
-      // 转换属性“类别”
-      formatType (row) {
-        if (this.optionsType && row.purchaseType) {
-          const item1 = this.optionsType.find((item) => item.code === row.purchaseType.toString())
-          return item1 ? item1.value : ''
-        }
-      },
-      // 转换属性“是否组合产品”
+      // 转换属性“状态”
       formatState (row) {
         if (!row.state) return ''
         const item1 = this.optionsSupplierState.find((item) => item.code === row.state.toString())