111

src/config/theme.js

@@ -1,10 +1,10 @@
 //主题配置
 export default {
     color: [
-        { name: 'green', color: '#1ECC95', label: '森绿' }, { name: 'blue', color: '#0081ff', label: '海蓝' },
+        { name: 'green', color: '#1ECC95', label: '森绿' }, { name: 'blue', color: '#204DA0', label: '蓝色' },
         { name: 'cyan', color: '#37c0fe', label: '天青' }, { name: 'purple', color: '#8044de', label: '姹紫' },
         { name: 'mauve', color: '#b745cb', label: '木槿' }, { name: 'pink', color: '#e03997', label: '桃粉' },
         { name: 'red', color: '#e54d42', label: '嫣红' }, { name: 'orange', color: '#f37b1d', label: '橘橙' },
         { name: 'yellow', color: '#fbbd08', label: '明黄' }, { name: 'brown', color: '#a5673f', label: '棕褐' },
-    ]
+    ],
 }

src/views/project/debit/project/affix.vue

@@ -4,25 +4,48 @@
             <hc-search-input v-model="searchForm.queryValue" placeholder="请输入文件名称关键词" @search="searchClick" />
         </template>
         <template #extra>
-            <el-button hc-btn color="#626aef">
-                <HcIcon name="sort-desc" :line="false" />
-                <span>按部位排序</span>
-            </el-button>
-            <el-button hc-btn color="#626aef">
-                <HcIcon name="sort-desc" :line="false" />
-                <span>按录入时间排序</span>
-            </el-button>
+            <el-button hc-btn type="primary" @click="addDataClick">新增附件</el-button>
+            <el-button hc-btn type="success">一键引入系统变更附件</el-button>
+            <el-button hc-btn type="danger">批量删除</el-button>
         </template>
-        <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
+        <hc-table
+            is-new is-check :check-style="{ width: 29 }" :index-style="{ width: 60 }"
+            :column="tableColumn" :datas="tableData" :loading="tableLoading"
+            @selection-change="tableCheckChange"
+        >
             <template #action="{ row }">
-                <el-link type="primary" @click="giveTaskModalClick(row)">下达</el-link>
-                <el-link type="success">修改</el-link>
+                <el-link type="success" @click="editDataClick(row)">修改</el-link>
                 <el-link type="danger">删除</el-link>
             </template>
         </hc-table>
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
+
+        <!-- 新增编辑 -->
+        <hc-dialog v-model="dataModalShow" is-to-body is-footer-center widths="500px" :title="dataModalTitle" @save="dataModalSave">
+            <el-form ref="formRef" class="p-2" label-position="top" size="large" :model="formModel" :rules="formRules">
+                <el-form-item label="文件名称：">
+                    <el-input v-model="formModel.key1" />
+                </el-form-item>
+                <el-form-item label="是否必须上传：">
+                    <el-input v-model="formModel.key2" />
+                </el-form-item>
+                <el-form-item label="所属申请类型：">
+                    <el-select v-model="formModel.key3" block>
+                        <el-option label="变更方案" :value="1" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="变更类型：">
+                    <el-select v-model="formModel.key4" block>
+                        <el-option label="重大变更" :value="1" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="排序号：">
+                    <el-input v-model="formModel.key5" />
+                </el-form-item>
+            </el-form>
+        </hc-dialog>
     </hc-new-card>
 </template>
 
@@ -55,13 +78,11 @@ const pageChange = ({ current, size }) => {
 //表格数据
 const tableLoading = ref(false)
 const tableColumn = ref([
-    { key: 'key1', name: '收方单编号' },
-    { key: 'key2', name: '收方期' },
-    { key: 'key3', name: '工程划分部位' },
-    { key: 'key4', name: '收方金额' },
-    { key: 'key5', name: '业务日期' },
-    { key: 'key6', name: '审核状态' },
-    { key: 'action', name: '操作', width: 200, align: 'center' },
+    { key: 'key1', name: '文件名称' },
+    { key: 'key2', name: '是否必须上传', align: 'center' },
+    { key: 'key3', name: '所属申请类型', align: 'center' },
+    { key: 'key4', name: '变更类型', align: 'center' },
+    { key: 'action', name: '操作', width: 100, align: 'center' },
 ])
 const tableData = ref([
     { key1: '1111' },
@@ -70,5 +91,31 @@ const tableData = ref([
 //表格选择
 const tableCheckChange = () => {
 
+}
+
+//弹窗
+const dataModalShow = ref(false)
+const dataModalTitle = ref('')
+
+//新增
+const addDataClick = () => {
+    dataModalTitle.value = '新增项目变更附件'
+    dataModalShow.value = true
+}
+
+//编辑
+const editDataClick = (row) => {
+    dataModalTitle.value = '修改项目变更附件'
+    dataModalShow.value = true
+}
+
+//弹窗表单
+const formRef = ref(null)
+const formModel = ref({})
+const formRules = ref({})
+
+//弹窗保存
+const dataModalSave = () => {
+
 }
 </script>