项目手册

src/views/compilation/handbook/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <!-- 单片材料管理 -->
+        <!-- 项目手册管理 -->
         <!-- 表单查询项 -->
         <div v-if="!previewMode" class="headerbox">
             <el-form size="small" :inline="true" label-width="200">

src/views/orientedtwo/bqspan/index.vue

@@ -66,6 +66,68 @@
             <pagination v-show="total > 0" :total="total" :page.sync="queryParams.current"
                 :limit.sync="queryParams.size" @pagination="getList" />
         </div>
+
+        <!-- 详情弹窗 -->
+        <el-dialog title="详情" :visible.sync="dialogVisible" width="50%">
+            <el-form :model="detailData" label-width="120px">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="企业名称">
+                            <span>{{ detailData.name }}</span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="统一信用代码">
+                            <span>{{ detailData.tyshxydm }}</span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="标签标记场景代码">
+                            <span>{{ detailData.bqdm }}</span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="标签代码">
+                            <span>{{ detailData.state }}</span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="用户类型">
+                            <span>{{ detailData.yhlx }}</span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="标签注释">
+                            <span>{{ detailData.bqzs }}</span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="标签状态">
+                            <span>{{ detailData.bqzt }}</span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="标签注释">
+                            <span>{{ detailData.bqzs }}</span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">关闭</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
@@ -102,7 +164,24 @@ export default {
                 startTime: undefined,
                 endTime: undefined,
                 status: undefined,
+            },
+            // 默认数据
+            defaultData: [
+                {
+                    id: 0,
+                    name: '默认企业名称',
+                    tyshxydm: '123456789012345678',
+                    bqdm: 'DEFAULT',
+                    state: '有效',
+                    yhlx: '默认用户类型',
+                    bqzs: '默认标签注释',
+                    bqzt: '默认标签状态'
                 }
+            ],
+            // 弹窗显示控制
+            dialogVisible: false,
+            // 详情数据
+            detailData: {}
         };
     },
     created() {
@@ -117,8 +196,9 @@ export default {
 
             //api
             getCybqInformationPage(this.queryParams).then((response) => {
-                this.postList = response.data.records;
+                // 将默认数据与从后端获取的数据合并
-                this.total = response.data.total;
+                this.postList = [...this.defaultData, ...response.data.records];
+                this.total = response.data.total + this.defaultData.length;
                 this.loading = false;
             }).catch();
         },
@@ -132,9 +212,8 @@ export default {
 
         /** 详情按钮操作 */
         getAdd(row, type) {
-            this.$store.commit("SET_CRUMBS", this.$route.meta.title + "新增");
+            this.detailData = row;
-            const id = row.id || this.ids[0];
+            this.dialogVisible = true;
-            this.$router.push({ path: `/manage-add/${id}`, query: { action: type } });
         },
         /** 重置按钮操作 */
         resetQuery() {

vue.config.js

@@ -46,8 +46,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.0.106:7071/`,
+        // target: `http://192.168.0.106:7071/`,
-        // target: `http://39.101.188.84:7071/`,
+        target: `http://39.101.188.84:7071/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''