Merge branch 'master' of http://www.beijingsoft.cn:9090/r/smart-web

lzhe

2024-04-28 8965385106ee1028a610c577d38211d076c5d41a

Merge branch 'master' of http://www.beijingsoft.cn:9090/r/smart-web

 src/api/model/machineManagement.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
/*
 * @Date: 2024-03-24 11:37:47
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-27 20:26:42
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/api/model/machineManagement.js
 */
import config from "@/config"
import http from "@/utils/request"

export default {
    getList: {
        url: `${config.API_URL}/blade-cps/machine/page`,
        name: "获取工位列表",
        get: async function (params) {
            return await http.post(this.url, { ...params }, { params: { current: params.current, size: params.size } });
        },
    },

}

 src/utils/request.js

@@ -13,10 +13,10 @@
    (config) => {
        let token = tool.cookie.get("TOKEN");
        config.headers['Authorization'] = 'Basic c2FiZXI6c2FiZXJfc2VjcmV0'
        if(token){
        if (token) {
            config.headers[sysConfig.TOKEN_NAME] = sysConfig.TOKEN_PREFIX + token
        }
        if(!sysConfig.REQUEST_CACHE && config.method == 'get'){
        if (!sysConfig.REQUEST_CACHE && config.method == 'get') {
            config.params = config.params || {};
            // config.params['_'] = new Date().getTime();
        }
@@ -49,7 +49,7 @@
                    message: error.response.data.message || "Status:500，服务器发生错误！"
                });
            } else if (error.response.status == 401) {
                if(!MessageBox_401_show){
                if (!MessageBox_401_show) {
                    MessageBox_401_show = true
                    ElMessageBox.confirm('当前用户已被登出或无权限访问当前资源，请尝试重新登录后再操作。', '无权限访问', {
                        type: 'error',
@@ -61,8 +61,8 @@
                            done()
                        }
                    }).then(() => {
                        router.replace({path: '/login'});
                    }).catch(() => {})
                        router.replace({ path: '/login' });
                    }).catch(() => { })
                }
            } else {
                ElNotification.error({
@@ -81,16 +81,16 @@
    }
);
function qsStringify(obj) {
  return Object.keys(obj)
    .map(key => {
      if (Array.isArray(obj[key])) {
        return obj[key]
          .map(arrayValue => `${encodeURIComponent(key)}=${encodeURIComponent(arrayValue)}`)
          .join('&');
      }
      return `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`;
    })
    .join('&');
    return Object.keys(obj)
        .map(key => {
            if (Array.isArray(obj[key])) {
                return obj[key]
                    .map(arrayValue => `${encodeURIComponent(key)}=${encodeURIComponent(arrayValue)}`)
                    .join('&');
            }
            return `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`;
        })
        .join('&');
}

var http = {
@@ -100,7 +100,7 @@
     * @param  {object} params è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
    get: function(url, params={}, config={}) {
    get: function (url, params = {}, config = {}) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'get',
@@ -120,7 +120,7 @@
     * @param  {object} data è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
    post: function(url, data={}, config={}) {
    post: function (url, data = {}, config = {}) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'post',
@@ -130,12 +130,12 @@
            }).then((response) => {
                resolve(response.data);
            }).catch((error) => {
                if(error.status == 400) {
                if (error.status == 400) {
                    ElMessage({
                        message: error.data.msg,
                        type: 'warning',
                     })
                }else {
                        message: error.data.msg,
                        type: 'warning',
                    })
                } else {
                    reject(error);
                }
            })
@@ -146,13 +146,13 @@
     * @param  {object} data è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
     postJ: function(url, data={}, config={}) {
    postJ: function (url, data = {}, config = {}) {
        return new Promise((resolve, reject) => {
            console.log(qsStringify(data))
            axios({
                method: 'post',
                url: url,
                headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},
                headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
                data: qsStringify(data),
                ...config
            }).then((response) => {
@@ -167,7 +167,7 @@
     * @param  {object} data è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
    put: function(url, data={}, config={}) {
    put: function (url, data = {}, config = {}) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'put',
@@ -187,7 +187,7 @@
     * @param  {object} data è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
    patch: function(url, data={}, config={}) {
    patch: function (url, data = {}, config = {}) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'patch',
@@ -207,7 +207,7 @@
     * @param  {object} data è¯·æ±‚参数
     * @param  {object} config å‚æ•°
     */
    delete: function(url, data={}, config={}) {
    delete: function (url, data = {}, config = {}) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'delete',
@@ -217,12 +217,12 @@
            }).then((response) => {
                resolve(response.data);
            }).catch((error) => {
                if(error.status == 400) {
                if (error.status == 400) {
                    ElMessage({
                        message: error.data.msg,
                        type: 'warning',
                     })
                }else {
                        message: error.data.msg,
                        type: 'warning',
                    })
                } else {
                    reject(error);
                }
            })
@@ -233,19 +233,19 @@
     * @param  {string} url æŽ¥å£åœ°å€
     * @param  {string} name JSONP回调函数名称
     */
    jsonp: function(url, name='jsonp'){
    jsonp: function (url, name = 'jsonp') {
        return new Promise((resolve) => {
            var script = document.createElement('script')
            var _id = `jsonp${Math.ceil(Math.random() * 1000000)}`
            script.id = _id
            script.type = 'text/javascript'
            script.src = url
            window[name] =(response) => {
            window[name] = (response) => {
                resolve(response)
                document.getElementsByTagName('head')[0].removeChild(script)
                try {
                    delete window[name];
                }catch(e){
                } catch (e) {
                    window[name] = undefined;
                }
            }

 src/views/console/workstation/index.vue

@@ -47,14 +47,10 @@
                                        ref="table" :params="params" :apiObj="apiObj"
                                        @selection-change="selectionChange" stripe>
                                        <el-table-column type="selection" width="50"></el-table-column>
                                        <el-table-column label="工位编号" prop="code" width="120"
                                            sortable='custom'></el-table-column>
                                        <el-table-column label="工位名称" prop="name" width="120"
                                            sortable='custom'></el-table-column>
                                        <el-table-column label="工位类型" prop="type" width="120"
                                            sortable='custom'></el-table-column>
                                        <el-table-column label="工位日历" prop="calendarName" width="120"
                                            sortable='custom'></el-table-column>
                                        <el-table-column label="工位编号" prop="code" width="120"></el-table-column>
                                        <el-table-column label="工位名称" prop="name" width="120"></el-table-column>
                                        <el-table-column label="工位类型" prop="type" width="120"></el-table-column>
                                        <el-table-column label="工位日历" prop="calendarName" width="120"></el-table-column>
                                        <el-table-column label="操作" fixed="right" align="right" width="160">
                                            <template #default="scope">
                                                <el-button-group>
@@ -129,49 +125,64 @@
                                                    <el-container>
                                                        <el-header>
                                                            <span>采集信息</span>
                                                            <el-button  @click="editFlag = !editFlag" style="margin-left: auto;" text type="primary" size="small">配置工位采集</el-button>
                                                            <el-button v-show="editFlag" @click="saveInfo" text type="primary" size="small">保存</el-button>
                                                            <el-button text type="primary" size="small">修改DMP配置</el-button>
                                                            <el-button @click="editFlag = !editFlag"
                                                                style="margin-left: auto;" text type="primary"
                                                                size="small">配置工位采集</el-button>
                                                            <el-button v-show="editFlag" @click="saveInfo" text
                                                                type="primary" size="small">保存</el-button>
                                                            <el-button text type="primary"
                                                                size="small">修改DMP配置</el-button>
                                                        </el-header>
                                                        <el-main>
                                                            <el-table :data="list" height="200px">
                                                                <el-table-column label="采集变量名称" prop="name" />
                                                                <el-table-column label="工位变量名称" prop="dataItem">
                                                                    <template #default="scope">
                                                                        <el-input :disabled="!editFlag" v-model="scope.row.dataItem"></el-input>
                                                                        <el-input :disabled="!editFlag"
                                                                            v-model="scope.row.dataItem"></el-input>
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column label="数据标签" prop="description">
                                                                    <template #default="scope">
                                                                        <el-select :disabled="!editFlag" v-model="scope.row.description">
                                                                            <el-option v-for="item in workstation_param_type" :key="item.dictKey" :label="item.dictValue"
                                                                                :value="item.dictKey-0" />
                                                                        <el-select :disabled="!editFlag"
                                                                            v-model="scope.row.description">
                                                                            <el-option
                                                                                v-for="item in workstation_param_type"
                                                                                :key="item.dictKey"
                                                                                :label="item.dictValue"
                                                                                :value="item.dictKey - 0" />
                                                                        </el-select>
                                                                        <!-- {{ dmp_data_type.find(v => v.dictKey == scope.row.wcsDataType)?.dictValue }} -->
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column label="数据类别" prop="wcsDataType">
                                                                    <template #default="scope">
                                                                        <el-select disabled v-model="scope.row.wcsDataType">
                                                                            <el-option v-for="item in dmp_data_type" :key="item.dictKey" :label="item.dictValue"
                                                                                :value="item.dictKey-0" />
                                                                        <el-select disabled
                                                                            v-model="scope.row.wcsDataType">
                                                                            <el-option v-for="item in dmp_data_type"
                                                                                :key="item.dictKey"
                                                                                :label="item.dictValue"
                                                                                :value="item.dictKey - 0" />
                                                                        </el-select>
                                                                        <!-- {{ dmp_data_type.find(v => v.dictKey == scope.row.wcsDataType)?.dictValue }} -->
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column label="大屏" prop="bigScreen">
                                                                    <template #default="scope">
                                                                        <el-checkbox :disabled="!editFlag" v-model="scope.row.bigScreen"  />
                                                                        <el-checkbox :disabled="!editFlag"
                                                                            v-model="scope.row.bigScreen" />
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column label="实时数据" prop="realTimeData">
                                                                    <template #default="scope">
                                                                        <el-checkbox :disabled="!editFlag" v-model="scope.row.realTimeData"  />
                                                                        <el-checkbox :disabled="!editFlag"
                                                                            v-model="scope.row.realTimeData" />
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column label="过程参数" prop="processParameter">
                                                                    <template #default="scope">
                                                                        <el-checkbox :disabled="!editFlag" v-model="scope.row.processParameter"  />
                                                                        <el-checkbox :disabled="!editFlag"
                                                                            v-model="scope.row.processParameter" />
                                                                    </template>
                                                                </el-table-column>
                                                            </el-table>
@@ -210,7 +221,7 @@
                                                        <el-col :span="8">
                                                            <ul class="workbench">
                                                                <li v-for="item in workbenchVOList" :key="item.sort">
                                                                    {{`【${item.sort}】`}}{{item.name}}
                                                                    {{ `【${item.sort}】` }}{{ item.name }}
                                                                </li>
                                                            </ul>
                                                        </el-col>
@@ -659,8 +670,8 @@
                this.search()
            })
        },
        saveInfo () {
            this.$HTTP.post('/api/blade-cps/workstation-wcs/save',this.workbenchVOList).then(res => {
        saveInfo() {
            this.$HTTP.post('/api/blade-cps/workstation-wcs/save', this.workbenchVOList).then(res => {
                this.editFlag = false
            })
        },
@@ -701,6 +712,7 @@
        }
    }
}

.workbench {
    list-style: none;
}

 src/views/mdc/components/Shift.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-23 19:45:06
 * @LastEditTime: 2024-04-27 23:31:53
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Shift.vue
-->
<template>
@@ -151,7 +151,12 @@
                        type: 'category',
                    },
                    yAxis: {
                        type: 'value'
                        type: 'value',
                        axisLabel: {
                            formatter: (value) => {
                                return value + '%'
                            }
                        },
                    },
                    dataZoom: [
                        { type: 'slider' }
@@ -171,7 +176,7 @@
                }
                option2.dataset.source = [['product', '班次1', '班次2']]
                res.data.items.records.forEach(v => {
                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1], v.data[2] === '-' ? 0 : v.data[2]])
                    option2.dataset.source.push([v.workstationName, v.data[1] === '-' ? 0 : v.data[1] * 100, v.data[2] === '-' ? 0 : v.data[2] * 100])
                });
                this.option2 = option2
                console.log(option2)

 src/views/mdc/components/Time.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-18 21:52:18
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-23 19:44:57
 * @LastEditTime: 2024-04-27 23:30:06
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/components/Time.vue
-->
<template>
@@ -140,11 +140,16 @@
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            interval: 'auto'
                            interval: 'auto',
                        }
                    },
                    yAxis: {
                        type: 'value'
                        type: 'value',
                        axisLabel: {
                            formatter: (value) => {
                                return value + '%'
                            }
                        },
                    },
                    dataZoom: [
                        { type: 'slider' }
@@ -166,7 +171,7 @@
                res.data.items.records.forEach(v => {
                    let current = [v.id]
                    Object.keys(v.nameData).forEach(key => {
                        current.push(row.data[key] - 0)
                        current.push((v.data[key] - 0) * 100)
                    })
                    option2.dataset.source.push(current)
                });

 src/views/tpm/MachineGroup.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,131 @@
<!--
 * @Date: 2024-04-27 20:02:44
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-27 22:21:36
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/tpm/MachineGroup.vue
-->
<template>
    <el-container>
        <el-aside width="200px" v-loading="showGrouploading">
            <el-container>
                <el-main class="nopadding">
                    <el-tree ref="group" node-key="id" :data="group" :current-node-key="form.id"
                        :highlight-current="true" :expand-on-click-node="false" default-expand-all
                        @node-click="groupClick"></el-tree>
                </el-main>
            </el-container>
        </el-aside>
        <el-container>
            <el-header>
                <div class="left-panel">
                    <el-button @click="addChild" type="primary" plain>新增下级</el-button>
                    <el-button :disabled="!form.id" @click="del" type="danger" plain>删除</el-button>
                </div>
            </el-header>
            <el-main class="">
                <el-form :model="form" :rules="rules" ref="dialogForm" label-width="200px" label-position="left">
                    <el-form-item label="上级目录" prop="parentName">
                        <el-input disabled style="width: 240px" v-model="form.parentName"></el-input>
                    </el-form-item>
                    <el-form-item label="机器组名称" prop="name">
                        <el-input :disabled="(form.id === '102' || form.id === '2')" style="width: 240px"
                            v-model="form.name" clearable></el-input>
                    </el-form-item>
                </el-form>
                <el-button @click="save" v-show="!(form.id === '102' || form.id === '2')" style="width: 100px"
                    type="primary" plain>保存</el-button>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
export default {
    data() {
        return {
            group: [],
            form: {
                code: '',
                name: '',
                id: '',
                groupType: '',
                groupCategory: '',
                parentName: '',
                parentId: '',
            },
            disabled: false,
        }
    },
    created() {
        this.getTreeData()
    },
    methods: {
        getTreeData() {
            this.$HTTP.get('/api/blade-cps/group/tree?groupCategory=1&groupType=group_machine').then(res => {
                if (res.code === 200) {
                    this.group = res.data
                    this.groupClick(res.data[0])
                }
            })
        },
        groupClick(node, node1) {
            console.log(node, node1?.parent?.data?.name)
            this.disabled = false
            Object.keys(this.form).forEach(item => {
                this.form[item] = node[item]
            })
            if (node1?.parent?.data?.name) {
                this.form.parentName = node1?.parent?.data?.name
            }
            if (node.id === '102' || node.id === '2') {
                this.form.parentName = node.name
                this.disabled = true
            }
        },
        addChild() {
            if (!this.form.id) {
                return
            }
            let { name, id, groupType, groupCategory } = this.form
            this.form.id = ''
            this.form.name = ''
            this.form.code = ''
            this.form.groupType = groupType
            this.form.groupCategory = groupCategory
            this.form.parentName = name
            this.form.parentId = id
        },
        del() {
            this.$confirm(
                '确认删除该机器组？',
                {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                }
            )
                .then(() => {
                    this.$HTTP.delete('/api/blade-cps/group/deleteGroup', {}, { params: { groupId: this.form.id } }).then(res => {
                        if (res.code === 200) {
                            this.$message.success("操作成功");
                            this.getTreeData()
                        }
                    })
                }).catch(() => {
                    this.$message.success("取消操作");
                })

        },
        save() {
            this.group = []
            this.$HTTP.post('/api/blade-cps/group', this.form).then(res => {
                if (res.code === 200) {
                    this.getTreeData()
                }
            })
        }
    }
}
</script>

<style lang="scss" scoped></style>

 src/views/tpm/MachineTab.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,128 @@
<!--
 * @Date: 2024-04-27 20:04:34
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-27 21:51:12
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/tpm/MachineTab.vue
-->
<template>
    <el-container>
        <el-aside width="200px" v-loading="showGrouploading">
            <el-container>
                <el-main class="nopadding">
                    <el-tree ref="group" default-expand-all node-key="id" :data="group"
                        :current-node-key="params.groupId" :highlight-current="true" @node-click="nodeClick"></el-tree>
                </el-main>
            </el-container>
        </el-aside>
        <el-container>
            <el-header>
                <div class="left-panel">
                    <el-button size="small" @click="table_add" type="primary" icon="el-icon-plus"></el-button>
                    <el-button size="small" type="danger" plain icon="el-icon-delete" @click="batchDel"></el-button>
                    <!-- <el-button type="primary" plain>导入</el-button>
                                    <el-button type="primary" plain>批量操作</el-button> -->
                </div>
                <div class="right-panel">
                    <div class="right-panel-search">
                        <span>类型</span>
                        <el-select size="small" v-model="params.machineTypeId" style="width: 240px">
                            <el-option size="small" v-for="item in types" :key="item.value" :label="item.label"
                                :value="item.value" />
                        </el-select>
                        <span>状态</span>
                        <el-select size="small" v-model="params.status" style="width: 240px">
                            <el-option size="small" v-for="item in status" :key="item.value" :label="item.label"
                                :value="item.value" />
                        </el-select>
                        <el-input size="small" v-model="params.machineName" style="width: 240px" placeholder="请输入机器名称"
                            clearable></el-input>
                        <el-button size="small" @click="search" type="primary" icon="el-icon-search"></el-button>
                    </div>
                </div>
            </el-header>
            <el-main class="nopadding">
                <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" ref="table"
                    :params="params" :apiObj="apiObj" @selection-change="selectionChange" stripe>
                    <el-table-column type="selection" width="50"></el-table-column>
                    <el-table-column label="机器编号" prop="machineCode" width="120"></el-table-column>
                    <el-table-column label="机器名称" prop="machineName" width="120"></el-table-column>
                    <el-table-column label="所属机器组" prop="groupName" width="120"></el-table-column>
                    <el-table-column label="机器类型" prop="machineTypeName" width="120"></el-table-column>
                    <el-table-column label="机器序列号" prop="serialNo" width="120"></el-table-column>
                    <el-table-column label="短编号" prop="shortCode" width="120"></el-table-column>
                    <el-table-column label="机器规格" prop="machineModel" width="120"></el-table-column>
                    <el-table-column label="使用状态" prop="machineUseStatusName" width="120"></el-table-column>
                    <el-table-column label="操作" fixed="right" align="right" width="160">
                        <template #default="scope">
                            <el-button-group>
                                <el-button text type="primary" size="small"
                                    @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                                <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index, '0')">
                                    <template #reference>
                                        <el-button text type="primary" size="small">删除</el-button>
                                    </template>
                                </el-popconfirm>
                            </el-button-group>
                        </template>
                    </el-table-column>
                </scTable>

            </el-main>
        </el-container>
    </el-container>
</template>

<script>
export default {
    data() {
        return {
            apiObj: this.$API.machineManagement.getList,
            group: [],
            treeCheckKey: '',
            params: {
                groupId: '',
                machineCode: '',
                machineName: '',
                machineTypeId: '',
                status: 1,
            },
            status: [
                {
                    label: '启用',
                    value: 1
                },
                {
                    label: '停用',
                    value: 0
                }
            ],
            types: []
        }
    },
    created() {
        this.getTreeData()
    },
    methods: {
        getTreeData() {
            this.$HTTP.get('/api/blade-cps/group/tree?groupCategory=1&groupType=group_machine').then(res => {
                if (res.code === 200) {
                    this.group = res.data
                    this.params.groupId = res.data[0].id
                }
            })
        },
        nodeClick(node) {
            this.params.groupId = node.id
        },
        search() {
            this.$refs.table.reload(this.params)
        },
        table_add() {
            this.$router.push(`/tpm/machine/create`);
        },
        batchDel() { },
    }
}
</script>

<style lang="scss" scoped></style>

 src/views/tpm/machine-management.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,102 @@
<template>
    <el-main>
        <el-card shadow="never">
            <el-tabs tab-position="top" class="custom-tabs" v-model="activeName">
                <el-tab-pane label="机器台账" name="1">
                    <Machine></Machine>
                </el-tab-pane>
                <el-tab-pane label="机器组" name="2">
                    <MachineGroup></MachineGroup>
                </el-tab-pane>

            </el-tabs>
        </el-card>
        <!-- <Dialog ref="dialog" @success="success" :option="{ types, status, group }"></Dialog> -->
    </el-main>
</template>

<script>
import pmsPng from '@/assets/pms.png'
// import Dialog from './Dialog.vue'
import MachineGroup from './MachineGroup.vue'
import Machine from './MachineTab.vue'
export default {
    name: 'system',
    components: {
        // Dialog,
        MachineGroup,
        Machine
    },
    data() {
        return {
            activeName: '1',
        }
    },
    watch: {
        activeName: {
            handler(val) {
                // this.queryList().then(() => {
                //     if (val == 1) {
                //         console.log('>>>>>>>>>>>>>>', this.treeCheckedNode)
                //         this.apiObj = this.$API.workstation.getList
                //         this.params = {
                //             groupId: this.treeCheckedNode.id,
                //             keyWord: '',
                //             status: 1,
                //             type: ''
                //         }
                //         this.groupClick1(this.treeCheckedNode)
                //     }
                // })
            },
            immediate: true
        },
    },
    created() {
        // this.init()
        // this.queryList()
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
.show-info {
    list-style: none;
    font-size: 14px;
}

.preview-title {
    padding: 12px;
    margin-bottom: 14px;
    font-size: 16px;
}

.preview-content {
    font-size: 14px;
    display: flex;
    align-items: center;

    .img {
        width: 30%;
    }

    ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;

        li {
            width: 50%;
            flex: 1 0 auto;
            margin-bottom: 10px;
        }
    }
}

.workbench {
    list-style: none;
}
</style>

 src/views/tpm/machine/create.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,21 @@
<!--
 * @Date: 2024-04-27 21:44:20
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-27 21:45:27
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/tpm/machine/create.vue
-->
<template>
    <el-main>
        <el-card shadow="never">
            æ–°å¢ž
        </el-card>
    </el-main>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped></style>