接口接入

src/layout/left.vue

@@ -93,7 +93,7 @@ export default {
     menus() {
       this.$api.common.getMenus().then(res => {
         console.log('fuck' + new Date().getTime())
-        if (res.code === 200) {
+        if (res.code === 200 && res.data.length > 0) {
           this.data = res.data.map(sub => {
             sub.hasChildren = Object.hasOwn(sub, 'children')
             sub.checked = false

src/views/store/component/info.vue

@@ -1,11 +1,9 @@
 <template>
   <div>
     <div class="padding top flex flex-center flex-justify-between">
-      <span>数据表格导入</span>
+      <span>基础信息</span>
       <div>
-        <el-button type="primary" plain @click="disabled = !disabled">
-          {{ disabled ? '编辑' : '保存' }}
-        </el-button>
+        <el-button type="primary" plain @click="goDetail">查看更多</el-button>
       </div>
     </div>
     <div class="padding">
@@ -13,7 +11,7 @@
         label-position="right"
         label-width="100px"
         :disabled="disabled"
-        style="background-color: white"
+        style="background-color: white; padding: 20px"
       >
         <el-form-item label="项目名称">
           <el-input v-model="form.name" />
@@ -30,14 +28,15 @@
           <el-input
             v-model="form.construction_content"
             type="textarea"
-            rows="12"
+            rows="5"
+            max-rows="5"
           />
         </el-form-item>
         <el-form-item label="项目代码">
           <el-input v-model="form.project_code" />
         </el-form-item>
         <el-form-item label="监管平台代码">
-          <el-input v-model="form.platform_code" />
+          <el-input v-model="form.regulatory_platform_code" />
         </el-form-item>
         <el-form-item label="实际入库时间">
           <el-date-picker
@@ -99,6 +98,17 @@ export default {
           console.log(res)
         }
       })
+    },
+    goDetail() {
+      console.log(this.info)
+      const data = this.$router.resolve({
+        path: '/home/pro_detail',
+        query: {
+          id: this.info.projectId,
+          projectStage: this.info.project_stage
+        }
+      })
+      window.open(data.href, '_blank')
     }
   }
 }

src/views/store/component/info2.vue

@@ -3,7 +3,7 @@
     <div class="padding top flex flex-center flex-justify-between">
       <span>入库时间预警</span>
     </div>
-    <div class="padding-left padding-right">
+    <div class="padding-left padding-right" style="padding: 20px;">
       <avue-crud
         :option="option"
         :data="data"
@@ -80,6 +80,8 @@ export default {
         height: 525,
         size: 'mini',
         addBtn: false,
+        editBtnText: '已解决',
+        delBtnText: '已忽略',
         refreshBtn: false,
         columnBtn: false,
         labelWidth: 140,

src/views/store/component/info3.vue

@@ -3,7 +3,7 @@
     <div class="padding top flex flex-center flex-justify-between">
       <span>入库附件清单</span>
     </div>
-    <div class="padding-left padding-right">
+    <div class="padding-left padding-right mt-20" style="padding: 20px">
       <avue-crud
         :option="option"
         :data="data"
@@ -15,6 +15,18 @@
         @row-update="rowUpdate"
         @on-load="onLoad"
       >
+        <template #menu-left>
+          <div>
+            <el-button type="primary" @click="uploadShow = true"
+              >上传</el-button
+            >
+            <el-button type="primary" plain>导出</el-button>
+          </div>
+        </template>
+
+        <template #menu-right>
+          <el-button icon="Refresh" circle></el-button>
+        </template>
         <template #menu>
           <div>
             <el-button icon="Download" type="primary" size="mini" text
@@ -27,6 +39,30 @@
         </template>
       </avue-crud>
     </div>
+    <!--dialog-->
+    <el-dialog v-model="show" width="800px" title="附件要素">
+      <el-descriptions title="合同">
+        <el-descriptions-item label="Username"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="Telephone"
+          >18100000000</el-descriptions-item
+        >
+        <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
+        <el-descriptions-item label="Remarks">
+          <el-tag size="small">School</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="Address"
+          >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu
+          Province</el-descriptions-item
+        >
+      </el-descriptions>
+    </el-dialog>
+    <el-dialog v-model="uploadShow" title="文件上传">
+      <div>
+        <el-button>上传</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -34,6 +70,8 @@
 export default {
   data() {
     return {
+      uploadShow: false,
+      show: false,
       form: {},
       data: [
         {
@@ -63,15 +101,20 @@ export default {
       ],
       option: {
         align: 'center',
-        menuWidth: 180,
+        menuWidth: 380,
         height: 525,
         size: 'mini',
         addBtn: false,
+        viewBtn: true,
         refreshBtn: false,
         columnBtn: false,
         labelWidth: 140,
         border: true,
         column: [
+          {
+            label: '附件类型',
+            prop: 'name'
+          },
           {
             label: '附件名称',
             prop: 'name'
@@ -83,6 +126,15 @@ export default {
         ]
       }
     }
+  },
+  methods: {
+    beforeOpen(done, type) {
+      if (type === 'view') {
+        this.show = true
+      } else {
+        done()
+      }
+    }
   }
 }
 </script>

src/views/store/detail.vue

@@ -4,18 +4,11 @@
       <el-card
         shadow="hover"
         class="mb-20"
-        style="min-height: 650px; padding: 0; width: 99%"
+        style="min-height: 430px; padding: 0; width: 99%"
       >
         <info :info="info"></info>
       </el-card>
 
-      <el-card
-        shadow="hover"
-        class="flex-child-average mb-20 full-width"
-        style="min-height: 650px; padding: 0; width: 99%"
-      >
-        <info2></info2>
-      </el-card>
       <el-card
         shadow="hover"
         class="flex-child-average mb-20 full-width"
@@ -23,13 +16,12 @@
       >
         <info3></info3>
       </el-card>
-
       <el-card
         shadow="hover"
         class="flex-child-average mb-20 full-width"
         style="min-height: 650px; padding: 0; width: 99%"
       >
-        <info4></info4>
+        <info2></info2>
       </el-card>
     </div>
   </div>
@@ -48,14 +40,12 @@ meta: {
 import info from '@/views/store/component/info.vue'
 import info2 from '@/views/store/component/info2.vue'
 import info3 from '@/views/store/component/info3.vue'
-import info4 from '@/views/store/component/info4.vue'
 
 export default {
   components: {
     info,
     info2,
-    info3,
-    info4
+    info3
   },
   data() {
     return {

src/views/store/index.vue

@@ -28,8 +28,9 @@
       >
         <template #menu-left>
           <div class="mt-20 mb-10">
-            <el-button type="primary" plain>上报预审</el-button>
-            <el-button type="primary" plain>删 除</el-button>
+            <el-button type="primary" plain v-if="user.info.viewStage !== 1"
+              >上报预审</el-button
+            >
           </div>
         </template>
 
@@ -51,7 +52,13 @@ meta: { 'showMsg' : "填写了”项目实际入库时间“的项目将不在
 </route>
 
 <script>
+import { useStore } from '@/store/user.js'
+
 export default {
+  setup() {
+    const user = useStore()
+    return { user }
+  },
   data() {
     return {
       keyword: '',
@@ -62,6 +69,7 @@ export default {
         menuAlign: 'center',
         size: 'mini',
         viewBtn: true,
+        editBtn: false,
         addBtn: false,
         refreshBtn: false,
         columnBtn: false,