Merge branch 'master' of http://gitlab.91isoft.com:90/gaoying/psa-web

src/views/costManage/projectCostReimbursement/detail.vue

+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/views/costManage/projectCostReimbursement/index.vue

+<script setup>
+
+</script>
+
+<template>
+<div>项目费用报销</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/views/costManage/projectCostRequest/detail.vue

+<template>
+  <div class="app-container">
+    <!--    面包屑导航-->
+    <div class="top">
+      <div class="top_text">新增项目费用申请</div>
+      <div class="top_line"></div>
+    </div>
+
+    <!--  表单-->
+    <div class="addform">
+      <el-form :inline="true" :model="form" label-width="auto">
+        <el-form-item label="项目名称">
+          <el-select
+            v-model="form.xiangmumingcheng"
+            placeholder="请选择项目名称"
+          >
+            <el-option label="项目一" value="shanghai" />
+            <el-option label="项目二" value="beijing" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="项目编号">
+          <el-input v-model="form.xiangmubianhao" disabled />
+        </el-form-item>
+
+        <el-form-item label="项目类型">
+          <el-input v-model="form.xiangmuleixing" disabled />
+        </el-form-item>
+
+        <el-form-item label="事业部负责人">
+          <el-input v-model="form.fuzeren" disabled />
+        </el-form-item>
+
+        <el-form-item label="项目状态">
+          <el-input v-model="form.xiangmustatus" disabled />
+        </el-form-item>
+
+        <el-form-item label="登记人">
+          <el-input v-model="form.dengjiren" placeholder="张三" disabled />
+        </el-form-item>
+
+        <el-form-item label="费用类型">
+          <el-select
+            v-model="form.feiyongleixing"
+            placeholder="请选择项目费用类型"
+          >
+            <el-option label="办公用品" value="shanghai" />
+            <el-option label="云服务购买" value="beijing" />
+            <el-option label="域名/服务器托管费" value="beijing" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="费用发生时间">
+          <el-date-picker
+            v-model="form.date"
+            type="date"
+            placeholder="请选择费用发生时间"
+            clearable
+          />
+        </el-form-item>
+
+        <el-form-item label="物品描述">
+          <el-input v-model="form.wupinmiaoshu" placeholder="请输入物品名称" />
+        </el-form-item>
+
+        <el-form-item label="单价">
+          <el-input v-model="form.danjia" placeholder="请输入物品单价" />
+        </el-form-item>
+
+        <el-form-item label="数量">
+          <el-input v-model="form.num" placeholder="请输入物品数量" />
+        </el-form-item>
+
+        <el-form-item label="申请金额（元）">
+          <el-input v-model="form.jine" placeholder="请输入申请金额" />
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input
+            v-model="form.beizhu"
+            :autosize="{ minRows: 1 }"
+            type="textarea"
+            placeholder="请输入备注"
+          />
+        </el-form-item>
+
+        <el-form-item label="流水号">
+          <el-input
+            v-model="form.liushuihao"
+            disabled
+            placeholder="自动生成流水号"
+          />
+        </el-form-item>
+
+        <!--        <el-form-item label="上传附件">-->
+        <!--          <el-upload-->
+        <!--            v-model:file-list="form.fujian"-->
+        <!--            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"-->
+        <!--            multiple-->
+        <!--            :on-preview="handlePreview"-->
+        <!--            :on-remove="handleRemove"-->
+        <!--            :before-remove="beforeRemove"-->
+        <!--            :limit="3"-->
+        <!--            :on-exceed="handleExceed"-->
+        <!--          >-->
+        <!--            <el-icon class="folderAdd"><FolderAdd /></el-icon>-->
+        <!--            <text>点击上传附件</text>-->
+        <!--          </el-upload>-->
+        <!--        </el-form-item>-->
+      </el-form>
+    </div>
+
+    <!--  取消、提交按钮-->
+    <div class="button">
+      <div><el-button class="button_size">取消</el-button></div>
+      <div><el-button class="button_size" type="primary">提交</el-button></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+
+// 表单
+const form = reactive({
+    xiangmumingcheng: '',
+    xiangmubianhao: '',
+    xiangmuleixing: '',
+    fuzeren: '',
+    xiangmustatus: '',
+    dengjiren: '',
+    feiyongleixing: '',
+    date: '',
+    wupinmiaoshu: '',
+    danjia: '',
+    num: '',
+    jine: '',
+    beizhu: '',
+    liushuihao: '',
+    fujian: ''
+})
+</script>
+
+<style scoped lang="scss">
+.top {
+  display: flex;
+  flex-direction: column;
+  width: 150px;
+  margin-left: 40px;
+  margin-top: 20px;
+
+  .top_text {
+    cursor: default;
+    font-weight: 550;
+    font-size: 18px;
+    color: #0d162a;
+    font-family: 'Microsoft YaHei', sans-serif;
+  }
+  .top_line {
+    border: solid 2px #0062ff;
+    margin-top: 5px;
+    height: 4px;
+  }
+}
+
+.addform {
+  margin-left: 50px;
+  margin-top: 30px;
+  display: flex;
+  align-content: center;
+
+  .el-form-item {
+    margin-right: 400px;
+    width: 400px;
+    height: 40px;
+  }
+}
+
+.folderAdd {
+  font-size: 20px;
+  margin-right: 5px;
+}
+
+.button {
+  display: flex;
+  margin-left: 70%;
+  margin-top: 100px;
+  .button_size {
+    width: 116px;
+    height: 40px;
+    margin: 20px;
+  }
+}
+</style>