部门管理

base-vue/src/views/modules/contract/contract.vue

@@ -98,8 +98,8 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="assignHandle(scope.row.id)">模板生成</el-button>
-          <el-button type="text" size="small">上传附近</el-button>
+          <el-button type="text" size="small" @click="addTempHandle(scope.row.id)">模板生成</el-button>
+          <el-button type="text" size="small">上传附件</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -114,14 +114,17 @@
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <temp-add v-if="tempVisible" ref="tempAdd"></temp-add>
   </div>
 </template>
 
 <script>
 import AddOrUpdate from './contract-add-or-update'
+import TempAdd from './temp-add'
 export default {
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    TempAdd
   },
   data () {
     return {
@@ -136,7 +139,8 @@ export default {
       totalPage: 0,
       dataListLoading: false,
       dataListSelections: [],
-      addOrUpdateVisible: false
+      addOrUpdateVisible: false,
+      tempVisible: false
     }
   },
   activated () {
@@ -187,7 +191,13 @@ export default {
         this.$refs.addOrUpdate.init(id)
       })
     },
-    assignHandle (id) {}
+    // 生成模板
+    addTempHandle (id) {
+      this.tempVisible = true
+      this.$nextTick(() => {
+        this.$refs.tempAdd.init(id)
+      })
+    }
   }
 }
 </script>

base-vue/src/views/modules/contract/temp-add.vue

@@ -0,0 +1,117 @@
+<template>
+  <el-dialog
+  title="产品供应合同"
+  :close-on-click-modal="false"
+  :visible.sync="visible">
+    <section class="content">
+      <el-descriptions :column="2">
+        <el-descriptions-item label="需方">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="合同编号">18100000000</el-descriptions-item>
+        <el-descriptions-item label="供方">上海诺力智能科技有限公司</el-descriptions-item>
+        <el-descriptions-item label="签订时间">2025年1月14日</el-descriptions-item>
+      </el-descriptions>
+      <h2>一、产品明细单</h2>
+      <el-table
+      :data="dataList"
+      border
+      style="width: 100%;">
+        <el-table-column
+          type="index"
+          width="50"/>
+        <el-table-column
+          prop="materialCode"
+          header-align="center"
+          align="center"
+          label="物料编号"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="物料名称"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="型号"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="数量"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="单位"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="单价（元）"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="总价（元）"/>
+        <el-table-column
+          prop="materialName"
+          header-align="center"
+          align="center"
+          label="备注"/>
+      </el-table>
+      <el-row>
+        <el-col :span="12">共计人民币金额：（大写） XXXXXXX</el-col>
+        <el-col :span="12">含13%增值税</el-col>
+      </el-row>
+      <p class="tip_p">二、质量要求、技术标准、供方对质量负责的条件和期限:技术标准符合行业标准。</p>
+      <p class="tip_p">三、售后服务:保修期6个月，人为造成的损坏不在质保范围内。</p>
+      <p class="tip_p">四、交货时间、地点:货期:待定;交货地:待客户通知。</p>
+      <p class="tip_p">五、运输方式及到达站和费用负担:由供方负担。</p>
+      <p class="tip_p">六、包装标准:按国内标准包装。</p>
+      <p class="tip_p">八、结算方式:款到发货，付款方式:电汇。</p>
+      <p class="tip_p">八、违约责任:按《中华人民共和国民法典》执行。</p>
+      <p class="tip_p">九、解决合同纠纷的方式:买卖双方首先友好协商解决，协商不成，任何一方均可向有管辖权法院起诉。</p>
+      <p class="tip_p">十、其它约定事项:合同扫描件有效，签字盖章之日起生效。</p>
+      <el-descriptions direction="vertical" :column="2" border>
+        <el-descriptions-item label="需方">
+          <div>单位名称:</div>
+          <div>地址:</div>
+          <div>委托代理电话:</div>
+          <div>传真:</div>
+          <div>开户银行:</div>
+          <div>帐号:</div>
+        </el-descriptions-item>
+        <el-descriptions-item label="供方">
+          <div>单位名称:上海诺力智能科技有限公司(盖章)</div>
+          <div>地址:上海青浦区徐泾镇高光路215弄99号4号楼302室</div>
+          <div>委托代理电话:</div>
+          <div>传真:</div>
+          <div>开户银行:招商银行虹桥支行</div>
+          <div>帐号:12191702501091</div>
+        </el-descriptions-item>
+      </el-descriptions>
+    </section>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      visible: false,
+      dataList: []
+    }
+  },
+  methods: {
+    init (id) {
+      this.visible = true
+    },
+    // 表单提交
+    dataFormSubmit () {}
+  }
+}
+</script>