1

src/views/project/list/adjust-excel.vue

@@ -6,7 +6,7 @@
                     <hc-table-form ref="excelRef" :html="excelHtml" @tap="excelClick" />
                 </hc-card>
             </template>
-            <hc-card>
+            <hc-card scrollbar>
                 <template #header>
                     <el-segmented v-model="tabsKey" :options="tabsProps" @change="tabsChange" />
                 </template>

src/views/project/list/set-input.vue

@@ -53,6 +53,19 @@
                 </el-select>
             </el-form-item>
         </el-form>
+        <hc-card-item v-if="['select', 'radio', 'checkbox', 'selectBox'].indexOf(formModel.type) !== -1" title="相关数据：">
+            <template #extra>
+                <el-button type="primary" size="small" @click="addTableData">新增</el-button>
+            </template>
+            <hc-table :column="tableColumn" :datas="tableData" :is-current-row="false">
+                <template #dictValue="{ row }">
+                    <hc-table-input v-model="row.dictValue" />
+                </template>
+                <template #action="{ index }">
+                    <el-link type="danger" @click="rowDelClick(index)">删除</el-link>
+                </template>
+            </hc-table>
+        </hc-card-item>
         <div class="action-btn-box mt-30px text-center">
             <el-button type="primary" :loading="submitLoading" @click="dialogSubmit">
                 <hc-icon name="save" />
@@ -119,49 +132,39 @@ const checkRangeDivide = ref('至')
 const formRef = ref(null)
 const formModel = ref({})
 const formRules = {
-    name: {
-        required: true,
-        trigger: 'blur',
-        message: '请先获取元素坐标',
-    },
-    type: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择文本格式',
-    },
-    date: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择日期格式',
-    },
-    dateDivide: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择日期分割',
-    },
-    time: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择时间格式',
-    },
-    timeDivide: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择时间分割',
-    },
-    rangeDivide: {
-        required: true,
-        trigger: 'blur',
-        message: '请选择中间分隔符',
-    },
+    name: { required: true, trigger: 'blur', message: '请先获取元素坐标' },
+    type: { required: true, trigger: 'blur', message: '请选择文本格式' },
+    date: { required: true, trigger: 'blur', message: '请选择日期格式' },
+    dateDivide: { required: true, trigger: 'blur', message: '请选择日期分割' },
+    time: { required: true, trigger: 'blur', message: '请选择时间格式' },
+    timeDivide: { required: true, trigger: 'blur', message: '请选择时间分割' },
+    rangeDivide: { required: true, trigger: 'blur', message: '请选择中间分隔符' },
+}
+
+//数据表格
+const tableColumn = [
+    { key: 'dictValue', name: '默认值' },
+    { key: 'action', name: '操作', align: 'center', width: 70 },
+]
+const tableData = ref([{}])
+
+//新增数据
+const addTableData = () => {
+    tableData.value.push({})
+}
+
+//删除数据
+const rowDelClick = (index) => {
+    tableData.value.splice(index, 1)
 }
 
 //提交
 const submitLoading = ref(false)
 const dialogSubmit = async () => {
-    /*const isForm = await formValidate(formRef.value)
+    const isForm = await formValidate(formRef.value)
     if (!isForm) return false
-    submitLoading.value = true
+    console.log(formModel.value)
+    /*submitLoading.value = true
     const { isRes } = await mainApi.submitExcelElement(formModel.value)
     submitLoading.value = false
     if (!isRes) return
@@ -171,5 +174,12 @@ const dialogSubmit = async () => {
 </script>
 
 <style scoped lang="scss">
-
+.hc-project-list-adjust-excel-set-input :deep(.hc-card-item-box){
+    padding: 6px 14px 14px;
+    .hc-card-item-header {
+        color: #101010;
+        font-size: 14px;
+        font-weight: unset;
+    }
+}
 </style>