将下列前端页面改为带边框 a-row a-col span=6 a-form-model-item labelCol=span 6 wrapperCol=wrapperCol1 label=工号 prop=workId

要将上述前端页面添加边框，可以在每个a-col标签中添加一个class属性，并设置样式为border: 1px solid black。修改后的代码如下：

<a-row>
    <a-col :span="6" class="border">
        <a-form-model-item :labelCol="{span: 6}" :wrapperCol="wrapperCol1" label="工号" prop="workId">
            <a-list>
                <a-list-item>{{ mdl.workId }}</a-list-item>
            </a-list>
        </a-form-model-item>
    </a-col>
    <a-col :span="6" class="border">
        <a-form-model-item :labelCol="{span: 6}" :wrapperCol="wrapperCol1" label="姓名" prop="name">
            <a-list>
                <a-list-item>{{ mdl.name }}</a-list-item>
            </a-list>
        </a-form-model-item>
    </a-col>
    <a-col :span="6" class="border">
        <a-form-model-item :labelCol="{span: 6}" :wrapperCol="wrapperCol1" label="工号" prop="workId">
            <a-list>
                <a-list-item>{{ mdl.workId }}</a-list-item>
            </a-list>
        </a-form-model-item>
    </a-col>
    <a-col :span="6" class="border">
        <a-form-model-item :labelCol="{span: 6}" :wrapperCol="wrapperCol1" label="姓名" prop="name">
            <a-list>
                <a-list-item>{{ mdl.name }}</a-list-item>
            </a-list>
        </a-form-model-item>
    </a-col>
</a-row>

然后，在CSS样式中添加以下样式定义：

.border {
    border: 1px solid black;
}

这样就给每个a-col标签添加了边框。