|
@@ -12,17 +12,20 @@
|
|
|
</el-icon> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
- <div style="padding: 8px 24px 16px 24px">
|
|
|
- <el-form size="small" label-width="80px">
|
|
|
- <el-row :gutter="30">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="客户名称">
|
|
|
- <div>{{ form.companyName }}</div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="账期" required>
|
|
|
- <!-- <el-select
|
|
|
+ <div v-loading="loading">
|
|
|
+
|
|
|
+
|
|
|
+ <div style="padding: 8px 24px 16px 24px">
|
|
|
+ <el-form size="small" label-width="80px">
|
|
|
+ <el-row :gutter="30">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="客户名称">
|
|
|
+ <div>{{ form.companyName }}</div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="账期" required>
|
|
|
+ <!-- <el-select
|
|
|
v-model="form.currentMonth"
|
|
|
style="width: 100%"
|
|
|
@change="changeMonthHandle"
|
|
@@ -34,48 +37,49 @@
|
|
|
:value="item.id"
|
|
|
/>
|
|
|
</el-select> -->
|
|
|
- <el-date-picker v-model="form.currentMonth" type="month" placeholder="Pick a month" format="YYYY-MM"
|
|
|
- @change="changeMonthHandle" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="上传完成">
|
|
|
- {{ form.isFinished === 0 ? "否" : "是" }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col v-if="form.isFinished === 0" :span="12"> -->
|
|
|
- <!-- <el-form-item label="" required> -->
|
|
|
- <!-- </el-form-item> -->
|
|
|
- <!-- </el-col> -->
|
|
|
- <el-col :span="24">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col v-if="files.length === 0">
|
|
|
- <el-empty description="没有数据" />
|
|
|
- </el-col>
|
|
|
- <el-col v-for="(o, index) in files" :key="o.UUID" :span="8"
|
|
|
- style="margin-bottom: 10px; position: relative">
|
|
|
- <el-card :body-style="{ padding: '0px' }">
|
|
|
- <!-- <img
|
|
|
+ <el-date-picker v-model="form.currentMonth" type="month" placeholder="Pick a month" format="YYYY-MM"
|
|
|
+ @change="changeMonthHandle" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="上传完成">
|
|
|
+ {{ form.isFinished === 0 ? "否" : "是" }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col v-if="form.isFinished === 0" :span="12"> -->
|
|
|
+ <!-- <el-form-item label="" required> -->
|
|
|
+ <!-- </el-form-item> -->
|
|
|
+ <!-- </el-col> -->
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col v-if="files.length === 0">
|
|
|
+ <el-empty description="没有数据" />
|
|
|
+ </el-col>
|
|
|
+ <el-col v-for="(o, index) in files" :key="o.UUID" :span="8"
|
|
|
+ style="margin-bottom: 10px; position: relative">
|
|
|
+ <el-card :body-style="{ padding: '0px' }">
|
|
|
+ <!-- <img
|
|
|
:src="`${baseUrl}${o.fileUrl}`"
|
|
|
class="image"
|
|
|
style="max-width: 100%; height: 200px"
|
|
|
/> -->
|
|
|
- <el-image :src="`${baseUrl}${o.fileUrl}`" class="image" style="max-width: 100%; height: 200px"
|
|
|
- :preview-teleported="true" fit="contain" :preview-src-list="srcList" :initial-index="index"
|
|
|
- @click="vbs(baseUrl + o.fileUrl)" />
|
|
|
- <div style="padding: 14px">
|
|
|
- <div class="bottom clearfix">
|
|
|
- <el-form-item label="票据类型">
|
|
|
- <dict-tag :options="ticket_type" :value="o.typeId" />
|
|
|
- </el-form-item>
|
|
|
+ <el-image :src="`${baseUrl}${o.fileUrl}`" class="image" style="max-width: 100%; height: 200px"
|
|
|
+ :preview-teleported="true" fit="contain" :preview-src-list="srcList" :initial-index="index"
|
|
|
+ @click="vbs(baseUrl + o.fileUrl)" />
|
|
|
+ <div style="padding: 14px">
|
|
|
+ <div class="bottom clearfix">
|
|
|
+ <el-form-item label="票据类型">
|
|
|
+ <dict-tag :options="ticket_type" :value="o.typeId" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
@@ -101,7 +105,7 @@
|
|
|
},
|
|
|
});
|
|
|
const { getList, width } = toRefs(props);
|
|
|
-
|
|
|
+ const loading = ref(false);
|
|
|
// import api from '@/api/biz/fileStorage'
|
|
|
const data = reactive({
|
|
|
visible: false,
|
|
@@ -136,6 +140,7 @@
|
|
|
function open(arg) {
|
|
|
visible.value = true;
|
|
|
form.value = arg;
|
|
|
+ loading.value = true
|
|
|
form.value.currentMonth = `${form.value.year}-${form.value.month}`;
|
|
|
options.value = arg;
|
|
|
loadData();
|
|
@@ -154,8 +159,8 @@
|
|
|
files.value = res.data.files;
|
|
|
srcList.value = files.value.map((v) => baseUrl.value + v.fileUrl);
|
|
|
months.value = res.data.months;
|
|
|
-
|
|
|
form.value.isFinished = res.data.finished.isFinished;
|
|
|
+ loading.value = false
|
|
|
};
|
|
|
/**
|
|
|
* 列表checkbox列选择 事件
|
|
@@ -215,9 +220,9 @@
|
|
|
// )
|
|
|
// : null;
|
|
|
// console.log(months.value)
|
|
|
- form.value.year =proxy.moment(item).format("YYYY")
|
|
|
+ form.value.year = proxy.moment(item).format("YYYY")
|
|
|
// moment != null ? proxy.moment(date).format("YYYY") : null;
|
|
|
- form.value.month =proxy.moment(item).format("MM")
|
|
|
+ form.value.month = proxy.moment(item).format("MM")
|
|
|
// moment != null ? proxy.moment(date).format("MM") : null;
|
|
|
// }
|
|
|
loadData();
|